Опис створення сторінок web-додатку

Код сторінки веб-чату:

<! DOCTYPE html>

< Html>

< Head>

< Metahttp-equiv = " Content-Type" content = " text / html; charset = utf-8" />

< Title> веб чат < / title>

< Linkrel = " stylesheet" type = " text / css" href = " js / jScrollPane / jScrollPane.css" />

< Linkrel = " stylesheet" type = " text / css" href = " css / page.css" />

< Linkrel = " stylesheet" type = " text / css" href = " css / chat.css" />

< / Head>

< Body>
< Divid = " chatContainer" > < Divid = " chatTopBar" class = " rounded" > < / div>
< Divid = " chatLineHolder" > < / div>

< Divid = " chatUsers" class = " rounded" > < / div>
< Divid = " chatBottomBar" class = " rounded" >
< Divclass = " tip" > < / div> < Formid = " loginForm" method = " post" action = " >
< Inputid = " name" name = " name" class = " rounded" maxlength = " 16" />
< Inputid = " email" name = " email" class = " rounded" />
< Inputtype = " submit" class = " blueButton" value = " Увійти" />
< / Form> < Formid = " submitForm" method = " post" action = " " >
< Inputid = " chatText" name = " chatText" class = " rounded" maxlength = " 255" />
< Inputtype = " submit" class = " blueButton" value = " Відправити" />
< / Form> < / Div>
< / Div>
< Divid = " footer" >
< Divclass = " tri" > < / div>
< H1> Робимо AJAX веб чат з використанням PHP і jQuery< / h1>
< / Div>
< Scriptsrc = " https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" > < / script>
< Scriptsrc = " js / jScrollPane / jquery.mousewheel.js" > < / script>
< Scriptsrc = " js / jScrollPane / jScrollPane.min.js" > < / script>
< Scriptsrc = " js / script.js" > < / script>
< / Body>
< / Html>

Рис.4.3.1. Переписка в чаті в режимі реального часу