Создать сайт несложно

Главная Создание сайта Раскрутка Заработок Литература Программы Помощь

Создать сайт несложно!

1 <-- 2 --> 3

Итак, у Вас уже есть зарегистрированный сайт с Главной страницей и редактор HTML.
Признаюсь честно, дизайны предложенных вариантов Главной страницы мне не нравятся. Если Вам тоже, то это несложно исправить. У Вас есть несколько вариантов:

Вы можете скачать понравившийся Вам шаблон в Интернете. Любой поисковик по запросу выдаст их большое количество, как платных, так и бесплатных. Если затрудняетесь с поиском, можете выбрать из предложенных в рубрике Программы.

Можно сделать на основе любой чужой странички (всё равно тексты, картинки, эффекты, ссылки и цвет Вы легко замените на свои). Как вариант, можете воспользоваться этой страничкой, которую Вы сейчас читаете.

В выборе будущего шаблона Вам прекрасно поможет редактор HTML. Дело в том, что встречаются шаблоны с разными кодировками (чаще всего utf-8, koi8-r и windows-1251). Советую выбрать с последней, с другими кодировками понадобится совершенно другой подход, намного сложнее. Кодировку шаблона или странички Вы увидите в редакторе HTML в одной из самых верхних строчек (Файл - Открыть; закладка Код). Шаблон подойдет, если в строчке
meta http-equiv="Content-Type" будет указано, что charset=windows-1251"

Итак, будем считать, что Вы подобрали шаблон будущего сайта. Пусть для примера это будет шаблон, который я использовал для этого сайта. Скачайте его в рубрике Программы (Шаблон 2)и извлеките из архива. Чтобы не путаться, полученную папку желательно переименовать, например, Мой сайт. Запустите редактор HTML (рекомендую Extra Hide Studio 2009 5.5, так мне будет проще объяснить последующие действия), советую сразу закрыть панель Навигация слева (она пока не нужна, зато будет больше места). Теперь Файл - Открыть, найдите разархивированную папку (Мой сайт) и выберите файл index.html . В редакторе увидите:

Кликните по закладке Просмотр, увидите изображение страницы:

Теперь обратимся к Азбуке HTML (справа) и узнаем, что и как будем редактировать.

Изучив страничку Азбуки, Вы научитесь размещать текст. И настало время поэкспериментировать с редактором HTML. Например, на выбранной страничке можно заменить текст на свой, изменить размеры шрифта, цвет. Как редактировать шапку странички (она заключена в теги head) подробнее я объясню чуть позднее, хотя можно сразу изменить название (между тегами title):

И советую удалить строку 4 (на странице она ничего не меняет, но в дальнейшем старайтесь размещать меньше чужих адресов, причину вы узнаете в рубрике Раскрутка сайта). Чтобы изменения вступили в силу, надо просто нажать иконку (верхнее меню, четвертая слева).
Теперь вы увидите название вашего сайта, если откроете его в броузере (откройте в папке Мой сайт файл index.html).

С редактированием видимой части странички (заключена тегами body) познакомимся на следующей странице.

1 <-- 2 --> 3

Ваш браузер:

Азбука HTML

(HyperText Markup Language)

Html не является языком программирования, он предназначен для разметки текстовых документов (т.е. для форматирования текста). То, как будет выглядеть ваш текст, определяют метки (tags или тэг).

Все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере.

Как мы видим на нашем примере тэгов много и они разные. Обратите внимание на картинку, она тут не просто так, она показывает нам обязательные тэги.

Это стандартная схема странички

<html>
Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:
</html>

<head> </head> - голова документа
<body> </body> - тело документа

Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации. Например <title> - заголовок странички.

Все тэги, расположенные между <body> </body> - непосредственное содержание документа.
Здесь находятся тэги.

 - жирный текст

 - выделяет текст курсивом

 - подчеркнутый текст

<s></s> - перечеркнутый текст

<stike></strike> - перечеркнутый текст

 - верхний индекс

 - нижний индекс

<big></big> - крупный текст

 - малый текст

<tt></tt> - фиксированный (моноширинный) текст

<pre></pre> - форматированый текст

  - перенос строки (принудительный), закрывающий тэг не нужен

<Hx></Hx> - заголовок (Н1 - самый крупный, Н6 - самый мелкий)

<ul></ul> - отступ (табуляция)

<center></center> - центрирование текста

<body></body> - обязательный тэг

<body text="#cc0000"> - задает цвет текста всего документа
<body bgcolor="#000000"> - задает цвет фона документа
<body background="картинка.jpg"> - задает фоновую картинку
<body link="#ff9999"> - задает цвет ссылки
<body alink="#ff9999"> - задает цвет активной (нажатой) ссылки
<body vlink="#ff9999"> - задает цвет посещенной ссылки
<body topmargin="0"> - определяет ширину верхнего и нижнего полей документа для IE
<body leftmargin="0"> - определяет ширину левого и правого полей документа для IE
<body marginheight="0"> - определяет ширину верхнего и нижнего полей документа для NN
<body marginwidth="0"> - определяет ширину левого и правого полей документа для NN

 - параграф

текст - центрирование текста.
текст - выравнивание текста по правому краю документа.
текст - выравнивание текста по левому краю документа.
текст - выравнивание текста по обоим краям документа.

Каталог для ваших сайтов

beTOPs.info - каталог лучших сайтов

Весь интернет в одном каталоге!

Хостинг от uCoz