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

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

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

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

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

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

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

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

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

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

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

Доступность

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

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

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

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

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

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

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

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

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

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

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

Базовая структура 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-сервера провайдера соответствовали всем необходимым для стабильной работы требованиям.

Пропускная способность канала передачи данных от провайдера должна быть не ниже 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

Назад

©Tumaliev R.