Основы языка разметки гипертекста. Практическая работа 3.8. Разработка сайта с использованием веб-редактора13

Планирование уроков на учебный год (по учебнику Н.Д. Угриновича, 2017 г.)


Уроки 44 - 49
§3.13. Основы языка разметки гипертекста. Практическая работа 3.8. Разработка сайта с использованием веб-редактора


§3.13. Основы языка разметки гипертекста



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

Структура HTML-кода веб-страницы

Шрифт

Форматирование текста

Вставка изображений

Гиперссылки

Текстовые поля

Переключатели

Флажки

Поля списков

Текстовая область

Отправка данных из формы

Создание веб-страниц в веб-редакторах

Практическая работа 3.8. Разработка сайта с использованием веб-редактора


Практическая работа 3.8
Разработка сайта с использованием веб-редактора


Задание. Создать веб-страницу «Рост Интернета» с помощью веб-редактора.

Варианты выполнения работы:

• использование различных веб-редакторов;
• использование различных тематик веб-страниц.

Создание веб-страницы «Рост Интернета» с помощью визуального html-редактора KompoZer

Электронное приложение к главе 3.

1. В операционной системе Windows или Linux запустить визуальный html-редактор KompoZer.

Выбрать вкладку Код с html-кодом заготовки веб-страницы (рис. 3.46).

Рис. 3.46

Рис. 3.46

2. Перейти на вкладку Дизайн, ввести заголовок «Рост Интернета» и отформатировать его.

Ввести разделительную линию командой [Вставка— Разделитель].

Результат показан на рис. 3.47.

Рис. 3.47

Рис. 3.47

3. Ввести текст: «На сайте Википедии — свободной энциклопедии можно познакомиться с историей и ключевыми принципами Интернета, рассматриваются области его использования».

4. Вставить изображение диаграммы роста Интернета командой [Вставка—Изображение...].

В появившемся диалоговом окне Свойства изображения на вкладке Адрес (рис. 3.48) выбрать графический файл Internet.jpg и ввести в поле Альтернативный текст слова «Рост Интернета».

Рис. 3.48

Рис. 3.48

5. На вкладке Внешний вид выбрать расположение рисунка относительно текста.

6. Выделить во введённом тексте указатель ссылки «Википедии» и ввести команду [Вставка—Ссылка...].

В диалоговом окне Свойства ссылки (рис. 3.49) ввести в качестве адреса ссылки адрес веб-сайта в Интернете.

Рис. 3.49

Рис. 3.49

7. Сохранить созданную веб-страницу (рис. 3.50) в файле под именем index.html с помощью команды [Файл—Сохранить как...].

Рис. 3.50

Рис. 3.50



Cкачать материалы урока







Наверх