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

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

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

http://www.ruschannel.xxi.ru

Создание страничек в Интернет становится все актуальнее. Пытаются их ваять уже кому не лень. :)

Но кроме желания ваять треба еще и каких-то основ и опыта. Кто-то ставит супер-пупер крутую прогу FrontPage, но потом сам не знает, чё она там генерит ему. :) Кто-то сдирает чужие ваяния, иной раз не сумев толком переделать под себя. Кто-то генерит что-то смежное между первыми и вторыми, одним словом, прикол да и только. Вот и решил я помочь тебе разобраться в этой фене - html.

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

Что касается программ типа FrontPage - оставь их ламерам! Их делали для тех, кто не может все сделать сам. :) Если же ты будешь знать html, подобные программы несомненно тебе помогут облегчить жизнь при, например, конвертации прайс-листов в хтмл или быстром подборе нужных цветов и т.п.

Для начала тебе понадобится выучить базовые теги html и принцип построения любой html-страницы.

Любой html документ сроится по принципу Начало-Заголовок-Тело-Конец. Начало показывает тег <html>, а конец тег </html>. Кстати, феня тег это то, что заключено между < и >. Заголовок ограничивают теги <head> и </head>, а тело <body> и <body>. Заголовок обычно несет информацию для поисковых систем, некоторую официальную информацию, заголовок самой страницы и скрипты, которые выполняются до загрузки тела страницы. Тело - это все то, что отображается потом в браузере. А теги начала и конца позволяют однозначно определить страницу как html-страницу. Плюс ко всему файл должен иметь расширение htm или html. Первое пошло от систем, не поддерживающих длинных расширений, а второе от поддерживающих; в результате сейчас можно и с таким, и с таким. Используются еще расширения, к примеру, shtml и asp, но тебе это вряд ли понадобится вообще. Язык html это язык разметки, а не какой-нибудь язык программирования, поэтому он в принципе элементарен и не требует особых навыков, скорее требуется опыт создания страниц и дизайна, нежели опыт в написании кода. Код можно писать в чем угодно, лично я всегда пишу в NotePad. :) Итак, какие теги используются в html (я перечислю наиболее часто используемые и поддерживаемые всеми браузерами), некоторые даже сделал с картинками - когда не очень ломало, :) а для всех остальных в самом конце будет пример:

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

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

<a атрибуты></a> - гиперссылка (атрибут href) или якорь (атрибут name)

<br> - перенос каретки, по-нашенски переход на новую строку :)

<nobr></nobr> - по возможности разрывы не допускаются

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

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

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

<frameset атрибуты></frameset> - задается набор кадров

<noframes></noframes> - то, что будет отображаться в браузерах, не поддерживающих кадры

<pre атрибуты></pre> - текст между тегами будет отображаться как есть (с соблюдением строк, переносов и интервалов)

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

Содержание  Вперед на стр. 002-008-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