|
 Как создать свой сайт? Такой вопрос непременно возникает у многих людей, кто приходит однажды в Интернет.
Когда впервые окунаешься в мир сайтов и блогов, то вначале кажется, что это очень сложно - создать сайт своими руками. Лично со мной так и было: для меня создание сайта казалось великой тайной, доступной лишь избранным.
Но однажды я понял, что все не так уж и сложно и что сайты создают такие же мальчишки и девчонки, пенсионеры и домохозяйки, трудящиеся и тунеядцы... Оказалось, что создать свой сайт, пусть на первых порах примитивный и неказистый, не так уж и сложно. И к тому же очень интересно и увлекательно. Ну, это для тех, кто хоть немного любит шевелить мозгами и делать что-то своими руками.
Сразу скажу: есть несколько путей создания своего сайта.
Первый путь - самостоятельно разработать дизайн своего будущего сайта и затем снова таки самостоятельно сверстать его, пользуясь языком 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> |
Просмотров: 1950 | <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="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9884580921890706"
data-ad-slot="4059601105"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div> -->
</div>
<div id="leftcol">
<div class="block">
<div class="blocktitle">
<span class="btitle">
Последние новости
</span>
<span class="bt-left"></span>
<div style="clear: both;"></div>
</div>
<div class="blockcontent">
<div class="bc-inside">
<a href="/agressivnoe_povedenie_ehto_ne_tolko_razbitaja_posuda_i_fingal_pod_glazom">Агрессивное поведение - это не только разбитая посуда и фингал под глазом</a>
<a href="/pravoslavnaja_molitva_o_zdravii_boljashhego_pantelejmonu_celitelju">Православная молитва о здравии болящего Пантелеймону Целителю</a>
<a href="/kak_vosstanovit_parol_ot_modx_revolution_za_odnu_minutu_cherez_ftp">Как восстановить пароль от MODX Revolution за одну минуту через FTP</a>
<a href="/interesnyj_vykup_nevesty">Интересный выкуп невесты</a>
<a href="/psikhologicheskoe_ajkido_ili_iskusstvo_izbegat_konflikty">Психологическое айкидо Или Искусство избегать конфликты</a>
<a href="/kak_razreshit_ljubuju_problemu_uprazhnenie">Как разрешить любую проблему. Упражнение</a>
<a href="/kak_pokhudet_bez_diet">Как похудеть без диет</a>
<a href="/kak_zashhititsja_ot_astralnykh_parazitov">Как защититься от астральных паразитов</a>
<a href="/ritual_dlja_samoiscelenija_svetjashhijsja_sharik">Ритуал для самоисцеления "Светящийся шарик"</a>
<a href="/delaem_krasivye_perekljuchateli_stranic_dlja_sajta_jukoz">Делаем красивые переключатели страниц для сайта Юкоз</a>
</div>
</div>
</div>
<div class="block">
<div class="blocktitle">
<span class="btitle">
Категории новостей
</span>
<span class="bt-left"></span>
<div style="clear: both;"></div>
</div>
<div class="blockcontent">
<div class="bc-inside">
<a href="/category/ezoterica" class="catName">Эзотерика или путь к себе</a>
<a href="/category/auto-news" class="catName">Автомобильные новости</a>
<a href="/category/internet-i-biznes" class="catName">Интернет и бизнес</a>
<a href="/category/sozdanie-sajta" class="catName">Создание сайта и веб-дизайн</a>
<a href="/category/voprosy-zdorovja" class="catName">Вопросы здоровья и медицина</a>
<a href="/category/svadba" class="catName">Организация и проведение свадьбы</a>
<a href="/category/biografii" class="catName">Биографии замечательных людей</a>
<a href="/category/muzhskoe-zdorovie" class="catName">Мужское здоровье</a>
<a href="/category/psihologia" class="catName">Психология</a>
<a href="/category/kulinaria" class="catName">Кулинария</a>
<a href="/category/religia-i-mir" class="catName">Религия и мир </a>
<a href="/category/zabavnye-istorii" class="catName">Забавные истории, юмор</a>
</div>
</div>
</div>
<!-- <div class="sidebar-ads">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9884580921890706"
data-ad-slot="3912810185"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div> -->
</div>
<!--div id="rightcol">
<div class="block">
<div class="blocktitle">
<span class="btitle">
Последние новости
</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="/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>
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable">
<tbody>
<tr>
<td class="infTitle" colspan="2"><a href="/kak_zashhititsja_ot_astralnykh_parazitov">Как защититься от астральных паразитов</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="/ritual_dlja_samoiscelenija_svetjashhijsja_sharik">Ритуал для самоисцеления "Светящийся шарик"</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="/delaem_krasivye_perekljuchateli_stranic_dlja_sajta_jukoz">Делаем красивые переключатели страниц для сайта Юкоз</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="block">
<div class="blocktitle">
<span class="btitle">
Статистика
</span>
<span class="bt-left"></span>
<div style="clear: both;"></div>
</div>
<div class="blockcontent">
<div class="bc-inside">
<div align="center">
</div>
</div>
</div>
</div>
</div--> <div style="clear: both"></div>
<!-- </middle> -->
</div>
<div id="footer">
<div id="footer-block">
<div id="copyright">Живой человек Александр по роду Мананников © 2007-2024 Все права защищены</div>
<div id="footerstat">
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.7.2.js"></script>
<script src="js/custom.js"></script>
</body>
</html> |