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 (3)
Январь 2017 (1)
Август 2016 (1)
Май 2016 (2)
Ноябрь 2015 (1)
Октябрь 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
    Другой...