> Обо всём мне близком и далёком  > Как я создавал этот сайт  > Первая страница сайта

Обо всём мне близком и далёком

Лучше скажи мало,
но хорошо.
Козьма Прутков

Как я самостоятельно создавал этот сайт.

Принимаясь за дело, соберись с духом. Козьма Прутков

Первая страничка сайта

Для того чтобы Web-браузер, например, Mazilla Firefox, правильно вывел на экран страницу сайта необходимо, чтобы содержимое этой страницы было оформлено с помощью некоторых инструкций, которые называются тегами HTML.

Знак привлечения внимания Всё содержимое каждой страницы сайта (ещё говорят, текст HTML-документа) должно быть расположено между тегами <html> и </html>. Теги выделяются в тексте с помощью символов < (больше) и > (меньше). Сам текст HTML-документа состоит из двух частей: из заголовка, заключенного между между тегами <head> и </head>, и содержательной части, которая расположена между тегами <body> и </body>. Всё вышесказанное я прочитал в книжках (например, фундаментальная и толстая(!) книжка, автор которой Николай Анатольевич Прохоренок, "HTML, JavaScript, PHP и MySQL - Джентльменский набор Web-мастера") и на многочисленных сайтах, посвящённых сайтостроению.

Итак, я создал папку I make site, запустил Notepad++ и в нём набрал и аккуратно расположил текст, который приводится во всех книжках и сайтах по Web-дизайну (я его выделил синим цветом), и сразу же поместил в содержательную часть страницы между тегами <body> и </body> свои идеи по её оформлению (вместо приветствия "Привет, мир!", которое обычно приводится в руководствах по сайтостроению).


<html>
    <head>
       <title> Моя первая страница сайта </title>
    </head>
    <body>
       Вот что я задумал сделать:
           1. Сначала наверху страницы я помещу красиво оформленное название нашего садоводства (чердак страницы);
           2. Ниже горизонтальное меню для перехода на страницы главных разделов сайта;
           3. Ещё ниже вертикальное меню для перехода на страницы внутри раздела сайта и справа
от вертикального меню само содержание страницы ради чего она и создавалась;
          4. Ещё ниже - нижнее меню, и наконец,
          5. В самом низу опять же красиво оформленный "подвал".
    </body>
</html>

Я сохранил этот текст в файле make_site_how.html, который поместил в папку I make site. Затем в меню Notepad++ я выбрал пункт Запуск, а в выпавшем меню пункт Launch in Firefox. И на экране в окне браузера появилась моя первая страничка.( Если найдётся кто-нибудь, кто захочет проверить так ли это, то можно скопировать вышеприведённый текст HTML-документа и сохранить его так же, как и я, в файле make_site_how.html или в файле с другим именем и расширением .html. Затем нужно вызвать браузер, например, Mazilla Firefox и в нём открыть этот файл).

Структура страницы

М-да! Весь текст подряд! В Notepad++ получилось приятнее для глаз! Утешает только одно - в браузере Firefox под меню и над адресной строкой появилась закладка, на которой написано тоже самое, что и между тегами <title> и </title> - Моя первая страница сайта. Это первый успех! Значит, каждая страница сайта будет иметь своё название, если его ввести в заголовке страницы между тегами <title> и </title>.

Кстати, из раздела заголовка <head> на экран выводится только тег <title>. Остальные теги играют вспомогательную роль и на экран не выводятся.

Посмотрим, что произойдёт с содержательной частью страницы, если моим идеям задать теги форматирования и стили их оформления.

Сайт основан в августе 2012 - 2024 г. © Все права на материалы сайта принадлежат Правлению садоводческого некоммерческого товарищества «Садовое».
Ленинградская область, Всеволожский район, Лесколовская волость, район деревни Верхние Осельки, ж/с Пери
Плагиат не преследуется!