Когда я впервые получил доступ в интернет, одним из первых моих желаний стало создать свою собственную страницу.
Но как это можно сделать?
Язык HTML я, естественно, не знал, узнать про него вообще то было неоткуда. Искать описание в паутине возможности не было, поэтому, логичным выходом стал поиск какого-нибудь специализированного редактора для создания страниц.
Первым таким редактором для меня стал HotDog. Для просмотра того, что я наваял мне пришлось найти оффлайновый браузер, который назывался i-View.
Встроенный хэлп для редактора был не очень удобный и информативный, да и вообще, не принято у нас читать всякие там руководства, все всегда стараются докопаться до сути самостоятельно.
Я не являюсь исключением. В основном брал исходники какого-нибудь HTML документа, смотрел как сделано там и делал по аналогии.
Вообщем, кое-что получилось, но, конечно, не идеально. Мне это не слишком все понравилось, и на некоторое время я забросил попытки стать вебмастером.

Но вот у меня появилась возможность прямого выхода в и-нет без ограничений.
Первые пару месяцев были посвящены бесконечному путешествию.
Затем началась оценка полученной информации, появились выводы.
Сайты бывают хорошими и плохими. Причем для меня понятие хороший сайт означает прежде всего интересную информацию, которую можно читать без ущерба для здоровья.
Все остальное - плохие сайты. Конечно, ради необходимой информации можно и помучиться, но все равно, текст написанный желтым цветом на белом фоне - это издевательство, отсутствие вкуса у создателя страниц, и вообще неуважение к пользователям.
Итак, идей в голове было много, общее представление о том как должно все выглядеть, а как не должно, тоже сложилось.
Начался поиск подходящего инструментария. Во-первых, как это не прискорбно, но теорию тоже надо знать.
Короче, посещаем регулярно сайт World Wide Web Consorcium - - главной организации, которая занимается разработкой и утверждением стандартов HTML и всего, что связано с и-нет технологиями. Читаем, познаем.
Большим подспорьем в изучении языка разметки гипертекста и в создании собственного сайта может стать подписка на специализированные листы почтовой рассылки. Обычно, на каждом сервере, с которого осуществляется почтовая рассылка, существует несколько тем по интересам, например, по теории HTML, приложениям, дизайну и т.д.
Подписываясь на такой лист будте готовы к большому потоку писем от 30 до 200 штук в день!
Вы можете задавать вопросы по теме в листах и получать на них ответы, многие известные люди в области создания страниц являются подписчиками таких листов.
Может быть Вы и сами будете давать советы начинающим создателям страниц, а может, Вы просто найдете себе новых друзей по всему миру.
Я рекомендую два таких листа:

Огромной удачей считаю находку HTML Reference Lib - справочника по HTML в комплекте с инстументарием подбора цветов для оформления текста.
Перебрав несколько редакторов типа HotDog Pro, HotMetal Pro, Arachnofilia, CoffeeCup и т.д. наткнулся на упоминание о HomeSite.
Сходил, скачал, поставил.
И, о чудо, буквально с момента первого запуска, я почувствовал, это то, что надо, то, что я искал.
Сразу надо оговориться, изначально из списка претендентов были исключены всякие WYSIWYG (Что видишь на экране, то так и есть) редакторы, по следующим причинам:

Всегда, когда вы начинаете создавать страницу, надо определиться с некоторыми вещами, будет ли соответствовать она стандарту HTML?
Будет ли возможность видеть вашу работу у всех, либо только у тех, кто использует браузер такой-то с такими-то плагинсами?

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

Далее, для того, что бы быть уверенным, что ваша страница выглядит в разных браузерах так, как вы задумали, неплохо иметь эти несколько браузеров у себя.
Я например считаю совершенно достаточным иметь не более трех, это Netscape Navigator, NCSA Mosaic и MS Explorer.

Итак, я сделал небольшое вступление, теперь можно добавить подробности.

HTML редактор HomeSite 2.5 компании Allaire

Удобный интерфейс, встроенный браузер по стандарту HTML 2.0, возможность подключить, как плагинс, CSE 3310 Validator, возможность подключения для просмотра неограниченного количества внешних браузеров одновременно, встроенный мощный хелп, возможность создания собственных тегов (на самом деле это нечто вроде макросов), возможность гибкой настройки интерфейса так, как удобно Вам, возможность настройки меню (убрав не используемые функции), возможность выделения разными цветами элементов кода HTML, возможность прямо из редактора проверить правильность ссылок в вашем документе, который уже лежит на сервере, возможность конвертирования вашего текста на русском языке в UUNICODE, возможность глобального поиска и замены, сразу, скажем, во всей директории и многое другое.

CSE 3310 HTML Validator 2.5

Этот продукт можно назвать замечательным и незаменимым для вебмастера. Причем неважно, начинающий он или опытный. Особенно его преимущество ощущаются, если Вы используете редактор HTML HomeSite компании Allaire.
Дело в том, что этот Validator может использховаться как самостоятельный продукт для проверки правильности написанного HTML кода, но если вы используете в своей работе редактор HomeSite, то тогда, Validator идеально встраивается в интерфейс редактора, работая как плагинс и вызываемый одним нажатием кнопки  , выведенной на основной панеле инструментов.
Работу валидатора можно сравнить с работой отладчика в языках программирования.
Например, вы готовите HTML документ в редакторе, вот Вы его закончили, нажимаете кнопку запуска валидатора и в нижней части экрана создается дополнительное окно, в котором и выводит свои сообщения валидатор.
Если в тексте есть ошибки, то в окне появится строка, состоящая последовательно из:
- восклицательный знак в красном треугольнике,
- затем цифра, соответствующая номеру строки, где найдена ошибка,
- текст, описывающий ошибку.
Например:
в строке 139 обнаружен закрывающий тег </UL>, но ему должен предшествовать тег </FONT>, а он не обнаружен. Кликнув мышкой в строку сообщения об ошибке, валидатор автоматически переносит курсор в окне редактирования на эту строку.
Удобно?
Думаю очень.
Валидатор работает по принципу проверки на соответствие указанной последовательности тегов спецификации языка HTML. Вы имеете возможность самостоятельно дополнить базу валидатора новыми тегами, или даже своими собственными, хотя тогда смысл валидатора несколько изменится.
Кстати компания AI Internet Solution, производящая валидатор, периодически выпускает апдейты для своего продукта.
Да, небольшое замечание.
Если в тексте HTML документа встречается русский язык, или любой другой национальный, кроме английского, то валидатор будет выдавать сообщение об ошибке, указывая на встреченные в тексте символы с ASCII кодом больше 127, при этом, Вам будет рекомендовано, если эти символы должны быть использованы, сделать соответствующее изменение в конфигурации валидатора. Просто последуйте этой рекомендации.
Кроме ошибок, валидатор может выдавать предупреждения, в этом случае восклицательный знак будет находиться в желтом треугольнике.
Также, валидатор может выводить свои служебные сообщения.
Например:
ошибок не обнаружено
или
работа валидатора прервана из-за наличия большого количества ошибок.

NCSA Mosaic 3.0

В чем привлекательность для меня этого браузера?

Я советую иметь у себя этот продукт, не обязательно использовать его для путешевствий по и-нет, но для проверки корректной загрузки документов - Mosaic 3.0 не заменим.

HTML Reference Lib 3.0

Мощная справочная система, работающая под Windows 95 и NT. В ней вы найдете описание языка разметки гипертекста, тегов, и все это с примерами использования и пояснениями. Целый раздел посвящен всяким полезным хитростям и тонкостям. Есть встроенная возможность поиска. Есть раздел, где сравниваются браузеры Netscape Navigator, MS Explorer и Mosaic, и наглядно показаны различия между ними.
Готовится к выходу новая версия, в которой будут описаны последние изменения в стандартах и новые технологии, такие, как DHTML, CSS и т.д.

OnLine Validators

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

Приведены только те валидаторы, которыми Вы можете воспользоваться бесплатно, по понятным всем нам причинам.

Еще один валидатор, запускаемый локально

Компания Spyglass предлагает свой новый вариант валидатора, который работает, как самостоятельный продукт, и запускается локально, т.е. с Вашего жесткого диска. Этот валидатор работает только под Windows 95, и со своей работой неплохо справляется.
Пока этот продукт Вы можете скачать бесплатно.

Конвертер кодировок

Иногда бывает необходимо изменить кодировку текста, например из Win-1251 в KOI8-R. Для этих целей я использую freeware версию программы Ильи Елисеева (Ilia S. Eliseev)  zd@it.mephi.ru WinConv 1.0a. Продукт выпускается под маркой компании ZhabaDushit, Inc. и прекрасно работает под Windows 95 и NT.
Скачать эту полезную утилиту можно по адресу  http://it.mephi.ru/~zd/
или прямо отсюда:  WinConv. Размер файла - 834 Kb!

Еще один конвертер кодировок создан Михаилом Чикаловым (Mikhail Tchikalov), mike@winter.jinr.dubna.su работает под Windows 95 и NT, главное достоинство - небольшой размер приложения. Программа является freeware, данный продукт имеет версию 2.0 и датирован 1996 годом.
Ее вы можете скачать осюда:  wruslet.zip  - размер архива всего 23 Кб!

Несколько рекомендаций

1. Если Вам необходимо сделать таблицу из двух или более столбцов, содержащую только текст, и необходимо, чтобы колонки были одинаковой ширины, есть небольшая хитрость:

2. Не стисняйтесь смотреть, как устроены чужие страницы. Очень сложно придумать нечто неординарное, в смысле кодирования, находясь в рамках стандарта HTML. Смотрите исходники, изучайте, понимайте и делайте свои странице еще лучше и оригинальнее.

3. Главное - содержание сайта, не стоит заниматься кодированием ради самого кодирования. Посетителям интересна информация. Есть одно исключение, когда Вы хотите иметь в и-нете свою визитную карточку. Я гарантирую, если на Вашей странице будет полезная и интересная информация, но при этом не будет красивой графики и всяких наворотов, Вы все равно найдете своего читателя, т.е. посетители у Вас будут.

4. Не усложняйте! В идеале, Ваш сайт должен быть доступен для просмотра почти для всех. Т.е. используя любой из существующих браузеров, пользователь должен получать информацию в приемлемом виде.
Поосторожнее со всякими нововведениями, требующими для просмотра наличие специального плагинса (plug'ins). У посетителя Вашего сайта может не оказаться такого, скачивать плагинс для просмотра ваших страниц он может и не захотеть.
Но если Вы все-таки считаете необходимым использовать на своих страницах нечто вроде splash или shockwave, то всегда предусматривайте возможность выбора для посетителя. Т.е. просмотр Ваших страниц должен быть возможен и без плагинсов.

5. Для разметки страницы очень удобно применять таблицы. Тогда расположение текста и графики поддается естественной логике, да и при апдейтах проще ориентироваться в коде.
Есть небольшая хитрость. Если требуется сделать пустую строку в таблице, то делайте это, например, так:
<TR><TD>&nbsp;</TD></TR>
В этом случае пустая строка будет именно пустой строкой, причем во всех браузерах.

6. Старайтесь не забывать про соответствие цветов. Помните, что самый читабельный текст, это черные буквы на белом фоне, а один из самых нечитабельных - это желтые буквы (или белые :-]) на белом фоне.

7. Не надо размещать на странице много графических файлов. Не все имеют прямое соединение с и-нет по толстому кабелю. Считается оптимальным размер страницы вместе с графикой не более 50Кб. Если картинка очень нужна, но имеет большой размер, поместите ее уменьшинное подобие, сделав ссылку на оригинал, и указав размер полной фотографии. Кому надо, тот дождется ее подгрузки.
По таким же соображениям, рекумендуется разбивать длинные тексты на части, это спорный вопрос, но скорость загрузки страниц пока еще критичный фактор.

8. При существующем положении дел со спецификациями HTML, я не рекомендую использовать фреймы при создании страниц. Почему?
Во-первых, это неудобно для пользователя, который хотел бы сделать закладку на нужной ему информации, но такой возможности у него не будет, в случае с фреймами, и помочь ему в этом нет технической возможности, пока. Пользователь сможет сделать закладку только Вашей первой страницы.
Во-вторых, страницы, использующие фреймы не индексируются поисковыми серверами. Т.е. Вы сами сужаете возможности рекламы своего сайта.
В-третьих, фреймы поддерживаются только браузерами Netscape Navigator и MS Explorer с версий 3 и выше, но не все пользуются этими продуктами, разве Вы не хотите, что бы Ваш сайт был доступен каждому?
Конечно, можно предусмотреть версию своих страниц, не использующую фреймы, но, согласитесь, это увеличивает объемы работ, а стоит ли это того? По моему - нет.

9. Если в тексте встречаются специальные символы, типа ™, кавычек ", то, рекомендую использовать их цифровой эквивалент, а не мнемоническое имя. Например: кавычки ", имеют мнемоничекий эквивалент &quot; и цифровой &#34;.
Использование цифрового определения гарантирует адекватное отображение этих символов всеми браузерами.

10. Не используйте атрибут <FACE> тэга <FONT>, указывающий в явном виде требуемый для отображения текста шрифт.
Во-первых, этот аттрибут не поддерживается спецификацией HTML 3.2.
Во-вторых, не у каждого посетителя Вашей странички имеется такой же набор шрифтов, как у Вас. Может получиться, что на экране, вместо красивого текста, окажется абракадабра.
Если уж очень хочется применять различные шрифты, то есть более корректный путь, обратитесь к спецификации документов с определяемыми стилями - Cascading Style Sheets ( CSS Level 1 ).

Неплохо знать хоть немного законы

Очень полезную информацию по поводу применения международных законов в интернет можно найти по этому адресу:   http://home.earthlink.net/~ivanlove/
Этот сайт сделал Ivan Hoffman, профессиональный юрист. Все на английском языке. Но понять что можно делать, а что нет - можно.

Ну хорошо, страница готова, а где ее можно разместить, желательно без финансовых затрат?

Если Вы уже подготовили свою страницу и не боитесь представить ее на суд публики, то возникают вопросы:

С этим нет никаких проблем! Только в России есть три действующих сервера, предлагающих разместить у себя Вашу страничку совершенно бесплатно. Вот список этих серверов:

Есть очень полезный сайт The Free Webpage Provider Review, где Вы сможете найти координаты почти всех существующих в мире серверов, предоставляющих бесплатное пространство для размещения веб-страниц и другие дополнительные услуги за так. Сайт англоязычный.

Как сделать так, что бы про ваш сайт узнали?

Прежде всего, не забывайте про такую простую, но просто необходимую процедуру:

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

Вступите в ряды системы бесплатного обмена рекламными баннерами, например Russian Link Exchange. Договаривайтесь с хозяевами других страниц об обмене ссылками, причем, наиболее эффективным является обен ссылками с сайтами, содержащими информацию, близкую к той, которой посвящена Ваша работа.

Неплохая статья, о том, какие шаги надо предпринять для раскрутки своего сайта.
http://www.glasnet.ru/glasweb/rus/sitepromo1.html

Дополнительные ссылки по этой теме

Web Design Tips - страница сделана Колином Макензи (Colin Mackenzie), там Вы найдете несколько полезных советов для создания грамотного сайта. Все на английском языке.