ZorNet.Ru — сайт для вебмастера » HTML и CSS » Как создать страницу html на сайте

Как создать страницу html на сайте

Как создать страницу html на сайте
Думаю интересно будет как правильно создать страницу html на своем сайте. Где вы можете переменить функцию демонстрацию или создать под другое. Но основном создают как раз DEMO и здесь некоторые берут блокнот и в него ставят стили и сам код и потом просто формат меняют. что нужно делать, но и нужно правильно ее оформить, что и разберемся как делать.

Для начало давайте небольшой мануал, что отвечает за что.

Вообщем приступая к созданию нужно знать, что HTML-документ изначально будет делиться на 2 части. Первая, это голову документа за что отвечает head, но и само тело, что отвечает body, думаю все вам знакомо. Но и здесь должны на страницы быть закрывающие теги /head и /body. это обязательно.

Давайте начнем с head, который идет сразу после html, и вот как раз в нем и будет вся информация, можно сказать даже важная. Это прописанные meta и название страницы, которое и будет заключаться в титл.

Как пример:

Код
<title>Создаем страницу html</title>


Как закроем /head то у нас сразу после него откроется body, вот в нем будет ваш текст или что вы хотите описать, также поставить ссылки, как на переход на другую страницу и безусловно на изображение, вообщем как вы заполняете материал на модуле файлы или блог.

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

Код
<!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">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />  
<title>Название страницы.</title>  
</head>  
<body>  
Здесь размещаем информацию или код.
</body>  
</html>


Но нам нужно еще стили добавить, когда все заполнили, то сразу ниже стили ставим.

Код
<style type="text/css">  
Здесь как раз стили, что в CSS стоят  
</style>


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

PS - вот так сделали страницу демонстрация или как основном пишут DEMO на сайте.
17 Ноября 2016 Просмотров: 2237 Комментариев: (18)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 18
FeStemBer
FeStemBer 17 Ноября 2016 02:441
0
Могу ошибаться, но у uCoz совершенно другой расклад на счет windows-1251.

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

Код
<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">
<title>Web-страницы</title>
</head>
<body>
<h1>ZORNET.RU-Название страницы</h1>
<p>Здесь идет описание материала</p>
</body>
</html>
tsakonter
tsakonter 17 Ноября 2016 02:502
+1
Так это же только одна страница, но точно на сайте uCoz в страницах нет windows-1251. Просто на одном конструкторе года 2 назад собирал, там описание, во общем внутреннее оптимизация, и выставил точно так, и это не правильно было, но для demo здесь точно не скажу, так как вообще без всего делал.

Что теперь вебмастер Яндекс выдает как ошибка.
Kosten
Kosten 17 Ноября 2016 02:543
0
На текстовом бланке все также под демонстрацию делал. веб мастер сейчас показывает, что не указан тилл, или что там, даже смотреть не охота, как понимаю, все исправлять нужно.

Что по windows-1251, здесь только одно скажу, так как начал писать статью эту, для начало нашел информацию, чтоб там было еще посмотреть, как все получилось, и все корректно показывает.
Start
Start 17 Ноября 2016 10:135
0
Появилось в пу около css новый пункт: "вид похожих материалов" что делает?
Angerfist
Angerfist 17 Ноября 2016 12:256
+2
Недавно тоже заметил, по ходу чей то запрос выполнили на возможность редактирования этих самых похожих материалов. Если раньше можно было тупо через оператор выводить просто список до 20 или 30 материалов, не помню точно... (умеющие люди даже создали скрипт js чтобы выводить изображения), теперь же меньше запарок с проблемой множественных get запросов того js, и можно самому делать как дуще угодно этот самый вид материалов. Вообщем тот же информер с твоими стилями, но только один общий стиль под все модули (вроде как).

Вообщем не лишнее дополнение), надо будет чиркануть стили и сделать как раз вывод миниатюр изображений.
Start
Start 17 Ноября 2016 13:248
0
Нормально...
-SAM-
-SAM- 17 Ноября 2016 05:354
0
Создается текстовый документ в Блокноте (или любом другом редакторе), сохраняется файл в кодировке UTF-8 (тут же - можно сохранить сразу как .html), эта кодировка соответственно и должна быть прописана в meta; файл заливается потом через файловый менеджер и может быть отредактирован, не опасаясь за наличие "кракозябров" в нём.
Kosten
Kosten 17 Ноября 2016 18:0210
-1
-SAM-, приветствую, проверил, и протестировал этот код, и все нормально выводит.
Angerfist
Angerfist 17 Ноября 2016 12:467
+1
Цитата FeStemBer
Могу ошибаться, но у uCoz совершенно другой расклад на счет windows-1251.

Так точно, на стороне сервера именно utf-8.
Kosten
Kosten 17 Ноября 2016 18:009
0
Angerfist, привет, сегодня нашел время проверить, так что все нормально, не стал не чего там большое прописывать, а просто надпись, вообщем демонстрация в материале, и работает нормально, главное титле есть, и веб мастер теперь не будет писать.
Angerfist
Angerfist 17 Ноября 2016 18:5812
+1
Привет, да мне как демо выводить люди будут абсолютно без разницы). Я вклинился в комментарии в основном из-за вопроса по похожим материалам, и вообще к веб пропал интерес, полная аппатия продолжать кодить и лень (и видимо надо будет скоро кому нибудь сайт впарить или забэкапить шаблон и удалить сайт)).

Новый интерес появился) меня заразил парняга который шаблоны рипал музыку писать, взял у кореша миди клавиатуру и изучаю FL Studio c Cubase).
Kosten
Kosten 17 Ноября 2016 20:0014
0
Бывает апатия, но думаю стоит немного подождать, возможно интерес не пропадет.
Webmaster32
Webmaster32 17 Ноября 2016 18:3611
+3
Отличие WIN1251 от UTF-8

WIN1251 - 1 байт = 2 ^ 8 = 256 символов (знаки+цифры+латиница+кирилица)
UTF-8 - 6 байт = 2 ^ 48 = 281474976710656 символов (все возможные буквы + клинопись + иероглифы + значки + смайлики + мертвые языки + пока еще не придуманные символы) естественно все сервера и хостинги в большинстве своём по умолчанию используют именно эту кодировку (UTF-8).
Kosten
Kosten 17 Ноября 2016 19:5913
0
Webmaster32, и как примерно должен код быть, если брать с материала, что там исправить?
Webmaster32
Webmaster32 17 Ноября 2016 22:4316
+3
Код
<!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">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Название страницы.</title>  
</head>  
<body>  
Здесь размещаем информацию или код.
</body>  
</html>


Помимо этого скопировать код в Notepad++ и преобразовать весь код в UTF-8, на некоторых хостингах это можно сделать и без посторонних программ, а прямо из редактора кода который находится в файловом менеджере.

Kosten
Kosten 17 Ноября 2016 22:5517
0
Webmaster32, от души, поменяю в материале, так как все же здесь под uCoz основном заточено.
Kosten
Kosten 17 Ноября 2016 22:5618
0
Хотя в комментариях он также нужен, просто для чтение и понятие.
Kolinkor
Kolinkor 17 Ноября 2016 20:1015
0
Webmaster32, плюс, познавательно.
avatar