Добавление на Web страницы графических фоновых изображений
<BODY BACKGROUND=”Dog.jpg”>
Задание:
1. Создайте Web страницу «Работы русских художников передвижников» (graf.htm):
· заголовок
· цвет фона;
· работы и их названия поместить в таблицу;
· границу таблицы предусмотреть нулевой.
Фреймы
Лабораторная работа №5
Что же такое фреймы? Представьте себе Web-страницу, условно разделенную на несколько частей таким образом, что источником каждой из этих частей является независимая страница. В одной части страницы можно поместить меню, в другой – элементы графического оформления, неизменные для всей данной части сайта, а в третью загружать страницы с информацией. Это позволит минимизировать задержки, возникающие при загрузке страниц, и уменьшить объем HTML-кода сайта. С позиции HTML фреймы устроены очень просто и описываются небольшим количеством тегов. Для создания странички с фреймами мы должны создать количество страниц, равное количеству частей (фреймов), на которое разделена страничка, плюс еще одну «материнскую» страничку, которая будет содержать описание фреймовой структуры. Структура фреймов описывается в отдельном файле с помощью тега <FRAMESET> («материнская» страничка).
1. Создайте WEB страницу под именем AIRPORT со следующим набором тэгов:
<HTML>
<FRAMESET COLS=”40%,60%”>
<FRAME SRC=menu.htm>
<FRAME SRC=welcome.htm name=”display”>
</HTML>
Создайте WEB страницу под именем MENU со следующим набором тэгов
<HTML> <BODY bgcolor=FF4567> <PRE>
|
|
|
<A HREF =”TIME1.HTM” TARGET=”display”> 1. Время работы аэропорта </A>
2.Утренние рейсы
3.Дневные рейсы
4.Вечерние рейсы
</PRE> </BODY></HTML>
3.Создайте WEB страницу под именем WELCOME со следующим набором тэгов.
<HTML> <BODY bgcolor=00ff87>
<FONT SIZE=4 COLOR=ff8766>
ДОБРО ПОЖАЛОВАТЬ В НАШ АЭРОПОРТ!
</BODY></HTML>
4. Создайте WEB страницу под именем TIME1 со следующим набором тэгов.
<HTML> <BODY bgcolor=00ff87>
АЭРОПОРТ ОТКРЫТ С 6 УТРА ДО 10 ВЕЧЕРА ЕЖЕДНЕВНО!!
</BODY></HTML>
menu airport welcome
 |
Задание.
Выполните приведенные примеры. Объясните полученный результат.
2. Используя структуру вертикального фрейма из 2 колонок, разработайте Web структуру:
· в левой колонке – меню из названий работ;
· в правой отображение данных работ;
· при первоначальной загрузке – справа должен отображаться текст «Работы русских художников - передвижников»;
· предусмотреть цветовое оформление.
ПРИЛОЖЕНИЕ
Шестнадцатеричные коды для некоторых цветов
| ЦВЕТ | Шестнадцатеричные коды RGB - составляющих |
| Белоснежный (Snow) | FF,FA,FA |
| Призрачно – белый – (Ghostwhite) | F8,F8,FF |
| Белый – антик – (Antique White) | FA,EB,D7 |
| Кремовый – (Cream) | FF,F8,F0 |
| Персиковый – (Peachpuff) | FF,DA,B9 |
| Белый – навахо – (Navajo White) | FF,DE,AD |
| Шелковый оттенок (Cornisilk) | FF,F8,DC |
| Слоновая кость – (Ivory) | FF,FF,F0 |
| Лимонный – (Lemon Chiffon) | FF,FA,CD |
| Морская раковина – (Seashell) | FF,F5,EE |
| Медовый – (Honeydew) | F0,FF,F0 |
| Лазурный – (Azure) | F0,FF,FF |
| Бледно лиловый - (Lavender) | E6,E6,FA |
| Голубой с красным отливом – (Lavender Blush) | FF,F0,F5 |
| Тускло – розовый – (Misty Rose) | FF,E4,E1 |
| Белый – (White) | FF,FF,FF |
| Черный – (Black) | 00,00,00 |
| Тускло – серый – (Dim Gray) | 69,69,69 |
| Синевато – серый – (Slate Gray) | 70,80,90 |
| Грифельно – серый – (Light Slate Gray) | 77,88,99 |
| Серый – (Gray) | BE,BE,BE |
| Светло – серый – (Light Gray) | CO,CO,CO |
| Серый нейтральный – (Medium Gray) | AO,AO,A4 |
| Темно – серый – (Dark Gray) | 80,80,80 |
| Полуночно – синий – (Midnight Blue) | 19,19,70 |
| Темно – синий – (Navy) | 00,00,80 |
| Васильковый – (Cornflower Blue) | 64,95,ED |
| Грифельно – синий | 6A,5A,CD |
| Светлый грифельно – синий – (Light State Blue) | 84,70,FF |
| Голубой королевский – (Royal Blye) | 41,69,E1 |
| Синий – (Blue) | 00,00,FF |
| Небесно голубой светлый - (Light Sky Blye) | 87,CE,FA |
| Бледно – бирюзовый – (Pale Turquose) | AF,EE,EE |
| Бирюзовый – Turquoise | 40,E0,D0 |
| Зеленовато – голубой - -(Cyan) | 00,FF,FF |
| Аквамарин – (Aquamarine) | 7F,FF,D4 |
| Цвет морской волны - - (Seagreen) | 54,FF,9F |
| Весенне – зеленый (Spring Green) | 00,FF,7F |
| Зеленая лужайка – (Lawn Green) | 7C,FC,00 |
| Зеленый – (Green) | 00,FF,00 |
| Темно – зеленый - (Dark Green) | 00,80,00 |
| Зеленовато – желтый – (Chartreuse) | 7F,FF,00 |
| Хаки – (Khaki) | F0,E6,8C |
| Бледно – золотистый – (Pale Goldenrod) | EE,E8,AA |
| Желтый – (Yellow) | FF,FF,00 |
| Золотой – (Gold) | FF,D7,00 |
| Шоколадный – (Chocolate) | D2,69,1E |
| Коралловый – (Coral) | FF,7F,50 |
| Красный – (Red) | FF,00,00 |
| Пурпурный – (Purpule) | A0,20,F0 |
|
|
|
Дата добавления: 2018-06-01; просмотров: 174; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!