СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER Инструкция для работы

СОЗДАНИЕ WEB-СТРАНИЦ В
РЕДАКТОРЕ MACROMEDIA
DREAMWEAVER
Инструкция для работы
в редакторе Web-страниц
Составила учитель истории
СОШ №12 Панова Н.Ю.
СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER
Задание 1-й группе:
Создать Web-страницу «Памятники
Отечественной войны 1812г»
1. Вы создали новый Web-узел. Откройте
его в редакторе Dreamweaver, выполнив
команду Site/Open Site (Узел/Открыть
Узел)
2. Создайте новый HTML-документ,
озаглавив его Index.html. Этот документ
будет заглавной страницей.
СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER
Задание 2-й группе:
Создать Web-страницу
«Герои Отечественной войны 1812г»
1. Вы создали новый Web-узел. Откройте
его в редакторе Dreamweaver, выполнив
команду Site/Open Site (Узел/Открыть
Узел)
2. Создайте новый HTML-документ,
озаглавив его Index.html. Этот документ
будет заглавной страницей.
СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER
Задание 3-й группе:
Создать Web-страницу
«Битвы Отечественной войны 1812г»
1. Вы создали новый Web-узел. Откройте
его в редакторе Dreamweaver, выполнив
команду Site/Open Site (Узел/Открыть
Узел)
2. Создайте новый HTML-документ,
озаглавив его Index.html. Этот документ
будет заглавной страницей.
СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER
Задание 4-й группе:
Создать Web-страницу
«Герои партизанского движения 1812г»
1. Вы создали новый Web-узел. Откройте
его в редакторе Dreamweaver, выполнив
команду Site/Open Site (Узел/Открыть
Узел)
2. Создайте новый HTML-документ,
озаглавив его Index.html. Этот документ
будет заглавной страницей.
СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER
Задание 5-й группе:
Создать Web-страницу
«Бородинское сражение 1812г»
1. Вы создали новый Web-узел. Откройте
его в редакторе Dreamweaver, выполнив
команду Site/Open Site (Узел/Открыть
Узел)
2. Создайте новый HTML-документ,
озаглавив его Index.html. Этот документ
будет заглавной страницей.
СОЗДАНИЕ WEB-СТРАНИЦ В РЕДАКТОРЕ MACROMEDIA DREAMWEAVER
Задание 6-й группе:
Создать Web-страницу
«Армии стран Европы 1812г»
1. Вы создали новый Web-узел. Откройте
его в редакторе Dreamweaver, выполнив
команду Site/Open Site (Узел/Открыть
Узел)
2. Создайте новый HTML-документ,
озаглавив его Index.html. Этот документ
будет заглавной страницей.
1.
2.
3.
4.
5.
6.
Этапы работы
Планирование и создание
локального Web-узла
Создание нового HTML-документа
Использование графики
Создание гиперссылок
Создание таблицы
Вставка объектов мультимедиа
Локальный WEB-узел – это
пространство на жёстком диске, где
сосредоточены все файлы,
составляющие его структуру.
1-й этап – создание локального WEB-узла.
Выбрать команду Site/New Site ,
где в открывшемся окне заполняют необходимую
информацию. На жёстком диске создайте корневую
папку WEB-узла, озаглавьте её. В корневой папке
создайте вложенные папки с графическими
файлами, видеофайлами и т.д. Не забудьте, что
графические файлы, размещаемые в Интернете,
должны иметь разрешение GIF и JPEG.
1.
2.
3.
4.
2 этап: Создание нового HTML-документа,
определение параметров страницы
Выделить папку, в которой будет создан
HTML-документ
Выбрать в меню команду File/New File
Ввести имя файла латинскими буквами,
двойным щелчком открыть этот файл для
редактирования.
Из главного меню выбрать команду
Modify/Page Properties (Изменить/
Установки страницы)
3 этап: Создание гиперссылки на документ
1. Выделить текст или рисунок для будущей
гиперссылки
2. Ввести имя файла латинскими буквами,
двойным щелчком открыть этот файл для
редактирования.
3. Из главного меню выбрать команду Modify/
Make Link. В открывшемся окне открыть
корневую папку, открыть папку с нужным
файлом, выделить его и щёлкнуть на OK.
4 этап: Использование графики. Вставка
изображения
1. Поместить курсор в том месте, где должен
находиться рисунок и выберите команду
Insert/Image (Вставка/Рисунок)
2. В открывшемся окне щёлкните на кнопке
Browse (Обзор), чтобы выбрать
графический файл или введите путь к этому
файлу.
3. Задайте параметры рисунка в инспекторе
свойств. Щёлкните на кнопке OK.
5 этап: Создание таблицы
1. Поместить курсор в том месте, где должна
находиться таблица и выберите команду
Insert/Table (Вставка/Таблица)
2. В открывшемся окне задать параметры
вставляемой таблицы:
в поле Rows (Строки) введите число строк
В поле Columns (Столбцы) введите число
столбцов. Щёлкните на кнопке OK.
6 этап: вставка объектов мультимедиа
1. Поместите курсор в нужное место
документа и выберите команду
Insert/Media (Вставка/Медиа)
2. В открывшемся окне выбрать нужный
файл. Щёлкните на кнопке OK.