Блог. Выпуск 2.

Урок 2.

     В этом разделе блога я расскажу, как создать свой первый HTML файл и всё о "шапке". И так, если помнишь, "шапка" находится между открывающим ярлыком <HEAD> и закрывающим </HEAD>. Что вся находящаяся в ней информация предназначается для поисковых машин, роботов, форматирования ( таблицы стилей) и динамики (скриптов) web-страничек. И что она невидима для пользователей Интернетом.
     Но здесь я немножко обманул тебя. Всё что находится между ярлыками <title> и </ title> пользователь видит в самом верху браузера. Как правило, это название web-странички. Кстати, все ярлыки можно писать как в верхнем <HEAD> так и в нижнем <head> регистрах. И это не будет являться ошибкой.
    Как же создать HTML файл? Да очень просто. Создай на своём компьютере в удобном для тебя месте папку под названием MyWeb. Открой программку "блокнот" (пуск -> все программы ->стандартные->блокнот). Напиши в ней:
<html>
<head>
<title>Это мой первый файл.</title>
</head>
<body>
</body>
</html>
    Затем нажми файл ->сохранить как в строке имя файла напиши first.html и сохрани в созданной папке MyWeb. Запомни, все HTML файлы имеют расширение html и htm - это то, что пишем после названия файла. В нашем случае после слова first.
    Поздравляю тебя с созданием первого HTML файла. Теперь открой его в браузере и в его верхней строчки увидишь - Это мой первый файл.
    Теперь вернёмся к "шапке". Для чего нужны ярлыки <title> и </title> ты уже знаешь. За ними, обычно в произвольном порядке, ставят следующие мета теги:
    <META http-equiv=content-type content="text/html; charset=windows-1251"> - указывает тип документа и его кодировки. В России в основном windows-1251;
    <META name="Description" content="Описание страницы" >- что здесь укажешь, то и будет отражаться поисковиками;
    <META name="Keywords " content="Ключевые слова "> - слова, которые набирает пользователь при поиске информации в поисковике.
    <META HTTP-EQUIV="Keywords" content="Ключевые слова "> - ещё один тег с ключевыми словами.
    <META name="Robots" content=INDEX, FOLLOW > - отвечает за управление поисковыми роботами.
    <META http-equiv="Reply-to" content=lomachenko@narod.ru > - указывает адрес электронной почты автора.
    <META name="Author" content="Igor Lomachenko" > - в него можно писать своё имя, название студии или e-mail.Формат произвольный.
    <META name= "Copyright" content="Авторские права"> - описание авторских прав на документ.
    <META name= "Classification" content="Классификация"> - отвечает за аудиторию, на которую направлен сайт, например webmaster.
    <META HTTP-EQUIV="Content-Language" content="en,ru "> - отвечает за язык, использованный на странице.
    Если содержание страницы часто меняется, то ставят следующие два тега:
    <META NAME="Document-state " content="Dynamic ">   или
    <META NAME="Revizit-after " content="10 days "> - здесь робот будет переиндексировать страницу каждые 10 дней. Периодичность можно выбирать любую.
    Если страница меняться не будет, то ставят
    <META NAME=" Document-state " content="Static ">
или
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache ">
или
    <META HTTP-EQUIV="no-cache">
или
    <META HTTP-EQUIV=" Cache-Control " CONTENT="no-cache ">
или
    <META HTTP-EQUIV=" Expires " CONTENT="Web, 2Mar 1996 00:00:05 GMT ">
    <META HTTP-EQUIV="Refresh" CONTENT="2; URL=jumor1.html"> - этот тег через 2 секунды загрузит станицу jumor1.html в текущим окне браузера. Это то, что называют "редиректором". Время загрузки можно ставить любое по-своему усмотрению.
    <META http-equiv=Page-Enter content=RevealTrans(Duration=1,Transition=12)> - этот тег будет красочно открывать страницу, в зависимости от введённой цифры после Transition.
     Если установить два тега подряд:
    <META http-equiv=Page-Enter content=RevealTrans(Duration=1,Transition=23)>
    <META http-equiv=Page-Enter content=RevealTrans(Duration=1,Transition=23)> - то страничка будет открываться каждый раз по-разному.
    Ещё раз напомню, что это необязательные атрибуты страницы. Этих мета тегов вполне достаточно для оформления даже профессионального сайта.
     В "шапке" также можно увидеть
    <LINK href="css/style.css" type=text/css rel=stylesheet> - задаёт связь между файлами, в данном случае с файлом css/style.css.
     <BASE HREF="base_url"> или < BASE TARGET="frame_name"> - задаёт базовый URL
    Можно увидеть такую или подобную запись
    <script language="JavaScript" src="agent.js"></script> - это скрипт
или, например вроде этой
<STYLE type=text/css
A:hover {COLOR: #ff0000}
A {TEXT-DECORATION: none}
A:hover IMG {
FILTER: blue()
}
</STYLE> - таблицы стилей.
    О таблицах стилей и скриптах мы будем говорить позже, как говорится по ходу пьесы. А о "шапке" я уже все, что надо сказал. Более подробно о мета-тегах расскажу, когда перейдём к методам раскрутки сайтов. Теперь надеюсь, тебя уже не испугает "абракадабра" любого html файла сети Интернет между ярлыками <head> и </head>.
     А сейчас открой свой первый файл first.html и в "шапку" после <title>Это мой первый файл.</title> вставь всю полученную информацию, выделенную жирно (кроме скрипта и таблицы стилей), и сохрани её. Она тебе пригодится в дальнейшем, как шаблон к твоим будущим проектам.
    Вновь открой в браузере файл first.html и ты убедишься, что я говорил истинную правду. Созданная страничка пустая. Есть только надпись вверху браузера "Это мой первый файл".
    На сегодня достаточно. В следующем выпуске мы рассмотрим "тело web-странички".

    А здесь для тебя новый бонус: Электронная книга - Дмитрия Кащеева "Web-дизайн: Тонкости, хитрости и секреты."

Хостинг от uCoz