Интернет является глобальной сетью, которая объединяет в себя миллионы компьютеров и пользователей. Каждый раз, заходя в интернет, мы попадаем на определенный сайт или поисковый сервер. Раньше, когда сеть интернет только развивалась, свои сайты могли позволить себе иметь только крупные фирмы. Сейчас большинство фирм, как мелких так и крупных и большое количество пользователей имеют в интернете свои сайты. Фирмы размещают на них различную информацию, в том числе информацию о предлагаемых ими услугах. Рядовые пользователи в настоящее время делают сайты посвященные своим разнообразным хобби, а также свои личные странички. На сайтах, посвященных хобби, обычно размещают ту или иную информацию по соответствующей теме, а на личных страничках информацию о себе. Ранее, когда сеть интернет находилась еще на стадии развития, все сайты были статическими, то есть можно было только читать размещенную на них информацию. В последние несколько лет в связи с развитием программирования для сети интернет стали появляться различные системы (CMS – Content Manager System – система управления контентом сайта, контент – это содержимое сайта), позволяющие сделать содержимое сайтов динамическим, то есть позволяющим пользователям взаимодействовать с его содержимым: оставлять различные сообщения, смотреть видео и слушать музыку в режиме реального времени (в онлайне) и оценивать ее, и многое другое. Многие известные люди на сегодняшний день имеют в интернете, так называемые сайты-блоги, посредством которых общаются с аудиторией, то есть с постоянными пользователями, которые зарегистрированы на их сайте. Регистрация на сайте позволяет пользователю использовать все дополнительные возможности, предоставляемые им. Например, возможность скачивать какие-либо файлы,  оставлять сообщения, закачивать свои файлы и прочее.

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

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

В настоящее время цены на сайты варьируются от 8000 – 100000 тыс. рублей и даже больше.

Если же пользователь владеет навыками работы в какой-либо из программ для обработки графики, например, таких как Adobe Photoshop, Corel Draw  и др., то он может самостоятельно создать шаблон для своего сайта. Большая часть шаблонов для сайтов создается в Adobe Photoshop, так как в нем есть для этого специальные инструменты.

Основным инструментом для создания сайтов является язык гипертекстовой разметки страниц, который называется HTML. Он используется во всех сайтах в интернете. Раньше сайты писали только на нем. В настоящее время появилось много различных языков программирования для сети интернет, поэтому HTML всегда используется в связке с тем или иным языком программирования. Среди таких языков наиболее популярными и используемыми являются JavaScript и PHP. Как раз использование при создании сайта того или иного языка программирования в связке с HTML позволяет сделать сайт динамическим.

Каждая страница сайта представляет собой HTML-документ, который имеет определенную структуру. Структура формируется при помощи операторов языка HTML, которые называются тегами. Теги обычно записываются парами: открывающий тег и закрывающий тег. В самом простейшем случае структура следующая:

Первой строкой файла должна быть строка вида

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

Именно она сообщает браузеру, как именно обрабатывать содержимое страницы.

<html> - открывающий тег, показывающий начало HTML-документа

<head>  - открывающий тег для головного раздела HTML-документа

<title>Личная страничка студента группы:</title> - пара тегов, устанавливающих название нашей странички. Это название выводится в заголовке браузера при входе на эту страничку.

</head> - закрывающий тег для головного раздела HTML-документа

<body> - открывающий тег, определяющий тело HTML-документа

</body> - закрывающий тег, определяющий тело HTML-документа

</html> - закрывающий тег, показывающий конец HTML-документа

Таким образом, теги всегда формируют пары, открывающий и закрывающий. Все они заключаются в треугольные скобки <> и  закрывающий тег всегда начинается с </.

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

Раньше сайты делали под определенное разрешение монитора, например, размером 800 на 600 пикселей или 1024 на 768 пикселей. В настоящее время сайты делают таким образом, чтобы их размер подстраивался под размер монитора. Это не всегда нужно и зависит от дизайна сайта. Понятно, если при большом разрешении монитора весь сайт вытягивается в одну строку, то делать его размер изменяющимся в зависимости от разрешения монитора нецелесообразно.

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

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

В интернете сайт обычно размещается на хостинге и имеет соответствующее доменное имя.

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

Хостинг – услуга размещения сайта на серверах, имеющих выход в Интернет. В настоящее время компаний, предоставляющих эту услугу огромное количество. Остается только выбрать подходящую. К критериям выбора относятся:

• Цена - есть как платные, так и бесплатные хостинги.
• Объем предоставляемого трафика и дискового пространства
• Поддержка тех или иных средств (PHP, MySQL, возможность развертывания CMS, наличие дополнительных скриптов и т.д.)

Чаще всего, компании, предоставляющие хостинг, являются и регистраторами доменов, и наоборот. Так что приобрести эти 2 услуги труда не составляет. Оплата для большинства компаний возможна через электронные платежные системы типа Webmoney, Яндекс.Деньги и другие.

Среди бесплатных хостингов наиболее популярными являются Ucoz.ru и narod.ru на Яндексе. Ucoz также предоставляет платный хостинг и доменное имя. Вдобавок если у вас есть свое доменное имя, то вы можете прикрутить его к сайту Ucoz. Сайты на Ucoz строятся на системе управления контентом, которую можно модифицировать: изменять офрмление (шаблон) сайта, расположение основных модулей и добавлять свои модули. Понятно что для написания собственных модулей под эту как и под другие подобные системы необходимо обладать соответствующей квалификацией. Сайты на Ucoz поддерживают все современные технологии сайтостроения. Что касается сайтов на narod,то там поддерживаются только скрипты, написанные на языке JavaScript.

Среди платных хостингов можно выделить: agava.ru, hoster.ru, hostland.ru. Получить список хостингов и выбрать подходящий для вашего сайта вы можете, набрав в Яндексе соответствующий запрос.

Как мы уже сказали, сайты можно писать в программе Блокнот – простейшем текстовом редакторе. Также сейчас есть программы, которые называются «Конструкторы сайтов», позволяющие создавать сайт по уже готовым шаблонам и предназначенные для тех пользователей, кто совершенно не разбирается в сайтостроении, но хочет иметь свой простенький сайт в сети. В пакет Microsoft Office входит программа Frontpage которая также является своеобразным конструктором сайтов, но рассчитана на более продвинутых пользователей.

Каждый HTML – документ имеет определенную структуру, то есть имеет те элементы, наличие которых позволяет браузерам понимать, что загружаемый ими документ является WEB-страницей. Также согласно современным стандартам код HTML – страницы должен быть «валидным», то есть соответствовать всем этим стандартам сайтостроения.

Процесс создания WEB- страниц сайта с использованием определенного шаблона, то есть с использованием оформления, называется версткой. Верстка бывает разная: табличная и блочная. Табличная верстка означает, что все элементы сайта располагаются в отдельных ячейках таблицы, которая реализуется с помощью тегов <table></table>. Блочная верстка означает, что все элементы сайта располагаются блоками, каждый из которых имеет определенные размеры. Блоки реализуются с помощью тегов <div></div>

Кроме графических элементов в оформлении сайта могут использоваться различные стили. Например, можно менять шрифт текста, его размер, цвет и прочее.

Загружая в интернете какой-либо сайт, вы попадаете на его первую (главную страницу) страницу. Она всегда имеет название index.html, index.htm или index.php. На этой странице обычно располагаются ссылки на все остальные страницы сайта, а также рекламные баннеры, опросы, регистрация пользователей, новости и прочая информация.

Каждый сайт в зависимости от тематики имеет свою структуру, но в ней можно выделить те общие элементы, которые есть во всех сайтах: новости, обратная связь, статьи, форум, блог, о сайте.

Итак, при создании статических сайтов используется в основном только язык HTML. При создании динамических сайтов в связке с HTML в основном используется язык программирования PHP или JavaScript.