Виртуальные приключения Фаины и Файки
Девочки сидели на краю Земли, сив ноги вниз. Край был мягким удобным, как домашнее кресло. На небесном своде медленно и тяжело проворачивались шестерни, передвигающие по небу круги планет, а где-то далеко внизу плескались теплые океанские волны да время от времени шумно вздыхал один из трех китов, держащих на своих спинах Землю.
Рубрику ведет Дмитрий УСЕНКОВ , старший научный сотрудник Института информатизации образования РАО.
Художник В.Губанов
— Интересно, — задумчиво произнесла Фаина. — А откуда берутся все эти сайты? Ну вот хотя бы этот, по истории астрономии, на котором мы сейчас находимся!
Файка рассеянно подобрала лежавший рядом гранитный камешек и кинула его вниз с обрыва.
— Их создают другие пользователи Интернета, — ответила она.
— А как! Что для этого нужно! Помнишь, ты обещала научить меня делать Интернет-страницы!
— Ну, сначала ты должна решить, что ты хотела бы разместить на своем сайте, — ответила Файка. — Ведь нет смысла выставлять на всеобщее обозрение информацию, которая была бы интересна только тебе. Вот, скажем, когда-то многие помещали на своей страничке собственную фотографию и небольшой текстик о себе. Это было модно — иметь в Интернете такую страничку. Но очень быстро все поняли, что такой сайт не интересен большинству посетителей, так что сегодня подобные странички — Интернет-визитки — делают только для определенной цели, например, чтобы при поиске работы ссылаться на такую страничку как на автобиографию или резюме. Можно также добавить ее как составную часть какого-то большого сайта, например, под заголовком «Об авторе». Но лучше выбрать для своего сайта какую-то интересную и полезную тему, например, кулинарные рецепты и советы, если ты хорошо умеешь готовить, или рассказать всем о своем хобби, чтобы найти единомышленников. При этом нужно не забывать, что все размещенное тобой в Интернете будет доступно для просмотра всем посетителям, поэтому не нужно размещать там какую-то конфиденциальную информацию, например, свой адрес или телефон, если только ты не делаешь страничку специально, чтобы с кем-нибудь познакомиться. Не стоит туда помещать и копии каких-нибудь книг, рисунков или программ, разве что если ты сама являешься их автором и хочешь подарить всем свои творения, — иначе могут возникнуть проблемы с авторскими правами. А вообще — лучше всего объединиться и сделать хороший и интересный сайт вместе с одноклассниками: там вы сможете рассказать о своей школе, о своих увлечениях, сделать свою электронную газету или мини-энциклопедии по разным школьным предметам, пригласить других ребят, которые будут посещать ваш сайт, переписываться с вами по электронной почте, обмениваться советами и дополнительными материалами к урокам. Лучше всего посоветоваться об этом с учителем информатики: заодно и занятия на уроках можно сделать гораздо более интересными и полезными. И потом, хорошо организованная коллективная работа всегда дает лучшие результаты, чем в одиночку: кто-то из вас может найти и подготовить интересные материалы, кто-то другой умеет хорошо рисовать, а третий — хороший дизайнер…
Фаина кивнула.
— А когда тема для будущего сайта определена, уже можно будет разрабатывать его структуру, — продолжала Файка. — Продумать, из каких страничек он будет состоять, как они будут оформлены, как будут производиться переходы с одной странички на другую. Обычно на каждом уважающем себя сайте есть по крайней мере индексная страничка с чем-то вроде содержания или приветствия посетителям, а также страничка с дополнительными ссылками на другие сайты той же тематики. Оформление лучше всего сделать для всего сайта в некотором едином стиле: если все страницы сделаны совершенно по-разному, то посетитель даже не сможет понять, что он все еще находится на одном и том же сайте. А что касается переходов от страницы к странице, то, конечно же, они у тебя должны идти от содержания на соответствующие вложенные странички, но где-то в их тексте тоже могут быть взаимные ссылки, их называют перекрестными. Их не должно быть слишком много, особенно повторяющихся, но если хорошо продумать структуру, то работать с сайтом станет гораздо удобнее.
Правда, здесь трудно что-то посоветовать заранее, ведь Web-дизайн — это своего рода искусство, — улыбнулась Файка.
— А что же дальше? — поторопила подругу Фаина.
— Ну, а когда вы хотя бы в основных чертах продумали структуру сайта и его оформление, то можно приступать к его реализации на языке HTML… — продолжила было свою импровизированную лекцию Файка.
— Постой-постой! — потянула ее за рукав Фаина. — Какой такой язык HTML? Это что-то вроде языка программирования? Значит, Интернет-страницы подобны программам на Бейсике?
— Не совсем, — ответила Файка. — HTML — это язык разметки текста. Точнее, некоторый заранее оговоренный набор команд, которые называют тэгами и записывают в угловых скобках из знаков «больше» и «меньше». То есть файл любой Интернет-страницы (с расширением htm) содержит в себе весь текст, который надо на этой странице показывать, плюс вставленные в нужных местах этого текста тэги. Некоторые из таких тэгов служат для изменения вида всего текста или его части (тогда весь нужный фрагмент текста заключается в контейнер из двух тэгов — открывающего и закрывающего, который отличается от открывающего наклонной косой чертой), а другие тэги предназначены для вставки в текст рисунков, указания места перехода на новый абзац или чего-то другого. И когда мы просматриваем такой файл в браузере, то он отыскивает в тексте эти тэги и соответствующим образом отображает текст или загружает из указанного отдельного файла и вставляет в текст какой-то рисунок или делает что-то еще…
Файка раскрыла мини-портал, разведя ладошки в стороны, и в нем, как в окне, отобразился рисунок: слева — текст, справа — изображение Интернет-странички в браузере.
— Вот смотри, — кивнула она. — Здесь текст, который вместе с вставленными в него тэгами содержится в некотором htm-файле, показан рядом с изображением, которое получится на экране компьютера, если этот файл просмотреть в браузере. А стрелки указывают, какая строчка и какие тэги или контейнеры во что при этом превращаются.
Фаина внимательно рассматривала рисунок.
— Самая первая строчка нашего htm-файла содержит один-единственный тэг , — объясняла Файка. — Он сообщает браузеру, что данный файл — это Интернет-страничка, содержащая в себе HTML-тэги. А в самой последней строчке — «ответный» закрывающий тэг . Как видишь, он отличается от первого косой чертой. Значит, получается, что эти два тэга образуют контейнер, в котором «хранится» вся наша страничка. А внутри его — вложенный контейнер
…, который обычно содержит в себе название страницы, отображаемое в заголовке браузера (эта строчка названия тоже обрамляется двумя соответствующими тэгами— А что в нем хранится? — спросила Фаина.
— Давай посмотрим по порядку, — предложила Файка. — Первая строчка — это контейнер из двух тэгов <Н1>….
Это тэги заголовка, они означают, что весь текст между ними будет отображаться крупнее и жирнее, чем обычный. Цифра, стоящая в тэге после буквы Н, показывает «степень» этого укрупнения: единичка — самый крупный, который возможен; двойка — чуть поменьше, для подзаголовков, тройка — еще меньше и так далее. А дополнительно записанное в открывающем тэге равенство ALIGN=CENTER указывает браузеру, что этот заголовок надо выровнять по центру отображаемой в его окне странички. Такие равенства называются параметрами тэгов.
— Следующие три строчки, — продолжала объяснять Файка, как заправская учительница, — это контейнер <Р>…, как видишь, он тоже, как и заголовок, является вложенным в контейнер
— А дальше опять будет контейнер абзаца? — спросила Фаина.
— Правильно! — похвалила Файка. — Вот видишь, ты уже немножко стала понимать язык HTML. Только здесь выравнивание текста должно делаться уже по ширине окна, то есть и слева и справа, поэтому в записи параметра ALIGN после знака равенства ставится уже значение JUSTIFY. Потом в отдельной строке записан тэг
, по которому браузер делает горизонтальную отбивку линией толщиной в две точки — пикселя, — ведь мы записали в качестве значения параметра SIZE цифру «два». А последним идет еще один контейнер абзаца, выровненного по центру, но текст в нем дополнительно заключен в еще один контейнер
— Угу, — кивнула Фаина. — Получается, что вся Интернет-страничка похожа на матрешку: сначала контейнер …, внутри его — контейнеры
… и