Студопедия — Основные теги вставки рисунков, закладок и гиперссылок
Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника







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






Вставка изображений  
Вставка графического файла <IMG SRC=”файл” WIDTH=”ширина” HEIGHT=”высота” > Пример: <IMG SRC=”grafica.gif” WIDTH=”550” HEIGHT=”240” ALIGN=” right” ALT=”Графический файл”>    
Выравнивание картинки относительно текста <IMG SRC=”файл” ALIGN=”left|right|top|bottom”>  
Вывод текста всплывающей подсказки при наведении курсора мыши на рисунок <IMG SRC=”файл” ALT=”текст”>  
Вставка ссылок  
Ссылки на другую страницу <A HREF=” страница”> текст </A> <A HREF=”str2.htm”> Ссылка1</A>  
Ссылка на закладку в другом документе <A HREF=” страница # имя закладки”> текст</A> <A HREF=” index.htm #met1”> На главную страницу </A>”  
Ссылка на закладку в том же документе <A HREF=”#имя закладки ”> текст </A> <A HREF=” #metka1”> Ссылка2</A>    
Определить закладку <A NAME=”имя закладки”>текст</A> <A NAME=”metka1”></A>  
Цвет фона, текста и ссылок  
Фоновая картинка <BODY BACKGROUND=”файл рисунка”> <BODY BACKGROUND =”grafica.gif” TEXT=”black” (черный) LINK=”#FF0000” (красный) VLINK=”#FFFF00” (желтый) ALINK=”#FFFFFF” (белый) </BODY>  
Цвет фона <BODY BGCOLOR=”#$$$$$$”>  
Цвет текста <BODY TEXT=”#$$$$$$”>  
Цвет ссылки <BODY LINK=”#$$$$$$”>  
Цвет пройденной ссылки <BODY VLINK=”#$$$$$$”>  
Цвет активной ссылки <BODY ALINK=”#$$$$$$”>  
 

   
           

Создание и форматирование таблиц

Цель работы:

· Научиться использовать таблицы для оформления WEB-страниц

1. Создать таблицу по приведенному образцу, сохранить документ под именем tabl_name.htm. Сверху над таблицей разместить заголовок Таблица №1

При отображении таблицы в броузере должны удовлетворяться следующие условия:

· таблица должна быть выравнена по центру и быть правильной (симметричной) формы;

· в центральной ячейке поместить символ * (звездочка), остальные ячейки должны быть пустыми.

Примечание. Для отображения пустых ячеек в них нужно поместить символьный примитив пробела &nbsp;

2. В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее:

· В центральной ячейке разместить рисунок Arrows3.wmf

· «Раскрасить» все остальные ячейки в различные цвета.

3. Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному ниже образцу.

 

Примечание. Для объединения ячеек в тегах <TD> необходимо использовать параметры colspan= и rowspan=

 

4. Создать новый HTML-документ - rasp_name.htm с расписанием занятий.

· Документ должен начинаться заголовком
Расписание занятий гр. NNN на весенний семестр 2005 г.

· Первая строка таблицы должна быть оформлена как заголовки полей (с использованием тегов <TH>;).

· Таблица по ширине должна занимать полный размер окна. Ширину отдельных столбцов задать в относительных единицах (в %), с тем, чтобы при изменении ширины окна пропорции таблицы сохранялись.

День недели Время Предмет Преподаватель Аудитория
Понедельник 8:30-10:05 Математика (лек) доц. Иванов А.А.  
10:15-11:50 Математика (пр) преп. Петрова И.А.  
12:30-14:05 Физика (лаб) доц. Сидоров О.И.  
Вторник 8:30-10:05 История (лек) проф. Громова О.А.  
10:15-11:50 История (сем) преп. Попов М.А.  
12:30-14:05 Физика (лаб) доц. Сидоров О.И.  
... ... ... ... ...

· Просмотреть созданный документ в броузере при различных размерах окна и различных настройках размера шрифта.

5. Сохранить файл с расписанием под именем rasp_menu_name.htm и модифицировать его.

6. После заголовка создать таблицу, состоящую их одной строки меню с названиями дней недели.

 

7. В таблице с расписанием установить закладки на названия дней недели.

8. В таблице меню создать гиперссылки на соответствующие дни недели.

9. Выполнить цветовое оформление каждой ячейки меню.

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

11. Создать группу web-страниц, объединенных меню:

· На рабочем диске создать папку My_raspisanie для размещения файлов расписания.

· Поместить расписание на каждый день недели и таблицу с меню в отдельные файлы. Имена файлов: menu.htm – для главной страницы, названия дней недели – для остальных. Все документы разместить в папке My_raspisanie.

· Отредактировать гиперссылки меню так, чтобы по ним выполнялись переходы на соответствующий документ.

· В конце каждого файла с расписанием на день организовать гиперссылку для возврата в главный документ с меню.

· Оформить фон каждого дня недели собственным цветом, совпадающим с цветом ячейки таблицы меню.

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

Дата добавления: 2015-09-15; просмотров: 514. Нарушение авторских прав; Мы поможем в написании вашей работы!



Аальтернативная стоимость. Кривая производственных возможностей В экономике Буридании есть 100 ед. труда с производительностью 4 м ткани или 2 кг мяса...

Вычисление основной дактилоскопической формулы Вычислением основной дактоформулы обычно занимается следователь. Для этого все десять пальцев разбиваются на пять пар...

Расчетные и графические задания Равновесный объем - это объем, определяемый равенством спроса и предложения...

Кардиналистский и ординалистский подходы Кардиналистский (количественный подход) к анализу полезности основан на представлении о возможности измерения различных благ в условных единицах полезности...

Приготовление дезинфицирующего рабочего раствора хлорамина Задача: рассчитать необходимое количество порошка хлорамина для приготовления 5-ти литров 3% раствора...

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

Машины и механизмы для нарезки овощей В зависимости от назначения овощерезательные машины подразделяются на две группы: машины для нарезки сырых и вареных овощей...

Характерные черты немецкой классической философии 1. Особое понимание роли философии в истории человечества, в развитии мировой культуры. Классические немецкие философы полагали, что философия призвана быть критической совестью культуры, «душой» культуры. 2. Исследовались не только человеческая...

Обзор компонентов Multisim Компоненты – это основа любой схемы, это все элементы, из которых она состоит...

Кран машиниста усл. № 394 – назначение и устройство Кран машиниста условный номер 394 предназначен для управления тормозами поезда...

Studopedia.info - Студопедия - 2014-2024 год . (0.007 сек.) русская версия | украинская версия