WebClub - Всероссийский Клуб Веб-разработчиков
WebClub.RU » Советы » Урок2 Создаём шаблон страницы за 2 шага

Урок2 Создаём шаблон страницы за 2 шага


Дата публикации: 23-06-2008

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

Создадим простейший документ, который потом можно будет использовать как шаблон для разных HTML-документов.

Первой строкой документа, написанного на языке HTML должна быть строка, начинающаяся с тега

<!DOCTYPE> . -!В ней браузер почерпнет информацию о том какому стандарту соответствует документ.

Например, строка:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

скажет браузеру, что документ соответствует английскому стандарту HTML 4.0 Transitional DTD.

Затем идут следующие строки:

<HTML> -!необязательный элемент

<HEAD> -!начало заголовка документа.

В заголовке располагаются метаданные [информация, позволяющая задать кодовую страницу языка для правильного отображения текста браузером, ключевые слова для индексации страницы поисковыми системами, автора документа и другую информацию].

Например, следующая строка укажет браузеру, что надо использовать для вывода текста стандартную кодовую страницу для вывода кириллицы - windows-1251.

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

Следующие две строки нужны для индексации вашей страницы поисковыми системами.

<META NAME="Description" content= "краткоеописание сайта/страницы - здесь вы найдёте всё для своих домашних крокАдилов, температурный режим, меню на среду... ;)">< /FONT>< /FONT>

<META NAME="Keywords" content= "ключевые слова через запятую/смысловая нагрузка страницы -температурный режим, меню на среду, уход за крокАдилами, учим крокАдилов петь... ;)">< /FONT>< /FONT>

-!Зададим красный цвет ссылок.

link= "Red"

-!Зададим цвет активных ссылок.

alink="Fuchsia"

-!Зададим цвет посещенных ссылок.

vlink= "Maroon"

-!Зададим цвет фона документа, и параметры шрифта по умолчанию, идёт по порядку: цвет фона(белый), цвет текста(чёрный), названиешрифта(Arial,'Comic Sans MS',Courier), размер шрифта по умолчанию ко всему документу.

<BODY bgcolor="white" text="Black"   font face="Arial,'Comic Sans MS',Courier" ><basefont size="2">

-!Затем указывает титул документа - надпись, которая будет выводиться в заголовке окна браузера.

<TITLE>Страничка начинающего мегакулпорталостроителя</TITLE>

</HEAD> - завершаем заголовок.

-!После заголовка открываем тело документа

<BODY>

...Здесь будет содержание нашего документа.

И наконец, завершаем тело документа и сам документ...

</BODY>

</HTML>

<практика>

[шаг 1. откройте обычный блокнот]

[шаг 2. выделите нижеприведённый код и вставте его в свой блокнот]

[шаг 3. Сохраните документ например как template.html и кликните на нем мышкой. Запустится браузер, в окне которого на белом фоне, черными буквами будет выведен наш текст и красными буквами ссылка, цвет которой изменится на черный, при наведении на ней курсором:]

Популярное

Не так давно в сети появился новый сервис, под названием Dead Man Zero. Этот сервис сделал...
Рынок социальных площадок уже давно стал стабильным. Несмотря на то, что время от времени...
Artisteer 4 – единственный в своем роде продукт, позволяющий автоматизировать работу над созданием...
Март 2017 (1)
Февраль 2017 (3)
Январь 2017 (1)
Август 2016 (1)
Май 2016 (2)
Ноябрь 2015 (1)

Карта сайта: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41

Друзья сайта

Хотите продать свой сайт?
- Мы быстро и удобно для Вас сможем его купить:
  • Заявка на продажу сайта
  • Раcсматриваем цены на каждый сайт в индивидуальном порядке.

    Случайная цитата

    Альфонс Карр:

    "Чтобы заработать на жизнь, надо работать. Но чтобы разбогатеть, надо придумать что-то другое."

    Опрос

    Какой аудио плеер Вы используете?

    Winamp
    Light Alloy
    foobar2000
    Apollo
    AIMP
    1by1
    iTunes
    jetAudio
    Другой...