Создай свой сайт и заработай

Конструкторы сайтов Рунета - лучший способ создать любой сайт за 5 минут!

Урок 1. Первые шаги в HTML.
Для начала нам потребуется простой текстовый редактор. Например, Блокнот. Для того чтобы запустить программу Блокнот нажмите кнопку Пуск-Все программы-Стандартные-Блокнот.
Это выглядит примерно так:

Теперь выделите левой кнопкой мыши текст, который написан ниже зелёным цветом и скопируйте его в буфер обмена.

<html>
<head>
<title>Мой первый сайт за 10 минут </title>
</head>

<body>

Сегодня замечательный день. <br>Я создал свой первый сайт.

</body>

</html>

Для этого необходимо нажать правой кнопкой мыши на выделенном фрагменте, выбрать в появившемся меню Копировать и нажать левую кнопку мыши.

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

Далее в меню блокнота выберете Файл и Сохранить как...

Выберете место на диске (обязательно запомните его!), введите имя файла с расширением .html (такое расширение показывает, что файл является интернет-страничкой), например index.html и нажмите Сохранить.

Далее запустите проводник Пуск-Все программы-Стандартные-Проводник и найдите сохранённый файл index.html.
В некоторых случаях может оказаться, что файл сохранился с двойным расширением, примерно так: index.html.txt В этом случае переименуйте файл в index.html. Запустите его, дважды нажав левой кнопкой мыши.

У вас запустится браузер (обычно это Internet Explorer) и откроется вот такая страничка.

Поздравляю! Вы сделали свою первую интернет страничку!

Согласитесь, что было совсем не сложно?

Как показала наша первая практика - создание интернет-страниц совсем не трудное занятие. Более того,
ЭТО МОЖЕТ КАЖДЫЙ
Открою вам один секрет.
НАИБОЛЬШЕЕ КОЛИЧЕСТВО ДЕНЕГ В ИНТЕРНЕТЕ ЗАРАБАТЫВАЕТСЯ ПРИ ПОМОЩИ САЙТОВ!

Мозок.net - запитай на про створення сайтів. Теперь более подробно разберём основы создания html-страниц.
HTML - это Hyper Text Marker Language, другими словами - язык гипертекстовой разметки (своеобразный язык программирования).
Команды, которые пишутся между скобками <> называются теги.

Теги бывают парными и непарными. Парные теги (например <title> и </title>) начинают и заканчивают какой-либо процесс. Один тег является открывающим <title>, а другой закрывающим </title>

Как вы заметили, закрывающий тег отличается наличием знака "/".

Теперь давайте подробнее рассмотрим нашу созданную страничку.
Начинается она с открывающего парного тега <html> (это означает, что началась html-страничка), а заканчивается закрывающим парным тегом </html> (html-страничка закончилась).

Значит, при создании такого типа страничек первым всегда будет тег <html>, а самым последним </html>. Всё остальное пишется между ними.

<html>

.....

</html>

Далее страница имеет голову <head> и тело <body>.

</html>

В голове (то есть между <head> и </head>) пишется парный тег <title> </title>, внутри которого пишется название страницы. Всё что там написано будет отображаться в названии окна Internet Exporer.

В теле (то есть между <body> и </body>) содержится контент страницы, то есть само содержимое.

В итоге мы получили минимальный набор тегов, с помощью которого создаются любые интернет-странички. Рекомендую создать шаблон-заготовку, с которого вы будете начинать создание своего сайта.

Тег <br>, который вставлен на странице после слов "Сегодня замечательный день" является непарным и служит для принудительного переноса текста на новую строку.

Итак, мы с вами овладели начальными знаниями о создании интернет-страничек в формате HTML. Теперь можно двигаться дальше...

Урок 2. Раскрашиваем интернет-страницу и текст.
Урок 3. Выравнивание материала сайта по центру.
Урок 4. Вставляем на страницу картинку.
Урок 5. Форматирование текста жирным и курсивом.
Урок 6. Изменяем размер шрифта.
Урок 7. Делаем ссылки на другие страницы/сайты.
Урок 8. Таблицы. Как делать таблицы. Параметры таблиц.
Урок 9. Пример создания 2х-страничного сайта.