Подписка
Email
Fb
RSS
Twitter
Email

Основные понятия(типы сайтов, устройство веб-страницы) Часть4

Как устроен сайт

Приветствую Вас в последнем уроке вступительной части курса «Путь веб-мастера». Сегодня мы наконец-то закончим с основами. В данном уроке рассмотрим, что такое сайт, какие они бывают, заглянем внутрь сайта.

Итак, что такое сайт? Если уж совсем просто, то сайт — это набор из нескольких веб-страниц, объединенных друг с другом общей темой, оформлением и ссылками. Структуру сайта мы рассмотрим подробно в следующих, практических уроках.

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

В зависимости от цели, с которой создается сайт можно выделить:
Коммерческие сайты — создаются, как можно догадаться из названия, для заработка. Это сайты для ведения бизнеса, продажи товаров и услуг, различные интернет-магазины.
Некоммерческие сайты — эти сайты наиболее популярны. Создаются в основном, чтобы заявить о себе (блоги, форумы, развлекательные сайты).

В зависимости от типа информации выделим:
Коммерческие:

1. Сайт-визитка — не отличается большой функциональностью, содержит всего 5−10 страниц на которых размещают информацию о себе и своих услугах.

Пример:
Сайт-визитка

2. Промо-сайт — сайт созданный специально для рекламы (продвижения) отдельного товара либо услуги или основного сайта компании. Это неосновной сайт компании. Обычно имеет очень яркий дизайн(стиль оформления).

Пример:
Промо-сайт

3. Корпоративный сайт — ресурс какой-либо компании. Предназначен для презентации компании, информирования партнеров и клиентов о деятельности компании, привлечения новых клиентов.

Пример:
Корпоративный сайт

4. Интернет-магазин — интерактивный веб-сайт не только рекламирующий товар или услугу, но и принимающий заказы на покупку, очень часто предлагающий пользователю доставку и выбор варианта расчета.

Пример:
Магазин

Некоммерческие:
1. Информационный сайт — предоставляет информацию посетителю на определенную тему. В основном имеет четкую направленность. Такие сайты очень популярны. Созданы в основном одним человеком с целью поделиться своими знаниями и заработка на рекламе.

Пример:
Информационный сайт

2. Игровой сайт — сайты созданные в основном одним человеком. Для общения с единомышленниками или создания базы знаний по игре.

Пример:
Игровой сайт

3. Персональный сайт — Рассказывает об одном человеке или его семье. В основном присущи для знаменитых и популярных людей.

Пример:
Персональный сайт

4. Сайт-форум — может быть самостоятельным сайтом, а может быть разделом сайта. Чаще всего выполняется на поддомене основного сайта и предназначен для общения посетителей сайта между собой и администратором сайта.

Пример:
Сайт-форум

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

Пример: на сайте такого типа Вы сейчас находитесь.

Еще можно выделить сайты не для людей — например, сателлиты, дорвеи. Они создаются для продвижения других сайтов и не несут какой-то полезной информации для людей (отсюда и название).

Пример (обратите внимание на информацию на странице):
Дорвей

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

Теперь давайте заглянем внутрь сайта. Из чего состоят веб-страницы?
Для того чтобы узнать что же на самом деле представляет из себя веб-страница достаточно средств браузера. Допустим в браузере Google Chrome или Internet Explorer достаточно кликнуть правой кнопкой в свободном месте окна браузера и выбрать пункт «просмотр HTML-кода»(«просмотр кода страницы»).
Просмотр кода сайта
Код веб-страницы

Что мы видим? Все это множество пока непонятных для Вас символов и знаков есть код на языке HTML . Веб-страница отличается от обычного текста тем, что в ее коде фигурируют управляющие конструкции разметки, определяющие логическую структуру документа — так называемые теги. Теги заключены в угловые скобки. О том что обозначает каждый из тегов, мы поговорим позже. В коде страницы может быть не только HTML код, но и, например, таблицы стилей, javascript. Об этом тоже позднее.

В процессе загрузки и отображения (рендеринга) веб-страницы, браузер анализирует ее код. И если в нем встретится тег, предписывающий вставить тот или иной объект, скажем, изображение, браузер отправляет серверу соответствующий запрос. Веб-страницы обычно содержат около десятка связанных с ней объектов — и загрузка каждого из них сопровождается парой HTTP-сообщений запрос/ответ.

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

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

Но вдруг вам захотелось поменять один из пунктов меню Вашего сайта. Для этого Вам нужно будет отредактировать каждую страницу сайта. А если у Вас десятки, сотни страниц? Представляете сколько усилий нужно потратить?
Так же статические страницы не обеспечивают ни какой интерактивности (комментарии. голосования, поиск, покупка товаров...).

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

На этом заканчиваем с основами, а в следующем уроке курса «Путь веб-мастера» начнем изучать собственно курс HTML.

Вы можете оставить комментарий.

10 комментариев к записи “Основные понятия(типы сайтов, устройство веб-страницы) Часть4”

  1. красивая:

    большое спасибо)))на основе данной информации я подготовила отличную презентацию))))))

  2. пожалуйста исправьте ошибку в слове «видем» напишите «видим»

  3. Спасибо за полезную информацию. Было интересно почитать про коммерческие сайты

  4. BigYu:

    «старицы» исправьте на «страницы»

  5. ВАЛЕНТИНА:

    СПАСИБО ОГРОМНОЕ , НАТКНУЛАСЬ СЛУЧАЙНО И ОЧЕНЬ ДОВОЛЬНАЯ , ЧТО Я ЗДЕСЬ БЛАОДАРЮ ТЫСЯЧУ РАЗ !

  6. Rail:

    Детальное описание, спасибо за инфу. Хотя, по мне, типы «Информационный сайт» и «Персональный сайт» можно объединить в один тип «Блог». Вот ваш сайт, на мой взгляд, является информационным блогом.

  7. Александр:

    Повторение — мать учения! Спасибо за чёткую информацию. Вдохновляет на дальнейшее обучение! :-) 

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика