Примеры практических заданий

1. Создайте следующий список с определениями:

Интернет

Совокупность компьютерных сетей

Большой набор служб

URL

Универсальный указатель ресурса

Протокол

Набор правил

2. Выведите в окне браузера произвольный текст без форматирования. Затем задайте с использованием тега <Style>: цвет lime, размер шрифта 18, отступ для первой строки 14, отступ между буквами 3pt.

3. Вставьте на веб-страницу рисунок из файла посередине страницы, высотой 250 пикселей, шириной 200 пикселей и шириной рамки 2 пиксела.

4. Создайте web-узел из трех страниц. Задайте общую верхнюю границу. Поместите на нее бегущую строку с приветствием.

5. Сформируйте в HTML список следующего вида:

Пункт 1

А. Пункт 1.1

· Пункт 1.1.1

· Пункт 1.1.2

· Пункт 1.1.3

В. Пункт 1.2

o Пункт 1.2.1

o Пункт 1.2.2

6. Отформатируйте текст «have you had it» следующим образом: шрифт типа Courier, синего цвета, выровняйте по центру.

7. Постройте на веб-странице гиперссылки следующего вида:

ВНУТРЕННИЕ ССЫЛКИ

Переход в конец документа

Переход к ссылке 1

Здесь расположена ссылка 1

8. Создайте в HTML таблицу следующего вида:

9. Создайте документ HTML. Установите для него фоновый рисунок. Вставьте бегущую строку с текстом «Работа выполнена студентом: Фамилия, имя». Для текста задайте размер 6 пунктов. Подберите контрастные цвета для цвета фона бегущей строки и текста.

10. Создайте документ HTML. Вставьте заголовок третьего уровня Наше расписание, выровненный по центру. Создайте следующую таблицу:

11. Создайте макет Web-страницы с помощью таблицы со следующими параметрами: число строк – 3; число столбцов – 1; выравнивание на странице – по центру; ширина таблицы – 100 %; ширина границы – 0; отступ текста от границ ячеек – 5; расстояние между ячейками – 0. Разбейте ячейку 2-й строки таблицы на 2 столбца. Отформатируйте таблицу: ширина 1-го столбца 2-й строки таблицы – 25 %, ширина 2-го столбца 2-й строки – 75 %.

12. Создайте документ HTML. Вставьте заголовок третьего уровня Наши преподаватели, выровненный по центру. Создайте маркированный список и перечислите преподавателей, которые проводили занятия в вашей группе.

13. Создайте документ HTML. Вставьте любое графическое изображение. Задайте альтернативный текст. Выровняйте изображение по центру и установите для него рамку шириной 2 пикселя.

14. Создайте документ HTML, содержащий таблицу из одной строки и трех столбцов. В первой ячейке должен содержаться текст Главная, во второй – Расписание, в третьей – Преподаватели. Снимите отображение границ таблицы. Ширина таблицы – 70 % экрана.

15. Создайте Web-узел, состоящий из трех страниц. Создайте панель навигации и задайте ссылки между страницами.

16. Создайте документ HTML. Вставьте бегущую строку с текстом «Приветствую Вас на моем сайте!». Ниже вставьте любой рисунок, выровняйте его по правому краю и задайте для рисунка альтернативный текст. Между бегущей строкой и рисунком вставьте горизонтальную линию.

17. Разместите на web-странице две области фреймов, располагающихся друг над другом. Высота верхнего фрейма – 100 пикселей, нижний фрейм занимает все остальное место на экране. Выведите в фреймах содержимое заданных файлов.

18. Создайте web-узел, состоящий из трех страниц. Задайте общую верхнюю границу и поместите на нее любое графическое изображение.

19. Выведите в окне браузера произвольный текст без форматирования. При помощи тега <Style> задайте тексту цвет maroon, размер шрифта 16, отступ для первой строки 20, отступ между буквами 4pt.

20. Отформатируйте текст «Поиск информации в Интернет» следующим образом: курсивное начертание, размер +3, цвет текста красный, выровняйте по центру. Под текстом вставьте горизонтальную линию.

21. Создайте в Front Page web-узел, состоящий из двух страниц. Первая страница – страница рамок (фреймов). Вторая страница имеет только Меняющуюся кнопку Выступающая капсула 2. Создайте по этой кнопке ссылку на первую страницу.

22. Создайте в Front Page web-узел, состоящий из двух страниц. Разместите коллекции фотографий: на первой странице – макет Коллаж, на второй – макет Показ слайдов. Выполните гиперссылки между страницами.

23. Создайте HTML-документ, содержаний таблицу, состоящую из двух строк и трех столбцов. Удалите внутренние границы.

24. Отформатируйте текст «Take the second on the left and then ask again» следующим образом: выровняйте по правому краю, наберите шрифтом размера +3, чередуйте цвета букв.