Общие принципы формирования веб-сайта

Общие принципы формирования веб-сайта заложены в спецификацию HTML версии 4.0.

Web-сайт должен приносить пользу, вызывать интерес и иметь приемлемую посещаемость.

Отделение структуры от визуального форматирования

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

Это стало возможно на этапе появления HTML версии 4.0, благодаря механизмам альтернативным его стандартным элементам визуальной разметки и атрибутам. К таким механизмам можно отнести таблицы стилей.

Таблицы стилей

Таблицы стилей упрощают разметку снимают с HTML нагрузку по визуальному оформлению и позволяют разработчикам и браузерам контролировать отображение веб-страниц.

Стили могут быть описаны в самой веб-странице или во внешней таблице стилей для определённого элемента или для их группы.

Таблицы стилей назначаются веб-страницам используя механизм не зависящий от языка описания таблиц стилей.

До появления стилей возможности визуального оформления веб-страниц были ограничены возможностями размещения и описания таблиц и изображений.

Доступность

Разработчики и посетители веб-сайтов различны по своим возможностям здоровья, поэтому большое значение имеет то, как будут интерпретированы веб-страницы на различных программно-аппаратных комплексах, которые могут включать в себя речевые браузеры, устройства вывода системы Брайля и т.д. HTML разработан с учётом необходимой доступности для людей с ОВЗ.

Начиная с HTML 4.0 увеличение доступности было достигнуто следующими способами:

Отделением структуры веб-страниц от их визуального оформления путём внедрения каскадных таблиц стилей вместо некоторых элементов и атрибутов;
Адаптированием форм, внедрением символов быстрого доступа, семантической группировки элементов управления, списков и активных лейблов;
Формированием клиентских карт интегрированием гипертекстовых ссылок в изображения;
Установкой альтернативного текста для изображений и областей клиентских карт;
Возможностью установить атрибуты title и lang любому элементу;
Применением аббревиатур и акронимов;
Расширением охвата возможных устройств вывода веб-страниц, на которые может быть распространено действие каскадных таблиц стилей;
Увеличением функционала по визуальному и невизуальному структурированию таблиц;
Максимальной полнотой описания элементов;
Разметкой текстового описания объектов включённых элементом OBJECT.

Некоторое ПО для создания веб-страниц применяет табличную вёрстку, что может негативно сказаться на доступности.

Принципы доступности не ограничивают творческую составляющую разработки веб-страниц, но рекомендуют наличие альтернативного представления за счёт имеющихся механизмлв, к которым можно отнести атрибуты: alt, accesskey и т.д.

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

Интернализация

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

Помощь пользовательским агентам (ПА) в выводе веб-страниц частями

Автор веб-страницы может содействовать ускорению её вывода. Для этого следует обратить внимание на возможности вывода таблиц частями.

Типы веб-сайтов

От цели создания web-сайта зависит:

оформление;

формат размещаемой информации;

инструментарий;

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

Существует 3 основных типа web-сайтов со своими целями и задачами:

сайт коммерческой компании;

ресурс информационной, научной или образовательной организации;

персональная страница.

Сайт коммерческой компании

Цель: Продажа товаров, работ и услуг.

Задачи:

Формирование имиджа компании или торговой марки;

Предоставление доступа к информации об ассортименте реализуемых товаров, работ и услуг;

Прямая продажа товаров, работ и услуг;

Предоставление внутренней информации компании сотрудникам.

Базовая структура web-сайта коммерческой компании:

Информация о компании: История создания и развития, а также цели и задачи самой компании.
Информация о товарах, работах и услугах: Прайс-листы, либо в более развёрнутом виде — фото, характеристики и краткое описание товаров, работ и услуг.
Информационная поддержка: Ответы на популярные вопросы, способы решения типовых проблем, справочные материалы и т.д.
Новости: Внутренние новости компании, публикация информации о различных акциях и скидках.
Обратная связь: Контактная информация в виде адресов, телефонов и прочих средств связи, а также форма обратной связи.

Ресурс информационной, научной или образовательной организации

Цель: распространение информации.

Задачи:

Сбор данных;

Обработка данных;

Хранение данных и информации;

Предоставление доступа к данным и информации;

Оказание помощи в поиске данных и информации.

Существует такое явление как возможность кастомизации web-сайта. Под этим подразумевается возможность перемещения или скрытие каких-либо блоков пользователем. Однако применение такого подхода неприменимо к новостным web-сайтам, где расположение и важность того или иного блока должны определяться главным редактором.

Целевая аудитория

Под целевой аудиторией предполагается портрет посетителя, внимание которого желает получить владелец ресурса. Целевая аудитория определяется до создания ресурса, но впоследствии при определённых условиях может быть расширена, изменена либо сужена. По мере создания или модификации web-сайта все действия производятся только после анализа возможной реакции целевой аудитории.

Основные принципы наполнения web-сайта

Контент web-сайта должен подчиняться двум принципам: уникальности и достоверности.

В свою очередь уникальность может обеспечить не только новизна контента, но и более удачное оформление уже существующего на других ресурсах контента.

Достоверность контента зависит от тщательности проверки публикуемого контента и его источников.

Стиль оформление и средство навигации

Стиль оформления и средство навигации должны быть едиными для всех страниц web-сайта.

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

Средство навигации позволяет посетителю web-сайта понимать на какой странице он находится в данный момент и как может попасть на другие.

Структура документа

Классическая укрепившаяся структура документа включает в себя следующие элементы:

имя компании либо персоны;

контактную информиацию;

заголовок;

навигационное меню;

собственно контент;

дату создания либо обновления;

информацию об авторских правах.

Логотип

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

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

Навигационное меню

Навигационное меню на каждой странице web-сайта помогает посетителю ясно представлять маршруты своего перемещения по ссылкам. Чтобы не усложнять эти маршруты, рекомендуется строить структуру web-сайта так, чтобы посетитель мог перейти на любую страницу документа совершив не более двух переходов по ссылкам.

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

В качестве основных функций применяются:

Переходы типа «следующая страница» и «предыдущая страница» для перемещения между смежными документами;

Переходы на основные разделы web-сайта;

Переход к главной странице web-сайта.

Контент

Контент web-сайта должен быть достоверным, информативным и точным, при этом не содержать грамматических и орфографических ошибок.

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

Графика

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

Размещение web-сайта

Web-сайт размещается на web-сервере установленном в помещении владельца либо у специализированной компании.

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

Пропускная способность канала передачи данных от провайдера должна быть не ниже 1–2 Мбит. Иначе время открытия web-сайта у посетителя выйдет за рамки приемлемого значения и он перестанет его посещать.

При поддержке Common Gateway Interface (CGI) web-сервер способен исполнять различые прикладные скрипты. Результат исполнения таких CGI-скриптов — готовые web-страницы в формате HTML. CGI-скрипты позволяют принимать данные от посетителя, вести с ним диалог, отправлять данные в базу данных и т.д. CGI-скрипты могут быть написаны практически на любом популярном языке программирования.

Поддержка Server Side Includes (SSI) позволяет web-серверу на своей стороне при пересылке HTML-файла производить в него динамические вставки некоторой части контента. Перед отправкой HTML-файла web-сервер просматривает его на наличие таких точек вставки динамического контента и подгружает необходимые части в них. Таким образом можно организовать включение одних файлов в состав других, запускать на исполнение CGI-скрипты и передавать прочую информацию. Однако при применении этой технологии необходимо выяснить какие функции поддерживаются web-сервером.

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

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

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

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

Скрипты (сценарии)

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

Размещение скриптов на веб-странице не зависит от языка, на которых они написаны.

Печать составных веб-страниц

Возможность печати составных веб-страниц, разбитых на несколько отдельных веб-страниц, обеспечивается описанием соотношения между ними элементом LINK или W3C's Resource Descriptions Framewok (RDF).

Обновлено: 23:14 31.03.2020