Построй свой домик в Интернете!

Спецвыпуск Xakep, номер #015, стр. 015-010-6

<tr><td align="center" colspan=2>colspan=2</td><td align="center">Бурундучок</td></tr>

</table>

</center>

</body>

</html>

Часть II. Едем дальше - верстка странички

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

Когда у тебя на страничке есть только фотография плюшевого мишки, ты тупо берешь тэг <img> и суешь туда своего мишку (<img src="bear.jpg" width=50 height=50 border=0>). Но когда на одной страничке много фотографий, общее меню, большое количество ссылок и текста, то возникает проблема компоновки (ака верстки) странички. Верстать можно либо с помощью фреймов, либо с помощью таблиц. Возьми любую литературу по созданию веб-страничек, там обязательно будет описание фреймов. Что они собой представляют, как их использовать, куда вставлять, даже примеры приводятся. Но я не видел ни одной книжки, в которой написали бы, что фреймы уже давно не используют, какие есть минусы при использовании фреймов и какая существует им альтернатива. Но не отчаивайся, ведь у тебя есть СПЕЦ Х :). Я тебе поведаю основные минусы использования фреймов, из-за которых все здравомыслящие веб-дизайнеры давно перешли на таблицы.

Для начала - что такое фреймы. В переводе с пингвинского (frames) это просто кадры. То есть любой из них представляет собой ни что иное, как обычный хтмл-файл. Для того чтобы использовать фреймы, ты должен сначала сделать фреймсет (еще один хтмл-файлик), в котором и определить фреймовую структуру - задав взаимное расположение кадров на страничке и их относительный (в процентах от общего) или абсолютный (в пикселах) размер. Взаимное расположение задается так же, как и в таблице: по строкам и столбцам. Размер указывается абсолютным только для тех кадров, для которых важно одинаковое отображение при разном разрешении - например, меню. Также ты указываешь хтмл-файл для каждого фрейма по умолчанию, то есть то, что будет отображаться при загрузке страницы. Фреймы можно назвать поименно, тогда в дальнейшем в любой поименованный фрейм можно грузить другой хтмл-файл. Это все замечательно, а теперь об основных минусах фреймов:

- Делая свою первую домашнюю страничку, состоящую из простого меню и содержания, конечно, проще сделать два фрейма. В первый ты заносишь меню, а второй именуешь и грузишь в него содержание. Проблема заключается в том, что меню остается всегда неизменным. А при необходимости сделать более 3-х фреймов еще и код становится трудночитабельным (тебе нужно скакать по всем хтмл-файликам, чтобы понять, где и что на странице). Браузер же при большом количестве фреймов начинает сильно кашлять :). В принципе есть даже такая заподлянка по отвисанию браузера - делаются 10 фреймов, в них еще по 10 фреймов и т.д.

Назад на стр. 015-010-5  Содержание  Вперед на стр. 015-010-7

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001