Инструментарий на слое структуры
Под средствами я подразумеваю те технологии (языки), с помощью которых создаются веб-страницы. Перечень будет неполным, но так и должно быть: каждый выбирает для себя свою технологию. 1. HTML Язык гипертекстовой разметки документов: этот язык описывает каждый элемент страницы и все ссылки на объекты, находящиеся за её пределами. В настоящее время используется версия 4.0, которая существенно богаче предыдущей. К сожалению, производители браузеров так и не договорились о стандартах... существуют даже тэги (своего рода операторы языка HTML), предназначенные для одних браузеров и игнорируемые другими. 2. CSS Каскадные таблицы стилей. Исходя из полезной концепции разделения содержания веб-страниц и описания форматирования этого содержания, CSS предоставляют возможность создать набор записей, описывающих все стандартные виды текстовых элементов, входящих в страницу, и далее только ссылаться на него, не загромождая текст описаниями форматирования каждого параграфа. Также по-разному интерпретируются браузерами. 3. JavaScript Язык сценариев (скриптов). Именно с его помощью можно задать правила поведения различных элементов веб-страниц, изменения свойств таблиц стилей и т. д. Синтаксис JavaScript может сильно отличаться в зависимости от того, в каком браузере сценарий будет выполняться. Помимо JavaScript существует ещё и VBScript, язык с синтаксисом Visual Basic, предоставляющий примерно те же возможности, что и JavaScript, но он используется значительно реже вследствие совместимости с единственным браузером: Internet Explorer. 4. DHTML Фактически DHTML (Dynamic HTML) есть не что иное как сочетание расширенного HTML и продвинутого JavaScript. Используя последние достижения в этой области, разработчик может на ходу менять вид и содержание любого элемента веб-страницы без её перезагрузки. К сожалению, Netscape не поддерживает DHTML в полной мере, и поэтому при условии наличия требований совместимости с этим браузером приходится ограничивать функциональные возможности скриптов. 5. Java Кроссплатформенный язык программирования. В нашу с вами жизнь он войдёт в виде готовых апплетов, специальных файлов, написанных на Java и внедряемых в HTML как объекты. 6. ActiveX Технология, позволяющая внедрять на веб-страницы объекты, очень напоминающие апплеты, но обладающие значительно большими возможностями вследствие полного доступа к операционной системе Windows, с которой эта технология единственно совместима. Распространена не слишком широко из-за низкого уровня безопасности. 7. Flash и Shockwave. Достаточно специфические продукты компании Macromedia, с помощью которых можно создавать анимированные ролики для веб-сайтов, а иногда и полностью строить веб-интерфейсы.
Уровень представления Графический макет, модульные сетки и дизайн страницы Веб-страница (интернет-страница, web-страница, страница www, web-page) - это логическая единица интернета, однозначно определяемая адресом (URL). Можно сказать, что веб состоит из сайтов, а сайты, в свою очередь - из страниц. Веб-страницы (web-pages) пишутся на языке HTML. Вообще говоря, веб-страница может состоять из нескольких частей (фреймов), каждый из которых является отдельной страницей со своим собственным адресом. Также веб-страницы могут включать картинки, музыку, видео, скрипты и др. Основные виды дизайна страниц следующие: · 1-полосный дизайн (рисунок 2.1, а); · 2-полосный дизайн (рисунок 2.1, б); · 3-полосный дизайн (рисунок 2.1, в). Рисунок2.1 - Виды дизайна: а – 1-полосный дизайн; б – 2-полосный дизайн; в – 3-полосный дизайн 1-полосный дизайн обычно применяется для страниц, основным содержанием которых является текст, возможно содержащий иллюстрации. Он наиболее сходен с традиционной полиграфией. При 1-полосном дизайне навигация обычно располагается сверху и часто дублируется снизу. Наиболее распространенным во Всемирной паутине, пожалуй, является 2-полосный табличный дизайн. Веб-дизайнеры часто ему отдают предпочтение ввиду его удобства и практичности: основное содержимое расположено в правой полосе, в то время как левая отводится под навигацию и для других служебных целей. В 3-полосном дизайне, как и в 2-полосном, левая полоса обычно отводится под навигацию. Средняя полоса в этом случае отдана для основного содержимого страницы, в то время как в правой размещаются баннеры и вспомогательная информация, а иногда и дополнительная навигация. Навигация позволяет посетителю сайта перемещаться по нему и поэтому к ее созданию следует подходить довольно тщательно. При создании навигации следует придерживаться следующих правил: · Применяйте постоянные и понятные обозначения для всех страниц сайта. · Состояние кнопки должно предоставлять дополнительную информацию для обозначения страницы, причем выбранное состояние всегда должно быть блеклым, а не бросающимся в глаза. · Избегайте ссылок с обозначением просто «назад», а всегда указывайте, куда ведет обратная ссылка. Возможны следующие варианты размещения навигации на странице (таблица 2.1): Таблица 2.1 - Варианты размещения навигации на веб-странице
Популярное: Как выбрать специалиста по управлению гостиницей: Понятно, что управление гостиницей невозможно без специальных знаний. Соответственно, важна квалификация... Организация как механизм и форма жизни коллектива: Организация не сможет достичь поставленных целей без соответствующей внутренней... Почему люди поддаются рекламе?: Только не надо искать ответы в качестве или количестве рекламы... ©2015-2024 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (165)
|
Почему 1285321 студент выбрали МегаОбучалку... Система поиска информации Мобильная версия сайта Удобная навигация Нет шокирующей рекламы |