Вторник, 17.06.2025, 19:31
Приветствую Вас Гость

Создать сайт с нуля

Меню сайта
Как создать свой сайт
Как создать сайт
Основы HTML
Хостинг
Создание HTML-сайта
Форма входа
Реклама от robotext

1. Простой сайт


Для начала создадим простейший сайт. Состоит он из одной HTML страницы. HTML (HyperText Markup Language - язык разметки гипертекстов) – универсальный язык, описывающий веб-страницы. Его задача – указать браузеру, что и как отображать при загрузке страницы на компьютере пользователя. Каждая из его команд, называемых тегами, описывает фрагмент страницы.

Перейдем к делу. Перед Вами текст простейшей HTML-страницы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Моя первая страничка</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="nav">
<ul>
<li><a href="#">Контакты</a></li>
<li><a href="#">Загрузки</a></li>
<li><a href="#">Главная</a></li>
</ul>
</div>
<div id="header">
<h1>&nbsp</h1>
</div>
<div id="showcase">
<p>Здравствуйте! Я - Перец.<BR>
Добро пожаловать!</p>
</div>
<div id="top"> </div>
<div id="text">
<h1>Ах, перец, перец!</h1>
<p>Сорта перца подразделяют на сладкие и острые, или горькие..</p>
<p>Родина сладкого перца - Мексика. В Европе он стал известен только после открытия Америки. Горький перец издавна выращивали .</p>
<p>Перец - многолетнее растение из семейства пасленовых. .</p></TD>
</div>
<div id="footer">
<p>&copy; Name | Разработка <a rel="nofollow" target="_blank" href="http://www.internet-technologies.ru/">http://www.internet-technologies.ru/</a> </p>
</div>
</div>
</body>
</html>

Скопируйте его и сохраните у себя на компьютере в файле с именем index.html. Ваш первый сайт готов. Можно открыть страничку в любом браузере и посмотреть результат. Выглядеть она должна приблизительно так.

пример собственного сайта

<p>Кстати, index.html – не случайно выбранное нами имя. </p>
<p> Конечно, не обязательно, но считается хорошим тоном главную (или ту, которая должна отображаться первой) страницу назвать именно так.</p> <p>
По умолчанию, любой веб-сервер страницу index.html пытается выдать браузеру при обращении к нему (необязательно, потому, что на любом веб-сервере это настраивается).</p>

<p> Сохранили? Запускаем. Не получилось? Не расстраивайтесь, Вы все сделали правильно. Просто мы вплотную столкнулись с основным свойством HTML-документа - он может содержать только текст</p>
. Контент любого другого типа должен либо храниться в отдельных файлах, либо генерироваться при загрузке страницы. 

<p> Поскольку наш сайт самый простой, то и решение этого самое простое. Все, что необходимо – в отдельных файлах.</p>
 <p>
Качаем архив (6.8Mb), разворачиваем и запускаем mysite/index.html. Результат налицо. </p>
<p>
Примите наши поздравления, Ваш первый сайт – готов! На этом простом примере разберем, как создать сайт.</p>
Обитатели сайта
Поиск
Реклама от tak.ru
Календарь
«  Июнь 2025  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30
Наш опрос
Оцените мой сайт
Всего ответов: 49
Друзья сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0