Создание Web-сайта с навигацией по карте-меню
5.1 Цель работы: Приобретение знаний и навыков описания с помощью языка HTML Web-страниц с бегущими строками и гиперсвязями по карте-меню.
5.2 Задание: Разработать Web-сайт с управляющим и демонстрационным фреймами, занимающими по 50% площади экрана.
5.3 Математические расчеты:
1+1 mod2=2 горизонтальная ориентация
Форма активной области:
1+1 mod5=2 – четырехугольник
Размер шрифта в пикселях:
20+1 mod20=21
Цвет фона документа:
1+1 mod3=2 – зеленый
Цвет шрифта:
1+(1+1) mod3=3 – синий
5.4 Программный код:
doc1.html
<html>
<body bgcolor="008000" text="blue">
<font size="+21">
<br><marquee direction="left" behavior="slide">группа 2220</marquee></br>
<br><marquee direction="left" behavior="slide">Артебякин</marquee></br>
<br><marquee direction="left" behavior="slide">Александр</marquee></br>
<br><marquee direction="left" behavior="slide">Александрович</marquee></br>
</font>
</body>
</html>
<html>
<body bgcolor="008000" text="blue">
<font size="+21">
<br><marquee direction="left" scrolldelay="200" loop="3">группа_2220</marquee></br>
<br><marquee direction="left" scrolldelay="200" loop="3">Артебякин__</marquee></br>
<br><marquee direction="left" scrolldelay="200" loop="3">Александр______</marquee></br>
<br><marquee direction="left" scrolldelay="200" loop="3">Александрович_</marquee></br>
</font>
</body>
</html>
mapmenu.html
<html>
<body bgcolor="008000">
<img src="x_0a8a8499.jpg" width="215" height="286" usemap="#map1">
<map name="map1">
<area shape="rect" coords="5,5,100,100" href="doc1.html" target="demo">
<area shape="default" href="doc2.html" target="demo">
</map>
</body>
</html>
main.html
<html>
<frameset rows="*,*">
<frame src="mapmenu.html">
<frame src "doc1.html" name="demo">
</frameset>
</html>
5.5 Полученные результаты:
doc1.html и doc2.html
mapmenu.html
main.html
5.6 Вывод: Приобрел знания и навыки описания с помощью языка HTML Web-страниц с бегущими строками и гиперсвязями по карте-меню.
6. Вывод: Научились создавать простейшие Web-сайты средствами
языка HTML.
7. Список литературы:
7.1 HTML и CSS в примерах. Создание Web-страниц.
7.2 http://htmlbook.ru/
7.3 html.manual.ru
7.4 info-comp.ru
7.5 weblabla.ru
7.6 html-color-codes.info