Создание web-узла для демонстрации навыков web-программирования, полученных в курсе лабораторных работ, страница 2

Рис.4 Вид страницы LR3.html

Гостевая книга (рис. 5) реализована в скрипте guestbook.php. Основная идея – это чтение и запись сообщений из/в текстового файла guestbook.txt. При чтении сообщений из текстового файла они помещаются в таблицу, либо же не отображается ничего, если гостевая книга пуста Формат этого файла выглядит следующим образом:

***

<Имя отправителя сообщения>

<… Текст сообщения …>

###

Рис.5 Вид страницы guestbook.php

5. Исходные тексты

Файл  style.css:

<style>

strong {color: #ff0066 }

h1 { font:130%; font-family: "Arial Cyr"; font-weight: bold; color: #ffffff;

text-align: center;background-color: #000099}

h2 { font:125%; font-family: "Arial Cyr"; font-weight: bold; color: "aqua"}

h3 { font:110%; font-family: "Arial Cyr"; font-weight: bold; color: #0088bb }

h2 B {Color: #ffffff;}

.stan {;font-size:16pt;color: #FF0000;}

.stan-1 {color:red; font-style:silver; font-size:16pt }

.fon {background-image: URL(pic/22.gif)}

a:link{color:blue}

a:visited {color:blue}

a:active {color:red}

a:hover {text-decoration:Arial}

.style2 {color: #0000FF;font-weight: bold;font-style: italic;}

.style4 {color: #FF0033;font-family: Georgia, "Times New Roman", Times, serif;}

.style6 {color: white;font-family: Georgia, "Times New Roman", Times, serif;}

.style8 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;

.1 { text-align: left }

A:Link{ Color: #0044ff; font-weight:bold ; text-decoration: none; font-size: 100%;

 font-family: Arial;}

A:Visited{ Color: #0088ee; font-weight:bold ; text-decoration: none; font-size: 100%;

font-family: Arial;}

A:Active{ Color: "aqua";font-weight:bold ; text-decoration: none; font-size: 100%;

font-family: Arial;}

A:Hover{ Color: #000088; font-weight:bold ; text-decoration: none;

font-size: 100%; font-family: Arial;}

.cod {background-color: #ffffff; color: #0088bb}

P { text-indent: 0.5in;

background-color: #f7ffff }

.user {color: background; }

.navig { background-color: #000099; width: 100%; text-align: center; border-style: outset; border-color: #ffffff;}

.nav {position: relative; background-color: #ffffff; width: 100%; text-align: center;}

.l { position: relative; top: 0%; left: 0%; width:100;text-align: left;}

.c { position: relative; top: 0%;  left:0%; width:535; text-align: center; }

.s { position: relative; background-color: #000099; top: 0%;  left:0%; width:25%; text-align: center; border-style: outset; border-color: #ffffff;}

.s1 { position: relative; background-color: white; top: 0%;  left:0%; width:25%; text-align: center; border-style: outset; border-color: #ffffff;}

.r { position: relative; top: 0%; left:0%; width:100;text-align: right;}

strong {color: #ff0066 }

.faq {color: #0088bb }

.cod strong {color: #ff0066; font-weight: normal;}

b { font-size: 100%; color: #0088bb}

i {color: #0088bb }

.img {background-color: #ffffff; width: 50%;}

ul {background-color: #f7ffff }

ol {background-color: #f7ffff }

dl {background-color: #f7ffff }

menu {background-color: #f7ffff }

dir {background-color: #f7ffff }

.msk {filter:Mask(Color="#0000ff")}

.sh {filter:Shadow(Color="#000000", Direction="150")}

.flp{filter:FlipH;}

.flpv{filter:FlipV;}

.gl{filter:Glow(Strength=3, Color="#0000ff")}

.wv{filter:Wave(Freq=5, Add=0, LightStrength=1, Phase=2, Strength=2)}

.drpsh{filter:DropShadow(Color="#6699CC",OffX="3",OffY="3",Positive="1")}

.alph1{filter:Alpha(Opacity="20",FinishOpacity="45",Style="3")}

.alph2{filter:Alpha(Opacity="40",FinishOpacity="95",Style="3")}

.alph3{filter:Alpha(Opacity="90",FinishOpacity="95",Style="3")}

.blr{filter:Blur(Add="1",Direction="270",Strength="15")}

.inv{filter:Invert}