a18ff589

Секреты верстки

Подписаться на эту рубрику по RSS

HTML, CSS и все что с ними связано!

Фон для сайта на CSS3

Пятница, 17 мая 2013 года в 17:40      Просмотров: 2124
Фон для сайта на CSS3

Добрый день дорогие друзья!

Сегодня я подготовил для вас довольно интересный урок, в котором мы будем создавать фон для сайта на чистом CSS3. Без каких либо картинок.

Далее...

Зачем нужен Фавикон?

Среда, 03 апреля 2013 года в 20:01      Просмотров: 879
Зачем нужен Фавикон?

Иногда даже самые маленькие детали на нашем сайте могут играть очень большую роль в дизайне и юзабилити. И как раз о такой маленькой детальке мы сегодня с вами и поговорим...

Что такое фавикон?

Favicon (от английского favorite icon - избранный значок) - это маленькая картинка, которая ассоциируется с определенным вебсайтом или страницей.

Она располагается в верхней вкладке браузера напротив названия сайта, который вы открыли. А также эта картинка отображается в закладках, если вы добавили сайт в избранное.

Далее...

Как разместить счетчик в подвале сайта (на примере шаблона D2)

Вторник, 26 марта 2013 года в 16:53      Просмотров: 802
Как разместить счетчик в подвале сайта (на примере шаблона D2)

Привет всем! Долго сидела, думала, чем же вас сегодня порадовать smile . И наконец-то придумала, решила сделать полезный видео урок. Тем более, что давно уже не выкладывала видео уроки, все статьи, да статьи...

Сегодня я приготовила для вас урок по размещению счетчика посещаемости в подвале сайта.

Делала я все на версии 0.813 MaxSite CMS, на примере шаблона D2.

Также в этом видео я рассказываю о том, каким образом можно сделать так, чтобы сам код счетчика можно было добавлять через административную панель сайта без необходимости редактирования файлов шаблона.

Что делает добавление кода счетчиков на сайт не таким проблемным как для вас самих, так и для ваших клиентов. Так что, если в будущем возникнет необходимость что-то изменить, все это можно будет спокойно сделать через админ панель сайта.

Далее...

Что такое PHP?

Вторник, 12 марта 2013 года в 10:59      Просмотров: 722
Что такое PHP?

В то время, как мы учимся созданию сайтов, нам часто попадается термин PHP, но не все точно знают, что это такое и совсем немногие люди утруждают себя тем, чтобы подробно разобраться и изучить эту тему.

И в самом деле, иногда просто не возникает в этом необходимости. Например, чтобы создать шаблон для MaxSite CMS, вовсе не обязательно глубоко знать PHP, обычно знаний HTML и CSS вполне достаточно, иногда требуется что-то изменить и в PHP коде, но обычно метода «скопировал - вставил» бывает достаточно.

Тем не менее, знание PHP никогда не бывает лишним для верстальщика, чтобы понимать код других, а для вебмастера оно просто необходимо, ведь с помощью него мы можем оживить свой сайт, добавив ему динамики и больше свободы. А тот, кто хорошо изучит этот язык, даже может в случае необходимости разработать и свою CMS.

Далее...

Как подключить к своему сайту шрифты от Google Web Fonts?

Вторник, 12 февраля 2013 года в 13:45      Просмотров: 886
Как подключить к своему сайту шрифты от Google Web Fonts?

Довольно часто те, кто рисует дизайн для сайта или просто создает свой сайт, хотят использовать для своего творения какие-то необычные шрифты.

Некоторое время назад использование на сайте уникальных шрифтов в принципе было невозможным. Можно было только нарисовать в фотошопе картинку с тем шрифтом, который вы хотели видеть на своем сайте, а потом загружать уже эту картинку на свой сайт.

Но сейчас ситуация изменилась к лучшему и существует несколько вариантов подключения шрифтов к своему сайту, причем вы можете сделать это, даже не закачивая их к себе на хостинг (хотя это тоже вариант, но более проблематичный).

Все, что вам нужно - это просто указать ссылку сервиса, откуда вы взяли выбранный шрифт и он уже будет подгружаться именно оттуда.

Далее...

Что такое DOCTYPE и зачем он нужен?

Вторник, 29 января 2013 года в 11:42      Просмотров: 737
Что такое DOCTYPE и зачем он нужен?

Каждый, кто имеет дело с кодом, верстает или пока еще только учится верстать сайты, просто обязан знать о том, что в начале каждой HTML страницы перед тегом HTML должен стоять DOCTYPE.

Что такое DOCTYPE и зачем он нужен?

Строчка с DOCTYPE (Document Type Definition) в начале HTML страницы указывает на тип документа, который вы будете использовать при написании HTML кода для вашего сайта. Это непарный тег, то есть у него нет закрывающего тега.

Нужно понимать, что строчка, в которой прописывается DOCTYPE - это не просто очередной HTML тег. Это важная инструкция, с помощью которой мы говорим браузеру, какая версия HTML использовалась при написании страницы.

Далее...

Как самому создать XML Sitemap?

Пятница, 25 января 2013 года в 10:19      Просмотров: 1051
Как самому создать XML Sitemap?

Пару дней назад я писала статью о том, какие бывают карты сайта и насколько важно их использовать на своем сайте. В той статье я упомянула о том, что лучше всего, если у вас будет карта сайта XML. Так как ее большим преимуществом XML Sitemap является возможность использования мета-данных, которые позволяют вам снабдить поисковых роботов дополнительной информацией по каждой странице.

Однако, согласитесь, было бы здорово самому знать в подробностях , каким образом работает такая карта сайта и уметь, если понадобится, сделать ее самому. Поэтому давайте мы попробуем вместе с вами создать простую карту сайта sitemap.xml шаг за шагом.

Далее...

7 советов по написанию удобного CSS-кода.

Пятница, 11 января 2013 года в 07:11      Просмотров: 729
7 советов по написанию удобного CSS-кода.

СSS (каскадные таблицы стилей) - это язык, который используют все разработчики в той или иной мере для того, чтобы воплощать в жизнь свои проекты, делать их красивыми и удобными для посетителя, который видит плоды их трудов на экране своего монитора.

Но что скрывается за кулисами? Так ли красив и приятен для глаз код, который мы пишем, все ли в нем понятно и возможно ли в нем с легкостью разобраться человеку, который вдруг захочет внести в него какие-то изменения? К сожалению, многие даже не задаются подобными вопросами.

Далее...

Красивая граница с тенью.

Пятница, 17 августа 2012 года в 17:20      Просмотров: 2397

Красивая граница с тенью.

Привет друзья.

Сегодня от нефиг делать решил записать для вас малюсенький урок smile

Границу мы эту будем тестировать на картинках, но в принципе - ее можно применить к любому блоку.

Да, и я рассмотрю два способа задания такой границы.

1 способ. Он заключается в том, что мы будем использовать свойства border и box-shadow.

2 способ. Мы будем использовать свойства padding и border.

Далее...

Дарю видеокурс "Изучаем HTML"

Воскресенье, 22 июля 2012 года в 15:15      Просмотров: 6148

Видеокурс Изучаем HTML

Всем ОГРОМНЫЙ привет. У меня для вас есть офигенная новость. ok

Ну чтож поехали…

20 июля я отмечал свой День рождения!!! big surprise Эх… уже 28 лет мне стукнуло, старею... grin

Я очень классно его отметил и сегодня, решил сделать для своих подписчиков и посетителей сайта сюрприз!

А именно – подарить свой новый...

видеокурс “Изучаем HTML”

Далее...