CSS и Javascript в помощь веб-дизайнеру

Хорошему веб-дизайнеру в своей работе нужно не только уметь рисовать, работать в графических редакторах и иметь чувство художественного вкуса. Это безусловно важно. Но для грамотного веб-дизайна нужны также знания CSS и Javascript — чтобы заранее представлять, каким образом будет выглядеть тот или иной элемент дизайна в уже свёрстанном сайте.

В современной действительности профессиональное изготовление сайтов — очень тонкая наука. Ведь прогресс не стоит на месте. Методы, с помощью которых выполняется вёрстка сайта, с каждым годом дополняются всё новыми фишками. Код страниц упрощается, табличная вёрстка уходит в прошлое и им на смену приходят сайты, сделанные по технологии web 2.0.

Сама я до недавнего времени мало что понимала в вёрстке сайтов. Столкнулась с этим, когда начали с Павлом верстать тему для этого блога. Картинку я нарисовала, а что дальше делать — не представляла. Ну, во-первых, для создания собственной темы нужно знать язык гипертекстовой разметки HTML. Наизусть знать необязательно, полно хороших справочников по HTML, главное — помнить основные теги для создания web-страниц. Подробную пошаговую вёрстку собственной темы WordPress Павел описывает в своём персональном блоге. Кому интересно — почитайте.

CSS и Javascript

Теперь давайте разберёмся, что же такое CSS и Javascript. Для чего нужны эти технологии, что с их помощью можно делать.

CSS

CSS ( от англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Так определяет CSS Википедия.

Говоря простым языком, в файле стилей мы описываем все свойства конкретных элементов web-страницы: заголовков, абзацев, ссылок, списков, картинок и т.д. Абсолютно любой элемент может быть описан с помощью файла стилей (style.css). Для каждого элемента задаются конкретные свойства: шрифт, размер, положение, отступы и т.д.

Для чего нужен файл стилей, если все эти свойства элементов можно описать прямо в основном коде страницы. Чтобы не описывать каждый раз тот или иной элемент, чтобы код страницы был более простым, гибким и понятным. Например, если мы опишем все свойства заголовка h1 в файле стилей, то в основном коде нужно будет лишь вставить парный тег заголовка <h1>Заголовок</h1>, не прописывая его свойства. Без знаний CSS нам пришлось бы в основном коде страницы прописывать свойства каждого элемента. Например, <h1><font face="Trebuchet MS" size="5" color="green"><strong><em>Заголовок</em></strong></font></h1>.

Согласитесь, гораздо удобнее использовать разделение основного кода и стилей для вёрстки сайта.

JAVASCRIPT

Всё та же Википедия сообщает нам, что Javascript — это объектно-ориентированный скриптовый язык программирования.

Что это означает? Это значит, что с помощью javascript мы можем привнести интерактивность в свой сайт. Например, на этом блоге с помощью языка javascript написаны такие объекты как слайдер интересных постов на главной странице, всплывающие подсказки, ссылки в заголовках (в seo-целях мы не хотели вставлять обычные html-ссылки).

Мы использовали при вёрстке популярную библиотеку javascript - jquery. Библиотека jquery позволяет пользователю создавать простые и понятные сценарии, для реализации которых на чистом javascript потребовалось бы много кода.

Если вас заинтересовала моя информация, то в сети очень много тематических сайтов и учебников по веб-дизайну. При желании можно углубить свои знания. Достаточно хорошенько погуглить. Я лишь объяснила простым языком для чего нужны все эти знания веб-дизайнеру или простому блогеру, планирующему заняться вёрсткой собственной темы. Неплохо также узнать лунный календарь на 2011 год перед планированием серьёзных дел. Луна оказывает сильнейшее влияние на биоритмы человека. Я, например, всегда сверяюсь с лунным календарём когда планирую стрижку волос. Иду к парикмахеру только на растущей Луне, чтобы волосы росли быстрее