Самостоятельное создание сайта
Самостоятельная раскрутка и продвижение сайта

Основы создания сайта

   Дайте угадаю! Вы на этой страничке наверное потому, что у Вас возникла блестящая мысль создать свой сайт, и Вы начали искать всю необходимую информацию об этом в Интернете. Это чудесно, создание сайта настолько разносторонний и творческий процесс, что скучать Вам не придется.
   Если заглянуть в будущее Вашего сайта, то в течении первого полугодия Ваш сайт будет меняться и переписываться полностью несколько раз. А все потому, что знание и понимание некоторых вещей приходит со временем. Это значит, что весь путь Вы должны будете пройти от самого начала и до конца. И если Вы перепрыгните какую-то стадию, то рано или поздно все равно придется возвращаться назад. Создание сайта это как бы творческая дорога, где возле каждого чекпоинта Вы получаете базовые знания для перехода на следующий уровень.
   Только начиная, все задают себе вопрос: "С чего мне начать?"
   Или по-другому вопрос можно перефразировать: "Знать бы что искать?".

   Итак, посмотрите на рисунок:


   Теперь детально разберем каждый пункт:

   1. сайт - совокупность html страниц на определенную тему. Каждая страница сайта может формироваться динамически (формироваться сервером на лету) или быть уже заранее готовой и просто выдаваться на запрос пользователя.
   Таким образом, сайты делятся на 2 вида:
   • динамические (страницы формируются веб-сервером в результате выполнения специального программного кода);
   • статические (каждая страница сайта создается веб-мастером отдельно и является уже заранее готовой).
   Возникает вопрос: "какой лучше?" Ответ прост: динамический сайт более гибок и маневренный, он может реагировать на различные интерактивные действия пользователей и подходит для создания среднего (от 20 страниц) и крупного по величине сайта (от 100 страниц). Вся информация, как правило, хранится в базах данных и при формировании страницы вытягивается. Достаточно внести изменения в базу данных и сайт обновлен. Однако, динамический сайт строится на программной коде, и чтобы его написать нужно изучить web-программирование. Коротко говоря, динамический сайт это большие возможности, но требуется и значительный уровень знаний.
   Что касается статического сайта, тут проще не бывает. Создается готовая страничка, потом еще одна и проставляются взаимные ссылки с одной на другую. Создание странички не занимает много времени, делаешь каждую страничку по шаблону, на каждой меняется лишь часть странички и за пару дней сайтик готовый. Такие сайты быстро загружаются, потому что не требуют дополнительного времени для выполнения кода и идеально подходят для создания маленьких сайтов (до 20 страничек). Обычно, это сайт-визитка, краткая информация о фирме, ее продуктах, контакты и т.д. Также, статические сайты удобно создавать, если информация обновляется очень редко. Как говорится, создал и пусть висит.

   2. html код - набор специальных тегов, которые читает браузер и выводит, согласно их, на экран страничку. Чтобы посмотреть этот код Вы можете нажать правой кнопкой на экран и выбрать "HTML-код" (для Internet Explorer, в англ. "View source") или "Исходный текст" (для Opera).

   3. php код - скриптовый язык программирования, созданный для генерации HTML-страниц на Web-сервере и работы с базами данных. Выглядит в виде файлов-скриптов с названием *.php. Рhp код включает в себя математические и логические расчеты, текстовые, серверные и другие функции. Обычно используется возможность php получение данных из базы данных и отображение информации на странице.

   4. javascript код - язык программирования, созданный для интерактивного отображения браузером HTML-страниц на компьютере пользователя.
   Javascript мощный инструмент для манипулирования данными страницы на стороне пользователя. Он передается вместе со страницей и выполняется браузером в результате различных событий. Его поддерживают все современные браузеры. По умолчанию браузер читает и выполняет код javascript, но пользователь всегда может отключить его выполнение в настройках и, таким образом, не увидеть выскакивающую надоедливую рекламу. Однако, в связи с использованием большинством сайтов различных функций на javascript, лучше его не отключать.

   5. домен (хост) - виртуальный текстовый адрес ip-адреса, обращаясь по которому выполняются и отображаются Ваши файлы, которые хранятся на удаленном сервере, подключенном к Интернету. Домены бывают разного уровня, например:
   » домен второго уровня состоит и доменного имени и принадлежности к доменной зоне (например, mysite.ua);
   » домен третьего уровня состоит и доменного имени и принадлежности к двум доменным зонам (например, mysite.com.ua) и т.д.
   Доменные зоны делятся в зависимости от вида сайта .com,.org,.net или по национальному признаку .ua, .ru, .by, .kz, .us.
   Доменное имя выбирается Вами самостоятельно и как правило ассоциируется с темой сайта.

   6. хостинг - платная или бесплатная удаленная услуга хостинг-компаний по выделению физического места на своем сервере для хранения и обслуживания данных Вашего сайта.
   Хостинг, также, включает сервисное обслуживание клиентов: возможность иметь почтовые ящики, пользоваться базами данных, техническую поддержку и т.д. Как правило, чем больше различных сервисов, тем дороже хостинг. При выборе хостинга всегда проверяется наличие необходимых сервисов для полноценного функционирования Вашего сайта (поддержки php, баз данных и т.д.).

   7. программы для создания сайта - минимум программных инструментов для создания и полноценного обслуживания Вашего сайта. Детально про это читайте здесь.

   8. компьютер пользователя - ЭВМ пользователя с браузером и сетевыми настройками для выхода в интернет.

   9. сервер - удаленная ЭВМ, которая хранится в специальных дата центрах (комнатах) под физической охранной и подключена к интернету. Может сдаваться полностью или частично в аренду. При выборе сервера учитывайте его географическое местонахождение, не размещайте свой сайт на американском сервере для украинской аудитории.

   10. Получение страницы осуществляется набором в адресной строке браузера адреса сайта и дальнейшего запроса информации от сервера.
   Сервер получив запрос обрабатывает его: выполняется запуск индексного (главного) файла (от слова "index"). Это может быть index.html (обычная страничка) или, например, index.php (скриптовый файл с кодом php). В результате пользователь попадает на главную страницу и дальше просматривает содержимое сайта с помощью навигационных ссылок на другие файлы.
   Ответ сервера на запрос браузера отсылается в виде текстового html файла который читается и выводится на экран браузером. Задача сервера сформировать эту html страницу по результатам выполнения php кода и других серверных технологий или передать уже готовую. Формирование страницы осуществляется на основе специальных указаний в самом запросе браузера.
   Так как, код не меняется, а все страницы разные, получается в результате передачи серверу вместе с запросом названия переменных и их значений. В зависимости от их наличия и значения, страницы формируются по-разному. Вы, наверное, не один раз видели адрес страницы похожей конструкции "http://site.ua/index.php?per=23&name=34&type=2". Так, вот все записи после символа "?" и есть названия переменных и их значения. Попробуйте поменять их и сервер сформирует другую страницу.

   11. браузер получает в ответе сервера уже готовую html страницу и читает ее. Отдельно читается браузером javascript код, который встроенный в страничку или указана ссылка на его размещение. Так, как он выполняется на компьютере пользователя, то браузер превращается в отдельную программу, что позволяет страничке работать с Вашей файловой системой, делать записи в реестр, запускать другие программы и выполнять различные визуальные эффекты.

   Вот пожалуй и все, будет Вам пища для размышлений и слова для поиска. Целью этой статьи у меня была показать Вам картину в целом, чтобы Вы поняли всю концепцию принципа работы сайта. Удачи Вам.
948
3.6 56
Рейтинг: +3.6 , голосов 56
Вы еще не голосовали!
Добавить комментарий (комментариев: 9)
Удалить ответ

Ваш почтовый ящик никогда не будет опубликован
Трудно разобрать цифры? Нажмите на рисунок, чтобы обновить.
#1 17/06/2014 09:45 закон
reply
Спасибо автору за труд. А на таких недоносков как "искатель приключений" не обращайте внимания, именно из-за таких "искателей приключений" сеть переполнена таким калом, как его комментарии. На вкус и цвет как говорится... Мне, как и остальным адекватным людям, важна сама информация, а не то, на каком подносе её преподнесли.
#2 05/03/2012 19:32 искатель приключений
reply
Статейка, может быть, для начинающих будет весьма познавательна. Писать умеете. Но дизайн вашего сайта, и верстка — это же полный пиздец.. Автор, опомнись, приведи в порядок свой сайт, а после учи людей, как строить сайты. Именно из за таких "учителей" Сеть переполнена таким калом, как дизайн этого сайта.
#3 06/06/2011 18:08 Ghost
reply
Веселенькая статейка. Но придется мне затереть ее до дыр чтоб понять. Но все равно спасибо.
#4 05/04/2011 18:51 Илья Сурков
reply
Спосибки за статью, правда загдлянул по вашему совету в (ваш)код строници и понял что зря в школе не учился, и это вряд ли помогло бы...
#5 11/12/2009 19:55 Nursultan
reply
Spasibo bolshoe vy napisali ochen kratko i ponyatlivo!!! ochen jal ya ne ponemaiu nekotorye slov na russkom
#6 25/08/2009 22:04 Елена
reply
Классный у Вас сайт! Очень доходчиво все написано. Разработчикам и создателям низкий поклон! Искала такую помощь
#7 12/05/2009 15:02 Инна
reply
Огромное спасибо, Света. Вы очень правильно заметили "...в течении первого полугодия Ваш сайт будет меняться и переписываться полностью несколько раз. А все потому, что знание и понимание некоторых вещей приходит со временем....". Я только начала читать Ваши труды, и очень надеюсь на будущее !!!!
#8 08/04/2009 13:44 Lord
reply
Гарно написано ЗІ Светик, головне бажання...!
#9 15/03/2009 08:29 Светик
reply
Спасибо конечно огромное! Удача мне сейчас как раз лишняя Но из всего выше написанного я поняла что всё же самой мне не стоит этим заниматься
15/03/2009 10:40 admin
на самом деле ничего сложного нет, все приходит со временем, начните с создания простой html странички и попробуйте разместить ее в Интернете. Если получится считайте, что у Вас есть персональный сайт ;)

Дополнительно

» С чего начать сайт?

» Установка программ

» Пример создания сайта

» Хостинг и домен

» Оптимизация сайта

» Раскрутка сайта

» Заработок web-мастера

» Примеры PHP/Javascript

» Блог и мои записки

Последние новости

Статьи по рейтингу

» Особенности покупки контента 5.0 1
» Выбор хостинга 4.8 5
» Поисковые системы 4.7 9
» Курс молодого web-мастера 4.6 21
» Где взять бесплатные ссылки 4.5 11
» Что такое сниппеты 4.5 6
» Addstudio - SEO модуль 4.5 4
» Отладка js и CSS 4.4 14
» Стратегия дохода на Sape.ru 4.3 3
» Каталоги и биржи статей 4.3 4