С чего начинается разработка сайта?

Естественно с идеи о том, каким будет Ваш сайт.

Вы должны определиться со следующими параметрами:

• Тематика сайта, или о чем будет Ваш сайт, или чего Вы вообще хотите от своего сайта

• Какие сервисы будут на вашем сайте (фотогалерея, форум, интернет-магазин и пр.)

• Структура сайта, хотя бы приблизительно

• Дизайн сайта

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

Наше обучение мы начнем с создания простых сайтов.

Структура сайта.

Проще всего представить себе структуру сайта в виде таблицы.

Например, такой:

Или такой:

Из приведенных выше таблиц видны различия в структурах сайтов. Рассмотрим подробнее.

Как правило, у всех страниц сайта есть единый вид и отличаются они только содержимым. Так что же дает всем страницам сайта единый вид? Это скелет, состоящий из Шапки сайта, Меню, Низа сайта (или Header’a, Menu и Footer’a). Дополнительные блоки могут присутствовать на всех страницах сайта, а могут только на Главной странице. Например, это могут быть блоки с рекламой, новостями, баннерами и т.п.

Также мы видим, что в приведенных выше схемах, разные типы меню: горизонтальное и вертикальное. Необходимо также продумать все разделы меню, какие из них будут основными, а какие будут подразделами. Чаще всего основными разделами меню бывают: Главная, Новости, Фотогалерея, Контакты.

Дизайн сайта.

Внешний вид сайта очень важен. Как говорится – встречают по одежке…

Поэтому, чтобы не распугать всех посетителей Вашего сайта мрачным фоном и “веселенькими” шрифтами 40 размера всевозможных расцветок, над дизайном сайта нужно хорошо подумать. Сайт может быть скромным, но продуманным и визуально не напрягающим.

Можно поискать сайты вашей тематики и подсмотреть идеи там, но ни в коем случае не копировать полностью. Вам нужно найти от чего отталкиваться, это может быть цветовая гамма, интересная картинка и т.п. В общем, проявите фантазию:)

Для воплощения своих дизайнерских идей в жизнь Вам нужно будет освоить как минимум один графический редактор, например, Adobe Photoshop. В дальнейшем, я планирую размещать на своем блоге уроки по Фотошопу.

Также для создания сайта Вам может пригодиться очень полезная программка – HTML-редактор Macromedia Dreamweaver (версия 8).

Программирование.

Как же теперь воплотить Вашу идею в жизнь?

На помощь приходят языки программирования. Проще всего новичкам будет освоить HTML – язык разметки документов (HTML по сути не является языком программирования). Этого языка хватит для создания несложного сайта.

Если же Вы хотите на своем сайте разместить более сложные вещи, такие как форум или интернет-магазин, Вам нужно будет освоить языки программирования- PHP, ASP, PERL, а также SQL или воспользоваться готовыми системами управления сайтом.

Для дизайна сайта нам также понадобится знание CSS -каскадных таблиц стилей.