Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Тесты / Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок

библиотека
материалов

Лабораторная работа №2.

Вставка в HTML-документ рисунков. Создание закладок и гиперссылок

Цель работы:

  • Научиться выполнять вставку рисунков в HTML-документ

  • Научиться создавать закладки и гиперссылки

  1. Вставка рисунков в документ.

  • Открыть в Блокноте документ 1_name.htm.

  • Вставить рисунок 1 в начало документа. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки размеров рисунка 50 пикселов по горизонтали и по вертикали.

  • Просмотреть в браузере полученный результат.

  • Ввести в тег рисунка параметр ALIGN для выравнивания рисунка по правому краю. Просмотреть результат в браузере.

  • Вставить рисунок 2 в конец документа перед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали. С помощью параметра ALT создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок.

  • Просмотреть в браузере полученный результат.

  1. Создание гиперссылок и закладок.

  2. Закрепить гиперссылки за графическими файлами:

  • Отредактировать тег вставки рисунка Arrows1.wmf, ввести в тег атрибут ALT для отображения текста подсказки «Вернуться». Просмотреть в браузере как реагирует рисунок на наведение курсора мыши.

  • Закрепить за рисунком Arrows1.wmf в документе 4_name.htm гиперссылку на документ 3_name.htm. Выполнить переход между документами.

  1. Предъявить результат преподавателю.

Основные теги вставки рисунков, закладок и гиперссылок

Вставка изображений

Вставка графического файла

<IMG SRC=”файл” WIDTH=”ширина” HEIGHT=”высота” >

Пример:

<IMG SRC=”grafica.gif

WIDTH=”550”

HEIGHT=”240”

ALIGN=” right”

ALT=”Графический файл”>


Выравнивание картинки относительно текста

SPANфайл” ALIGN=”left|right|top|bottom”>

Вывод текста всплывающей подсказки при наведении курсора мыши на рисунок

<IMG SRC=”файл” ALT=”текст”>

Вставка ссылок

Ссылки на другую страницу

<A HREF=” страница”>

текст A>

Ссылка1

Ссылка на закладку в другом документе

<A HREF=” страница # имя закладки”> текстA>

<A HREF=” index.htm #met1”> На главную страницу A>”

Ссылка на закладку в том же документе

<A HREF=”#имя закладки ”> текст A>

Ссылка2


Определить закладку

<A NAME=”имя закладки”>текстA>

Цвет фона, текста и ссылок

Фоновая картинка

файл рисунка”>

TEXT=”black” (черный)

LINK=”#FF0000” (красный)

VLINK=”#FFFF00” (желтый)

ALINK=”#FFFFFF” (белый)

BODY>

Цвет фона

<BODY BGCOLOR=”#$$$$$$”>

Цвет текста

Цвет ссылки

<BODY LINK=”#$$$$$$”>

Цвет пройденной ссылки

<BODY VLINK=”#$$$$$$”>

Цвет активной ссылки

<BODY ALINK=”#$$$$$$”>

  1. Что такое HTML? Что такое гипертекстовый документ?

  2. Что такое тег? Структура тега HTML. Формат записи.

  3. Привести структуру HTML документа. Описать назначение тегов , , , .

  4. Что такое атрибут тега? Формат записи атрибутов.

  5. Перечислить теги для представления текстовго содержимого и дать их описание.

  6. Как представляются гиперссылки в HTML документе? Дать пример внутренних и внешних ссылок.

  7. Перечислить виды списков, существующих в HTML. Привести теги, представляющие списки в HTML.

  8. Что такое вложенные списки в HTML? Привести пример разметки вложенного списка.

  9. Как включаются графические объекты в HTML документы?

  10. Куда будет указывать ссылка, если атрибут href оставить пустым (анкор)?

hello_html_m6ce8fea.png


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Краткое описание документа:

Лабораторные работы предназначены для учеников 11класса. Основная цель –помочь ученикам в применении теоретических знаний, полученных  на уроках. Создавать простые WEB-сайты, научиться выполнять вставку рисунков в HTML-документ, научиться создавать закладки и гиперссылки. Особое внимание уделяется гиперссылкам, умение их реализовывать в своей работе. Лабораторные работы проводятся  в классах, оснащенных выходом в Интернет и соответствующим аппаратным и программным обеспечениям для выполнения предусмотренных заданий. Используются программы,  входящие в пакет MS Office.

 

Автор
Дата добавления 10.05.2015
Раздел Информатика
Подраздел Тесты
Просмотров1144
Номер материала 520838
Получить свидетельство о публикации
Похожие материалы

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