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

⇐ Предыдущая 1 2 3 456 7 8 9 10 Следующая ⇒

Наименование: Использование ссылок на веб - страницах

1. Цель: Научится вставлять различные виды ссылок на веб - страницы

2. Подготовка к занятию: по предложенной литературе повторить тему «Ссылки на веб – страницах» и ответить на следующие вопросы:

2.1 Какие ссылки применяются на веб – страницах?

2.2 С помощью какого тега происходит вставка гиперссылки на веб – страницы?

3. Литература:

3.1 Шомас Е.А. Конспект лекций по дисциплине «Веб - дизайн»

3.2 Шомас Е.А., Программное обеспечение компьютерных сетей, учебно – методическое пособие, гриф УМЦ 2010

3.3 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Текстовый редактор

5. Задание:

5.1 В строке заголовка должен отражаться номер практической работы

5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

5.3 Далее создайте четыре ссылки на все свои практические работы.

5.4 В ссылке на практическую работу №4 должен осуществляться переход на документ содержащий много текста (текст скопировать любой). В этом тексте необходимо организовать внутреннюю ссылку, например, из конца текста вернуться на начало.

5.5 Создать ссылку – рисунок (ссылка – рисунок имеет небольшой размер, при нажатии на него, рисунок становится большего размера).

5.6 Самостоятельно задать цвет ссылкам, отличный тому, что задается по умолчанию.

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

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.2 Выполнить задание практического занятия;

6.3 Дать ответы на контрольные вопросы;

7. Содержание отчета:

7.1 Наименование и цель работы

7.2 Код программы

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

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

8.1 Что такое гиперссылка? Для чего они применяются на веб – сайтах?

8.2 Какие атрибуты тега <BODY> влияют на изменение цвета ссылки?

ПРИЛОЖЕНИЕ:

Ссылки связывают документы, разбросанные по всему Интернету, в одну сеть. Можно выделить два типа ссылок: внешние и внутренние. Внешние связывают страницы в один сайт и помогают передвигаться по нему. Внутренние – помогают передвигаться в рамках одной страницы.

Основой внешних ссылок являются URL- адрес объекта, на который вы собираетесь сослаться. Для создания гиперссылок в HTML служит элемент < А >, который требует наличие закрывающего тега. Внутри элемента располагается текст, который будет выделен как ссылка. Адрес документа для перехода записывается в элементе < A > в качестве значения аргумента HREF.

Внутренние ссылки организуют переход внутри одного HTML – документа. Они применяются, когда на одной странице много текста. Для простоты навигации можно создать ссылки, при щелчке кнопкой мыши на которых пользователь автоматически перейдет к нужной части документа. Чтобы создать такую ссылку, сначала нужно определить место, к которому ссылка приводит. Это делается с помощью атрибута name элемента < A >. Необходимый кусок текста заключается в элемент < A >. Затем нужно создать ссылку на эту метку. Ссылка на внутреннюю метку создается так же, как и ссылка на внешний документ, только вместо URL – адреса желаемой страницы надо ввести адрес метки в виде #MET1. При этом MET1 – имя вашей метки.

Для создания ссылки из картинки достаточно поместить элемент IMG внутри тегов < A > и </ A >.

⇐ Предыдущая 1 2 3 456 7 8 9 10 Следующая ⇒

Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных