Этап

Преподаватель

Студент

 

Доска

 

Тетрадь

время

Здравствуйте ребята! (отмечает отсутствующих)

 

Студенты приветствуют преподавателя.

«Интерфейс программы Dreamweaver»

 

 

 

1

Тема нашего сегодняшнего урока «Интерфейс программы Dreamweaver». (Слайд 1) 

Запишите число и тему урока.

 

Для начала давайте повторим материал прошлых уроков, для этого пройдем тест по теме «HTML. Создание Web-страниц», с использованием компьютера и тестирующей программы MyTest.

Присаживайтесь за рабочие места. На рабочем столе запустите файл «Тест по HTML». В тесте предлагается 16 заданий, критерии оценивания:

 5 - не менее 85% (15, 16 прав.ответов)

4 – не менее 70% (13, 14 прав.ответов)

3 – не менее 50%

Для прохождения теста дайте команду: Тест-начать тест-Вводим фамилию и имя, группу. По прохождению теста вас оценит компьютер.

Сегодня за работу на уроке за  ответ я буду вам давать по карточке. За правильный ответ розовую карточку, а за неправильную голубую. В конце урока мы посчитаем, сколько карточек будет у вас. Чем больше розовых карточек, тем выше будет оценка за урок

И первые карточки вы получаете за выполнение теста.

Записывают тему в тетрадь.

 

 

Отвечают на тест

 

 

 

 

 

 

7

Изучение нового материала

Вы слышали, что сейчас при поступления в высшие учебные заведения требуется портфолио. Вы привыкли, что портфолио - это распечатанный комплект документов, но сейчас модно создавать портфолио, как в виде презентации, так и сайта.

Так какие программы для создания Web-страниц вы знаете, слышали? С какими редакторами для создания веб-страниц  работали мы?

 

Сегодня я вас познакомлю еще с одним редактором Dreamweaver.

Dreamweaver - один из самых популярных в мире HTML – редакторов, который обладает удобным интерфейсом, большим количеством инструментов и широкими возможностями настроек, благодаря чему программой могут пользоваться не только профессиональные Web - дизайнеры, но и начинающие разработчики. (Слайд 2)

 

При самом первом запуске программы появляется стартовая станица, позволяющая выбрать объект создания или редактирования, с которым будет осуществляться работа.

Перед началом работы необходимо выбрать рабочую среду  - с помощью команды Еще – настройки – в категории - «Новый документ» - «Кодирование» - Кириллица (windows)

 Выберите HTML и создайте новую страницу. По умолчанию, ее имя будет Untitled-1

Рассмотрим панели управления редактором:

1.Панель вставка содержит вкладки с основными объектами для вставки на страницу.

Вкладка Главные  содержит основные объекты для работы.

Вкладка Раскладка – для работы с таблицами и слоями

Вкладка Формы – содержит элементы управления: кнопки, списки, текстовые поля, поля рисунков

Вкладка Текст – содержит инструменты оформления текста

Вкладка HTML – позволяет вставлять HTML объекты: фреймы, Java -скрипты, разделительные линии

Гиперссылка – вставка гиперссылки

Почтовая ссылка – вставляет ссылку на электронный адрес.

Именованный якорь (закладка) – вставляет и именует закладку

Таблица – вставка таблицы

Изображение - вставка графического объекта, изменяющегося рисунка, навигационной панели, создание карты изображений

Дата – вставка в документ текущей даты (можно с автообновлением)

Медиа – вставляет флеш-анимацию и других медиа объектов

 

 

 

 

 

 

FrontPage, Блокнот, Ucoz.

 

 

 

 

 

 

 

 

.

 

 

 

 

20

Комментарий – добавляет к тексту комментарии

Шаблон – настройка шаблона

2.Панели инструментов документа

Панели инструментов документа предназначены для быстрого доступа к некоторым часто используемым операциям. Таких панелей в Dreamweaver две:

Standart - предоставляет доступ к файловым операциям (создание, открытие и сохранение Web-страницы, операции с буфером обмена);

Document - позволяет выполнять некоторые манипуляции с открытой Web-страницей и самой программой.

Кнопка в виде значка Земли предоставляет просмотр документа в браузере Internet Explorer. Для этого страницу необходимо прежде сохранить на диск.

В нижней части окна документа расположена строка состояния. Эта строка в окне документа Dreamweaver выполняет несколько очень важных функций. Она

разделена на три секции

Слева расположена секция тегов, занимающая большую часть строки состояния [1]. С помощью этой секции можно выбрать фрагмент текста, помеченный тем или иным тегом HTML. Секция тегов имеет вид небольшой панели инструментов, чьи кнопки соответствуют тегам и расположены слева направо в порядке вложенности.

Секция тегов — мощнейший инструмент правки страницы. Благодаря ей, разработчик получает доступ именно к тому тегу, который необходим для редактирования.

Правее находится вторая секция, отображающая размер окна документа в пикселах, — секция размера окна [2].

Самая правая секция показывает примерный размер созданной вами Web-страницы и время, в течение которого она будет загружаться с Web-сервера [3].

 

 

 

 

Всем все понятно, может у какого-то остались вопросы, может кому, что не понятно. Если вам все понятно, то сейчас проверю, как вы усвоили материал, кто был внимателен на уроке.

1.Для настройки рабочего окна, какую кодировку нужно использовать?

2.Какая вкладка содержит основные объекты для работы?

3. Для чего используется вкладка Текст?

4. Какие кнопки содержит вкладка Главная?

5.

 

 

 

 

 

 

Отвечают на вопросы

 

 

 

 

 

 

 

 

 

 

 

 

12

Итак, завершая наш урок,  запишем домашнее задание подготовить материал об исторических этапах развития ВТ и ученых, внесших вклад в развитие информатики, для выполнения этого задания вам нужно воспользоваться фондом библиотеки или интернет-ресурсами.

Ребята, у нас осталось не так много времени, поэтому присядьте за компьютеры, и пусть каждый из вас оценит свое настроение и эмоциональное состояние после занятия. На рабочем столе в папrt «Итог» ответьте на вопросы предложенные в анкете, и выберите смайлик.

 

 

Слушают, записывают домашнее задание

 

 

 

Оценивают свое настроение и эмоциональное состояние.

 

 

 

 

 

 

 

 

 

Домашнее задание:

подготовить материал об исторических этапах развития ВТ и ученых, внесших вклад в развитие информатики

 

 

5