увалися лінійні і радіальні градієнти.
Малюнок 2 - Шаблон сторінки
Параметри всієї сторінки:
Фонова картинка: ../ images/fon.jpg;
Колір фону: # 0071С5;
Шрифт: Verdana;
Розмір шрифту: 12pt;
Колір тексту: # 000000;
Параметри верхнього блоку:
Фонова картинка: ../images/fon.jpg;(для фреймів)
Ширина: 100%;
Висота: 20%;
Параметри лівого блоку:
Фонова картинка: ../images/fon3.jpg;(для фреймів)
Колір тексту: #FFFFFF;
Ширина: 23%;
Стиль шрифту: жирний;
Параметри правого блоку:
Фонова картинка: ../images/fon3.jpg;(для фреймів)
Ширина: 77%;
Параметри нижнього блоку:
Ширина: 100%;
Висота: 50px;
4. Лістинг вихідного коду сторінок
. 1 Оригінальний текст шаблону головною HTML-сторінки (верстка з використанням фреймів)
lt;! DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN # justify" gt; lt; HTML gt;
lt; HEAD gt;
lt; TITLE gt; Intel Corporation lt;/TITLE gt;
lt; meta charset= utf - 8 gt;
lt; link rel= shortcut icon href= images/favicon.ico gt;
lt;/HEAD gt;
lt; frameset rows= 20%, * frameborder= 0 framespacing= 0 gt;
lt; frame src= frames/head.html name= head scrolling= no noresize gt;
lt; frameset rows= *, 50px gt;
lt; frameset cols= 23%, * gt;
lt; frame name= menu src= frames/menu.html scrolling= no noresize gt;
lt; frame name= content src= frames/content.html noresize gt;
lt;/frameset gt;
lt; frameset gt;
lt; frame name= podval src= frames/podval.html scrolling= no noresize gt;
lt;/frameset gt;
lt;/frameset gt;
lt;/frameset gt;
lt;/html gt;
. 1.1 Код сторінки, що завантажується у фрейм «head»
lt;! DOCTYPE html gt;
lt; HTML gt;
lt; HEAD gt;
lt; TITLE gt; Шапка сайту lt;/TITLE gt;
lt; meta charset= utf - 8 gt;
lt; link href= ../ styles/main.css rel= stylesheet gt;
lt; link rel= shortcut icon href= ../ images/favicon.ico gt;
lt;/HEAD gt;
lt; BODY id= golova gt;
lt; div gt;
lt; div gt;
lt; a href= content.html title= На головну target= content gt; lt; img src= ../ images/logo.gif gt;
lt;/div gt;
lt; div gt;
lt; p gt; lt; a href= content.html tabindex= 0 target= content gt; Головна lt;/a gt; lt; a href= karta.html tabindex= 0 target= content gt; Мапа сайту lt;/a gt; lt; a href= glossariy.html tabindex= 0 target= content gt; Глосарій lt;/a gt; lt; a href= resume.html tabindex= 0 target= content gt; Про автора lt;/a gt; lt;/p gt;
lt;/div gt;
lt;/div gt;
lt;/body gt;
lt;/html gt;
4.1.2 Код сторінки, що завантажується у фрейм «menu»
lt; HTML gt;
lt; HEAD gt;
lt; TITLE gt; Меню навігації lt;/TITLE gt;
lt; meta charset= utf - 8 gt;
lt; link href= ../ styles/main.css rel= stylesheet gt;
lt; link rel= shortcut icon href= ../ images/favicon.ico gt;
lt;/HEAD gt;
lt; BODY id= menu gt;
lt; aside id= frame-menu gt;
lt; div gt;
lt; div gt;
lt; p gt;
lt; a href= ../ history/CompanyHist.html gt;
...