Итак, как обычно выполняется процесс создания сайта? Если у вас имеется идея, цель и вы понимаете, что будет на данном сайте, то при проектировании сайта выполняется следующее:
На самом начальном этапе продумывают, как будет смотреться сайт и рисуют его дизайн, т. е. создают его визуальный вид. Часто дизайн сайта проектируют в специальной программе по типу Photoshop, после чего указанный рисунок станет базой для последующей работы над сайтом. Отсюда вытекает, что научиться создавать дизайн и пользоваться приложениями Adobe Photoshop, Corel Draw, которые зачастую используются для рисования дизайна сайтов, является одним из начальных шагов к тому, чтобы научиться проектировать и пускать в жизнь свои собственные ресурсы. Однако для того, чтобы сделать простенький сайт, это не обязательно. Визуальное оформление сайта в Photoshop создают тогда, когда желают сделать комплексный и красиво сделанный сайт с высоким количеством графики и т. п., ресурс с облегченным дизайном и малым количеством графики можно выполнить, начав сразу с этапа под номером два. Перед тем, как создать свой сайт, надо всегда установить программы и приложения для графики.
На втором этапе производят вёрстку сайта и формирование html-страницы либо html-шаблона. Что представляет собой вёрстка? Вёрстка — это процесс публикации на странице многочисленных элементов — текста, графики и т. п. следовательно, чтобы всё это смотрелось так, как задумано автором, создававшим дизайн ресурса. Если у вас легкий сайт, можно, не выполняя дизайна, сразу начать с проектирования html-остова (но для комплексных сайтов сделать поначалу дизайн, а потом вёрстку проще). Этот второй этап выступает, возможно, самым важным. Страницы с разметкой html — это фундамент любого сайта, и для того, чтобы выполнить свой собственный сайт, вы должны проектировать страницы для этого ресурса на языке html. Как сделать html-страницу? Можно это выполнить двумя простыми способами — либо самостоятельно написать html-код, и это получается сделать даже в «Блокноте», либо сделать ресурс в графическом редакторе для проектирования сайтов — скажем, в редакторе Dreamweaver.