31. Фреймы.

Фрейм — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

Фреймы по своей сути очень похожи на ячейки таблицы, однако более универсальны. Фреймы разбивают веб-страницу на отдельные миникадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, можно продолжать видеть страницы в других окнах.

<frameset rows="80,*" cols="*">

<frame src="top.html" name="topFrame" scrolling="no" noresize>

<frameset cols="80,*">

<frame src="left.html" name="leftFrame" scrolling="no" noresize>

<frame src="main.html" name="mainFrame">

</frameset>

</frameset>

31. Формы.

Форма в HTML — раздел документа, позволяющий пользователю вводить информацию для последующей обработки системой. Синтаксически форма в HTML задаётся с помощью элемента form и в дополнение к разметке обычных элементов содержит разметку для элементов управления , надписей и других.

Для отправки формы имеются два метода: get и post. Метод get рекомендуется использовать в случаях, когда при обработке формы на стороне сервера не происходит побочных действий, например, поиск. В противном случае, когда на стороне сервера подразумевается модификация в базах данных и т. п., требуется использовать метод post..

<form action="http://example.com/app/profile" method="post">

<p>

<label for="username">Имя: </label>

<input type="text" id="username" /><br />

<label for="email">Адрес эл. почты: </label>

<input type="text" id="email" /><br />

</p>

</form>

31. Организация Web-страниц.

Фиксированная верстка сайта отличается среди других видов html верстки четко определенными размерами элементов - элементы веб-страницы соответственно имеют фиксированные размеры, в пикселях. Например,

1.div style="width:300px;height:100px"

Основным преимуществом фиксированной верстки является тот факт, что html-кодер подгонит дизайн шаблона до пикселя, свободно используя стили. Главным недостатком фиксированной верстки является ,как раз таки, фиксированная размеры шаблона: при просмотре веб-страницы сайта с шириной шаблона 1000 px, на мониторе с разрешением в 1400px (по ширине), по бокам страницы остается свободное пространство в 200px.А при просмотре html-страницы на мониторе с разрешением в 900px (по ширине), часть страницы будет за кадром монитора, снизу появится скролбар (полоса прокрутки).

Резиновая верстка сайта отличается от фиксированной верстки относительными размерами элементов веб-страницы (процентное отношение), все элементы соответственно имеют относительные размеры, в зависимости от размеров своих родительских элементов. Например,

1.div style="width:80%;height:10%"

Соответственно этот блок будет иметь 80 процентов от своего родительского элемента, который может иметь ширину как 10px так и 100000px. В отличие от фиксированной верстки, резиновая верстка позволяет адаптировать шаблон под любой тип и разрешение монитора, выводя элементы страницы в процентном отношении к монитору. От чего и появилась ее название резиновая верстка. Недостатком резиновой верстки, как правило, является нестабильность дизайна сайта, так же меняется в зависимости от разрешения монитора, и относительная сложность самой верстки. Хотя можно адаптировать дизайн шаблона, сугубо под резиновую верстку.

Гибридная верстка. Это наиболее распространенный вид верстки который включает в себя как фиксированные, так и относительные размеры элементов, некий компромисс между фиксированной и резиновой html-версткой. Большинство веб-мастеров используют именно этот вид верстки при разработке сайта.