КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Створення різноколірних таблиць
|
|
|
|
Використання таблиць в дизайні сторінки
Таблиці хороші тим, що за бажання можна зробити їх межі невидимими. Це дозволяє за допомогою тега <ТАВLЕ> красиво розміщувати на сторінці текст і графіку. Поки тег <ТАВLЕ> залишається єдиним потужним засобом форматування в HTML. Дизайнери Web- сторінок зараз мають практично ту ж свободу відносно використання «порожнього простору», що і творці друкарських сторінок. Таблиці краще всього допомагають відійти від ієрархічного розміщення тексту на Web- сторінках.
Якщо браузер підтримує таблиці, він зазвичай правильно відображає найцікавіші ефекти, отримані з їх допомогою
<HTML>
<BODY>
<CENTER>
<TABLE CELLPADDING="10" CELLSPACING="0"
BORDER="16">
<TR>
<TD ALIGN="center">
<H2>Прикарпатський національний університет імені В.Стефаника </H2>
<H3>Ласкаво просимо!</H3>
<TABLE BORDER WIDTH="100%">
<TR>
<TD ALIGN="center"><I>Учбовий курс
"WEB-технології"</I></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Використання таблиць в дизайні
Деякі браузери дозволяють відображати кольори. Є декілька способів розфарбувати таблицю, в основному вони залежать від використовуваного браузеру.
Кольорові межі в Netscape Navigator. Ви не лише можете оточити таблицю красивою рамкою, але ще і задати для неї колір, відмінний від кольорів тексту і фону. Створіть простий сірий GIF(чи будь-який GIF, який ви хотіли б мати в якості фону) і визначите його в тегу <ВODY> як фон сторінки. Потім задайте колір фону сторінки. В результаті ваш тег <ВОDY> виглядатиме приблизно так:
<BODY ВАСКGROUND="image.gif" ВGCOLOR="#FF0000">
Ви створили подвійний фон — GIF і заданий колір. В результаті фоновий колір буде видний на усіх межах таблиць і горизонтальних лініях(<НR>). Незалежно від того, являється ваш фоновий GIF сірим або ні, кольорові лінії і межі таблиць помітно виділятимуться. Якщо фоновий GIF влаштований не занадто складно, час завантаження сторінки зросте лише трохи.
|
|
|
ФРЕЙМИ
У якомусь сенсі фрейм — це саме те, що означає це слово: рамка навколо картинки, віконце або сторінка. Вводячи тег <FRAME>, дизайнер НТМL— сторінки розділяє екран браузеру на частини. В результаті чоловік, що переглядає сторінку, може вивчати тільки одну її частину, незалежно від іншого вмісту. Фактично браузер, що розпізнає фрейми, завантажує різні сторінки в різні секції, або фрейми, екрану. Наприклад, ви можете побудувати сторінку таким чином, що фірмовий знак буде зафіксований у верхній частині екрану, тоді як іншу частину сторінки користувач перегортує звичайним способом. Можна розташувати збоку кнопки навігація, яка не переміщається, коли читач клацає по них мишкою, так що змінюється тільки частина екрану, а сама смужка навігації залишається нерухомою.
Для створення фрейма використовується тег <frameset>, який замінює тег <body> у документі і застосовується для розділення екрану на області. Усередині цього тега знаходяться теги <frame>, які вказують на HTML- документ, призначений для завантаження в область.
У разі використання фреймів в першому рядку коду пишеться наступний тип документу
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Даний <!DOCTYPE> вказує браузеру, що він має справу з фреймами, цей рядок коду є обов'язковим. Контейнер <head> містить типову інформацію на зразок кодування сторінки і заголовка документу. Ось тільки врахуйте, що заголовок залишається незмінним, поки HTML- файли відкриваються усередині фреймів.
|
|
|
|
|
Дата добавления: 2013-12-12; Просмотров: 269; Нарушение авторских прав?; Мы поможем в написании вашей работы!