С чего начинать создание веб-страницы



Календарь


Чат с админом сайта



Нажмите Edit Nickname и впишите свое имя или Ник. Выше наберите свое сообщение. Enter - отправка. Админ получит послание и в OffLine.

free counters

Вводный урок. С чего начинать создание веб-страницы?

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

Что мы обычно делаем, когда нам необходимо решить какую-либо сложную задачу? Мы разбиваем ее (задачу) на несколько, или множество, более мелких задач, решить которые не представляет никакой сложности. Вот с этого давайте и начнем. Разобьем задачу на части.

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

Язык HTML состоит из тегов и атрибутов (свойств) тегов, изучать которые мы будем по мере построения нашей веб-странички.

Теги бывают парные и непарные. Вот вам первый тег, который нам нужен:
<html> - открывающий тег
</html> - закрывающий тег

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

Следующий тег, который нам будет нужен, также состоит из открывающего и закрывающего тега, и находиться должен сразу после открывающего тега <html>. Это голова страницы, содержит в себе мета-теги, помогающие броузеру распознать страницу. Вот он:

<head> - открывающий тег
</head> - закрывающий тег

Рассмотрим теги, которые пишутся внутри этого тега.
<title>Имя (название) странички</title> - тег ТИТЛ содержит название страницы. Имейте ввиду - на сайте у каждой страницы дожно быть свое название, свое описание страницы и свои ключевые слова.

Мета-теги в языке разметки HTML не требуют закрывающего тега.
<meta http-equiv="Content-Language" content="ru"> - сообщает броузеру язык текста страницы 
(в нашем случае это русский);
<meta http-equiv="content-type" content="text/html; charset=windows-1251"> - сообщает 
броузеру кодировку текста страницы (1251 - это код кирилицы);
<meta name="keywords" content="теги, тег,  создать сайт,  сделать сайт, создание своего 
сайта, веб-страничка, веб-страница, создать веб-страницу"> - ключевые слова страницы;
<meta name="description" content="Как создать веб-страничку. Теги. 
Структура веб-страницы"> - описание страницы.

Ключевые слова и описание страницы используются для поиска страницы в интернете. Этого пока достаточно для нашей странички.

А сейчас познакомимся еще с одним парным тегом, без которого никак не обойтись любой веб-страничке. Этот тег называют телом веб-странички. Все что выводится на экран монитора пользователя нужно разместить внутри этого тега. А выглядит он вот так:
<body> - открывающий тег
</body> - закрывающий тег

Подведем итог: мы уже знаем структуру веб-страницы. Посмотрим как она должна выглядеть в целом:

<html>
<head>
<title>Имя (название) странички</title>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<meta name="keywords" content="теги, тег,  создать сайт,  сделать сайт, создание своего 
сайта, веб-страничка, веб-страница, создать веб-страницу">
<meta name="description" content="Как создать веб-страничку. Теги. 
Структура веб-страницы">
</head>
<body>
А здесь мы легко выводим что-нибудь для нашего пользователя
</body>
</html>

И, смотрим результат своего первого опыта.

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

Автор: Косов Сергей
03.01.2011


Все права защищены © 2010-2011   Сергей Косов     kosowlv@gmail.com    www.buckses.info