Вебдизайн для начинающих
Спецвыпуск хакер, номер #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 атрибуты> - изображение детской неожиданности :)
