Лето 7527 от Сотворения Мира
в Звёздном Храме
Главная » Создание сайта и веб-дизайн

Как создать свой сайт

Как создать сайтКак создать свой сайт? Такой вопрос непременно возникает у многих людей, кто приходит однажды в Интернет.

Когда впервые окунаешься в мир сайтов и блогов, то вначале кажется, что это очень сложно - создать сайт своими руками. Лично со мной так и было: для меня создание сайта казалось великой тайной, доступной лишь избранным.

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

Сразу скажу: есть несколько путей создания своего сайта.

Первый путь - самостоятельно разработать дизайн своего будущего сайта и затем снова таки самостоятельно сверстать его, пользуясь языком html и таблицами стилей (что это за звери такие, вы скоро узнаете).

Второй путь - использовать для своего сайта готовую систему управления сайтом. Причем бесплатную. Таких систем разработано на сегодняшний день немало. Самой популярной из них на сегодняшний день является WordPress.

Третий путь создания сайта - воспользоваться услугами профессионалов, которые за ваши деньги создадут любой шедевр современного веб-дизайна.

Здесь же я поведу речь о том, как самому создать свой сайт с помощью языка разметки html и таблиц стилей css.

Чтобы создать свой сайт, понадобится немного терпения, чтобы освоить основы языка html, таблицы стилей css. Понадобятся некоторые программы, с помощью которых можно будет верстать сайт, работать с графикой, загружать файлы сайта на сервер (выгружать в интернет). Вот, в общем-то и все, что нужно на начальном этапе для создания своего сайта.

Скажу больше: для создания своего первого сайта можно обойтись даже без знаний css. Лично я создавал свой первый сайт, обладая лишь начальными знаниями языка html. Но если вы - человек творческий, вы никогда не остановитесь на начальном этапе и захотите углубить свои познания в области сайтостроения и веб-дизайна.

Если же Вы освоите азы и почувствуете, что создание сайта - это ваше новое хобби или ваша новая профессия, то всегда можно найти учебники и платные курсы, с помощью которых можно научиться создавать сайты на профессиональном уровне.

Да, чуть не забыл. Возможно, что вам будет неинтересно самому ковыряться в кодах, что-то придумывать, то вы всегда можете воспользоваться платными услугами профессионалов, которые за ваши деньги помогут вам создать свой сайт. И еще один вариант: если вы все же освоите азы сайтостроения, но по какой-то причине не сможете самостоятельно создать красивый сайт, то всегда можете воспользоваться шаблонами сайтов - как платными, так и бесплатными. Создать сайт с помощью шаблона намного легче и быстрее, чем пытаться разработать свой дизайн.

Что ж, общая картина вырисовалась? А теперь по каждому вопросу, изложенному выше, можете на моем сайте найти расширенные ответы: что, как и зачем.

А пока продолжим. И, чтобы попробовать что-то сотворить своими руками прямо сейчас, предлагаю изучить (и попутно проделать все на практике)
Как создать сайт в блокноте html

Создайте в удобном для вас месте жесткого диска новую папку, пусть она будет называться WWW. В этой папке создайте текстовый документ. Откройте этот документ с помощью "блокнота" и запишите в него следующее:



Моя первая страница



Так отображается текст на моей первой странице

Далее обращаемся в блокноте в меню Файл - Сохранить как - и сохраняем в папку WWW наш файл как index.html. Открываем папку WWW и открываем файл index.html в браузере, которым вы привыкли пользоваться.

В открывшемся окне браузера вы можете полюбоваться своим первым творением. Как видите, все очень просто.

Теперь давайте разберемся, что и зачем мы писали и познакомимся с таким понятием как теги html.

Теги языка html

Теги - это команды языка HTML, их принято заключать между знаками < и > (между угловыми скобками).

Обратите внимание, что есть парные и непарные теги html. В этом есть логика.

Смотрите:

- этот тег сообщает, что начинается документ на языке HTML
- конец кода HTML.

Аналогично:

- парный тег html, так называемый хедер: всё находящееся между тегами - невидимая часть документа, здесь содержится служебная информация для поисковиков и для браузера.

- этот тег содержит название данной страницы, которое отображается в верхней полосе браузера.

Далее тег html посложнее. Обратите внимание, этот тег непарный:

В нем содержится информация о содержимом дальнейшего кода страницы, а именно:

- страница для передачи по протоколу гипертекста http, содержит формат text/html,

- написана в кодировке windows-1251 т.е. windows-кириллица.

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

Всё, что мы напишем и изобразим в этой зоне, увидит посетитель нашей страницы.

Итак, сейчас мы рассмотрели обязательные теги html, которые крайне нежелательно игнорировать. Плохое заполнение этих тегов в глазах индексирующих страницу роботов выглядит не лучше, чем безграмотная и небрежно написанная записка.

ПОМНИТЕ!

Оценивая вашу страницу, поисковик оценивает всё её содержимое. По хитрому алгоритму он подсчитывает её минусы и сравнивает с похожими по тематике страницами, что в последствии влияет на рейтинг вашего сайта (или отдельной его страницы).

Вышеописанный минус не самый страшный при отсутствии других, о которых поговорим позже, обсуждая SEO-оптимизацию по поисковому запросу. Но всё же... Нам не нужны лишние минусы!

Теперь можете поэкспериментировать со своей первой страницей, созданной собственноручно, чтобы прочувствовать, как это - создавать сайт с помощью блокнота.

Для этого снова откройте (если вы уже закрыли) созданную вами страницу своего сайта html в блокноте и измените ее содержимое. Например, так

Автор страницы (ваше ФИО)

После внесения изменений обязательно сохраните документ. Проще всего это сделать нажатием на клавиши Ctrl+S. Согласитесь, так быстрее и удобнее: С - копировать V - вставить S - сохранить (с одновременным нажатием и кнопки Ctrl).

Теперь можете проверить изменения. Нажмите на кнопочку в меню браузера ВИД -> ОБНОВИТЬ или же (что гораздо быстрее и практичнее) просто нажмите на кнопку F5. И посмотрите, что изменилось в служебной строке браузера.

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

Внесите в тело документа (тег ) изменения, добавив туда свой текст. Пусть это будет текст о Вас: представьтесь посетителям страницы, расскажите о Ваших планах, желаниях, ну и о впечатлении от нашего первого занятия. Или же просто скопируйте из какого-либо текстового документа фрагмент текста и вставьте на свою страничку.

Снова сохраните изменения в файле и обновите страничку в браузере (кнопка F5). Как видите, все у вас получается. Нравится вам такое занятие - самостоятельно создавать сайт в блокноте? Тогда продолжим, ведь это только начало.
Форматирование текста в html с помощью тегов

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

Вы ведь до сего момента не знали, что форматирование текста в html без применения специальных тегов будет полностью игнорироваться браузерами. Зато теперь знаете. И разных там вопросов, мол, зачем учиться форматированию текстов, больше возникать не будет. Именно с этого начинаeтся большинство учебников HTML, внося в мысли обучаемого тоску, отбивая напрочь всякое желание двигаться дальше.

А знаете ли Вы, что для истинного вебмастера отформатировать вручную текст html - это как Вам... вкусно поесть? Вы уже готовы разделить со мной это удовольствие?

Начнем, пожалуй, и... приятного аппетита!

Снова возвращаемся к своей первой странице html сайта, создаваемого с помощью блокнота. И внесем в нее некоторые изменения.

Начнем форматирование текста с самого "вкусного" тега html -

. Назначение его - заголовок.

У него есть разновидности от

до
. Самый крупный заголовок

, соответственно, самый мелкий

.

Под открывающим тегом размещаем запись

Персональная страница Иванова Петра Сидоровича

Сохраните файл и откройте его в браузере.

Ну и как? Нравится вам тег

, как нравится он поисковым роботам? Скажу по секрету, что особенно ценится этот деликатес, если он подается вместе с тегом , когда в содержимом обоих есть одинаковые слова, т.е. совпадения.</p> <p>Иными словами, название страницы и тема, которая рассматривается на этой странице, озаглавлена фразой с близким смысловым содержанием.</p> <p>А что будет, если мы сойдем с ума и всю страницу выполним в одних тегах <h1>? Думаю, что робот поморщится, плюнет и уйдет, запомнив наш URL, как антисанитарное место обитания спам-страниц. А также не рекомендуется допускать полного совпадения содержимого <title> и <H1>.</p> <p>Посмотрите, как получилось у вас на странице. Это правильная пропорция.</p> <p>А далее у нас на повестке дня тег <p></p>!</p> <p>Как в итальянской кухне невозможно представить себе обед без макарон, так и создать сайт или страницу HTML без тега, определяющего абзац, невозможно. Грустно, если его вообще нет на странице, потому что весь текст сливается в одну серую трудно читаемую массу.</p> <p>Итак, продолжаем учиться создавать сайт в блокноте html. Заключите в тег <p> </p> абзацы на своей странице или же разбейте с помощью этого тега на абзацы ту запись, которую вы делали (копировали).</p> <p>Это будет выглядеть примерно так:</p> <p><p>Создание сайта самостоятельно с помощью блокнота - очень интересное занятие.</p><br /> <p>А все же быстрее и удобнее это делать с помощью специальных программ. </p></p> <p>STOP! Чуть не забыл сказать, что очень неплохо будет, если в содержимом тега <p> будут встречаться слова, которые уже содержались в ранее рассмотренных нами тегах. Сие для наших "гурманистых" роботов будет означать, что смысловое содержание текста соответствует изначально заявленной нами тематике. В противном случае поисковики могут подумать, что мы решили создать сайт для обмана и принять нас за мошенников или горе-кулинаров.</p> <p>По умолчанию весь текст в наших тегах будет изображаться с левого края страницы. А что, если мы хотим разместить текст в центре или даже по правому краю?</p> <p>Посмотрим на дополнения к известным нам тегам, позволяющим форматировать html документ.</p> <p>Ряд команд для выравнивания:</p> <p><h1 align="left">Выровнять заголовок по левому краю</h1><br /> <h2 align="right"> Выровнять заголовок по правому краю</h2><br /> <h3 align="center">Выровнять заголовок по центру</h3><br /> <h4 align="justify">Выровнять заголовок равномерно</h4></p> <p><p align="left">Выровнять абзац по левому краю</p><br /> <p align="right">Выровнять абзац по правому краю</p><br /> <p align="center">Выровнять абзац по центру</p><br /> <p align="justify">Выровнять абзац равномерно</p></p> <p>Для придания правильной формы мы используем внутри текста один маленький, но очень гордый непарный тег <br> - переход на следующую строку.</p> <p><h1 align="center"> Выровнять заголовок<br> по центру </p></p> <p><p align="right">Выровнять абзац <br> по правому краю</p></p> <p>А не приукрасить ли нам свой текст? Изменить шрифт, выделить ключевые фразы пожирнее, или с наклоном, не подчеркнуть ли самое важное? Роботам до этого дела мало, хотя и не всем, но не только же для них мы стараемся!</p> <p><strong>жирный</strong><br /> <em>наклонный</em><br /> <u>подчеркнутый</u><br /> <strong><em><u><br /> жирный, наклонный, подчеркнутый - одновременно.<br /> </u></em></strong></p> <p>Обратили внимание, что теги html закрываются в обратной последовательности?</p> <p>Да, так всегда и закрывают.</p> <p>А теперь как изменить шрифт html, он же font.</p> <p>Вставьте на свою страницу этот код:</p> <p><font size="7" >Р</font><br /> <font size="6" >А</font><br /> <font size="5" >З</font><br /> <font size="4" >М</font><br /> <font size="3" >Е</font><br /> <font size="2" >Р</font><br /> <font size="1" >Ш</font><br /> <font size="2" >Р</font><br /> <font size="3" >И</font><br /> <font size="4" >Ф</font><br /> <font size="5" >Т</font><br /> <font size="6" >О</font><br /> <font size="7" >В</font></p> <p>Обратили внимание, что браузеру совершенно безразлично, что в исходнике мы расположили всё в столбик?</p> <p>Браузеру не только это безразлично. Он ещё имеет наглость игнорировать лишние пробелы и только   (пробел) заставит его нас слушаться.</p> <p>Посмотрите, как будут выглядеть следующие две записи:</p> <p><p align="center"><br /> <font color="red"><br /> Здесь игнорируются пробелы!<br /> </font><br /> </p></p> <p><p align="center"><br /> <font color="blue"><br /> А здесь<br />    <br /> не игнорируются<br />            <br /> пробелы!<br /> </font><br /> </p></p> <p>Ваш зоркий глаз уже обратил внимание на то, как мы управляем цветом шрифта? Похвально!</p> <p>Давайте поговорим о цветах в другой статье, а сейчас у нас по плану... десерт!</p> <p>Ну какой же пир без десерта? А какая веб-страница без ссылок? Не об этом ли лакомстве мы все так мечтали?<br /> Как создать ссылку на страницу или на сайт</p> <p>Держите тег <a> </a> и не расставайтесь с ним больше никогда!</p> <p>Вот как просто создать ссылку на сайт или на внешнюю страницу:</p> <p><a href="http://tsvetochky.info/">Выращивание садовых цветов</a></p> <p>Чтобы посетитель, попав на Вашу главную страницу, смог посетить и остальные страницы Вашего сайта, необходимо разместить на ней, как и на всех остальных, внутренние ссылки на страницы своего сайта. Так выглядит ссылка на внутренние страницы нашего сайта:</p> <p><a href="index.html">Персональная страница Петрова Сидора Ивановича</a></p> <p><a href="02.html">Петров Сидор Иванович: школьные годы </a></p> <p>Вот так, простенько и со вкусом мы можем создать и вставить наши ссылки на страницы сайта в известные нам теги:</p> <p><p align="center"><br /> <a href="02.html"><br /> Петров Сидор Иванович: школьные годы<br /> </a><br /> </p></p> <p>Единственное пожелание: доставьте удовольствие роботам - по возможности не используйте в ссылках случайный, ничего не говорящий о тематике, текст. Обратите внимание на мои примеры и заметьте, что текст ссылки содержит слова, которые содержатся на странице, на которую будет выполнен переход с нашей ссылки.</p> <p>И последнее на сегодня.</p> <p>Хотите, чтобы посетитель мог написать Вам письмо прямо с сайта? Тогда можете воспользоваться следующим тегом:</p> <p><a href="mailto:petrov@ya.ru">petov@ya.ru </a><br /> или так:<br /> <a href="mailto:petrov@ya.ru">Написать мне письмо</a></p> <p>На всякий случай уточню, что вместо указанного здесь e-mail надо вставить Ваш, а вместо черного содержимого тега можно писать всё, что угодно.</p> <p>В результате клика по такой ссылке у пользователя на компьютере автоматически запускается почтовый клиент, настроенный по умолчанию.</p> <p>Чтобы не перегружать информацией данную страницу, продолжим изучение вопроса, как создать сайт, в следующей статье Создаем сайт сами</p> <center style="padding-bottom: 5px;"> <h4 style="color:red">Понравилась запись? Поделитесь с друзьями!</h4> <div class="social-share"> <ul> <li> <a href="https://vk.com/share.php?url=https://kompass4.ru/kak_sozdat_svoj_sajt" class="social-vk" target="_blank"> <img src="icons/vk.png"> </a> </li> <li> <a href="https://www.facebook.com/sharer.php?u=https://kompass4.ru/kak_sozdat_svoj_sajt&t=Как создать свой сайт" class="social-fb" target="_blank"> <img src="icons/fb.png"> </a> </li> <li> <a href="https://connect.ok.ru/offer?url=https://kompass4.ru/kak_sozdat_svoj_sajt&title=Как создать свой сайт" class="social-ok" target="_blank"> <img src="icons/ok.png"> </a> </li> <li> <a href="https://twitter.com/share?url=https://kompass4.ru/kak_sozdat_svoj_sajt&text=Как создать свой сайт&hashtags=my_hashtag" class="social-tw" target="_blank"> <img src="icons/tw.png"> </a> </li> </ul> </div> </center> </td> </tr> <tr> <td colspan="2" class="eDetails"> Категория: <a href="">Создание сайта и веб-дизайн</a> | Просмотров: 224 | <span class="e-date"><span class="ed-title">Дата:</span> <span class="ed-value" title="">09.12.2017</span></span> </td> </tr> </tbody> </table> <!-- </body> --> <div style="clear: both"></div> <div class="content-ads-btm"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Большой квадрат компасс --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-9884580921890706" data-ad-slot="6544806840"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> <div id="leftcol"> <!--U1CLEFTER1Z--><!-- <block2> --> <div class="block"> <div class="blocktitle"> <span class="btitle"> <!-- <bt> -->Категории новостей<!-- </bt> --> </span> <span class="bt-left"></span> <div style="clear: both;"></div> </div> <div class="blockcontent"> <div class="bc-inside"> <!-- <bc> --> <table border="0" cellspacing="1" cellpadding="0" width="100%" class="catsTable"> <tbody> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/ezoterica" class="catName">Эзотерика или путь к себе</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/auto-news" class="catName">Автомобильные новости</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/internet-i-biznes" class="catName">Интернет и бизнес</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/sozdanie-sajta" class="catName">Создание сайта и веб-дизайн</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/voprosy-zdorovja" class="catName">Вопросы здоровья и медицина</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/svadba" class="catName">Организация и проведение свадьбы</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/biografii" class="catName">Биографии замечательных людей</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/muzhskoe-zdorovie" class="catName">Мужское здоровье</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/psihologia" class="catName">Психология</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/kulinaria" class="catName">Кулинария</a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/religia-i-mir" class="catName">Религия и мир </a> </td> </tr> <tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"><a href="/category/zabavnye-istorii" class="catName">Забавные истории, юмор</a> </td> </tr> </tbody> </table> <!-- </bc> --> </div> </div> </div> <div class="sidebar-ads"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- kompass 160*600 --> <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-9884580921890706" data-ad-slot="5727221647"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> <div id="rightcol"> <div class="block"> <div class="blocktitle"> <span class="btitle"> <!-- <bt> --><!--<s3163>-->Поиск<!--</s>--><!-- </bt> --> </span> <span class="bt-left"></span> <div style="clear: both;"></div> </div> <div class="blockcontent"> <div class="bc-inside"> <div align="center"> <!-- <bc> --> <div class="searchForm"> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"> <div align="center" class="schQuery"><input type="text" name="q" maxlength="30" size="20" class="queryField"></div> <div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div> </form> </div> <!-- </bc> --> </div> </div> </div> </div> <!-- </block10> --> <!-- <block13> --> <div class="block"> <div class="blocktitle"> <span class="btitle"> <!-- <bt> --><!--<s5204>-->Последние новости<!--</s>--><!-- </bt> --> </span> <span class="bt-left"></span> <div style="clear: both;"></div> </div> <div class="blockcontent"> <div class="bc-inside"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/karta_sajta">Карта сайта</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/contacts">Обратная связь</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/o_sajte">О сайте</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/agressivnoe_povedenie_ehto_ne_tolko_razbitaja_posuda_i_fingal_pod_glazom">Агрессивное поведение - это не только разбитая посуда и фингал под глазом</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/pravoslavnaja_molitva_o_zdravii_boljashhego_pantelejmonu_celitelju">Православная молитва о здравии болящего Пантелеймону Целителю</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/kak_vosstanovit_parol_ot_modx_revolution_za_odnu_minutu_cherez_ftp">Как восстановить пароль от MODX Revolution за одну минуту через FTP</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/interesnyj_vykup_nevesty">Интересный выкуп невесты</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/psikhologicheskoe_ajkido_ili_iskusstvo_izbegat_konflikty">Психологическое айкидо Или Искусство избегать конфликты</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/kak_razreshit_ljubuju_problemu_uprazhnenie">Как разрешить любую проблему. Упражнение</a></td> </tr> </tbody> </table> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tbody> <tr> <td class="infTitle" colspan="2"><a href="/kak_pokhudet_bez_diet">Как похудеть без диет</a></td> </tr> </tbody> </table> </div> </div> </div> <!-- </block13> --> <!-- <block14> --> <div class="block"> <div class="blocktitle"> <span class="btitle"> <!-- <bt> --><!--<s5204>-->Похожие записи<!--</s>--><!-- </bt> --> </span> <span class="bt-left"></span> <div style="clear: both;"></div> </div> <div class="blockcontent"> <div class="bc-inside"> </div> </div> </div> <!-- </block14> --> <!-- <block6> --> <div class="block"> <div class="blocktitle"> <span class="btitle"> <!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> --> </span> <span class="bt-left"></span> <div style="clear: both;"></div> </div> <div class="blockcontent"> <div class="bc-inside"> <div align="center"> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t15.11;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") </script><!--/LiveInternet--> </div> </div> </div> </div> <!-- </block6> --><!--/U1DRIGHTER1Z--> </div> <div style="clear: both"></div> <!-- </middle> --> </div> <div id="footer"> <div id="footer-block"> <div id="copyright">Александр Мананников © 2007-2019 Все права защищены</div> </div> </div> </div> </div> <script src="js/jquery-1.7.2.js"></script> <script src="js/custom.js"></script> </body> </html>