ЖУРНАЛ ХАКЕР

Вебдизайн для начинающих

Спецвыпуск хакер, номер #002, стр. 002-008-3


<br><br>

<a href="http://www.xakep.ru" target="_top"><img src="http://www.xakep.ru/xakep.gif" border="0" width="88" height="31" alt="Xakep"></a><br><br>

<font face="Arial, Helvetica" size="1">© Copyright Lamer Production 2000 :)</font>

</center>

</body>

</html>

Писать этот код, как ни странно, минуты 2 от силы. На этом примере я всего лишь показал тебе элементарный хтмл. Со временем это для тебя будет так же элементарно, как выключить компьютер. Другое дело, что потом ты можешь юзать всякие другие фичи, применительные к вебу: скрипты, апплеты, динамический хтмл (DHTML) и т.п. Хотя все по мере надобности. С виду простыми тегами можно будь здоров что наваять, если еще хорошо владеть графикой. Одним словом, ваяй, фигарь и угорай! :0)

Отдельно еще рассмотрю формы и фреймы (кадры). Начнем с фреймов. Если уж прибило использовать тебя фреймы, то эта фича юзается следующим макаром. Сначала грузится файл с фреймовой структурой, в котором ты определяешь параметры каждого фрейма и то, что изначально в каждый фрейм загружается. А то, что грузится в каждый отдельный фрейм, ни что иное, как обычный хтмл-документ. Для примера создадим 3 фрейма: один вверху и два внизу. В верхний загрузим какую-нить картинку с Хакера, :) а в двух нижних подпишемся. :)

Главный хтмл-файл будет выглядеть вот так:

<html>

<head>

<title>Пример для журнала "Хакер"</title>

</head>

<frameset rows="60%, 40%">

<frame src="frame1.html" name="frame1">

<frameset cols="65%, 20%">

<frame src="frame2.html" name="frame2">

<frame src="frame3.html" name="frame3">

</frameset>

<noframes>

<font color="#FF0000"><h1>Лопух, уже весь мир перешел на браузеры новых версий! Бросай свою дремучую и качай поновее.</h1></font>

</noframes>

</frameset>

</html>

Ну и плюс коды для хтмл-ек для всех 3-х фреймов:

<html>

<head>

<title>Пример для журнала "Хакер"</title>

</head>

<body>

<center>

<table border="0" cellspacing="2" cellpadding=0 width="620">

<tr><td><a href="http://www.xakep.ru" target="_top"><img src="http://www.xakep.ru/x-joke/images/00007.jpg" width="398" height="325" border="0" alt="Типа мое фото :0)"></a></td></tr>

</table>

<br><br>

<a href="http://www.xakep.ru" target="_top"><img src="http://www.xakep.ru/xakep.gif" border="0" width="88" height="31" alt="Xakep"></a>

<br><br>

<font face="Arial, Helvetica" size="1">© Copyright Lamer Production 2000 :)</font>

</center>

</body>

</html>

<html>

<head>

<title>Пример для журнала "Хакер"</title>

</head>

<body>

<center>

<table bgcolor="#CC99CC" border="0" cellspacing="2" cellpadding=0 width="620">

<tr><td align="center"><p align="center">Чувак, ты крут как никогда, ты постиг фреймы :)</p></td></tr>

</table>

<font face="Arial, Helvetica" size="1">© Copyright Lamer Production 2000 :)</font>

</center>

</body>

</html>

<html>

<head>

<title>Пример для журнала "Хакер"</title>

Назад на стр. 002-008-2  Содержание  Вперед на стр. 002-008-4