Основные понятия
(для примера заполнения(контента) использована часть материала с htmlbook.ru )
Чтобы разговаривать на одном языке, а также для лучшего понимания темы, вначале следует обговорить термины, которые будут использоваться в тексте. Этот шаг при желании можно пропустить, а затем вернуться к нему еще раз, если вы встречаете слово, которое вам не понятно.
Веб-страница
Веб-страницей называется сетевой документ, открываемый в браузере. Обычно веб-страница создается в формате HTML и содержит, как правило, текст, изображения и ссылки. В связи с развитием технологий, веб-страницей также могут называться документы и в другом формате, например, XML, Flash, PDF и т.д.
Сайт (интернет-ресурс)
Cайт — это набор отдельных веб-страниц, которые связаны между собой ссылками и единым оформлением. HTML (HyperText Markup Language, язык разметки гипертекста) HTML — это система верстки веб-страниц, которая определяет, какие элементы и как должны располагаться в документе. Чтобы показать, что мы имеем дело не с обычным текстовым документом, используется термин HTML-документ. Подобные документы открываются под управлением браузера. HTML-документ Обычный текстовый файл, который может содержать в себе текст, теги и стили. Изображения и другие объекты хранятся отдельно. Содержимое такого файла обычно называется HTML-код.
Браузер
Браузером называется программа для просмотра веб-страниц. Браузер анализирует код HTML, находит специальные символы, называемые тегами, и использует их для отображения изображений, изменения вида текста, создание ссылок на другие веб-страницы и т.д. Наиболее популярны следующие браузеры: Internet Explorer, Firefox, Opera.
Тег
Тег — это специальный символ разметки, который применяется для вставки различных элементов на веб-страницу таких как: рисунки, таблицы, ссылки и др. и для изменения их вида.
<!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" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>w3css.ru - Быстрый шаблон, трехколоночный</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#text {
color: white;
}
#framecontentLeft, #framecontentRight{
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
overflow: hidden;
background-color: #993300;
color: white;
}
#framecontentRight{
left: auto;
right: 0px;
width: 150px;
overflow: hidden;
background-color: #993300;
color: white;
}
#maincontent{
position: fixed;
top: 0;
left: 200px;
right: 150px;
bottom: 0;
overflow: auto;
background: #efefef;
}
.innertube{
margin: 15px;
}
* html body{ /*IE6 hack*/
padding: 0 150px 0 200px;
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<div id="framecontentLeft">
<div class="innertube">
<h1>Левое меню</h1>
<h3>фиксированные колонки</h3>
<p><a href="http://w3css.ru/blog/"> <span id="text"> вернуться в блог </span></a></p>
<p align="center"><script type="text/javascript"><!--
google_ad_client = "pub-6290862918731639";
/* w3css_example_120x600, создано 21.04.09 */
google_ad_slot = "3810115445";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
</div>
</div>
<div id="framecontentRight">
<div class="innertube">
<h1>Правое меню</h1>
<h3>текст</h3>
</div>
</div>
<div id="maincontent">
<div class="innertube">
<p style="text-align: center"> <a href="http://w3css.ru/blog/">w3css.ru - css примочки</a></p>
<br />
</div>
</div>
</body>
</html>