Юный техник, 2002 № 03
Шрифт:
— Угу, — кивнула Фаина. — Получается, что вся Интернет-страничка похожа на матрешку: сначала контейнер <HTML>…</HTML>, внутри его — контейнеры <HEAD>…</HEAD> и <BОDY>…</BОDY>, внутри контейнера <BОDY>…</BODY> среди прочего, ну, скажем, контейнер <Р>…</Р>, внутри его — контейнер <FONT>…</FONT», а уже в нем — нужный нам текст. Только вот что означает запись &сору; в начале этого текста?
— Это значок «копирайта», — пояснила Файка. — В HTML разрешены разные нестандартные символы — «копирайт», «длинное тире», греческие буквы для формул и многое другое, а также символы, которые уже используются для записи тэгов, например, те же значки «больше» и «меньше» нужно
— Неужели это так просто? — удивленно посмотрела на подругу Фаина.
— Ну, в общем-то действительно несложно, — ответила та. — Правда, мы рассмотрели только простой пример, а в HTML предусмотрено много различных тэгов и параметров для них, и для работы с ними тебе нужно будет узнать еще немало разных хитростей. Но, думаю, ты легко все освоишь. Кстати, сейчас уже есть много разных программ — редакторов HTML, в том числе бесплатно переписываемых из того же Интернета, которые помогают создавать Интернет-страницы.
Причем, работая с современным редактором, ты даже можешь не знать языка HTML, а просто редактируешь загруженный в него текст, меняешь размеры, начертание или цвет шрифта для его фрагментов, указываешь выравнивание абзацев, вставляешь рисунки и т. д., как ты делаешь это в любом хорошем текстовом редакторе, например, в Word for Windows. А когда ты дашь команду записать результаты работы на диск, то редактор сам создаст нужный HTML-текст. Единственный крупный недостаток таких программ в том, что они все же рассчитаны на некоторый «типизированный» вид создаваемых страничек и к тому же вставляют в сгенерированный ими HTML-текст много лишних тэгов, так что все-таки язык HTML желательно знать в любом случае, чтобы хотя бы уметь подредактировать то, что выдаст тебе эта программа.
Файка на мгновение умолкла, чтобы перевести дух, и Фаина воспользовалась паузой:
— Но пока ты рассказывала про отдельные странички, а как создать целый сайт?
— Точно так же, — ответила Файка. — Сначала ты создаешь по отдельности каждую составляющую его страничку, а потом «связываешь» эти странички переходами-ссылками с помощью специальных тэгов. И такая совокупность связанных друг с другом страничек — это уже и есть сайт. Вернее, «локальная копия» сайта, ведь пока просматривать его сможешь только ты сама на своем компьютере или там, куда ты его перенесешь на дискетке.
— А как поместить его в Интернет?
— Для этого нужно или договориться с владельцем какого-нибудь Web-cepeepa — может быть, он есть у вас в школе и учитель или лаборант разрешит тебе разместить там свой сайт, — или же на сервере твоего провайдера, если он дополнительно предоставляет такие услуги, и скопировать все файлы твоего сайта на диск сервера. Тогда этот сайт уже сразу окажется в Интернете. А еще ты можешь воспользоваться услугами имеющихся в Интернете специальных бесплатных серверов, доступных для всех желающих. Тебе надо будет посетить главный сайт такого сервера — например, www.chat.ru или www.narod.ru — и заполнить анкету, тогда ты получишь и место для сайта (правда, обычно не очень большое), и адрес в Интернете, по которому на твой сайт будут приходить посетители, и сведения о том, как переписать твои файлы на диск сервера в отведенное для тебя место. Но это уже отдельная задача
— Поняла, — отозвалась Фаина. — Ты поможешь мне и другим ребятам освоить HTML?
— Конечно, — улыбнулась Файка. — Я пришлю тебе по электронной почте свою записную книжку, где у меня записаны основные сведения об этом языке, его тэгах и правилах работы с ними. А еще советую воспользоваться книгами про Интернет и Web-дизайн. Ну и, конечно же, когда ты будешь «гулять» в Интернете по разным сайтам, посмотри, как они «устроены», — выбери в меню браузера пункт «Вид», а в раскрывшемся подменю — пункт «В виде HTML» или «Источник», и ты увидишь в отдельном окне HTML-текст для просматриваемой тобой в браузере странички…
Где-то рядом запрыгал по траве и противно запищал электронный будильник. Файка, не глядя, поймала его рукой и нажала кнопку выключения.
— Кажется, нам уже пора» — вздохнула она.
— Жалко, — вздохнула в ответ Фаина. — Так много еще хотелось бы у тебя спросить… Ну да ладно, оставим это на завтра. А мы с ребятами попробуем пока придумать интересную тему для сайта.
Девочки взялись за руки и скользнули к облакам, плывущим в нарисованном небе.
• HTML (HyperText Markup Language, язык разметки текста) — набор специальных команд (тэгов), вставляемых в текст и служащих для указания браузеру, как нужно отображать этот текст, какие рисунки в какое его место вставлять, какие слова сделать переходами на другие Интернет-страницы и пр.
• Тэги — команды языка HTML. Тэги бывают как одиночные, так и парные, «обрамляющие» какой-то фрагмент текста. В парных тэгах различаются открывающий (в нем записываются, если нужно, дополнительные параметры с их значениями) и закрывающий, который отличается от открывающего косой чертой — «/» (параметры в нем не пишутся). Открывающий и закрывающий тэги вместе образуют контейнер.
• Контейнер — пара тэгов (открывающий и закрывающий), «обрамляющая» какой-то текст, в том числе содержащий другие тэги и вложенные контейнеры. Действие открывающего тэга контейнера и его параметров распространяется на все содержимое этого контейнера, но может быть «перебито» другим вложенным контейнером из таких же тэгов, с другими значениями параметров.
• Редактор HTML (редактор Web-страниц, Web-редактор и пр.) — специальная программа, облегчающая создание Интернет-страниц. Простейшие HTML-редакторы работают с HTML-текстом, но позволяют автоматически вставлять в него тэги с требуемыми параметрами, когда пользователь выбирает в меню или кнопочной панели инструментов какие-либо действия (например, если выделить какой-то фрагмент текста и щелкнуть «мышью» на кнопке «сделать текст жирным», то этот фрагмент автоматически заключается в контейнер из тэгов, предписывающих браузеру выводить текст жирным). Современные же программы (так называемые WYSIWYG-редакторы, от сокращения фразы «What You See Is What You Get» — «Что видишь на экране, то и получишь в результате») позволяют редактировать создаваемую страницу визуально, отображая ее так, как она позже будет показана в браузере.
• «Локальная копия» сайта — набор составляющих сайт файлов (htm-файлов, кодирующих Интернет-страницы, а также дополнительных, например, с рисунками), хранящихся на диске обычного компьютера. Такой сайт можно просматривать только на данном компьютере или переносить на другие компьютеры на дискетке или другом носителе. Чтобы сделать этот сайт доступным через Интернет, нужно сначала поместить его в Интернет («опубликовать»), скопировав на диск одного из Web-cepвepов. (При этом вы заодно получите адрес — URL, по которому можно будет выходить на ваш сайт, введя этот адрес в браузере.)