Планирование уроков на учебный год (по учебнику Семакина И.Г.) 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 очень напоминает работу в текстовом процессоре Word, поэтому предлагаем вам самостоятельно разобраться с настройками параметров текста.

Добавим к нашей главной странице сайта заголовок: «Домашняя страница Пети Иванова». Для этого:

• установим курсор в первую строку рабочего окна;
• выберем шрифт Arial (Формат → Шрифт);
• стиль абзаца — Заголовок 1 (Формат → Абзац);
• размер шрифта — medium (Формат → Размер);
• цвет текста — #СС6600 (Формат → Цвет текста);
• стиль текста — полужирный (Формат → Стиль текста);
• выравнивание — по центру (Формат → Выравнивание).

После задания настроек введите нужный текст.

Помимо заголовка, добавим на страницу следующий текст:

Дорогие друзья! Меня зовут Петя Иванов. Я рад приветствовать вас на своей домашней странице. Здесь я расскажу вам о себе, своей семье и друзьях.

Для данного текста выберем шрифт Verdana, размер — Medium, стиль абзаца — Обычный текст, цвет текста — черный, выравнивание — по центру.

Следующая страница Создание текстовых гиперссылок








Наверх