Способы создания Web-сайта
Существуют разные способы создания сайтов. Можно выделить пять:
1) Универсальный. Пишем html-код странички от руки в стандартном блокноте Windows (Пуск> программы> стандартные> блокнот), не забываем сохранить файл с расширением .html или .htm (его дописываем прямо к названию файла через точку) (НЕ txt!) Естественно, тут нужно знать html :)
2) C помощью редакторов. Таковых существует множество, например, Microsoft FrontPage (визуальный и очень простой в обращении. Здесь уже знать html не обязательно), AceHTML, HomeSite...
3) C помощью обычного Word'a. Набиваете страничку, размещаете картинки, таблички... как на простом документе. Жмете: файл> сохранить как> тип: веб-страница.
4) На шаблонах. Сейчас в инете много разных шаблонов, которые можно скачать и отредактировать первым или вторым способом (см.выше)
5) C помощью конструкторов на готовых шаблонах за несколько минут в режиме on-line. См. narod.ru или ucoz.ru. Вообще, конечно, первый способ — лучший :)
Редакторы html
Небольшой обзор WYSIWYG-редакторов html

1) Adobe Golive Cs (HTML, CSS, JS, SSI, PHP, Java, Vbscript, C# )

2) Macromedia HomeSite

3) Macromedia Dreamweaver (HTML, CSS, JS, ASP, PHP, JSP)

4) Microsoft FrontPage (очень рекомендую тем, кто не хочет изучать html)

5) Namo WebEditor

6) CuteSite Builder (нет доступа к html-коду)

7) CoffeeCup VisualSite Designer (нет доступа к html-коду)

8) Acella

9) EasyWebEditor (нет доступа к html-коду)

PS самый простой редактор html/php страниц — блокнот винды :)
Структура Html-документа

Структура Html-документа или с чего начинается каждая страничка

Html-код страничек будем писать в обычном блокноте Windows (Пуск> программы> стандартные> блокнот).

После того, как весь код будет написан (см. ниже), не забываем сохранить созданный файл с расширением .html или .htm (его дописываем прямо к названию файла через точку), но ни в коем случае не .txt!

Отредактировать сохраненный html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню (для IE): вид> просмотр HTML-кода, после чего и откроется html-код выбранной странички в блокноте (но может открыться в другом редакторе. Все зависит от настроек браузера).
Рассмотрим структуру html-документа...
Самая первая строчка html-документа:

Лучше всего указывать метод strict, иначе под IE появятся разные виды глюков. Самый расспространенный — неверная интерпретация IE margin'ов и padding'ов: он их суммирует сверху к общей длине блока. Новичкам советую пока не заморачиваться по этому поводу)

Весь html-документ заключается в теги:
....
Добавляем голову html-документа — head:


....
В голову пишем заголовок нашего сайта в тегах title:









Затем добавляем мета-тег кодировки нашей странички (если пропустить этот важный момент, на вашем сайте возможно нежелательное появление иероглифов и других неопознанных объектов :) )












На самом деле существует еще множество интересных мета-тегов, но об этом позже)
Далее (после title) добавляем тело html-документа (здесь содержится весь наш сайт: картинки, таблички, тексты...) — body:









.......