-Видео

 -Поиск по дневнику

Поиск сообщений в Vikylia24

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.09.2010
Записей: 14414
Комментариев: 12132
Написано: 29736


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

Четверг, 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, как в предыдущем случае. Все!

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

 

Рубрики:  Оптимизация и продвижение
Метки:  

Процитировано 2 раз

борисюлька   обратиться по имени Четверг, 23 Сентября 2010 г. 01:25 (ссылка)
Познвательно!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 23 Сентября 2010 г. 21:05ссылка
осваиваю понемного
Альбина_Кано   обратиться по имени Четверг, 23 Сентября 2010 г. 02:18 (ссылка)
НЕОБХОДИМО ИЗУЧИТЬ СЕЙ ПОСТ!! СПАСИБО!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 23 Сентября 2010 г. 21:05ссылка
пожалуйста
GLORIA-LANA   обратиться по имени Четверг, 23 Сентября 2010 г. 23:45 (ссылка)
БЛАГОДАРЮ!!!
 (600x471, 458Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку