План проведения занятий на учебный год (по учебнику Семакина И.Г.) 1 час в неделю



Уроки 16 - 20
Основы сайтостроения (§§ 13 - 15)
Практическая работа 2.5. "Разработка сайта "Моя семья""
Практическая работа 2.6. "Разработка сайта "Животный мир""
Практическая работа 2.7. "Разработка сайта "Наш класс""
Практическая работа 2.8. "Проектные задания на разработку сайтов"




Содержание урока

Инструменты для разработки wеb-сайтов (§ 13)

Создание сайта «Домашняя страница» (§ 14)

Интерфейс программы KompoZer

Глобальные настройки страницы

Работа с текстом

Создание текстовых гиперссылок

Добавление изображения

Просмотр результата

Вопросы и задания

Создание таблиц и списков на wеb-странице (§ 15)

Практическая работа № 2.5 Разработка сайта «Моя семья»

Практическая работа № 2.6 Разработка сайта «Животный мир»

Практическая работа № 2.7 Разработка сайта «Наш класс»

Проект: разработка сайтов. Практическая работа 2.8. "Проектные задания на разработку сайтов"

Итоговое тестирование по теме "Интернет"


Создание сайта «Домашняя страница» (§ 14)



Рассмотрим процедуру создания простого сайта (домашней страницы) в редакторе KompoZer (версия 0.8b3). Для начала опишем интерфейс программы и перечислим основные приемы работы с текстом, гиперссылками и графикой.

Материал из Википедии — свободной энциклопедии

KompoZer — визуальный HTML-редактор, основанный на Nvu. В марте 2007 года Download.com объявила KompoZer лучшей бесплатной альтернативой Adobe CS3. Развитие редактора прекратилось в 2010 году.

Функции программы:

Работа в режиме WYSIWYG, редактирование исходного кода напрямую
GUI основывается на XUL
Работа с несколькими документами с помощью вкладок
KompoZer может проверить исходный код страницы с помощью HTML-валидатора от W3C
Встроенный FTP клиент

Ссылки:

(http://www.download.com/8301-2007_4-9714054-12.html) - «Roll your own Adobe CS3 for free».
(http://sourceforge.net/projects/kompozer) - Страница проекта на SourceForge.

Следующая страница Интерфейс программы KompoZer








Наверх