Создание сайта
Приветствую Вас, Гость · RSS Понедельник, 28.05.2018, 11:05



Главная » Статьи » Алгоритм

Шаг 4. Первая страница
Ну вот. Цветочки закончились. Лезем в дебри.
Создаем первую страницу.
Что такое страница сайта. Это HTML- документ. И раз это всего-навсего документ, значит страшного нет в нем ничего.
Html-документ, web-страничка - это обычный текстовый документ, который можно открыть в Блокноте. Для примера можете зайти в любом браузере в: "Вид"-"Исходный код страницы или Просмотр HTML-кода".
Вашему вниманию предстанет текст, обрамленный кодовыми словами – тэгами.

Можно конечно создать страничку типа:
<html>
<head>
<title>Мой сайт</title>
</head>
<body>
А здесь я напишу все что думаю!!!
</body>
</html>
но ВОТ вопрос, а кому она будет интересна?

Поэтому, как мы уже и говорили в предыдущем шаге – воспользуемся готовым шаблоном.

Что в нем нужно будет поправить?
Идем по порядку сверху вниз.
Желательно воспользоваться бесплатной программой для создания и редактирования web-сайтов.
Одна их них это NVU. Она достаточно проста в использовании, и самое главное, программа сама корректирует Ваши ошибки. Скачать программу со всеми необходимыми приложениями можно здесь (или потом в разделе бесплатные программы) или с сайта разработчика:
http://www.nvu.com/ или с русской страницы http://nvu.mozilla-russia.org/

Тем, кто надеется на собственные силы, в помощи могу предложить следующий порядок.
Как и отмечалось ранее, идем сверху вниз:

  • В самом верху должна стоять строчка:                                                       
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  • Согласно спецификациям HTML и XHTML тег DOCTYPE (что означает "объявление типа документа") сообщает, какую именно версию (X)HTML вы используете в своей странице. Этот тег должен всегда находиться в первой строке каждой страницы. Тег DOCTYPE - ключевой компонент web-страниц. Можно особенно не вдаваться в подробности, просто примите это как аксиому!
  • Дальше «голова» Скорее всего у вас уже стоит после DOCTYPE тег <head>, то ничего здесь не трогайте!!! (Ну а если нету, тогда поищите другой шаблон!)
  • Далее должен идти тег<title>и обязательно парный ему </title>. Между ними пишется текст, который затем будет виден в заголовке браузера. Например название сайта.
  • Выглядеть это должно так:
  • <title>Название моего сайта </title>
  • Теперь объявляем кодировку. Если Вы не знаете кодировку своего сайта, подберите опытны путем.
  • Для uCoz и WordPress  кодировка UTF-8. НО ТАМ НИЧЕГО НЕ ТРОГАЙТЕ!
  • Для всех остальных русскоязычных сайтов в 95% случаев Windows – 1251. Как вариант определения кодировки можно зайти в браузере - - > Вид - - > Кодировка. И если сайт отображается не «крякозябликами» то галочка стоит на верной кодировке.
  • Правильная строка для русского Windows должна выглядеть так:                     
  • <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  • Остальные теги META, если они есть, пока не трогаем. О них мы подробно поговорим, когда сайт более менее будет готов в Шаг 8. Редактируем голову.
  • Проверяем наличие закрывающего тега </head>
  • Вот и добрались до «тела». Между тегами <body> и </body> собственно и находиться сам сайт. Все, что было выше, это так, инструкции.
  • Редактированием самого сайта займемся в следующем шаге, отталкиваясь оттого, что, мы используем какой-то стандартный шаблон.
  • И напоследок, на всякий случай, проверяем, не удалили ли мы закрывающие теги.
  • Заканчиваться страница должна:
    </body>
    </html>
Приступаем к главному: Шаг 5.1. Строим тело. Шаблон из Интернета
Категория: Алгоритм | Добавил: vsgroup321 (18.07.2009)
Просмотров: 714 | Комментарии: 3 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Сайт управляется системой uCoz
Copyright VS Group © 2018