Введение:

Создание Web страниц и сам язык html - простая, несложная и понятная вещь. Вначале когда видишь какие то каракули, какие то коды, создается впечатление о сложном кибернетическом, не доступном языке символов и знаков.

Я, вначале с тоской смотрел на всю эту недоступную и непонятную тарабарщину. Но все оказалось намного проще. Не стоит задача стать профессиональным программистом. Перед ними я прекланяюсь. Уважение им и почет. Наша задача понять элементарщину.

Вы скажете - Для чего это нужно?

Я, человек армейский, поэтому и приведу пример из жизни армии. Любой призывник призванный на действительную службу из среды - гражданской, со своим языком, нравами, отношениями с родителями, друзьями, попадает в совершенно другую, со своими законами, поступками и отношениями со старшими и подчиненными. И что бы понимать окружающих и разговаривать с ними на одном языке, молодой призывник проходит так называемый "Курс молодого бойца"

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

 Создание Web страницы

HTML- страница должна начинаться со строки объявления версии HTMLСтруктура Web страницы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Данная запись говорит любому браузеру, что документ HTML соответствует международной спецификации версии 4.01. и будет одинаково смотреться во всех браузерах.

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

Следующее - это для любого документа - обьявляется его начало и конец. Для этой цели используются теги <html> и </html> соответственно.

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

Основа головы документа является элемент title - заголовок документа.

Пример структуры Webстраницы:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Рождение сайта</title>

</head>

<!—Дальше работаю с телом документа -->

<body>

<!—вставляю текст, рисунки, таблицы итд-->

 

 

 

 

</body>

<!—закончена работа с телом документа-->

</html>

 

Обратите внимание на наличие текста комментария, он нужен только Вам  и при просмотре документа через любой браузер его не будет видно.

Начало комментария открывается тегом <!-- затем Ваш текст, и закрыть тегом -->

Для чего комментарии, что бы при просмотре html документа понимать что Вы делали на своей странице.

Потренируйтесь создайте свою первую страницу

  1. Создайте папку на любом HD  диске с названием вашего будущего Сайта.
  2. Внутри папки создается еще одна папка. Обычно с названием “www”
  3. И в этой папке “www” создайте папку “img”здесь вы будете  размещать рисунки, фотографии, логотипы  необходимые для Вашего сайта.

Теперь в любом текстовом редакторе создайте текстовый документ.

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<title>Рождение сайта</title>

</head>

<body>

<!—начинаю наполнять свою первую страницу!-->
Рождение сайта

Далее идет текст, картинки, таблицы и прочее.

 

 

 

</body>

</html>

Итак первая настоящая веб-страница создана! Я, ВАС ПОЗДРАВЛЯЮ!!!!

Далее - сохранить как "index.html" в папке "www"

Теперь её можно просматривать в различных интернет браузерах.

На Проекте "Ваш сайт"

Страницы будет составлять движок WordPress

Но рано или поздно всем нам предстоит хоть что то, но дополнить или изменить в странице, используя язык Html.