Satellitchik.Ru




Что такое веб-страница и как ее можно создать?

Многие, думаю, заходя ежедневно в браузер, порой задумываются о том, что такое веб-страница и как вообще создается сие творение. Для любопытных стразу скажу: веб-страница – это вполне обычный, ничем не примечательный текстовый документ, который можно создать в любом текстовом редакторе, начиная от простенького стандартного Блокнота Windows и заканчивая такими мощными текстовыми процессорами, как Microsoft Office Word.

Однако, не все так просто. Если попытаться написать статью (либо любой другой контент сайта) в блокноте, сохранить ее, а потом открыть в браузере, то мы не увидим всех тех красот, к которым так привыкло наше сознание за время, проведенное в сети. Нужно заметить, что файл Word вообще вряд ли откроется. Так в чем же тут подвох? Первым отличительным признаком веб-страницы является расширение. Поэтому, нужно сохранять этот файл с разрешением *.html или *.htm (принципиальной разницы между ними не наблюдается). После того, как мы изменили расширение, наш файл уже физически распознается как веб-страница, но красот в нем от этого не прибавится.

Далее у нас есть 2 пути: использовать простые текстовые редакторы наподобие Блокнота, или вооружиться WYSIWYG-редактором. Чтобы понять разницу между ними нужно разобраться, что же включает в себя веб-страница помимо контента. Этим и займемся.

На самом деле файл *.htm является для браузера в некотором смысле картой, по которой он расставляет на экране меню, статьи, картинки и прочие элементы. Он пишется на языке разметки гипертекста HTML и состоит из так называемых тегов – кусочков текста, окаймленных скобками-елочками < и >. Ничего страшного в этом нет и язык этот очень прост. Каждый тег говорит браузеру, как отображать тот или иной элемент. Например, есть тег <h1>, который обозначает заголовок (этот текст будет отображаться большими буквами, нежели обычный), а тег <a> означает ссылку и при нажатии на нее браузер перейдет на другую страницу. Все это в начале пути может показаться сложным, но с опытом приходит понимание и такие вещи больше не вызывают никаких трудностей.

Вот тут и возникает отличие между нашими двумя путями создания страницы.

В простом редакторе веб-мастер вручную пишет весь исходный текст страницы, сам расставляет все теги, сохраняет страницу и смотрит результат в браузере. Иными словами, полностью контролирует весь процесс. Безусловный плюс такого метода состоит в том, что HTML-код получается красивым, понятным и, что, пожалуй, самое важное, оптимальным. Он занимает, как правило, меньше места, легче читается и модифицируется.

Однако, в наше время в интернете все больше возникает больших сайтов со сложным дизайном и большим количеством HTML-кода. Написать такую страницу вручную возможно, но это отнимает много времени. Поэтому, многие веб-дизайнеры сегодня пользуются WYSIWYG-редакторами. Эта аббревиатура расшифровывается «What You See Is What You Get» что переводится «Что видишь, то и получаешь». Это сложные программные продукты, которые позволяют значительно упростить труд разработчика. Иногда, страничку там можно создать вообще не влезая в дебри HTML – весь код напишет программа. В этом кроется главный минус такого способа: порой получается очень сложный, громоздкий, не оптимальный код, который легче заново создать вручную, чем разобрать программный. Все это зависит от редактора и конкретного случая.

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

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

Опубликовал 16 марта 2011.
Размещено в Интересные новости.



Оставить комментарий или два

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой: