создание и продвижение сайтов

О проекте

Мы рады приветствовать на нашем портале pastukhova.com! Наша компания предлагает комплексные услуги по созданию интернет-сайтов с уникальным дизайном и интерфейсом. Удобные и изящные сайты-визитки и мощный многофункциональные порталы – мы можем всё! На нашем сайте представлены бесплатные готовые шаблоны сайтов, полезные статьи и советы из области сайтостроения, а также последние новости IT-индустрии и интернет-технологий. Веб-дизайн – это целое искусство, в котором есть своим мастера, ценители и бездарности. Последних лучше обходить стороной.

Реклама



webmarket / 

Урок 2

Для того чтобы разобраться более подробно, попытаемся создать такую страничку.

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

Для эффективности примера мы используем DOCTYPE, который носит название Strict 1.0.

В общем случае код будет выглядеть так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w1.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

Тэг html

После начала впишем еще одну строчку в наш код:

<html xmlns="http://www.w1.org/1999/xhtml" lang="ru" xml:lang="ru">

В данном участке года фигурируют lang и ru, это явно указывает на принадлежность странички к языку. Многие путают эту строку с кодировкой документа, но это совсем разные вещи. А теперь непосредственно начнем создавать документ:

<html>

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

<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="description" content="Сайт о деньгах, Что такое деньги?, Для чего нужны деньги, как их заработать?" />
<meta name="keywords" content="деньги, что такое деньги?"/>
<
link rel="stylesheet" href="style.css" type="text/css" />

Немного проясним ситуацию с кодом:

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

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

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

CSS обозначает ссылку на лист стилей, созданием которого мы займемся немногим позже. Если оставить эту строчку без изменений, то лист стилей смогут прочитать все средства, предназначенные для вывода информации. Если же есть необходимость указания отдельного устройства, для которого предназначена страница, то нужно указать атрибут media (заполняется после type). Он может иметь следующие значения: print, handheld и screen, для принтера, покета и монитора соответственно.

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

Тэг title

В этот тэг вносится информация, которая буде показываться в самом верху веб-страницы.

<title>Что такое деньги? | Главная</title>

Само собой подразумевается, что именно в это поле необходимо внести название страницы. Туда ни в коем случае не стоит забивать какие-то бредни. Поисковые системы довольно остро воспринимают этот вопрос. Для того чтобы окончательно закончить добавление служебных данных, необходимо закрыть тэг - </head>.

Строго исполняйте правило и именно такую последовательность: <head><title></title></head>

Если Вы попытаетесь заменить правильный вариант на другую комбинацию, например, <head><title></head></title>, то работать ничего не будет, будьте уверены.

Тэг body

Этот тэг обозначает непосредственно начало тела страницы. Для того, чтобы не забыть, следует дописать код странички. А несколько позже он заполнится.

<body>
</body>
</html>

Сразу же после этого стоит сохранить страницу. Правильное название - index.html. Такое название связано с алгоритмом работы серверов, они всегда ищу страницу именно с таким названием. Она является базовой и основной.


Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Урок 7 | Урок 8 | Урок 9

email: info@pastukhova.com
copyright © 2003-2007 www.pastukhova.com
Rambler's Top100