Создание сайта «Домашняя страница» (§ 14) | Интерфейс программы KompoZer (11 кл. 68 ч. sim)


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


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



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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


Интерфейс программы (рис. 2.10) состоит из следующих элементов:

image

1. Меню. Содержит пункты для выполнения всех операций, возможных в KompoZer.

2. Панель компоновки. Содержит кнопки наиболее часто используемых опепапий.

3. Панель форматирования. С помощью панели форматирования можно выбирать шрифт, менять его цвет и размер, выделять блоки текста, создавать нумерованные и маркированные списки, выравнивать текст (влево, вправо, по центру, по ширине).

4. Панель вкладок. KompoZer позволяет одновременно редактировать несколько документов, используя разные вкладки для каждого открытого документа.

5. Панель режимов редактирования показывает, в каком режиме просматривается текущий документ. Доступны режимы Дизайн, Объединенный и Код.

6. Рабочее окно. В рабочем окне происходит непосредственно создание страницы.

7. Менеджер сайта позволяет загрузить созданную страницу на сервер.

Рассмотрим работу с текстом, гиперссылками и изображениями на примере создания «Домашней страницы Пети Иванова». Для начала следует запустить программу KompoZer, после чего программа выйдет в режим создания новой web-страницы. Далее необходимо задать глобальные настройки страницы.

Следующая страница Глобальные настройки страницы









Наверх