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

Цель: познакомиться с редактором 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 Подведение итогов урока




English topics my flat.