Практическая работа №15
Наименование: Выбор шаблона для создания сайта. Изучение интерфейса программы
1. Цель: Научиться создавать веб- страницы с использованием программы Dreamweaver
2. Литература:
2.1 Киселев С.В. Алехин С. В. Остроух А.В. Веб - дизайн: учебное пособие – М.: Издательский центр «Академия», 2009.
3. Задание:
3.1 Изучить интерфейс программы Dreamweaver
3.2 Выберите определенный шаблон для будущего сайта
3.3 Создайте приблизительно следующую веб – страничку, на которой вы будете представлять сведения о себе.
3.4 Задайте соответствующий фон своей страницы
4. Содержание отчета:
4.1 Наименование и цель работы
4.4 Ответы на контрольные вопросы
4.5 Вывод о проделанной работе
5. Порядок выполнения работы:
5.1 По предложенной литературе изучите интерфейс программы Dreamweaver
5.2 Следуя указаниям приложения выполните соответствующие пункты
5.3 полученный результат покажите преподавателю
Контрольные вопросы:
Назначение программы Dreamweaver?
Назначение шаблонов для создания веб – сайтов
Какие существуют еще программы, которые предоставляют пользователям выбор шаблонов для разработки своих веб – сайтов?
ПРИЛОЖЕНИЕ:
Создадим веб- страницу с использованием программы Dreamweaver. Для этого после запуска программы необходимо выбрать пункт Создать в меню Файл. После этого появится новый документ. Dreamweaver поддерживает создание веб – страниц на основе шаблонов.
Шаблон – это особым образом подготовленная и сохраненная веб – страница, на которой уже имеются некоторые элементы, которые вам могут понадобиться.
Рис. 1 Диалоговое окно Создать документ
На рисунке 1 показан список, где вы можете выбрать категорию шаблонов. Выберите в списке пункт Пустая страница, а в списке Тип страницы HTML, нажмите ОК. На экране появится пустое окно документа. Новая веб – страница создана.
Ввод текста. Набрав текст, сразу же сохраните его в файле по каким- либо именем, но с расширением .html и поместите в отдельную папку. Необходимо ввести название документа (отображение внутри тега <title>. Наберите его в поле ввода.
Рис. 2 Поле ввода название веб – страницы
Форматирование абзацев. Чтобы отформатировать текстовый абзац как заголовок, нужно воспользоваться редактором свойств.
Рис. 3 Раскрывающийся список форматов - абзацев
Пункт Формат форматирует текст как обычный абзац, а также позволяет превратить его в заголовок соответствующего уровня. Пункт Форматированный превращает абзац в текст фиксированного формата, где форматирование задано не тегами HTML, а как в обычном тексте: отступы создаются пробелами, а разбиение на абзацы – символ ввода. Чтобы выронить абзац понадобятся кнопки выравнивания редактора свойств.
Рис. 4 Кнопки атрибутов
Практическая работа №16
Наименование: Создание сайта с использованием шаблона
1. Цель: Научиться создавать веб- страницы с использованием программы Dreamweaver
2. Литература:
2.1 Киселев С.В. Алехин С. В. Остроух А.В. Веб - дизайн: учебное пособие – М.: Издательский центр «Академия», 2009.