Основные этапы создания сайта

РАЗРАБОТКА ФРАГМЕНТА САЙТА

1. Этап планирования. На этом этапе вам понадобятся только карандаш и бумага или, программа текстового редактора или специальный пакет проектирования сайта.

2. Определить, какая конкретно информация должна присутствовать на сайте.

3. Решить, как будет выполнен дизайн сайта. Будет ли он по стилю консервативным, строгим или затейливым.

4. Сконструировать логическую структуру сайта – нарисовать её. Для этого продумать:

· сколько будет страниц,

· какая информация будет на каждой странице,

· как будут связаны страницы для перехода с одной страницы на другую.

5. Определить физическую структуру сайта: как отдельные файлы, составляющие сайт, будут "разложены" по папкам.

Весь сайт хранится в одной папке! Все изображения сохраняйте в папку img, все дополнительные страницы – в папку pages. Файл главной страницы должен быть в корневой папке и называться index.html)

6. Проверить, ничего ли вы не забыли. Это последний этап планирования сайта.

Технология работы:

1. Запустите программу Adobe Dreamweaver.
2. В появившемся диалоговом окне выбрать создать HTML.
3. Установите режим окна Split

1. Нажмите кнопку Page Properties (Modify—Page Properties). Установите параметры документа.

Установите цвет текста на странице (будет отображаться по умолчанию), цвет фона страницы, или установите фоновую картинку. Если надо установите повторение по горизонтали и по вертикали (Repear).

Слева в диалоговом окне в списке Category на вкладке Links установите цвета для ссылок.

1. Сохраните документ. File — Save As далее введите имя английскими буквами (например, skazka1). Просмотрите страницу в браузере.

1. В поле Title задайте заголовок страницы сайта (например, название сказки)

1. В окне просмотра наберите ваш заголовок, и отформатируйте его (выравнивание, начертание B I, размер Н1)

1. Добавьте на страницу таблицу

В диалоговом окне Table установите параметры для таблицы.

1. Для объединения ячеек таблицы (как показано на рисунке) выделите нужные ячейки и, нажав правую клавишу выберите Table — Merge Cells

1. Чтобы создать картинку-перевертыш, то Insert—Image Objects — Rollover Image.

Чтобы создать картинку гиперссылку то вставьте картинку (Insert — Image). Выделить ее. В свойствах объекта указать Link.

1. Создание бегущей строки. Тег marquee. Поэкспериментируйте с атрибутами. Установите курсор в том месте документа, куда вам нужно добавить бегущую строку. В соответствующем месте кода, напишите следующее:

Вместо слов «бегущая строка» напишите свой текст.

Дата добавления: 2015-07-11