План-конспет урока по теме: «Знакомство с оболочкой по созданию веб-страниц»
Цель: познакомиться с редактором web-страниц Macromedia Dreamweaver, овладеть основные приемы работы с редактором.
План:
I Организационный момент
II Актуализация знаний
III Теоретический материал урока
ІV Подведение итогов урока
Конспект урока по информатике
Ход урока
I Организационный момент
II Актуализация знаний
III
Основные теоретические сведения
Программа Macromedia Dreamweaver предназначена для удобного и качественного создания web-документов и имеет удобный интерфейс.
Рассмотрим основные элементы интерфейса программы Macromedia Dreamweaver.
Главное меню программы разрешает выполнять все основные операции как с HTML документом в целом, так и с отдельными блоками и элементами документа.
Панель инструментов разрешает получить быстрый доступ к наиболее часто используемым конструкциям Web-документа и внедрять их в документ.
Область HTML кода содержит код документа. В этой области создается как сам документ, так и его элементы и модули.
Область просмотра разрешает пересматривать простейшие конструкции документа, для просмотра всего документа необходимо использовать браузер.
Панель свойств отображает свойству отдельных объектов документа и разрешает их редактировать.
Рассмотрим назначение основных элементов панели инструментов и панели главного меню:
Hyperlink (гиперссылка)- вставляет в документ гиперссылки;
Email Link (ссылка на электронную почту) — вставляет на страницу ссылки на электронный адрес;
Named Anchor (якорь) — определяет имя области, куда будет осуществлен переход по гиперссылке;
Draw Layer (нарисовать пласта) — вставляет на страницу пласт (аналогично созданию пласта в программе PhotoShop);
Table (таблица) — вставляет на страницу таблицу;
Image (картинка) — вставляет на страницу графический элемент;
Image (изображение заполнитель) — заполняет указанную область изображением;
Flash — вставляет флешь-анимацию на страницу;
FireWorks — вставляет объект FireWorks;
Scrolling (прокручивание) — прокручивание изображения;
Navifgation Bar — вставляет навигационную панель, состоит из нескольких кнопок;
Horizontal Rule (линейка) — вставляет декоративный элемент — линейку, (используется как разделитель абзацев);
Date (дата) — вставка в документ текущей даты (можно с автообновленням);
Tabular data (табличные данные) — вставляет готовую таблицу с готовыми данными;
Comments (комментарии) — вставляет комментарии;
Tag (тег) — вставляет тегов.
Кроме главной панели инструментов, в программе предусмотренные специализированные панели инструментов, которые включаются выбором соответствующей панели после нажатия на кнопку Common.
С помощью кнопки Common можно вывести на экран следующие панели инструментов: Common — общие, Layout — пласты, Forms — формы, Text — текст, HTML, Application — приложения, Flash elements -элементы флешь, Favorites — выбор главного об’єкта.
Введение HTML кода осуществляется в кодовой части. Для этого мы изменяем предлагаемую кодовую страницу в заглавной части. Для переключения на русскоязычную страницу необходимо прописать тег meta в следующем виде:
<meta http-equiv=» Content-Type» content=»text/html; charset= windows-1251″>.
где charset= windows-1251 переключение на русскоязычную кодовую страницу.
ІV Подведение итогов урока