Учебная работа. Контрольная работа: Уровень структуры. Уровень представления

Учебная работа. Контрольная работа: Уровень структуры. Уровень представления

ЧАСТНОЕ УЧРЕЖДЕНИЕ ОБРАЗОВАНИЯ

«МИНСКИЙ ИНСТИТУТ УПРАВЛЕНИЯ»

Кафедра информационных технологий и высшей арифметики

«К защите допускаю»

________________ А.Н. Лавренов

«_____»________________ 2011г.

УПРАВЛЯЕМАЯ САМОСТОЯТЕЛЬНАЯ РАБОТА

по дисциплине: «Базы Web-дизайна»

на тему: «Уровень структуры. Уровень представления»

Студентки группы 71001с
Бондарь Н.И.

Управляющий доцент кафедры ИТиВМ
Лавренов А.Н.

к. ф.-м. н.

МИНСК-2011

Оглавление

Введение.. 3

1Уровень структуры… 4

1.1Web-страница и ее элементы.. 4

1.2систематизация веб-страниц. 7

1.3Инструментарий на слое структуры.. 8

2Уровень представления.. 10

2.1Графический макет, модульные сетки и странички.. 10

2.2Модульные сетки в веб-дизайне. 12

2.3Инструментарий на слое представления. 14

ЗАКЛЮЧЕНИЕ.. 16

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ.. 17

КОНТРОЛЬНЫЕ ВОПРОСЫ… 18

ГЛОССАРИЙ.. 19

тест.. 20

Введение

WorldWideWeb – глобальная компьютерная сеть на нынешний денек содержит миллионы веб-сайтов, на которых расположена различная информация. Люди получают доступ к данной для нас инфы средством использования технологии Internet. Для навигации в WWW употребляются особые программки – Web-браузеры, которые значительно упрощают путешествие по безграничным просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются главным элементом байтов WWW.

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

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

1 Уровень структуры

1.1 Web-страница и ее элементы

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

Web-страницы обычно создаются на языках разметки html либо XHTML и могут содержать гиперссылки для резвого перехода на остальные странички.

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

Первым элементом web-страницы является ее заголовок. Он быть может выполнен как в текстовом, так и в графическом варианте, но и в том и в другом случае он должен размещаться в высшей части документа. время от времени с заголовком совмещают меню выбора шифровки кириллицы и клавиши для перехода с русской на англоязычную версию веб-сайта, если данный web-ресурс представлен на 2-ух языках. Конкретно подзаголовком документа, как правило, размещается место, отведенное для размещения маркетингового баннера. Включение баннера конкретно в верхнюю часть web-страницы почти всегда является неотклонимым условием регистрации веб-сайта в службах баннерного обмена — системах, рекламирующих сделанный вами ресурс в обмен на показ на страничках вашего веб-сайта рекламы остальных участников баннерообменной сети. Обычный размер баннеров, публикуемых под заголовком документа, составляет обычно 468×60 точек. Если вы используете статический принцип компоновки странички, ширина заголовка вашего документа будет составлять примерно 640 пикселов: это случае будет существенно меньше ширины заголовка, по этому в той части странички появляется незанятое место, которое можно заполнить логотипом компании-владельца данного веб-сайта либо ссылкой на , осуществляющий web-хостинг. Очевидно, логотип нужен далековато не постоянно: обычно, он врубается в состав web-страницы только в случае, если веб-сайт имеет коммерческую направленность. В заголовке web-страницы рекомендуется применять от 60 до 115 знаков. Туда должны заходить последующие данные: заглавие компании, если это популярная компания, а так же более принципиальные главные слова. Заголовок web-страницы – это её короткое описание.

Основную часть документа занимает так называемое текстовое поле — участок, где и располагается смысловое {наполнение} странички: содержательный информационный текст и иллюстрации. Перечисленные элементы еще именуют «контент». Размещение текстового поля зависит сначала от того, каким образом web-дизайнер расположит другие элементы документа.

Последующей неотклонимой составляющей частью web-страницы являются элементы навигации — гиперссылки, связывающие данный документ с иными разделами веб-сайта. Элементы навигации могут быть выполнены в виде текстовых строк, графических объектов, другими словами клавиш, или активных компонент, к примеру Java-апплетов. Крайние представляют собой те же клавиши, которые, в отличие от собственных «обычных» сестер, могут реагировать на движения мыши, выполняя при наведении на их курсора какие-либо легкие деяния (включение подсветки, создание эффекта «нажатия», изменение формы и т. д.). Располагать элементы навигации следует таковым образом, чтоб они постоянно были «на виду», «под рукою», другими словами так, чтоб юзеру не приходилось «отматывать» страничку вспять, если текстовое поле занимает по высоте несколько физических экранов, опосля чего же длительно находить ссылки на остальные разделы. Более устоявшимся подходом является размещение частей навигации у левой границы странички.

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

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

Рисунок1.1 — Пример компоновки web
-страницы с правым позиционированием частей навигации.

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

Элементы навигации можно расположить не только лишь поблизости правой и левой границ странички, да и в верхней части документа. Таковой вариант компоновки более подступает при разработке домашних страниц: в этом случае все объекты странички гармонически «вписываются» в заданную ширину невидимой таблицы, при всем этом подготовка самой таблицы существенно упрощается. Единственным недочетом подобного подхода является необходимость продублировать элементы навигации в нижней части документа, так как при вертикальной прокрутке странички они исчезают за верхней границей экрана, и, чтоб добраться до их, юзеру придется «отматывать» экран вспять, что очень неловко.

1.2 систематизация веб-страниц

Странички делятся на статические и динамические по поведению документа в браузере. С иной стороны эти понятия нередко употребляют и в другом смысле. Документы также делятся на статические и динамические по способу сотворения документа.

· Статические html странички

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

· Динамические html странички

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

Динамика на интернет страничках реализована с помощью скриптов, которые производятся браузером. Почти все элементы языка html поддерживают определение обработчиков событий. К примеру, можно задать обработку действия «нажатия клавиши мыши» на картинке. Тогда если юзер кликнет на эту картину, вызовется определенный для этого обработчик.

Статическими именуют странички, если они лежат на сервере в html виде.А динамическими именуют те, которые генерируются «на лету» по запросу браузера.

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

Если ваш веб-сайт содержит нередко меняющийся контент (content — информация на веб-сайте), то для вас на помощь придут скрипты, выполняющиеся на сервере. И это ключевое отличие этих скриптов, от обрисованных ранее (тех, что написаны на JavaScript). Работает это последующим образом:

· Браузер запрашивает у сервера документ

· Сервер описывает, что документ является скриптом и запускает его на выполнение

· скрипт генерирует html страничку

· Сервер посылает сгенерированную страничку браузеру, так что тот и не додумывается, что на сервере отработал скрипт

Нужно сказать, что на данный момент все больше набирает силу гибридная система. Заглавие у нее, как у голландского футбольного клуба — AJAX, что значит: Asyncronous JavaScript And XML . Эта разработка дозволяет скриптам на JavaScript обращаться к какому или скрипту на сервере и получать информацию с сервера. Это в свою очередь, дает юзеру упругость и дозволяет перезагружать лишь часть содержимого странички, а не всю ее вполне.

1.3 Инструментарий на слое структуры

Под средствами я подразумеваю те технологии (языки), при помощи которых создаются Интернет-страницы. Список будет неполным, но так и обязано быть: любой выбирает себе свою технологию.

Язык гипертекстовой разметки документов: этот язык обрисовывает любой элемент странички и все ссылки на объекты, находящиеся за её пределами. В истинное время употребляется версия 4.0, которая значительно богаче предшествующей. К огорчению, производители браузеров так и не условились о эталонах… есть даже тэги (собственного рода операторы языка html), созданные для одних браузеров и игнорируемые иными.

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

Язык сценариев (скриптов). Конкретно с его помощью можно задать правила поведения разных частей Интернет-страниц, конфигурации параметров таблиц стилей и т. д. Синтаксис JavaScript может очень различаться зависимо от того, в котором браузере сценарий будет производиться.

Кроме JavaScript существует ещё и VBScript, язык с синтаксисом Visual Basic, предоставляющий приблизительно те же способности, что и JavaScript, но он употребляется существенно пореже вследствие сопоставимости с единственным браузером: Internet Explorer.

Практически DHTML (Dynamic html) есть не что другое как сочетание расширенного html и продвинутого JavaScript. Используя крайние заслуги в данной для нас области, разраб может на ходу поменять вид и содержание хоть какого элемента Интернет-страницы без её перезагрузки. К огорчению, Netscape не поддерживает DHTML полностью, и потому при условии наличия требований сопоставимости с сиим браузером приходится ограничивать многофункциональные способности скриптов.

Кроссплатформенный язык программирования. В нашу с вами жизнь он войдёт в виде готовых апплетов, особых файлов, написанных на Java и внедряемых в HTML как объекты.

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

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

2 Уровень представления

2.1 Графический макет, модульные сетки и странички

Интернет-страница (веб-страница, 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 — Варианты размещения навигации на Интернет-странице

Размещение

Черта


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

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

Навигация слева
Более распространенное размещение навигации. Является логичной, потому что в европейских языках чтение производится слева вправо. Не считая того, при таком расположении сокращается расстояние до клавиши «вспять» браузера юзера. Недочетом будет то, что сокращается место экрана на содержательную часть странички. Вообщем, этот недочет может оказаться и достоинством, потому что не дозволяет тексту очень растягиваться по горизонтали.

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

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


2.2 Модульные сетки в Интернет-дизайне

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

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

Есть несколько неопровержимых плюсов в использовании модульной сетки при разработке дизайна веб-сайта.

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

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

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

Модульные сетки могут быть реализованы как одно- , так и двух- и трехколонные. Одноколонный макет почаще всего употребляют для публикации огромного текста. На таковой страничке можно повстречать главные блоки – заголовок странички, строчка навигации, конкретно текст, контактная информация (понизу странички). Наиболее обширно всераспространена двухколонная модульная сетка, в какой один блок отводится под главный текст, а 2-ой служит для целей навигации либо др. принципиальной инфы.

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

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

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

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

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

2.3 Инструментарий на слое представления

Если вы уже пробовали создавать html-страницы, то для вас пригодиться:

· веб и не только лишь. Интернет-дизайнера он интересует в индивидуальности, т. к. оснащён развитыми средствами оптимизации графики, т. е. уменьшения размеров графических файлов без проигрыша в качестве либо с мининальным проигрышем. Имейте в виду, что в веб употребляются два главных графических формата: GIF (для изображений с маленьким количеством цветов) и jpeg (для полноцветных фотографических изображений), с каждым из которых Photoshop совладевает весьма хорошо.

·

Без этого весёлого редактора тоже не обойтись: по последней мере вы постоянно будете знать, что код сохранён конкретно в том варианте, в каком вы его делали.

· apache Web-server

Этот сервер вы сможете применять для тестирования Интернет-страниц и скриптов, написанных на языке Perl, PHP и т.д.

Любой выбирает собственный инструмент для сотворения Web-страниц. Этоможетбыть MS FrontPage либо Macromedia DreamWeaver либо Allaire HomeSite. А кто-то пользуется обычным редактором текста, к примеру Блокнотом (Notepad).

· MS FrontPage

Главным недочетом MS FrontPage будет то, что он генерирует весьма большенный html-код, потому странички получаются большенными, что сказывается на скорости загрузки. Наиболее того, при разработке Web-страниц в этом редакторе видишь одно, а в окне браузера — совершенно другое. Страницы получаются какими-то кривыми, потому для сотворения высококачественных Web-страниц рекомендуется применять пакеты, которые будут рассмотрены ниже.

· Macromedia DreamWeaver.

Начнем мы с пользующегося популярностью Macromedia DreamWeaver. Компания Macromedia считается фаворитом по производсту программ для сотворения Интернет-сайтов, также законодателем моды в данной для нас области. Последния версия HTML-редактора данной для нас компании — DreamWeaver 3, который относится к группы WYSIWYG-редакторов, и этот пакет имеет весьма много плюсов: удачный интерфейс, настройка функций, поддержка огромных проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и почти все другое. Для работы в данной для нас программке не надо конкретно знать HTML (в этом и заключается преимущество технологии WYSIWYG — что вижу, то и получаю).

Но DreamWeaver на несколько шагов опережает остальные редакторы, использующие технологию WYSIWYG, сначала тем, что генерирует весьма незапятнанный html-код. DreamWeaver дозволяет для вас избавиться от монотипной работы при разработке страничек (к примеру, верстка текста) с помощью использования функции «запись последовательности установок» вы записываете последовательность производимых вами установок, позже нажимаете, к примеру, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.

· HomeSite 4

Последующий редактор — HomeSite 4 — для сотворения страничек вручную, т. е. для знатоков html. Вы получаете полный контроль над html-кодом, при этом существует возможность улучшить свою страницу под один из 3-х фаворитных браузеров (MSIE, NN, Opera).

HomeSite содержит два главных режима: Edit и Design. Режим Design — это подобие WYSIWYG-редактора, выдающее HTML-код, при этом, если вы загрузите чужой html-код, то HomeSite все перепишет по-своему. Режим Edit дозволяет получить полный контроль над страницей. тут вы сможете настроить фактически все, можете прописать функции всякого тега (тогда ваша страница в любом браузере будет смотреться идиентично).

Еще одна отличительная изюминка HomeSite — это его «{склейка}» с Dreamweaver. HomeSite владеет клавишей «Dreamweaver», также заходит в его обычный пакет поставки. Вообщем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки html-кода.

ЗАКЛЮЧЕНИЕ

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

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Консорциум Глобальной сети — Википедия / [Электрон. ресурс]. – 2010. – Режим доступа: HTTP://ru.wikipedia.org/wiki/W3 – Дата доступа: 04.10.2010.

2. Теория компьютерной графики / [Электрон. ресурс]. – 2010. – Режим доступа: HTTP://www.sgrafika.narod.ru/modul1/Teoriyagrafiki.htm – Дата доступа: 05.10.2010.

3. Web-интерфейс — Википедия / [Электрон. ресурс]. – 2010. – Режим доступаhttp://ru.wikipedia.org/wiki/Web-интерфейс – Дата доступа: 06.10.2010.

4. Владимир Дронов. ‑ Разработка интерактивных Web-сайтов, 2008.—512 с.

5. Максим Кузнецов, Игорь Симдянов: Самоучитель html, 2009.—460 с.

КОНТРОЛЬНЫЕ ВОПРОСЫ

1) Что такое Web-страница?

2) Какие бывают странички?

3) Какие бывают документы?

4) Какие главные виды дизайна страничек?

5) Каковой обычный размер баннеров, публикуемых под заголовком документа?

6) Что такое модульная сетка?

7) Что из себя представляет модульная сетка?

8) Что такое иерархическая сетка?

9) Как могут быть реализованы модульные сетки?

10) Какой более всераспространенный табличный ?

ГЛОССАРИЙ

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

Странички
делятся на статические и динамические по поведению документа в браузере.

Документы
также делятся на статические и динамические по способу сотворения документа.

Главные виды дизайна страничек последующие:

· 1-полосный

· 2-полосный

· 3-полосный дизайн

Невидимые направляющие, по которым размещаются элементы страниц Интернет-сайта, составляют модульную сетку
.

ТЕСТ

1.
Web-страница – это:

· информационный ресурс Глобальной сети.

·

· документ либо информационный ресурс Глобальной сети, доступ к которому осуществляется при помощи текстовых программ.

2.
Составные части web-страницы:

·

·

·

· Формы

·

· Клавиши

3.
Странички по поведению документа в браузере делятся на:

·

·

· Смешанные

· гипертекст

· Текстовые

4.
Документы по способу сотворения делятся на:

·

·

· Смешанные

· гипертекст

· Текстовые

5.
Какие главные виды дизайна страничек?

·

·

· 6-полосный дизайн

· 5-полосный

·

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

·

· 460×60 точек

· 468×50 точек

· 458×60 точек

11)
Модульная сетка – это:

· Видимые направляющие, по которым размещаются элементы страниц Интернет-сайта

·

· Направляющие, по которым размещаются элементы страниц Интернет-сайта

12)
Иерархическая сетка – это:

· Размещение блоков, поддающееся какой-нибудь закономерности

·

· Размещение блоков, по горизонтали

· Размещение блоков, по вертикали

13)
Как могут быть реализованы модульные сетки:

·

·

·

·

14)
Какой более всераспространенный табличный :

· 1-полосный

·

· 6-полосный

· 5-полосный дизайн

· 3-полосный

]]>