Что такое верстка сайта - кто такой верстальщик ?

Верстка сайта - это процесс преобразования макета сайта, в html код, понятный браузеру. При создании сайта, учавствуют три человека. Это дизайнер, верстальщик, и вебмастер \ оптимизатор.

Обычно весь дизайн, рисуется сначала во всем известной программе Photoshop. Веб-художник рисует сайт так, как он будет выглядеть на экранах пользователя. Что бы представить как выглядит макет, зайдите на любой сайт, сделайте "СкринШот", и откройте его в фотошопе.

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

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

Что такое кроссбраузерная верстка.

Сегодня в интернете существует большое количество браузеров (программ, через которые люди проссматривают интернет страницы), Internet Explorer, Opera, Mozilla Firefox, Google Chrome, Netscape Navigator, Safari и другие. И каждый такой браузер, по своему отображает html код. Отличия не большие, но они есть. Где то меню не так выскакивает, где то кнопки другого размера, где то шрифт не в том месте, и т.д.

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

Что такое Табличная и Блочная верстка.

Сверстать сайт возможно двумя принципиально разными способами.

Первый способ – при помощи таблиц. Таблицы создаются при помощи тегов <table>; <tr>; <td>. Делается как бы большая сетка, на всю площадь экрана. И в эти ячейки, "засовываюся" элементы дизайна.

Более удобно и правильно, с точки зрения убеждений о разделении содержания и оформления, верстать сайт при помощи слоев (блоков, тегов <div>). Блочная верстка - или по другому "Дивная" (от тега <div>) сайтов дает больше возможностей, позволяет сделать код компактнее, и увеличить скорость загрузки веб-страницы. С появлением способа верстать сайты тегами (<div>), этот способ, на подобие вирусной рекламе, стал очень популярным, и остается им по сей день. И на это есть множество причин:

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