Закачка сайта на сервер по ftp-протоколу в среде Dreamweaver. презентация

© Белотелов Ю. С., Тамбов, 2012
сформировать навыки регистрации и закачки сайта в среде Dreamweaver.
Цель урока:

© Белотелов Ю. С., Тамбов, 2012
Задачи урока:
Сформировать умение проверять работу сайта.
Развить способность визуально оценивать результаты работы.
Закрепить основы работы в среде Dreamweaver.
Сформировать навыки регистрации и закачки сайта.
Развить навыки исследовательской работы.
Расширить кругозор учащихся.

© Белотелов Ю. С., Тамбов, 2010
Для проведения урока необходимо:
Компьютерный класс.
Интернет-соединение и наличие локальной сети в классе.
Наличие установленной программы Dreamweaver.
Знание основ работы в среде Dreamweaver.
Предварительно создать главную страницу, рубрику "выпускнику на заметку”, разделы "новости" и "личные странички”,а также личные странички выпускников в среде Dreamweaver.
Мультимедийный проектор для демонстрации установки соединения и закачки сайта.

© Белотелов Ю. С., Тамбов, 2010
Этапы проведения урока:
Закрепить основы работы в среде Dreamweaver обсуждением созданных работ учащихся.
Проверить автономную работу локального сайта.
Повторно зарегистрировать статичный сайт, настроить и установить ftp-соединение, используя менеджер Dreamweaver.
Закачать статичный сайт на сервер по ftp-протоколу.
Проверить работу сайта учащимися на рабочих местах.
Внести изменения в раздел “личные странички” на сервер по ftp-протоколу.

© Белотелов Ю. С., Тамбов, 2012
1 этап. Обсуждение основ работы в Dreamweaver.
Вопросы для обсуждения:
Каково назначение страницы index.html?
Каково назначение таблицы стилей?
Для чего создается шаблон?
Какие три варианта отображения рабочей области применяются для редактирования страницы?
Каким образом мы размещаем информацию на главной странице?
Какие инструменты мы применяли для вставки и редактирования изображения и текста на страницах?
Как задать гиперссылки?
Как проверить работу сайта?
Как зарегистрировать статичный сайт?
Охарактеризуйте основные элементы окна Dreamweaver:

© Белотелов Ю. С., Тамбов, 2012
Внешний вид:

© Белотелов Ю. С., Тамбов, 2012
Главная страница получилась такой:
Давайте вспомним, какие основные элементы размещены на ней и какие параметры для них заданы.

© Белотелов Ю. С., Тамбов, 2012
Страница “выпускнику на заметку”:
Эту страницу вы создавали самостоятельно.
Что помогло вам при её создании?

© Белотелов Ю. С., Тамбов, 2012
Страница новостей:
Эту страницу вы тоже создавали самостоятельно.
Какие возможности вы использовали здесь?

© Белотелов Ю. С., Тамбов, 2012
Раздел “личные странички ”:
Какие основные элементы размещены на этой странице и какие параметры для них заданы?