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

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

Андрей Каролик (andrusha@sl.ru; http://www.dal.net.ru)

Привет, будущий гуру веб-дизайна! Если хочешь сделать свою домашнюю страничку, но пока не знаешь, как, то тебе стоит прочитать эту статью. Здесь я коротко и доступно поведаю тебе основы создания своего сайта. Эта статья сильно отличается от любой обычной книжки по вебу - тут нет ничего лишнего. Правда, я изрядно потужился :), чтобы уместить все нужное и полезное в отведенный мне объем. Так что если до этого ты умел только лепить куличики в песочнице и совсем не знал html, то, прочитав эту статью, ты легко и непринужденно сваяешь свою собственную домашнюю страничку. Запомни, html - это не просто, это очень просто :).

Часть I. Начинаем ваять...

Что такое HTML?

Эти четыре буковки (html) означают HyperText Markup Language, что в переводе с пингвинского - язык разметки гипертекстовых документов. То есть прежде всего это язык разметки, а не язык программирования, как многие думают по незнанию. Нет никаких массивов, циклов или процедур. Есть только тэги - специальные "метки", которыми автор страницы, собственно, и "размечает" html-файл. Тэги заключаются между угловыми скобками "<" и ">", например, так: <body> или <br>. Большинство из них имеет еще и закрывающие метки, которые заключаются между угловыми скобками "</" и ">" - так, в приведенном примере тэг <body> имеет закрывающий тэг </body>. Эти пока непривычные для тебя указатели форматирования сообщают твоему браузеру, как нужно отображать то, что находится между ними. Некоторые тэги имеют еще дополнительные атрибуты, которые ты можешь задать или не задавать вовсе, тогда они будут по умолчанию. Например, текст между тэгами <font color="#FF0000" align="center" size="2"> и </font> будет красного цвета, расположен по центру странички, а шрифт будет иметь размер два (что соответствует двенадцатому вордовскому).

В некоторых тэгах в качестве параметра можно использовать определение цвета; так - в предыдущем примере для текста указан красный. Задается он достаточно просто - с помощью трех составляющих RGB (красный, зеленый и голубой), а записывается в виде #RRGGBB (color="#FFFFF0"). Откуда взять эти составляющие? Можно - в графических редакторах (например, в Photoshop) или в специальных программах, которые позволяют для любого цвета получать их RGB составляющие. Я использую EoHex (http://vtg.org/bsmith) или смотрю в Photoshop.

Для создания страничек есть достаточно много разнообразных html-редакторов, которые упрощают их создание. Но на самом деле любую страничку можно сделать в самом обычном блокноте (NotePad), просто файл должен быть с расширением *.htm или *.html. Кстати, я делаю все только в нем :). На первых этапах советую все делать ручками, так как это поможет лучше понять html и все нюансы при работе с этой зверюгой. А html-редакторы стоит использовать только для автоматизации или выполнения однообразных действий, которые вручную выполнять очень утомительно. К тому же большинство html-редакторов очень помогают при сильном алкогольном опьянении: выделяют разным цветом разные тэги, проверяют тэги на правильность написания и ищут незакрытые тэги.

Содержание  Вперед на стр. 015-010-2