3.3 Разработка фирменного сайта

Разработать сайт для фирмы (на примере конкретной фирмы/организации/компании….) в Dreamweaver (не менее 10 web-страниц)

На локальном диске создать папку с названием сайта (например, Site idea). В ней создать папки Images, Pages, Text, Tables,....и т.д. с исходными материалами (файлы с изображениями, текстами, таблицами).

Разработка фирменного сайта

1. Создать новый сайт в Dreamweaver:открыть программу, выбрать HTML, выбрать в главном меню вкладку «Сайт» (Site) → «Новый сайт»(New Site) → указать имя сайта→ «Далее»(Next)→ указать папку, в которой будет храниться весь сайт→ «Далее»(Next) → «Готово»(Done).

2. Создать в новом сайте папки: Images, Pages, Text, Tables,....и т.д. (по необходимости, если они отсутствуют).

3. Сохранять в выше приведенных папках по ходу создания сайта соответственно файлы с изображениями, htlm- страницами, текстами, таблицами и т.д.

4. При формировании html-шаблона необходимо «подставить» изображение-кальку с вашим макетом. Для этого необходимо выбрать в главном меню вкладку «Изменить»(Modify) → «Свойства страницы»(Page Properties)→категорию «Трассированное изображение»(Tracing Image) →выбрать в окне (Browse) нужный файл→уменьшить его прозрачность. В браузере данное изображение-кальку видно не будет, его видите только Вы при работе с программой в режиме «Дизайн». Затем сделать разметку страницы в Dreamweaver с помощью таблицы (повторяющей макет) размером 1020*700 пикс. Размер изображения-кальки и таблицы макета должен совпадать!

5. Заполнить ячейки изображениями из папки Images, созданной в пункте 2. Для этого можно перетаскивать файлы- изображения из дока панелей справа. Ячейку под текст и другие изменяющиеся ячейки оставить пустой.

6. После того, как создано несколько страниц, вы можете связать их гиперссылками. Для этого необходимо открыть ваш файл-шаблон, затем выделите нужную кнопку и сделайте ссылку (внизу страницы воспользуйтесь вкладкой «Свойства (Properties)→«Ссылка»(Link) →нажмите значок-папку и укажите нужный файл html-страницы из папки Pages).

7. Наполнить редактируемые области (ячейки таблицы) во всех html-страницах. Текст можно вставить просто скопировав его из Word и вставив в нужную ячейку таблицы в Dreamweaver.

8. Просматривать все созданные html-страницы в браузере можно, нажимая клавишу F12.

Линейки (Ctrl+ALT+R), сетка (Ctrl+ALT+G), привязка к сетке (Ctrl+ALT+Shift+G), карта сайта (ALT+F8).

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РФ

Государственное образовательное бюджетное учреждение

высшего профессионального образования

«ПЕНЗЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»

Юридический факультет

Кафедра «Коммуникационный менеджмент»

Дисциплина: «Разработка и технологии производства

рекламной продукции»

Курсовая работа

на тему: « »

Преподаватель ________________ _________________

подпись, дата, инициалы, фамилия

Студент _______________ ______________ ________________

код (номер) группы, подпись, дата, инициалы, фамилия

Пенза 2011