Проектирование Интернет приложений. Тузовский А.Ф. - 48 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

Составители: 

Рубрика: 

48
размер (width:110px;) и плавающее позиционирование (float:right – разме-
щается справа и последующий блок «обтекает» его). И, наконец, для
контейнера footer задано, что он размещается под всеми плавающими
блоками (clear:both;). Кроме этого задан стиль для тэга body, в котором
указывается ширина (width:600px;) области отображения документа, рас-
положение ее по центру экрана (margin:0 auto;) и указывается прекраще-
ние ее сжатия при достижении минимального размера (min-width:450px).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Блочная верстка</title>
<link href="DivStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"> Заголовок </div>
<div id="left"> Левый блок <br/>Левый блок <br/>Левый блок <br/>Левый
блок</div>
<div id="right"> Правый блок <br/> Правый блок <br/> Правый блок <br/> Пра-
вый блок</div>
<div id="content"> Основное содержание <br/> Еще содержание <br/> Еще
содержание <br/> Еще содержание </div>
<div id="footer"> Нижний блок - подвал </div>
</body>
</html>
Рис. 1.9. HTML страница, использующая ссылку на внешнюю таблицу стилей
DivStyle.css и разделеная на div блоки
body { width:600px; min-width:450px; margin:0 auto; padding:0px; }
#header { text-align:center; background-color:rgb(192,192,192); }
#left { float:left; width:150px; background-color:rgb(211,211,211); }
#content { margin-left:152px; margin-right:102px; background-color:rgb(255,245,238);}
#right { float:right; width: 100px; background-color:Gray; }
#footer { clear:both; background-color: Silver; }
Рис. 1.10. Таблица стилей DivStyle.css
Язык сценариев JavaScript
Языки сценариев позволяют включать в web-страницы программ-
ный код, который задает поведение web страницы в браузере при работе
с ними пользователей. Существуют разные языки сценариев, но наибо-
лее распространенным является язык JavaScript. JavaScript это интер-
претируемый язык программирования, стандартизированный междуна-
родной организацией ECMA в спецификации ECMA-262. Языки
JavaScript, Jscript и ActionScript являются расширением стандарта
ECMA-262.

Страницы