Мой город

..:: Создаём сайт в блокноте ::..

Яндекс.Погода



 



 



 



 
Присоединяйтесь! Русский автосерфинг AdvEar.Ru - Реклама и заработок Выгодный курс обмена электронных валют Заработай на просмотрах OnlySurf.ru - заработок для вебмастеров и владельцев сайтов etoprosto.top/3379 Код баннера

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

Вначале я работал на Web Page Maker и был доволен тем, что не надо ничего знать и заморачиваться в кодах, а разобравшись в инструментах редактора, можно создать свой сайт с гифками и всякими наворотами, но в конечном итоге мои сайты стали искажаться и часть контента перестала публиковаться. Я думаю из-за большого объёма, на который WPM редактор, который я популяризировал на созданных на нём мной сайтах, не расчитан.

В итоге я пришёл к данной теме и стал пробовать создавать сайт в блокноте. Для этого как раз к стати и пригодились всевозможные коды, которые я сохранял у себя и систематизировал. Темой создания сайта в блокноте, кому это интересно, и своими наработками я готов поделиться. Берите и пользуйтесь.

Основная разметка HTML-кода нашего сайта и Расшифровка основных тегов:

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Мой первый сайт будит лучшим</title>
<style>
body {
background: #F2F2F2;
max-width: 900px;
margin: 0 auto;
padding: 20px;
}

h1{
  color: #4C4C4C;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #BEBEBE;
}
p{
font:italic;
}
</style>
</head>
<body>
<h1>Мой первый сайт</h1>
<p>У меня всё получиться.</p>
</body>
</html>
html код

Создаём сайт в блокноте. Для этого скопировать, соблюдая порядок размещения тегов, предоставленный выше код сайта в обычный блокнот Винды. Каждый отступ, каждая чёрточка или запятая имеет значение, без которых html код работать не будит! Будте внимательны. Остаётся заменить название сайта в тегах h1 и в тегах title на своё. Что бы название сайта было посередине, нужно перед его тегами и позади поставить тег center, находящиеся в открывающих < > и закрывающих наш код заголовка значках < / >. Дальше наполняем сайт контентом, который подходит под задачи Вашего сайта.

Для этого необходимы инструменты в виде тегов (которые пишуться маленькими буквами) и html кодов, заточенные под определённые задачи, такие как значение Абзац в таблице, между этих тегов (открывающий и закрывающий абзац) можно писать нужный Вам текст, а вставив между ними теги Заголовка 4 уровня и вписать текст, можно получить шрифт и рамер текста как на этой странице- удобный и хорошо читаемый. Теперь Вы знаете как выставить по центру страницы заголовок самого сайта, а так же заголовки статей,-изменив размер, разместить текст на странице и сменить размер текста. Дело за малым,-необходимы коды для установки на свой сайт фото/картинок/баннеров.

Ниже выложены два html кода: первый для размещения в одну строку баннера/картинки/фото/текст, второй- это простой код баннера/картинки/фото, нужно только разместить в нём URL-ы сайта и баннера, на который приведёт нажатие на баннер, показываемый на нашей странице, ну а потом получившееся,- как матрёшку вставить в Код баннера другого кода, который непосредственно размещает на нашей странице всё в одну строку, не забыв при этом выставить размеры! В качестве примера обратите внимание на шапку этой страницы, где с помощью этих 2-х кодов я разместил картинку своего города, название страницы (вместо Код баннера, я вставил код заголовка) и Яндекс.Погода,- добавив к двум строчкам Код баннера, ещё одну. Так можно выстроить цепочку из картинок, лишь бы они были одного размера, или чередование картинки и текста.

Два баннера в одну строку:

<table border="0" cellpadding="1" cellspacing="1" style="width:100%;">
 <tbody>
 <tr>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 </tr>
 </tbody>
</table>

Код баннера:

<a href="URL сайта" target="_blank">
<img src="URL картинки"
width="468" height="60" alt="Альтернативный текст" title="Текст/ссылка, при наведении" border="0" />
</a>

В нашем блокноте уже с отредактированным нами html кодом сайта, жмём "Файл", далее "Сохранить как", пишим "index.html"-это постаянное обозначение и путь нахождения файла нашей первой страницы браузером, и обязательно СОХРАНЯЕМ. Всё, файл сайта создан! Дальше находим его в Проводнике,-в том месте где его сохранили, дважды щёлкнув по нему- открываем в браузере свой сайт. Теперь мы имеем возможность визуально просматривать своё творение, в блокноте что-то менять, удалять, менять местами или дополнять, при этом сохраняем все изменения. Имея такой арсенал кодов СМОТРИМ ЗДЕСЬ! и тягу к творчеству, можно добиться отличных результатов, нужно только окунуться в данную тему. Пробуйте, эксперементируйте, творите- это увлекает, потому что интересно. Удачи!

P.S. Создав сайт, необходимо озаботиться его продвижением и узнаваемостью в системе интернета, необходимо заявить о своём сайте, что бы как можно больше пользователей переходили по его ссылке и посещали его, что без самнения поднимет его рейтинг в сети и повысит индексацию поисковых систем, а так же даёт возможность предлагать посетителям сайта всевозможную рекламу, что принесёт Вам некоторую окупаемость хостинга, на котором будет расположен Ваш сайт. Могу предложить Вам отличный и дешёвый хостинг ЖМИ для перехода ЗДЕСЬ!, всего от 33 руб. в месяц и которым пользуюсь сам с 14-го года. Лучше пользоваться платным хостингом, т.к. многие сервисы с подозрением относятся к сайтам, расположенным на бесплатном хостинге и не позваляют размещать свою рекламу на таких сайтах.

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




Наверх



Добавить сайт в интернете для рекламы Серфинг сайтов, заработок в интернете, платные задания, просмотры рекламы, письма - GeXR.ru Мировые поисковики и поисковые системы Анализ сайта — Репутация сайта - EDEM58.RU Анализ сайта — Приблизительная стоимость сайта - EDEM58.RU





Copyright©2019-2021 edem58