для создания текстовых и графических ссылок необходимо воспользоваться тегами, приведенными в таблице.
Таблица. Теги для создания текстовых и графических ссылок
| Назначение | Тег |
| Создание ссылок | <A>…</A> ("якорь") |
| Задание файла, на который необходимо сослаться | Атрибут HREF тега <A> <A HREF="URL или относительный адрес файла"> |
| Цвета не просмотренных, просмотренных и просматриваемых в данный момент текстовых ссылок | Атрибуты LINK, VLINK, ALINK тега <BODY> |
| Задание графического изображения, которое будет являться ссылкой | Тег <IMG SRC="URL или относительный адрес файла"> между тегами <A>…</A> |
| Задание толщины обрамляющей рамки | Атрибут BORDER тега <IMG> |
Задание 10
1. Создайте документ index.html, преобразуйте текст Создание WEB-страниц средствами языка HTML в гиперссылку на документ Таблица_макет.html путем внесения изменений в соответствии со следующим текстом:
<HTML>
<HEAD><TITLE>Моя WEB-страничка</TITLE></HEAD>
<BODY> <A HREF=" Таблица_макет.html">Создание WEB-страниц
средствами языка HTML</A>
</BODY>
</HTML>
2. Сохраните документ под именем index.html и просмотрите его в браузере. Выполните переход по ссылке.
Результат выполнения задания приведен на рисунке.
Примечание. В ссылке не указывается имя папки, поскольку файл, на который ссылаемся, находится в той же папке.
Задание 11
1. Используя приложение Блокнот в документе index.html преобразуйте текстовую гиперссылку на документ Таблица_макет.html в графическую ссылку. Установите толщину обрамляющей рамки – 5 пикселей. Для создания графической ссылки понадобится файл, имеющий тип gif, jpeg или bmp. Найдите и скопируйте в папку с создаваемыми страницами один файл с любым из указанных типов.
|
|
Строка с графической ссылкой на документ Таблица_макет.html должна иметь следующий вид:
<LI><A HREF=" Таблица_макет.html"><IMG SRC="images.jpg" border=5></A>
images.jpg – имя скопированного файла.
2. сохраните документ под тем же именем index.html и просмотрите его в браузере. Проверьте работу гиперссылок.
Фреймы
для создания фреймов необходимо использовать теги, приведенные в таблице.
Таблица. Теги для создания фреймов
| Назначение | Тег | |
| Задание фреймов | Теги <FRAMESET> …</FRAMESET> между тегами </HEAD> и <BODY> | |
| Определение раскладки фреймов в окне браузера и размера каждого фрейма (в пикселях) или % от размера окна) | Атрибуты COLS (для фреймов, расположенных в ряд) и ROWS (для фреймов, расположенных друг над другом) | |
| Задание исходных файлов для каждого фрейма | Теги <FRAME SRC="URL или относительный адрес файла"> между тегами <FRAMESET> …</FRAMESET> | |
| Вставка сообщения для браузеров, не поддерживающих фреймы | <NORFRAME> <BODY>текст сообщения </BODY> </NORFRAME> | |
| Ширина разделительной полосы между фреймами (в пикселах) | Атрибут BORDER тега <FRAME> | |
| Цвет разделительной полосы между фреймами | Атрибут BORDERCOLOR тега <FRAME> | |
| Запрет на изменение размеров фреймов растягиванием с помощью мыши | Атрибут NORESIZE тега <FRAME> | |
| Отобразить (скрыть) полосы прокрутки | Атрибуту SCROLLING тега <FRAME> присвоить значение YES, NO | |
| Задание имени фрейма | Атрибут NAME тега <FRAME> | |
Задание 12
1. Используя приложение Блокнот, создайте документ, состоящий из двух фреймов, расположенных друг над другом и занимающих по 50 % экрана. В первом фрейме должно выводиться содержимое документа index.html, во втором – содержимое документа Таблица_макет.html. В случае если браузер не поддерживает фреймы, в основной части документа должен выводиться текст Ваш браузер не поддерживает фреймы. Сохраните документ под именем Фрейм.html и просмотрите его в браузере.
|
|
2. для выполнения задания введите следующий текст:
<HTML>
<HEAD><TITLE>Фреймы</TITLE></HEAD>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="index.html">
<FRAME SRC="Таблица_макет.html">
</FRAMESET>
<NORFRAME>
<BODY>Ваш браузер не поддерживает фреймы
</BODY>
</NORFRAME>
</HTML>
результат выполнения задания приведен на рисунке.
Задание 13
1. Измените содержимое документа Фрейм.html следующим образом:
· нижний фрейм разбейте на два, расположенных в ряд, причем левый должен занимать 400 пикселов, правый – все остальное пространство;
· в левом нижнем фрейме должно отражаться содержимое документа Цвет.html, в правом нижнем – содержимое документа Начертание.html;
· верхнему фрейму дайте имя TOP, левому нижнему – LEFT, правому нижнему – RIGHT;
· снимите отображение полосы прокрутки у фреймов LEFT и RIGHT;
· запретите изменение с помощью мыши месторасположения границы межу верхними и нижними фреймами;
· задайте красный цвет границы между верхним и нижними фреймами.
2. отредактированный текст документа должен иметь следующий вид:
<HTML>
<HEAD><TITLE>Фреймы</TITLE></HEAD>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="index.html"NAME=TOP NORESIZE
BORDERCOLOR=RED>
<FRAMESET COLS="400,*">
|
|
<FRAME SRC="Цвет.html"NAME=LEFT SCROLLING=NO>
<FRAME SRC="Начертание.html"NAME=RIGHT SCROLLING=NO>
</FRAMESET>
</FRAMESET>
<NORFRAME>
<BODY>Ваш браузер не поддерживает фреймы
</BODY>
</NORFRAME>
</HTML>
3. Сохраните документ под тем же именем и просмотрите его в браузере.
результат выполнения задания приведен на рисунке.
Задание 14
1. Создать сайт, посвященный известным социологам. При создании использовать табличную структуру, различные форматирования, списки, графику. Тема сайта выбирается согласно Вашему варианту в журнале.
2. Пример оформления сайта представлен на рисунке:
Варианты тем:
| 1. | Арон, Раймон (Франция) | 2. | Сорокин, Питирим Александрович (Россия) |
| 3. | Бек, Ульрих (Германия) | 4. | Спенсер, Герберт (Великобритания) |
| 5. | Валлерстайн, Иммануил (США) | 6. | Тард, Габриель (Франция) |
| 7. | Гидденс, Энтони (Великобритания) | 8. | Тоффлер, Элвин (США) |
| 9. | Дубин, Борис Владимирович (Россия) | 10. | Турен, Ален (Франция) |
| 11. | Зиммель, Георг (Германия) | 12. | Хантингтон, Самюэль (США) |
| 13. | Кастельс, Мануэль (Испания) | 14. | Хоркхаймер, Макс (Германия) |
| 15. | Лебон, Гюстав (Франция) | 16. | Шелер, Макс (Германия) |
| 17. | Мид, Джордж Герберт (США) | 18. | Баркер, Айлин (Великобритания) |
| 19. | Парето, Вильфредо (Италия) | 20. | Бауман, Зигмунт (Польша) |
| 21. | Поппер, Карл (Великобритания) | 22. | Веблен, Торстейн (США) |
| 23. | Прудон, Пьер Жозеф (Франция) | 24. | Голосенко, Игорь Анатольевич (Россия) |