"Оглавление
Глава 1. Реализация практических заданий 2
Задание 1. 2
Задание 2. 5
Задание 3. 10
Задание 4. 27
Глава 2. Реализация мини-сайта «Москва» 29
Вариант 2
Задание 1.
1. Создайте новую директорию (папку) на жестком диске компьютера и назовите ее, например, «Site_vasha_familiya». Внутри этой папки создайте каталог с названием «images», туда вы будете впоследствии помещать иллюстрирующие ваш проект изображения.
2. В созданном вами файле с помощью программы Блокнот запишите следующий текст:
3. Вставьте в код своей страницы текст комментария, например предупреждение об авторских правах.
4. Создайте заголовок первого уровня (тег <H1>) и «отцентрируйте» его.
5. Создайте маркированный (<ul> <li> </li> </ul>) и нумерованный (<ol> <li> </li> </ol>) списки.
6. Создайте гипертекстовую ссылку (тег <a href=""/""> </a> ) с последнего пункта нумерованного списка.
7. Поместите изображение на страницу (тег <img src=""/"" /> ).
8. Сделайте размещенное изображение ссылкой (тег <a href=""/""> </a> ).
9. Еще раз разместите это же изображение на странице, и также сделайте его гипертекстовой ссылкой. Добейтесь, чтобы рамка вокруг изображения не была видна. Отцентрируйте изображение и текст под ним.
10. Сделайте задний фон страницы светло-желтым __ (#FFFFD9),
цвет непосещенных ссылок – красным __ (#FF0000),
посещенных – синим __ (#0000FF).
11. В нумерованном списке текст пункта 4 сделайте жирным (теги <strong> </strong> и <b> </b> ), а пункта 5 - курсивным (наклонным) (теги <em> </em> и <i> </i> ).
12. Оформите в абзац (тег <p> </p> ) текст, предстваленный ниже. Словосочетание «гипертекстовая ссылка» оформите зеленым цветом (#008000)__
13. Создайте абсолютную ссылку на сайт www.mail.ru
Для поиска информации воспользуйтесь поисковой машиной www.mail.ru
14. Сохраните страницу в личной папке в файл firstpage.html
Задание 2.
1) Создайте новую HTML-страницу.
2) Создайте новую Web-страницу. Разместите на странице таблицу.
Ширина таблицы = 90%, высота = 600 пикселей.
Высота рядов = 200 пикселей.
Ширина колонок = 30%
Выполните форматирование текста в таблице, как показано в примере
3) Сохраните страницу в личной папке в файл table1.html
2.2 Размещение таблиц на html-странице. Форматирование ячеек таблицы
1) Создайте новую HTML-страницу.
2) Создайте новую Web-страницу. Разместите на странице таблицу.
Выровняйте таблицу по центру страницы.
Цвет заднего фона таблицы = ""#E2E2E2"".
Ширина таблицы = 500 пикселей.
Расстояние между границей ячейки и ее содержимым = 15 пикселей.
Толщина границы = 5 пикселей, цвет границы = ""#008000
Цвет второго ряда таблицы = #FFFFCA""
Цвет ячейки 3 = ""#FFCACA"", цвет ячейки 5 = ""#ECFFEC"" (см. пример ).
Форматирование заднего фона таблиц, рядов и ячеек:
1 2 3
4 5 6
7 8 9
3) Сохраните страницу в личной папке в файл table2.html
2.3 Размещение таблиц на html-странице. Объединение ячеек таблицы
1) Создайте новую HTML-страницу.
2) Создайте новую Web-страницу.
Разместите на странице таблицу из 5 рядов и 5 колонок.
3) Сохраните страницу в личной папке в файл table3.html
Задание 3.
1. Создайте новую HTML-страницу, состоящую из 7-ми частей.
2. Отделите каждую часть горизонтальной линией (тег <HR>) с разными параметрами, как показано в примере
3. Сохраните страницу в личной папке в файл rows.html
4. Создайте новую HTML-страницу.
5. Разместите на странице таблицу.
6. Отформатируйте страницу с использованием таблиц и Escape–последовательностей как указано в примере
7. Создайте новую HTML-страницу.
8. Отформатируйте с помощью тегов логического и физического форматирования, как показано в примере
9. Создайте новую HTML-страницу.
10. Создайте документ с несколькими формами (см. пример ).
Задание 4.
1.Отформатируйте страницу с помощью листа стилей, размещённого в теге <style>...</style> (см. пример) Сохраните страницу в личной папке в файл style1.html
.Запишите исходный код таблицы стиля в отчет
Исходный код таблицы стилей:
<style>
"
