1) Планирование.

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

Подавляющее количество людей считают, что на бумаге стоит наносить лишь основные элементы структуры сайта. Я же Вас заверяю, что чем чётче и детальнее Вы опишете свой сайт, тем проще Вам будет в дальшейшем!

Второй этап – разработка чёткой иерархии сайта. Где-нибудь у себя в записной книжке пометьте – где и какие файлы будут распологаться. К примеру, картинки в папке img, сторонние странички – another, и тому подобное…

И вот собственно, перед Вами лежит чёткая структура сайта, ветвистая система директорий, отображающая иерархию файлов сайта…

2) Интерфейс программы и базовые атрибуты.

Ну-с, когда всё это дело готово, самое время приступить к созданию Вашей первой странички.

Редактор, в котором будем варганить страничку, обзывается – Macromedia Dreamweaver. Достать Вы его можете где угодно, а проще – сходить в магазин и купить диск с программой, так как программа весит немного немало ~50 мб.

Сразу на заметку Вам: рекомендую восьмую версию, так что основывайтесь на Macromedia Dreamweaver 8.0.

Запустите редактор, там шлёпните по надписи Create New => HTML.
Ну что ж, перед Вами та самая программа, в которой мы и будем создавать Вашу первую страничку.

Большую часть занимает Рабочая Область (визуально, в ней и будет готовиться Ваш шедевр), сверху расположена инструментальная панель, а снизу – панель свойств.

Для начала, давайте настроим атрибуты странички. Нажмите по кнопке (которая расположена внизу – в области свойств) Page Properties.
Перед Вами раскрылась картина настройки свойств странички. Кроме того, что изменить фон, здесь Вы можете выбрать базовый шрифт, цвет, свойства ссылок, и прочее-прочее.

Главная деталь здесь – выберите категорию Title/Encoding. В графе «Document Type (DTD)» выберите Кириллица (Windows)!

Это сильно повлияет на Ваш сайт! И это очень важно!
Прошу, не пренебрегайте этим свойством, ибо, я плохого бы советовать не стал…

3) Создание каркаса.

Развязавшись и поигравшись вдоволь свойствами, давайте приступим к серьёзной и целеустремлённой практике.

Давайте сваям каркас Вашей странички.

В панели инструментов, которая находится чуть выше, выберите пункт Common, в котором нажмите по кнопке Table, с изображением таблицы. В появившемся окне задайте число строк (Rows) и столбцов (Columns).
При необходимости, Вы также можете настроить и ряд других атрибутов странички – задать ширину создаваемой таблички, её описание, и многое другое.

И теперь начинается самое интересное!

Сейчас нам предстоит сформировать страничку из обычной таблицы, которую Вы только что создали.
Растяните таблицу по всей области странички, выделите место под отсек «меню», «логотипа», и других запланированных элементов. Таким образом, у Вас получится таблица, состоящая из трёх строк и трёх столбцов.

Итак, каркас создан, теперь неплохо бы подгрузить на страничку графику…

4) Элементы оформления.

Щёлкните курсором мыши по тому месту, где Вы хотите вставить изображение. Допустим, пусть это будет верхняя область страницы.

Опять же киньте взгляд на инструментальную панель, что находится наверху. В категории Common шлёпните курсором по изображению с картинкой (Image). После чего выберите импортируемое изображение, и всё время щёлкайте на ОК..!

Вот Вам и страничка, увешанная картинками! Наслаждайтесь ;)!

5) Как сделать так, чтобы с одной странички можно было переходить на другую?

Ну и последний момент этого репорта – создание гиперссылок.

Собстно, с помощью гиперссылок Вы можете перемешаться по любым документам, которые расположены в сети Интернет.

Итак, чтобы вставить в свою страничку гиперссылку на страницу #2, скажем, на страничку с Вашими реквизитами; выделите текст, который будет гиперссылкой, нажмите на кнопку Hyperlink.
В вышедшем окне, в графе Link введите ссылку к ссылающемуся файлу.

Мы с вами рассмотрели способ создания небольшого персонального сайта. Следуя этим инструкциям, вы без труда сможете выложить в Интернете информацию о том, какой вы классный парень или какая вы красивая девушка. Однако, если вы хозяин фирмы, и хотите серьезный и солидный сайт-представительство вашей компании, и чтобы можно было автоматизировать процессы создания новых страниц, а также добавить в ваш сайт интерактивные элементы – обратитесь к профессионалам по созданию сайтов. Они вам помогут!