План-конспет урока по теме: «Знакомство с оболочкой по созданию веб-страниц»

Цель: познакомиться с редактором web-страниц Macromedia Dreamweaver, овладеть основные приемы работы с редактором.

План:

I Организационный момент

II Актуализация знаний

III Теоретический материал урока

ІV Подведение итогов урока

Конспект урока по информатике

Ход урока

I Организационный момент

II Актуализация знаний

III

Теоретический материал урока

Основные теоретические сведения

Программа Macromedia Dreamweaver предназначена для удобного и качественного создания web-документов и имеет удобный интерфейс.

Рассмотрим основные элементы интерфейса программы Macromedia Dreamweaver.

Главное меню программы разрешает выполнять все основные операции как с HTML документом в целом, так и с отдельными блоками и элементами документа.

Панель инструментов разрешает получить быстрый доступ к наиболее часто используемым конструкциям Web-документа и внедрять их в документ.

style="text-align: justify;">Меню создания файла разрешает создавать 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 Подведение итогов урока

1 звезда2 звезды3 звезды4 звезды5 звезд (1 votes, average: 5,00 out of 5)