Разработка тематического проекта Web-сайта различными инструментами

Создание Web-сайта
Цель урока - закрепить навыки по созданию web-страниц, сайтов различными инструментами (на языке HTML, MacroMedia Dreamweaver ) и дать сравнительный анализ этих способов.
Создание сайта – это сложный как с технической, так и с организационной стороны процесс.
Мы повторим методику создания страниц и способы автоматизации разработки web-сайтов, и выполним проекты по выбранным темам:
персональный сайт
школьный сайт
тематический сайт

Вопросы на повторение
Какие функции выполняют сервисные службы WWW?
Назначение языка HTML
Теги HTML
Функциональные разделы документа
Форматирование HTML документа
Ссылки на другие документы и файлы
Списки
Инструментальные средства создания Web-страниц

Теперь вспомним как создается сайт с помощью HTML (прил. 2)

Создание сайта с помощью HTML
Запустить текстовый редактор Блокнот
[Пуск - Программы - Стандартные - Блокнот].
ввести HTML-код, задающий структуру Web-страницы:
Первое знакомство с тэгами HTML
Ввести команду [Файл - Сохранить].
Файлу Web-страницы присвоить имя page1-1.htm.
Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается Первое знакомство с тэгами HTML. Основная часть окна браузера - пуста.

Форматирование шрифта.
Разделительная линия:
Форматирование шрифта:
Жирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
Равноширинный
Выделение:
Выделение
Усиленное выделение

Списки
Нумерованный список:
Первый элемент списка
Второй элемент списка
Третий элемент списка
Ненумерованный список:
Первый элемент списка
Второй элемент списка
Третий элемент списка
Список определений:
ТЕРМИН 1
Пояснение к термину 1
ТЕРМИН 2
Пояснение к термину 2
ТЕРМИН 3
Пояснение к термину 3

Внесение изменений и дополнений в Web-страницу
Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и
сохранить новый вариант страницы,
выполнив команду меню [Файл –
Сохранить].
Активизировать браузер с открытым в нем
предыдущим вариантом страницы.
Щелкнуть по кнопке Обновить.
В окне браузера отобразится
обновленная Web-страница.

Инструментальные средства разработки
Web-страниц и Web-сайтов
В настоящее время имеется большое количество различных инструментальных средств разработки Web-страниц и Web-сайтов, от простейших HTML-редакторов до систем с использованием технологии WYSIWYG ("What You See Is What You Get" - "Что видишь, то и получишь").
программа Macromedia Dreamweawer

Macromedia Dreamweaver
Dreamweaver является профессиональным редактором Web-сайтов, отличается простотой создания как отдельных Web-страниц, так и многостраничных Web-сайтов. В нем поддерживаются основные современные направления Web-дизайна (использование каскадных стилей, динамический HTML, язык XML т.п.). Редактор позволяет быстро и наглядно (в режиме Drag&Drop) изменять структуру сайта.

Интерфейс программы Macromedia Dreamweawer (прилож. 3)

Создание сайта с помощью Macromedia Dreamweaver

Выбрать «Создать новый»

Создание Web-страниц (прил. 4)