Текстовые и графические ссылки

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

Таблица. Теги для текстовых и графических ссылок

Назначение Тег
Создание ссылок … (якорь)
Задание файла, на что нужно сослаться Атрибут HREF тега
Цвета не просмотренных, просмотренных и просматриваемых в этот момент текстовых ссылок Атрибуты LINK, VLINK, ALINK тега
Задание графического изображения, которое будет являться ссылкой Тег между тегами …
Задание толщины обрамляющей рамки Атрибут BORDER тега

Задание 10

1. Создайте документ index.html, преобразуйте текст Создание WEB-страниц средствами языка HTML в гиперссылку на документ Таблица_макет.html методом внесения трансформаций в соответствии со следующим текстом:

Моя WEB-страничка

Создание WEB-страниц
средствами языка HTML

2. Сохраните документ под именем index.html и просмотрите его в браузере. Выполните переход по ссылке.

Итог исполнения задания приведен на рисунке.

Примечание.В ссылке не указывается имя папки, потому, что файл, на что ссылаемся, находится в той же папке.

Задание 11

1. Применяя приложение Блокнот в документе index.html преобразуйте текстовую гиперссылку на документ Таблица_макет.html в графическую ссылку. Установите толщину обрамляющей рамки – 5 пикселей. Для графической ссылки пригодится файл, имеющий тип gif, jpeg либо bmp. Отыщите и скопируйте в директорию с создаваемыми страницами один файл с любым из указанных типов.

Строка с графической ссылкой на документ Таблица_макет.html должна иметь следующий вид:

  • images/Tekstovie_i_graficheskie_ssilki_2.jpg – имя скопированного файла.

    2. сохраните документ под тем же именем index.html и просмотрите его в браузере. Удостоверьтесь в надежности работу гиперссылок.

    Фреймы

    для фреймов нужно применять теги, приведенные в таблице.

    Таблица. Теги для фреймов

    Назначение Тег
    Задание фреймов Теги … между тегами и
    Определение раскладки фреймов в окне размера и браузера каждого фрейма (в пикселях) либо % от размера окна) Атрибуты COLS (для фреймов, расположенных в ряд) и ROWS (для фреймов, расположенных приятель над втором)
    Задание исходных файлов для каждого фрейма Теги между тегами …
    Вставка сообщения для браузеров, не поддерживающих фреймы текст сообщения
    Ширина разделительной полосы между фреймами (в пикселах) Атрибут BORDER тега
    Цвет разделительной полосы между фреймами Атрибут BORDERCOLOR тега
    Запрет на трансформацию размеров фреймов растягиванием с помощью мыши Атрибут NORESIZE тега
    Отобразить (скрыть) полосы прокрутки Атрибуту SCROLLING тега присвоить значение YES, NO
    Задание имени фрейма Атрибут NAME тега

    Задание 12

    1. Применяя приложение Блокнот, создайте документ, складывающийся из двух фреймов, расположенных приятель над втором и занимающих по 50 % экрана. В первом фрейме должно выводиться содержимое документа index.html, во втором – содержимое документа Таблица_макет.html. Если браузер не поддерживает фреймы, в основной части документа обязан выводиться текст Ваш браузер не поддерживает фреймы. Сохраните документ под именем Фрейм.html и просмотрите его в браузере.

    2. для исполнения задания введите следующий текст:

    Фреймы

    Ваш браузер не поддерживает фреймы

    итог исполнения задания приведен на рисунке.

    Задание 13

    1. Измените содержимое документа Фрейм.html следующим образом:

    • нижний фрейм разбейте на два, расположенных в ряд, причем левый обязан занимать 400 пикселов, правый – все другое пространство;
    • в левом нижнем фрейме должно отражаться содержимое документа Цвет.html, в правом нижнем – содержимое документа Начертание.html;
    • верхнему фрейму дайте имя TOP, левому нижнему – LEFT, правому нижнему – RIGHT;
    • снимите отображение полосы прокрутки у фреймов LEFT и RIGHT;
    • запретите изменение посредством мыши расположения границы межу верхними и нижними фреймами;
    • задайте красный цвет границы между верхним и нижними фреймами.

    2. отредактированный текст документа должен иметь следующий вид:

    Фреймы

    BORDERCOLOR=RED

    Ваш браузер не поддерживает фреймы

    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. Голосенко, Игорь Анатольевич (Российская Федерация)

    Adobe Muse уроки | 24. Работа со подсказками и ссылками


    Также читать:

    Понравилась статья? Поделиться с друзьями: