Мы продолжаем с вами создавать с нуля самостоятельно наш собственный первый в жизни сайт. Кстати, именно первый сайт почему-то запоминается нами на всю жизнь, как и первая любовь, первый урок в школе и так далее. Но к делу, у нас уже придумана тематика сайта и его содержание, есть доменное имя, приобретен хостинг, на котором мы сайта расположим, и нарисован дизайн для нашего будущего сайта.
Пришла пора этот сайт верстать, собирать в шаблон и располагать на нужном месте функциональные элементы. Если вы создаете динамический сайт — у вас уже должны быть макеты страниц, которые и будут верстаться и выбранном ранее варианте дизайна. Скажем, если у вас есть сайт, продающий газовые генераторы, как http://www.gazg.ru/, то вы уже должны заранее иметь картинки нужных вам газовых генераторов в миниатюре и в оригинальном, увеличенном размере. И вам придется разместить их на странице и вставить описание так, чтобы это выглядело максимально удобно для чтения и выгодно для ваших посетителей.
Обычно верстка дизайна проходит в несколько этапов. Сначала нарисованный шаблон разрезается все в той же программе, в которой вы его рисовали, то есть в фотошопе. И уже потом — часть графики остается графикой, то есть изображениями, а часть — заменяется цветом фона там, где это возможно. И после того, как будет готов макет страницы, его можно заполнять текстом и изображениями, как это было описано в примере про газовые генераторы.