Помощничек
Главная | Обратная связь


Археология
Архитектура
Астрономия
Аудит
Биология
Ботаника
Бухгалтерский учёт
Войное дело
Генетика
География
Геология
Дизайн
Искусство
История
Кино
Кулинария
Культура
Литература
Математика
Медицина
Металлургия
Мифология
Музыка
Психология
Религия
Спорт
Строительство
Техника
Транспорт
Туризм
Усадьба
Физика
Фотография
Химия
Экология
Электричество
Электроника
Энергетика

Обзор технологий создания сайтов

Занятие 4. Тема 3.1.5 Технология создания web-сайтов

Основные определения

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

Гипертекст -термин, введённый Тедом Нельсоном в 1965 году для обозначения «текста ветвящегося или выполняющего действия по запросу». Обычно гипертекст представляется набором текстов, содержащих узлы перехода между ними, которые позволяют избирать читаемые сведения или последовательность чтения.

Веб-страница - документ, содержащий текст и команды языка разметки гипертекста HTML (XHTML, DHTML). По сути является текстовым файлом с расширением .html (.xhtml, .dhtml, .htm)

Сайт (веб-сайт) -набор некоторого количества веб-страниц, связанных вместе единой темой, общим оформлением и взаимными гипертекстовыми ссылками.

Гиперссылка (англ. hyperlink) -часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети.

Блог (от web log — интернет-журнал событий, интернет-дневник, онлайн-дневник) - веб-сайт, основное содержимое которого — регулярно добавляемые записи, содержащие текст, изображения или мультимедиа.

Интернет-портал (от англ. portal «главный вход; ворота») - веб-сайт, предоставляющий пользователю Интернета различные интерактивные сервисы, работающие в рамках одного веб-сайта, такие как почта, поиск, погода, новости, форумы, обсуждения, голосования и т. д.

Контент (от англ. content - содержание) - наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой.

Веб-дизайн (от англ. web-design = проектирование веба) - оформление веб-страниц. Он играет такую же роль для сайта, как полиграфический дизайн и верстка для бумажного издания. Часто под веб-дизайном понимают не только создание графических элементов для сайта, но и проектирование его структуры, навигации и иногда даже движков, нужных для работы сайта, то есть создание сайта целиком.

 

Классификация сайтов

По уровню дизайна:

- Личные страницы

- Сайты некоммерческих организаций. Пример: www.w3.org

- Коммерческие сайты. Пример: http://www.disney.ru/

- Контент-сайты. Пример: http://www.lenta.ru/

По функциональному назначению:

- Сайт-визитка

- Сайт-визитка с минимальной интерактивностью

- Контент-сайт

- Интернет-магазин.

По способу реализации:

- Динамические сайты

- Статические сайты

- Статические сайтыразработаны с помощью стандартной HTML-технологии. Для обновления таких сайтов необходимы большие трудозатраты и привлечение квалифицированных web-программистов.

- Статический сайт – это страница, которая целиком хранится на сервере и показывается посетителю в неизмененном виде. В статическом сайте большинство или все страницы статические.

Плюсы статических сайтов:

1. Дешевле в разработке и технической поддержке;

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

3. При эксплуатации статический сайт создаёт меньшую нагрузку на сервер.

Минусы статических сайтов:

1. Для редактирования сайта необходимо держать специалиста по HTML;

2. При добавлении новых материалов приходится править многие страницы, чтобы обеспечить изменение в системе навигации;

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

Динамические сайты

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

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

Плюсы динамических сайтов:

1. Сайт полностью управляется через web-интерфейс. Управление производится не отдельными страницами, а всей структурой;

2. Управление сайтом доступно менеджерам, которые непосредственно общаются с клиентами;

3. Оперативность публикации новых материалов;

4. Правильно разработанный web-сайт может развиваться без ущерба для ранее опубликованного материала;

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

6. Большой срок службы динамических сайтов.

Минусы динамических сайтов:

1. Динамический сайт значительно дороже в разработке;

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

3. Динамический сайт требует большого количества ресурсов сервера.

 

Этапы создания сайта

1. Изучение структуры сайтов схожей тематики

2. Определение цели создаваемого сайта и, в соответствии с этим, основной структуры

3. Подготовка материалов

4. Разработка полной структуры и оптимальной навигации сайта. Разработка дизайна

5. Вёрстка страниц в HTML-код с необходимой доработкой текста и графики

6. Тестирование, публикация в Интернет и снова тестирование

7. Раскрутка сайта и поддержка его функционирования

 

Обзор технологий создания сайтов

Для разработки статических сайтов принято использовать язык разметки гипертекста (HTML) в сочетании с каскадными таблицами стилей (CSS).

Для создания динамического сайта используются следующие технологии:

- разметка текста и оформление формируется с помощью связки HTML+CSS

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

Различают 2 способа генерации содержимого веб-страниц:

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

Примером могут служить страницы сайта edu.sites.spb.ru, генерируемые сценарием, написанным на языке PHP.

Для написания серверных сценариев используются языки Perl, PHP, Python, ASP, Ruby. Так же могут использоваться включения на стороне сервера - SSI

2) на стороне клиента: сценарии сборки страницы в этом случае включаются в текст страниц. Сервер передает запрошенную страницу браузеру клиента, который выполняет программный код и осуществляет отображение результата.

На стороне клиента используются языки Javascript, JScript, ActionScript

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

1. Генерация содержимого на стороне сервера;

2. Передача сгенерированной странички клиенту;

3. Генерация содержимого на стороне клиента.

 

 




Поиск по сайту:

©2015-2020 studopedya.ru Все права принадлежат авторам размещенных материалов.