Этот вопрос достаточно популярен и актуален. Тысячи людей хотят построить сайт самостоятельно. Но как? Каждый не посвящённый в этой области думает, что это слишком сложно, нужны особые знания, умения...   Да!  знать и уметь это важно, а для постройки простенького сайта нужны лишь базовые знания. Поверьте мне, построить сайт сможет даже школьник.
Главное, желание и вера в свои силы. Это основа успеха.
Как-то я показал своему другу - врачу свой сайт. Он с компьютером давно на ты. Заинтересовался сайтом, смотрел, спрашивал...
Я предложил ему быстро обучиться и "сколотить" свой сайт, по образу и подобию сайта "Klondike". Друг криво улыбнулся и сказал: - Давай я тебя быстренько научу как по результатам анализов отличить холецистит от панкреатита ...
Ну вот, человек не поверил в свои силы, а жаль.
Сегодня существует огромный арсенал инструментов, позволяющий упростить работу web-мастера, а сами инструменты (во многих случаях), просты и понятны.
Пройдя некоторые этапы, вы получите результат, о котором раньше и не мечтали.
Итак, создание сайта сопрягается с такими четырьмя основными пунктами:

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

Зачем вам создавать сайт (определитесь с поставленной целью)

О чем будет ваш сайт (тематика)

Что это будет (домашняя страница, информационный сайт, или что-то еще)

Отличие от сайтов с такой же тематикой (если это не домашняя страница)

Какова будет аудитория вашего сайта (пол, возраст, интересы и т.д.)

Какой сервис вы будете предоставлять на своем сайте (форум, каталог, и пр.)

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

№2- Разработка структуры

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

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


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

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



Теперь поговорим о внешней структуре. Я имею ввиду расположение основных значимых элементов на каждой странице. Вам надо решить, где и как будут располагаться заголовок сайта, меню, основное содержание, какие-то анонсы, рекламный материал, банеры и т.д.
Для примера возьмем внешнюю структуру сайта "Klondike", на котором вы сейчас находитесь:
То, что видно на схеме, нам нужно будет воплотить на экране. А вот эту работу выполняют методом разметки, при помощи кодов HTML (не бойтесь слов-страшилок, это очень просто). Каждый участок заполняем нужной информацией, окрашиваем в соответствующий цвет, создаём обрамление. Вот с этого места начинается дизайн.

№3- Оформление сайта.

Оформление или дизайн – это внешний вид сайта. Эта та оболочка, которую вам придется надевать на ваш сайт, как этикетку на коробку с товаром. От этой самой этикетки зависит многое.
Оформление сайта подсказывает посетителю, куда он попал: корпоративный ли это сайт какой-либо компании, или информационный портал, или литературный сайт, или что-то еще. Оформление помогает посетителю ориентироваться по сайту, а может, и наоборот, сбить посетителя с толку так, что даже при хорошо разработанной структуре посетителю будет трудно ориентироваться.
От оформления зависит многое - визуальная информация не менее важна, чем текстовая, которой вы свой сайт в последствие наполните.

Вот вы придумали зачем вам сайт. Вы решили, что и где будет располагаться на нем. Вы нарисовали в графическом редакторе, как ваш сайт будет выглядеть. Это хорошо, но впереди вас ждет еще работа. Мы имеем на руках оболочку (макет внешнего вида сайта) и план действий (структуру). Но вы задумывались, что стоит за оболочкой? А за оболочкой стоит каркас, на котором эта оболочка держится. Кликните правой кнопкой мыши по странице, в выпавшем меню выберите пункт - view source или ("просмотр HTML-кода") – появится текстовой редактор с, возможно, непонятными вам символами и значками – это и есть код страницы, ее каркас.
Этот код отвечает за то, что и в какой последовательности, вы видите на странице. Как расположен текст, в каком месте находятся картинки. Как правило, код этот пишется на языке разметки текстовых документов HTML (HyperText Markup Language -язык гипертекстовой разметки).  HTML прост, и каждый пользователь может освоить его за очень короткое время. Минимальных знаний этого языка достаточно чтобы создать свой не слишком сложный веб-сайт.
Также не слишком сложны для изучения таблицы каскадных стилей – CSS – дополнительное средство, при помощи которого вы можете управлять содержимым ваших страниц. CSS, по сути, дополняет HTML, расширяя его возможности.
Итак, если HTML и CSS - это каркас на котором все держится, то программы-скрипты - это механизм, расположенный внутри этого каркаса.
Веб-программирование уже более сложный для освоения предмет, чем HTML или CSS, однако, тут опять же нет ничего страшного, ведь есть готовые решения, я говорю о готовых программах-скриптах, которые распространяются в сети интернет, как на бесплатной, так и платной основе.
Но об этом в другой раз.