Практическое занятие №22

Практическое занятие №22 (1Б)

Тема: Язык разметки гипертекста HTML

Цель работы: формирование навыков использования основных тэгов языка HTML при создании Web-сайта в текстовом редакторе Блокнот.

 Оборудование: персональный компьютер, подключение к сети Интернет.

Порядок выполнения работы:

1. Запустить приложение Блокнот. Создать html-код страницы “Зима

2. Разместить на странице теги, определяющие страницу в целом.

3. Введите заголовок первого уровня “Времена года” и заголовок второго уровня “Зима”. Отцентрируйте заголовки.

4. Выполните отбивку заголовков прямыми линиями. Цвет первого заголовка – черный, цвет второго – синий.

5. Сохранить файл в папке “Времена года”:

6. установите тип файлов – “Все файлы”, укажите имя файла – winter.htm.

7. Просмотрите страницу в браузере.

8. Установите фоновый цвет страницы (голубой, bgcolor="ccccff").

9. Скачайте рисунок с изображением зимы и назовите zima.jpg

10. Поместите рисунок, выравнивая его по правому краю документа.

11. Поместите стихотворение, выравнивая его по левому краю страницы. Каждую строку оформите отдельным абзацем, строфы отделите пустой строкой.

12. Создайте панель навигации по сайту.

13. Сохраните файл. Просмотрите страницу в браузере. Она должна иметь вид, соответствующий образцу.

Задание 2

1. Запустить приложение Блокнот. Создать html-код страницы “Весна”.

2. Заголовки и их отбивку выполнить аналогично странице “Зима”, цвет второго заголовка – зеленый.

3. Цвет фона – бирюзовый (bgcolor="00ffcc").

4. Стихи разместить аналогично странице “Зима”, начертание символов определить как полужирный курсив.

5. Скачайте рисунок с изображением зимы и назовите vesna.jpg

6. Рисунок разместить аналогично странице “Зима”, установив размеры изображения по вертикали и горизонтали: 450 на 600 пикселей.

7. Сохранить файл в папке “Времена года”. Указать тип файлов – “Все файлы”. Указать имя файла – spring.htm

8. Открыть файл spring.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.

Код страницы:

1. Запустить приложение Блокнот. Создать html-код страницы “Лето”.

2. Заголовки и их отбивку выполнить аналогично, цвет заголовков – черный.

3. Разместить объекты на странице, согласно образцу. Цвет фона – зеленый (bgcolor="00cc66").

4. Сохранить файл в папке “Времена года”. Указать тип файлов – “Все файлы”. Указать имя файла – summer.htm.

5. Открыть файл summer.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.

Код страницы:

1. Запустить приложение Блокнот. Создать html-код страницы “Осень”.

2. Заголовки и их отбивку выполнить аналогично, цвет первого заголовка – черный, второго – коричневый оттенок #993300.

3. Разместить объекты на странице, согласно образцу. Цвет фона – желтый (bgcolor="ffcc66").

4. Сохранить файл в папке “Времена года”. Указать тип файлов – “Все файлы”. Указать имя файла – autumn.htm.

5. Открыть файл autumn.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.

Код страницы:

1. Запустить приложение Блокнот. Создать html-код титульной страницы.

2. Поместить заголовок первого уровня “Времена года”, выравнивание – по центру, цвет заголовка – синий.

3. Выполнить отбивку заголовка прямой линией.

4. Поместить таблицу из 2 строк и двух столбцов. Задать ширину границ – 3 пункта, размер ячеек 300 на 200 пикселей.

5. Поместить в ячейки иллюстрации.

6. Добавить панель навигации.

7. Сохранить файл в папке “Времена года”. Указать тип файлов – “Все файлы”. Указать имя файла – index.htm.

8. Открыть файл index.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.

Код страницы:

Контрольные вопросы:

1. Что такое HTML, для чего используется?

2. Какими способами можно создать Web-страницу