Пошаговая инструкция создания сайта самостоятельно!

Четверг, 23 Сентября 2010 г. 00:11 + в цитатник

С недавних пор интересуюсь этой темой.

Программу сайта можно писать в любом текстовом редакторе, используя язык htm. Язык htm состоит из дескрипторов, которые связывают и форматируют. От того, какие дескрипторы ты выберешь и как их применишь, зависит внешний вид Web-страницы в окне браузера. Текст Web-страницы и дескрипторы размещаются в одном файле. Написав программу, обязательно сохрани ее как index.htm. Я дам тебе программу готовой Web-страницы. Программа будет содержать мои комментарии.

<html> — Дескриптор с которого начинается любой htm документ.

<head> — Заголовок. Информация, приведенная в разделе <head>, не отображается.

<title>Персональный сайт дополнительного заработка </title> — Название Web-страницы.

<meta http-equiv="Content-Type" content="text/htm; charset=windows-1251 "> — Информация о формате, кодировке документа.

<meta name="description" conten="На этом сайте содержится информация о том, как заработать миллион"> — Краткое описание Web-страницы в виде предложения, отражающего назначение страницы. Используется для индексации поисковыми системами. Не должна превышать 200 символов.

<meta name="keywords" conten="миллион, работа, возможность, 1 час, без ограничений, компьютер, интернет"> — Ключевые слова Web-страницы, разделенные запятыми. Используются для индексации поисковыми системами. Не должно превышать 1000 символов.

</head>

<body>

<div style="position:absolute; top:lpx; left:5px;" > — Определяет блочную структуру документа. Левый верхний угол блока имеет координаты - 1 пиксель сверху и 5 пикселов слева - относительно верхнего левого угла окна браузера. Здесь блок представлен горизонтальной линией hr толщиной 2 пикселя и шириной 765 пикселя.

<hr size="2" width="765" ></div>
<div style="position:absolute; top:13px; left:6px;" >

— Данный элемент представляет содержимое документа. Определяет тело документа.
<table bgcolor= #CCFF33 width="780" height="130" cellpadding="15">

<tr> — Определяет строку таблицы.

<td> — Определяет ячейку таблицы.

<h1> — Определяет заголовок 1-ого уровня. Всего шесть: h1-h6.

<big> — Определяет текст, который должен отображаться увеличенным шрифтом.

<b> — Определяет текст, который должен отображаться полужирным шрифтом.

<strong> — Определяет усиленное выделение текста.

<i> — Определяет текст, который должен отображаться курсивом.

<tt> — Отображает текст моноширинным шрифтом.

Ешь - потей, работай - мерзни! </tt></i></strong></b></big></h1>
</td><td>

— Здесь блок представлен таблицей.
<р>

персональный сайт дополнительного заработка </p></td></tr></table></div>
<div style="position:absolute; top:50px; left:80%; " > <table width="20%" height="150" cellpadding="25">

<tr><td>

— Определяет абзац.
<img src="" аlt="место для рекламы" >

</td></tr></table></div>
<div style="position:absolute; top:139px; left:5px;" >

<hr size="2" width="765" ></div>

<div style="position:absolute; top:175px; Ieft6px ">

<table width="160" height="190" border="l" cellspacing="0"> <tr>

<td align="center" bgcolor= #FFFF99 height="20">

— Определяет изображение.
<a href="index.htm" title="Пошаговая инструкция создания сайта.">Создание сайта</а>

</td </tr> <tr>
<td align="center" bgcolor= #FFFF99 height="20">

<a href="index.htm" title="Пошаговая инструкция при регистрации.">Участие в спонсорских программах</а>

</td> </tr> </table>

<div style="position:absolute; top:165px; left:180px;">

<table bgcolor= #FFFF99 border width="588" height="400" cellpadding="10" cellspacing="0">

— Определяет гипертекстовую ссылку. В данном случае ссылка на себя. Если ты сделаешь еще одну страницу и сохранишь ее как index1.htm, то можно сделать ссылку на нее. Или вообще на другой сайт.
<tbody valign="top">

<tr>
<td>

<hl>

Добро пожаловать, посетитель!

</hl>

<р>Только здесь ты узнаешь, как заработать миллион !

— Определяет тело таблицы.
<br>

Пошаговая инструкция !<br>
— Аналогичен переводу строки.
Это доступно всем! <br>

Единственная необходимость - это компьютер с доступом в Интернет.

А раз ты здесь, то у тебя нет никаких проблем заработать миллион.<br>

У тебя есть эта возможность !<br>

Для этого не требуется специального образования !<br>

Для этого не требуется денежных вложений !<br>

Для этого не требуется профессиональных навыков !<br>

Ты здесь, а это уже половина пути к миллиону.<br>

Заработать миллион может каждый! С этим справится и подросток, и старец, и домохозяйка, и академик.<br>

Никаких ограничений в возрасте !<br>

Никаких ограничений в образовании !<br>

Никаких ограничений по времени !<br>

Можно работать, не выходя из дома, сидя в мягком кресле. Можно работать на работе. Можно работать 30 минут, можно работать 1 час, можно работать 24 часа.<br>

Все под твоим контролем !<br>

Удачи тебе!

</p> </td> </tr> </tbody> </table>

<div style="position:absolute; top:600px; left:5px; "

<hr size="2" width="765"

</body>

</html>

2) Сохрани написанную тобой программу как файл index.htm.

3) Дальше иди в мастерскую зарегистрированного сайта. В меню редактирование и управление жмешь ссылку загрузка файлов на сайт.

4) Открывается страница - загрузка в папку корневая папка. Справа от окна ввода нажимаешь обзор. Находишь путь к сохраненному только что файлу index.htm. Указываешь этот путь в окне ввода.

5) Жмешь загрузить файлы.

После загрузки файла index.htm в корневую папку, зарегистрированного тобой сайта, ты можешь просматривать его через Internet Explorer, как в предыдущем случае. Все!

На самом деле все гораздо проще чем здесь описано!

Рубрики:

Оптимизация и продвижение