книги хакеры / журнал хакер / специальные выпуски / Специальный выпуск 2_compressed

Редакция

самый главный редактор

Сергей Покровский

(pokrovsky@xakep.ru)

8

самый вредный редактор

Александр Черных

Веб-дизайн

(holod@xakep.ru)

типа просто редактор

для начинающих

Иван Корноухов

(sidex@xakep.ru)

старший бакенщик

Игорь Пискунов

(igor@gameland.ru)

Создание страничек в Интернет становится

замполит-политрук

все актуальнее... Но кроме желания ваять

Алена Скворцова

(alyona@gameland.ru)

треба еще и каких-то основ и опыта. Кто-то

Art дизайн

ставит супер-пупер крутую прогу FrontPage,

R.SKY

но потом сам не знает, ч¸ она там генерит

(matrix@xakep.ru),

ему. :) ... Вот и решил я помочь тебе разоб-

GURU

(guru@xakep.ru)

раться в этой фене - html...

обложка

R.SKY

иллюстрации

34

GRiF,

Mихельсон,

Сделай свой сайт

(svlad@freemail.ru)

Âëàä

привлекательнее

Макс Манылов

консультант

(manylov@astrive.ru)

...первым делом ты топаешь на поисковый

Реклама

руководитель отдела

сервак и ищешь интересующие источники по

Игорь Пискунов

ключевым словам. Вот долгожданный спи-

(igor@gameland.ru)

менеджер отдела

сок... Мазафака, он же на километры вниз...

Алексей Анисимов

Это еще полбеды — часть источников отпуги-

(anisimov@gameland.ru)

òåë.:

(095) 229.43.67

вает сразу же внешним видом или своей не-

(095) 229.28.32

читабельностью. Бывает навигация для деби-

ôàêñ:

(095) 924.96.94

PR

руководитель отдела

лов :) или куча ненужной рекламы, а потом с

гулькин глаз, а не то, что ты подумал, :) ин-

Татьяна Ан

(an@gameland.ru)

формации...

òåë.:

(095) 229.28.32

48

(095) 229.43.67

VRML редактор...

ôàêñ:

(095) 924.96.94

Оптовая

руководитель отдела

продажа

Владимир Смирнов

(vladimir@gameland.ru)

Что такое VRML, ты уже, наверное, знаешь.

менеджеры отдела

Андрей Степанов

Нет еще? Ну, представь себе: заходишь ты на

(andrey@gameland.ru)

сайт и попадаешь вместо стандартной стра-

Самвел Анташян

(samvel@gameland.ru)

нички с текстом в крутой затекстуренный

òåë.:

(095) 292.39.08

трехмерный объект, по уровню графики не

ôàêñ:

(095) 292.54.63

(095) 924.96.94

хуже старичка DOOM’a. Круто? Ну так Х пло-

PUBLISHING

учредитель и издатель

хого не подкинет! Правда, весит это добро

ÇÀÎ “Ãåéì Ëýíä”

немало, но того стоит...

директор

Дмитрий Агарунов

(dmitri@gameland.ru)

финансовый директор

52

Борис Скворцов

(boris@gameland.ru)

Flash

Для писем

101000, Москва,

за 15 минут!

Главпочтамп,

а/я 652, Хакер

Web-Site

http://www.xakep.ru

Ты только представь: заходишь ты на страни-

E-mail

magazine@xakep.ru

цу — и она оживает. Бред? А вот и нет. Ты

когда-нибудь слышал такое словосочетание

Мнение редакции не обязательно совпадает с мнением авторов.

Macromedia Flash 4? Ты думаешь, что flash —

Редакция не несет ответственности за те моральные и физические увечья,

которые вы или ваш комп можете получить, руководствуясь информацией,

это марка макарон? Тогда, скажу откровенно,

почерпнутой из статей номера. Редакция не несет ответственности за

содержание рекламных объявлений в номере.

тебе не очень понадобится этот материал —

Отпечатано в типографии

лучше макаронами займись. ;)...

«ScanWeb», Финляндия

Зарегистрировано в Министерстве Российской Федерации

по делам печати, телерадиовещанию

и средствам массовых коммуникаций

ÏÈ ¹ 77-1905 от 15 марта 2000 г.

Тираж 25 000 экземпляров. Цена договорная.

X/WEB

0007 7

Андрей Каролик (andrusha@sl.ru) www.ruschannel.xxi.ru

Создание страничек в Интернет становится все актуаль-

нее. Пытаются их ваять уже кому не лень. :)

Но кроме желания ваять треба еще и каких-то основ и опы-

та. Кто-то ставит супер-пупер крутую прогу FrontPage, но

потом сам не знает, ч¸ она там генерит ему. :) Кто-то сди-

рает чужие ваяния, иной раз не сумев толком переделать

под себя. Кто-то генерит что-то смежное между первыми и

вторыми, одним словом, прикол да и только. Вот и решил я

помочь тебе разобраться в этой фене - html.

Поехали! (с) Гагарин

числю наиболее часто используемые и под-

Пример:

держиваемые всеми браузерами), некоторые

òî

касается

программ

òèïà

даже сделал с картинками - когда не очень

FrontPage - оставь их ламерам! Их

ломало, :) а для всех остальных в самом кон-

×делали для тех, кто не может все

це будет пример.

сделать сам. :) Если же ты будешь

знать html, подобные программы несомненно

<title></title> - заголовок хтмл-документа

тебе помогут облегчить жизнь при, например,

<center></center> - центровка

конвертации прайс-листов в хтмл или быстром

<a атрибуты></a> - гиперссылка (атрибут

подборе нужных цветов и т.п.

href) или якорь (атрибут name)

Для начала тебе понадобится выучить базовые

<br> - перенос каретки, по-нашенски пере-

теги html и принцип построения любой html-

ход на новую строку :)

<hr атрибуты> - горизонтальная линейка

страницы.

<nobr></nobr> - по возможности разрывы

Любой html документ сроится по принципу

не допускаются

Пример:

Начало-Заголовок-Тело-Конец. Начало пока-

<b></b> - заключенный текст между тегами

зывает тег <html>, а конец тег </html>.

будет жирным

Кстати, феня тег это то, что заключено между

<form атрибуты></form> - форма

< и >. Заголовок ограничивают теги <head>

<frame атрибуты></frame> - задается

и </head>, а тело <body> и <body>. Заголо-

êàäð

вок обычно несет информацию для поисковых

<frameset атрибуты></frameset> - çà-

систем, некоторую официальную информа-

дается набор кадров

цию, заголовок самой страницы и скрипты,

<noframes></noframes> - то, что будет

которые выполняются до загрузки тела стра-

отображаться в браузерах, не поддерживаю-

ницы. Тело - это все то, что отображается по-

щих кадры

том в браузере. А теги начала и конца позво-

<pre атрибуты></pre> - текст между тега-

ляют однозначно определить страницу как

ми будет отображаться как есть (с соблюде-

<hn атрибуты></hn> - заголовок (n от 1 до 6)

html-страницу. Плюс ко всему файл должен

нием строк, переносов и интервалов)

иметь расширение htm или html. Первое пош-

<img атрибуты> - изображение детской

Пример:

ло от систем, не поддерживающих длинных

неожиданности :)

расширений, а второе от поддерживающих; в

<map атрибуты></map> - определяет чув-

результате сейчас можно и с таким, и с та-

ствительную область изображения к переме-

ким. Используются еще расширения, к при-

щению крысы

ìåðó, shtml è asp, íî òåáå ýòî âðÿä ëè ïîíà-

 - нижний индекс (текст будет

добится вообще. Язык html это язык размет-

смещен вниз)

ки, а не какой-нибудь язык программирова-

 - верхний индекс (текст будет

ния, поэтому он в принципе элементарен и не

смещен вверх)

требует особых навыков, скорее требуется

<basefont атрибуты> - указывает размер

опыт создания страниц и дизайна, нежели

шрифта для последующего текста

опыт в написании кода. Код можно писать в

<font атрибуты></font> - установка разме-

<li атрибуты></li> - элемент списка

чем угодно, лично я всегда пишу в NotePad. :)

ра, цвета или гарнитуры заключенного в теги

<ul атрибуты></ul> - неупорядоченный спи-

Итак, какие теги используются в html (я пере-

текста

сок элементов <li>