Маргоша

Основы сайтостроения



Основы верстки сайтов



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

Основное в сайте, конечно же, текст и графика.
Они несут основную информацию, которую вы хотите донести до всего мира.
Работать со скриптами, тем более - создавать их самому - достаточно сложная работа, требующая определенных знаний в области программирования, поэтому мы обойдем этот вопрос. Хотя я привела на своем сайте небольшую подборку простых скриптов для украшения вашей странички в разделе "Скрипты".

Поскольку сайты живут на планете Интернет, в компьютере должна быть установлена программа, позволяющая открывать документы, живущие на этой планете (т.е. знающая язык сайтов).
Такие программы называются браузерами (или броузерами).

Существует достаточно много очень хороших браузеров, которые находят своих поклонников. Среди них наиболее популярные - Internet Explorer, Mozilla Firefox, Opera, Safari и некоторые другие.
Каждая из этих программ имеет определенные достоинства и недостатки.

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

***



Ну а теперь - действительно, самые азы верстки

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

Итак, о HTML. Чем же этот язык отличается от обычного текстового языка, на котором люди пишут обычные текстовые документы? Почти ничем, только наличием в тексте специальных символов, так называемых ТЭГов (или ТЕГов), ну и кое-какими дополнительными символами, обозначающими присутствие в документе сайта графики, скриптов и т.д.
ТЭГи указывают браузеру, где и в каком месте странички сайта надо поставить пробел или перенос слова, какой шрифт применяется, какой цвет шрифта и фона странички, где начинается и заканчивается определенная область странички и многое другое.

В общем, можно сказать, что ТЭГи - служебные значки браузера, который по ним ориентируется, как автор сайта хочет представить свое творение зрителю. Обозначаются ТЭГи угловыми скобками <...>. Между этими скобками и записывается информация для браузера, которая является для него определенной командой - ТЭГом.
Надеюсь, что я еще не очень запутала вас, поэтому отмечу, что ТЭГи бывают парные и одиночные. Парные ТЭГи, как правило, указывают на какую-нибудь область странички сайта. Первая пара считается открывающим ТЭГом, вторая - закрывающим.
Т.е. если в документе сайта написать <table>, то браузер поймет, что здесь начинается таблица, а там где написано </table> для браузера будет ясно, что здесь эта таблица заканчивается. Как Вы, надеюсь, поняли, закрывающий ТЭГ отличается от открывающего присутствием косой линии "/".

Примеры ТЭГов:
<br> - здесь принудительный перенос текста на новую строку (этот ТЭГ - одиночный).
Если не поставить в тексте странички сайта этот ТЭГ, то браузер будет продолжать строку до тех пор, пока не кончится страничка на мониторе, т.е. он весь текст, написанный на обычном текстовом языке, представляет без переносов, абзацев и прочих атрибутов правописания и грамматики.
Браузеру надо подсказывать при помощи ТЭГов - здесь перенос, здесь - абзац, здесь текст по центру, а здесь ровняется по левому или правому краю и т.д. основы верстки сайтов

Для обозначения рисунков и фото применяется ТЭГ <img>; для обозначения ссылки со странички сайта на какой-нибудь документ, файл или другую страничку на сайте или в Интернете применяется ТЭГ <a href> и т. д.
Присутствие в теле странички сайта программы или приложения обозначается специальной записью, например <script>. Все эти ТЭГи парные, т.е. открывающий - указывает на начало объекта, закрывающий - на окончание.

Знать все ТЭГи вам, конечно же не обязательно, но наиболее часто употребляемые знать надо, чтобы хоть немного ориентироваться в командах, подаваемых браузеру. Поверьте, запомнить десяток-другой символов и что они означают не составляет большого труда. Ну а если уж не в жилу запомнить, попробуем обойтись и без этого.
В конце концов. мы живем в 21 веке и человечество давно научилось механизировать любой труд, почему же мы должны, как первобытные верстальщики набирать в Блокноте или другой лошарской программе всякие там ТЭГи и прочие премудрости, от которых начинают киснуть и выпрямляться извилины?!

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

***

Немного о браузерах

Браузер - программа, которая превращает каракули, при помощи которых написан сайт в живописные (и не очень) картинки на экране вашего монитора - сайты.
В операционной системе Windows, использующейся для работы подавляющего большинства компьютеров, особенно в нашей стране, есть встроенный браузер - Internet Explorer (IE), который и является в настоящий момент самым популярным браузером в мире.
Хотя, конечно же, самый популярный - еще не значит, что самый лучший - ведь он жестко встроен в операционную систему компьютера, которая в настоящее время захватила мониторы большей части компов, и большая часть рядовых пользователей просто не подозревают, что можно выходить в Сеть при помощи какой-либо другой программы.

В мире существует немало различных браузеров. Есть даже такие, для которых отображение текста странички на мониторе не является главной функцией.
Например текст страницы на экране может быть воспроизведен голосом. Представляете, как это удобно для слепых!
Существуют браузеры, способные "на лету" переводить текст с одного языка на другой и показывать страничку так, словно она была написана на чужом языке. На одной из страничек моего сайта вы можете более подробно ознакомиться с различными браузерами и их особенностями.

Самым первым в мире браузером WWW стала программа Mosaic, выпущенная еще в 1993 году. На ее основе впоследствии был разработан браузер Netscape Navigator.
До 1998 года браузерам компании Netscape не было равных. В те годы они захватили более 90 % компьютеров, работающих на различных платформах операционных систем. Но с появлением операционной системы Windows 98, в которую был жестко встроен браузер Internet Explorer4.0, ситуация на рынке браузеров заметно изменилась.
На сегодняшний день этот браузер захватил более 80 % компьютеров, работающих на платформе Windows именно благодаря тому, что он жестко встроен в эту операционную систему. Однако следует еще раз отметить, что самый популярный - еще не означает, что он - самый лучший из существующих браузеров.

Какой браузер для путешествий по Интернету выберете вы, - дело вкуса и привычки.
Я привыкла, как и многие мои друзья, пользоваться браузером Opera - очень удобный, с рядом уникальных функций браузер норвежской фирмы, славящийся, ко всему прочему, скоростью работы.
разновидности браузеров Хотя, конечно же, я не стану умалять достоинства браузеров других производителей, каждый из которых имеет свою изюминку в работе и, как я уже писала, находит своих поклонников, причем между поклонниками различных браузеров (особенно между Оперой и Мозиллой) вспыхивают даже виртуальные (а быть может и реальные, кто знает?)) стычки и споры на тему - какой из них лучше.

Попробуйте поработать с различными браузерами и вы сами найдете то, что больше по душе. Скачать любую из популярных браузерных программ можно на сайтах их производителей в Интернете. Большая часть из них распространяется бесплатно.

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

***



Создаем первый сайт