Создание WWW
страничек - дело несложное.
Содержание
1. Азбука
2. Минимальный
документ
3. Часто
используемые флажки
1. Web-страничка—это текст, который
Вы хотите увидеть на экране плюс специальные флажки, форматирующие его.
Язык разметки страничек называется
HTML (HyperText Markup Language); Существует международный стандарт HTML3.2,
полностью описывающий все возможные флажки и их допустимые сочетания. К счастью,
программы просмотра терпимы к нарушениям стандарта и ошибкам в синтаксисе: если
они встречают флажок, который им незнаком, они делают вид что этого флажка
вообще не было.
Файл, содержащий HTML документ
должен иметь расширение .htm или .html
Для компоновки Web-страничек можно
использовать любой текстовый редактор, сохраняющий "только текст”, т.е. текст
без символов форматирования, установки шрифтов и т.д. Например редактор Norton
Commander-а, edit в DOS, Notepad или Write в Windows или vi в UNIX.
Картинки и другие нетекстовые
компоненты НЕ ВСТАВЛЯЮТСЯ в документ непосредственно и хранятся отдельно. Вместо
этого в текст вставляется ссылка, указывающая программе просмотра имя файла,
содержащего картинку. Стандартно поддерживаются только фораты картинок GIF и
JPEG.
Для создания страничек совершенно не
обязательно иметь доступ к сети. Все известные мне программы просмотра
(Netscape, Mosaic, lynx и т.д.) могут открыть файл с документом, находящийся на
Вашем жестком диске. (В Netscape, например, для этого из меню "File” надо
выбрать пункт "open File”).
2. Минимальный
(пустой) документ имеет вид:
<HTML>
<HEAD>
<TITLE>
здесь заголовок ОКНА Netscape </TITLE>
</HEAD>
<BODY>
здесь собственно
документ
</BODY>
</HTML>
Почти все флажки—парные (как
открывающие и закрывающие скобки), закрывающий флажок предворяется символом "/”.
Например, если Вы хотите выделить слово жирным шрифтом, Вы пишете
<B>слово</B>. Здесь <B> и </B> -- флажки, указывающие
программе просмотра как надо изображать обрамленное ими слово.
Большие и маленькие буквы не
различаются, например <BR>, <Br> и <br> совершенно равноправны
и одинаково вызывают принудительный перевод строки в тексте.
Часто действие флажков интуитивно
понятно (для знающих английский):
<B></B>
-- Bold (жирный)
<I></I>
-- Italic (курсив)
<P></P>
-- Paragraph (параграф)
Программа просмотра заменяет все
последовательно идущие символы пробелов, табуляции и возврата каретки на
единственный пробел.
3. Наиболее
часто используемые флажки:
<P>
</P> -- абзац
<BR> --
принудительный перевод строки
<H1>
</H1>, <H2> </H2>, ... <H6> </H6> -- заголовки
разных размеров
<IMG
src=”имя_файла.gif”> -- вставить картинку.
<A HREF=”http://www.openweb.ru”> мастерская
</A> -- сделать слово "мастерская” гипертекстовой ссылкой на сервер
openWEB.
Последние два флажка иллюстрируют
важный факт: кроме своего имени флажки могут содержать (и часто содержат) один
или больше параметров. Например, чтобы вставить в документ картинку, я не просто
указал флажок <IMG>, а еще и снабдил его параметром SRC=”имя_файла.gif”,
(без которого флажок <IMG> особого смысла, надо полагать, не имеет). Часто
параметры необязательны и служат для уточнения внешнего вида элемента:
<HR>
изображается как горизонтальная канавка,
<HR
NOSHADE> -- горизонтальная полоска,
<HR
WIDTH=50%> -- горизонтальная канавка шириной в половину экрана.
Таким образом,
создание гипертекстового документа—простая и приятная работа:
1.Вы создаете
минимальный документ,
2.Вставляете
внутрь флажков <BODY></BODY> Ваш текст
3.Размечаете
текст (параграфы, заголовки и т.д)
4.Вставляете
ссылки на картинки
5.Вставляете
гипертекстовые связи
6.Загружаете
готовый документ в программу просмотра
ГОТОВО!
Однако важно,
чтобы документ был приятен на вид—легко читался и с удовольствием смотрелся. Но
это уже совсем другая история ...
| 
Главная 
