Статьи

Веб дизайн


Каскадные таблицы стилей - css верстка для начинающих.


Многие из тех кто начал изучать html разметку скачивали бесплатные  шаблоны сайтов, и в архивах находили непонятный файл обычно с названием styles.css как видно расширение этого файла css (читается си-эс-эс).  Непонятный формат и непонятное содержание документа наталкивало на мысли зачем  этот файл нужен и как он работает.
Этим файлом называются каскадные  таблицы стилей по  последнему слову понятно, что связь идет со стилем сайта, дизайном. Так оно и  есть, суть заключается в создании единого дизайна сайта, это можно проследить  на любом веб ресурсе. При переходе по страницам все страницы похожи друг на  друга, имеют одинаковый фон, меню, блоки, цвет текста, заголовки и другие  мелочи. Если вы изучали язык веб программирования хтмл, то знаете что для  составления определенного дизайна нужно использовать множество тегов с целой  кучей параметров и так на каждой странице на каждом заголовке и списке.  Согласитесь что это очень трудоемкое дело и не совсем удобное.
  

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

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

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

Это всего  лишь поверхностное объяснение предназначения каскадных таблиц стилей и их  способ исполнения. Данная статья направлена на начинающих вебмастеров, которые  собираются учить очередную технологию веб строения (CSS). Теперь вы имеете общее  представление об этом. Могу посоветовать скачать не большой учебник или даже  пособие по этой технологии, на начальных стадиях не нужно браться за огромную  книгу на 1000 страниц. Достаточно получить базовые знания. Затем нужно немного  попрактиковаться, создать несколько не больших шаблонов или поработать с  готовыми. Как освоите азы можно взять  серьезную литературу и начать совершенствовать свои знания в этой области.Надеюсь  данная статья поможет разобраться начинающим веб дизайнерам в некоторых важных  вопросах. 

Статью  подготовил Гавриков Андрей Анатольевич.

 
Дата публикации: 2010-06-13
Прочитано: 1668 раз


[ Назад | Начало | Наверх ]
Нет комментариев. Почему бы Вам не оставить свой?
Вы не можете отправить комментарий анонимно, пожалуйста зарегистрируйтесь.