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

Спецвыпуск 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

загрузка...
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