Программ работы с графикой, как и прочих
редакторов, сейчас великое множество. Если Вы уже имеете опыт работы с
какой-либо из них - очень хорошо. В таком случае Вы можете использовать
знакомую Вам программу. Если Вам никогда не приходилось работать с
изображением на компьютере, придется осваивать. Хотя, я думаю, что тот,
кто хоть пару раз сидел за компьютером, обязательно пользовался "рисовалкой",
входящей в состав Windows - программой Paint, которая лежит в Вашем
компьютере по адресу: пуск-программы-стандартные-Paint. Этой программы
вполне достаточно для работы с картинками, записанными в формате GIF. В
этом формате записано большинство баннеров, которые Вы видите на страницах
интернета. С помощью этой программы Вы сможете сделать и свой баннер или
лого для своей страницы. Подробнее об этом мы поговорим, когда будем
рассматривать вопросы, связанные с включением графики в WEB-страницы. А
пока я советую тем, кто мало знаком с Paint, потренироваться в рисовании и
почитать "справку" этой программы. Для работы с фотографиями, которые в интернете существуют
в формате JPG,
я пользуюсь программой Photoshop. Тоже очень распространенная программа и
найти ее не составит труда. У этой программы тоже есть справка, которую
неплохо почитать. Вполне подойдет для этой цели и Microsoft Photo Editor. Должен сказать, что
углубленное изучение методов работы с графическими
редакторами потребуется Вам, если Вы собираетесь создавать сайт, связанный
с живописью или фотографией. В противном случае Вам достаточно будет
освоить приемы изменения размеров рисунков и фотографий сделать свой
простой баннер (если Вас, конечно, устроит простой).
ЗНАКОМСТВО С HTML
По моему мнению, язык HTML - самый легкий
из всех языков программирования, самый усвояемый. Это объясняется,
во-первых, тем, что его можно осваивать постепенно, по мере необходимости
или желания усложнять свои творения. Во вторых - тем, что каждый шаг в
создании страницы можно контролировать, просматривая результат в окне
браузера и оперативно внося исправления. И в третьих - наличием таких
редакторов, как SNK Visual HTML Workshop. Но, несмотря на всю его
легкость, для того, чтобы с ним работать, нужно познакомиться хотя бы с
его основами.
HTML-документы или WEB страницы, как Вам удобнее, строятся при помощи
слов-тегов. Теги являются командами браузеру, указывающими, что необходимо
сделать с материалом внутри тега. Браузеры распознают теги по наличию
угловых скобок < и >. То есть, все, что находится между такими скобками,
воспринимается браузерами, как руководство к действию. Правда, если
браузер встречает незнакомый ему или неправильно записанный тег, он его
игнорирует молча, нисколько не задумываясь над тем, что же Вы ему хотели
скомандовать.
Теги бывают двух типов: теги-контейнеры и теги-команды.
Теги-контейнеры состоят из двух частей: открывающей и закрывающей. В
открывающую часть кроме названия тега включаются при необходимости
параметры тега, закрывающая часть обозначается прямой дробной чертой,
стоящей внутри угловых скобок перед названием тега. Между открывающей и
закрывающей частями находятся данные, которые будут выводиться на экран.
Например, тег, говорящий браузеру о том, что ему необходимо построить
таблицу выглядит так: <TABLE (параметры таблицы)>данные, которые мы хотим
показать в таблице </TABLE>. Некоторые теги-контейнеры не требуют
закрывающей части. Теги-команды состоят из одной части. Например,
тег <BR> говорит браузеру, что в этом месте необходимо перевести строку.
Как правило, HTML-документ содержит в себе как минимум три обязательных
тега:
тег <HTML></HTML>, внутри которого
размещается весь документ. Этот тег говорит браузеру о начале и конце
документа. На самом деле браузер (во всяком случае Internet Exploper)
принимает документ за свой даже в случае, если в нем вообще нет никаких
тегов, а в названии есть расширение .html .
тег <HEAD></HEAD> - "заголовок", внутри
которого размещается служебная информация для браузера и
тег <BODY> </BODY> - "тело", внутри
которого размещается все, что Вы хотели бы показать людям.
Вот так выглядит HTML-код простейшего
документа в окне редактора:
<HTML>
<HEAD> здесь помещается служебная информация для браузера, поисковых машин
и прочая
</HEAD>
<BODY> здесь - информация, которую Вы хотите показать </BODY>
</HTML>
Кроме того, вначале документа, перед тегом <HTML>, помещается строка,
содержащая информацию о версии HTML. Например, для документа, который Вы
читаете, такая: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Эти теги обязательны для документов, которые Вы желаете разместить в
интернете. В файлах для "внутреннего употребления" они совсем не нужны.
Например, в моих папках лежит несколько HTML-файлов с адресами серверов
почтовых рассылок, досок обьявлений и т.д. Очень удобно - открываешь такой
файл, кликаешь по ссылке - и ты уже на нужной тебе странице интернета.
Что-то типа избранного, но во многих случаях удобнее тем, что в таких
файлах можно добавить сколь угодно длинный комментарий к любой ссылке.
По ходу наших занятий я расскажу о применении многих самых
употребляемых при создании страниц тегов. Как я уже упоминал, язык HTML
довольно молодой и бурно развивающийся. О его бурном развитии говорит уже
то, что новые версии, исправленные и дополненные, появляются каждые 2-4
года. Рассказывая об использовании тегов, я буду пользоваться в основномспецификацией HTML 4.0.
Теперь у нас есть все, чтобы приступить к делу - созданию самой
страницы. Но прежде, чем создавать ее "в натуре", необходимо представлять,
что же мы будем делать, как будет выглядеть страница. Поэтому поговорим
немного о стилях.