1.1.2. Сайт своими руками

1.1.2. Сайт своими руками

Если вы не хотите глубоко вникать в технологию создания сайта, то для вас существуют различные бесплатные шаблоны сайтов. Наиболее известными сайтами, предоставляющими такие шаблоны, являются www.narod.yandex.ru и www.sitecity.ru. Есть и другие сайты, но основным плюсом этих является то, что здесь вы не только может получить шаблон и создать свой сайт, но и разместить готовый сайт, т. е. получить доменное имя сайта и хостинг на этих сайтах совершенно бесплатно (о размещении сайта поговорим подробнее в следующем разделе).

Если же вы хотите получить оригинальный, ни на что не похожий шаблон, то вы можете воспользоваться платными шаблонами. Цены на такие шаблоны колеблются от 10 до 50 долларов. Наиболее известный сайт, торгующий ими, – www.templater.ru.

Но от простого к сложному, а значит, и к более качественному. Если вы не хотите пользоваться примитивными бесплатными шаблонами или тратиться на платные, стоит задуматься о самостоятельном создании сайта. Для этого существуют всевозможные программы. Наверное, наиболее известной программой (хотя профессиональные веб-мастера ее и не очень жалуют) является Microsoft Front Page. Она обычно прилагается в стандартном наборе офисных программ Microsoft Office. Здесь все опции хорошо понятны. Вы легко разберетесь, как тут создавать страницы, делать ссылки, оформление.

Но, несмотря на все плюсы этой программы, есть и большой минус. Все дело в том, что, когда вы создаете интернет-страницу, вы видите одну ее интерпретацию согласно параметрам вашего компьютера.

Любая интернет-страница создается с помощью Hyper Text Markup Language, сокращенно – HTML. Этот термин переводится как «язык маркировки гипертекстов». То есть с помощью HTML мы можем набирать команды, которые говорят о том, что будет на нашей странице. Но при использовании Microsoft Front Page вы можете не разбираться в нем, вы даже можете и не представлять, как выглядит ваша страница в HTML-представлении. Поэтому лучше, если вы сами будете писать HTML-команды.

Чтобы использовать эти команды, их надо где-то набирать. Здесь нам на помощь могут прийти несколько программ. Чаще всего используют такую программу, как Netscape Navigator. Но если у вас установлен Windows, то вам лучше всего использовать программу Notepad, т. е. «блокнот». Если вы с этой программой еще не сталкивались, то вы легко можете ее найти в меню «пуск», в «стандартных программах». Notepad очень прост, он не переполнен какими-то кнопками и опциями, поэтому запутаться в нем будет крайне сложно. Кроме того, что вам нужен текстовый редактор, вам нужен еще и браузер, в котором вы и будете видеть, какая страница (а потом уже и сайт) у вас получается. Браузер вам понадобится и в дальнейшем, если вы хотите потом смотреть на ваш сайт уже в Интернете. Так вот, в качестве такого браузера вы можете использовать Internet Explorer или Opera.

Итак, открываем Notepad и начинаем, используя язык маркировки гипертекстов (HTML), набирать нужный вам текст.

А какой же текст набирать? Здесь существуют специальные команды, которые вы можете найти в любом руководстве по HTML. Поскольку данная книга не посвящена конкретно созданию HTML-документов, а язык HTML очень богатый и разнообразный, поэтому, чтобы узнать обо всех его особенностях, вам лучше всего прочитать специальную литературу. Поэтому долго мы на этом останавливаться не будем. Рассмотрим устройство HTML-документа вкратце.

Прежде всего любой HTML-документ представляет собой набор тегов (tag). Тег в переводе с английского означает «метка». Все метки обозначаются как некоторое слово, заключенное между скобками, – ‹tag›. Причем все метки делятся на открывающие и закрывающие. Если ‹tag› является открывающей меткой, то закрывающая метка обозначается как ‹/tag›.

Какие же это метки? В любом HTML-документе есть набор обязательных меток. Во-первых, любой HTML-документ должен открываться с помощью метки ‹html›. Ясно, что этой открывающей метке соответствует закрывающая метка ‹/html›, которая будет ставиться в конце HTML-документа.

Желательно, чтобы каждая страница имела свой персональный заголовок. Такой заголовок вы видите вверху слева каждого документа. К примеру, в Opera такой заголовок вы видите на вкладках. Как же его сделать? Здесь нам поможет тег ‹head›. После этого тега надо записать заголовок вашей страницы, а после названия поставить закрывающую метку ‹/head›.

Кроме этого заголовка, у каждой страницы может быть и название, которое записывается внутри самой страницы сверху. Для создания названия используется пара меток ‹title›…‹/title›. После названия следует основная часть документа, которая называется « телом». Тело документа «окаймляется» двумя тегами: ‹body› и ‹/body›.

Ну а между этими тегами мы можем писать все, что угодно. А точнее то, что нам выгодно (мы же хотим на этом сайте подзаработать?). Кроме основного текста на странице могут быть картинки и различные ссылки.

Для того чтобы в HTML-документ вставить рисунок, используют следующее обозначение: ‹IMG SRC=«picture.gif»›.

Наш сайт не может иметь только одну страницу. И, чтобы посетители перемещались с одной страницы сайта на другую, необходимо создавать ссылки. Для ссылок при создании HTML-документа используется следующая метка: ‹A HREF=«(адрес, по которому будет осуществляться переход)»›фрагмент текста‹/A›. Под «фрагментом текста» подразумевается та часть текста документа, при клике по которой вы перейдете на адрес нужной ссылки.

Конечно же, возможностей при создании HTML-документа, а значит, и при создании своего сайта множество. Но здесь стоит учитывать несколько подводных камней. Во-первых, не всегда сайт, перегруженный всевозможными «примочками», смотрится достаточно эстетично. Да, человек, заходя на ваш сайт, приходит не за каким-то эстетическим удовлетворением (для этого он пошел бы в Третьяковскую галерею). Но все-таки чрезмерная загруженность сайта может утомлять его посетителя, сбивать его с нужной мысли. Вот почему он вряд ли зайдет к вам еще раз, иногда при этом и сам не понимая причины своего негодования. Итак, мы выяснили, в нашем сайте все должно быть лаконично, не перегружено. Подробнее о дизайне сайта, о его внешнем облике вы узнаете в следующем разделе.

Вторая причина, почему нежелательно, чтобы сайт был перегружен всякими функциями и оформлениями, заключается в том, что различные пользователи имеют различную скорость своего Интернета. Да, может быть, у вас скорость Интернета сверхвысокая. Ваша интернет-страница открывается у вас за доли секунд. Но подумайте о ваших посетителях, не всем повезло так же, как и вам. А, как известно, чем больше сайт перегружен, тем больше он будет весить, и, соответственно, тем дольше он будет открываться. Учтите, ваши посетители – тоже люди, и никому не нравится ждать, у всех у них есть свои дела, занятия. Да, час-другой они еще подождут открытия вашей страницы (это, конечно же, шутка), но даже если она все-таки появится, то они уже вряд ли станут рисковать и переходить с вашей страницы по каким-то рекламным ссылкам. Тут стоит отметить, что именно за счет таких переходов мы с вами и собираемся зарабатывать деньги.

Ну и еще один минус перегруженности сайтов. Он тоже связан с их большим весом. Но тут дело не с тем, как долго он будет открываться, а с тем, сколько это будет стоить пользователям. Ведь не все снабжены безлимитным Интернетом, и многие провайдеры предоставляют трафик, который расценивается исходя из того, сколько мегабайт было получено или отправлено. Поэтому, если такой пользователь, открывая вашу страницу, обнаружит, что деньги в Интернете закончились, то «спасибо», будьте уверены, он вам уж точно не скажет. А уж о том, чтобы еще раз разориться с вашим сайтом, и речи быть не может, он к вам больше не зайдет.

Итак, мы выяснили, как не отпугнуть посетителей. Теперь же выясним, как их, наоборот, привлечь. Все мы знаем, что людей «встречают по одежке». То же самое можно отнести и к сайту. Ведь прежде, чем познакомиться с его содержанием, люди обращают внимание на его оформление. Остановимся на этом более подробно.