Выбор средств разработки web приложений. Средства разработки Web-приложений. Области применения языков программирования для разработки Web-приложений. Расширяемая среда проектирования пользовательского интерфейса web-приложения

Введение

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

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

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

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

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

· увлечение анимацией, графическими изображениями и видео фрагментами, которые не несут смысловой нагрузки, автоматически влечет за собой уменьшение количества потенциальных посетителей web-сайта, так как повышает требования к пропускной способности Интернет-соединения и объем трафика;

· избыточность или недостаток представленной информации;

· некорректный выбор средств разработки, который влечет за собой необоснованное повышение стоимости готового продукта.

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

К тому же сейчас, когда число онлайновых пользователей оценивается более чем в 500 миллионов человек (причем это число растет со скоростью приблизительно 7% в месяц), приходится искать пути использования новых технологий, которые могли бы оказать содействие в привлечении и удержании внимания пользователей, путешествующих по безбрежным просторам Web.

Предмет исследования– web-технологии.

Объект – среды и языки разработки web-приложений.

Цель работы – рассмотреть возможности практического использования языков и средств для разработки web-приложений.

1) рассмотреть основные понятия web-технологий;

2) привести различные классификации web-приложений, используемых в предпринимательской деятельности;

3) рассмотреть психофизические требования к web-приложениям;

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

5) проанализировать функциональные возможности сред по созданию web-приложений.

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

Развитие современной компьютерной техники и внедрение новейших технологий положили начало нового направления жизни на Земле. За довольно короткий промежуток времени развития микроэлектроники и кибернетики произошло много изменений.

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

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

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

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

Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде Web-сайтов. Каждый из них имеет свое имя (адрес) в Internet. Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя. Для просмотра Web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. Наиболее распространенными браузерами в настоящее время являются Internet Explorer и Netscape Navigator. Взависимости от того, какое имя сайта мы зададим в строке "Адрес", браузер будет загружать в свое окно соответствующую информацию.

Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио и видео информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы (рисунок 1 Приложение А) .

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

В настоящее время с точки зрения назначения различают три основных типа порталов:

· Публичные, или горизонтальные, порталы (называемые иногда мегапорталами), такие как Yahoo, Lycos, Excite, Rambler. Такие порталы нередко являются результатом развития поисковых систем. Предназначены они для самой широкой аудитории, что отражается на содержании предоставляемой ими информации и услуг. Как правило, эта информация носит общий характер, равно как и предоставляемые услуги (электронная почта, новостные рассылки и так далее).

· Вертикальные порталы. Этот вид порталов предназначен для специфических видов рынка и обслуживает аудиторию, пользующуюся услугами этого рынка или работающую на нем. Примерами таких порталов могут служить, например, туристические агентства, предоставляющие услуги по бронированию мест в гостиницах, заказу и доставке билетов, доступу к картам и сведениям об автомобильных маршрутах, либо порталы типа B2B (business-to-business), позволяющие своим клиентам реализовывать совместные бизнес-операции (например, выбирать поставщиков и осуществлять закупку товаров, проводить аукционы).

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

Другие наиболее распространённые web-приложения:

· Региональные Интернет-порталы, универсальные по своему направлению, но ограниченные географией заинтересованных посетителей (e1.ru);

· Поисковые системы - это Интернет-порталы, которые предназначены для того, чтобы предоставить их посетителю возможность найти сайты, на которых встречаются заданные слова или целые фразы (metabot.ru);

· Каталог - это коллекция ссылок на сайты. Зачем же нужны каталоги, если есть поиск? Очень часто мы не знаем точно, что нам нужно, не можем это сформулировать парой слов (mail.ru);

· Электронные доски объявлений - являются местом в Интернет, где практически любой желающий может оставить информацию ознакомительного, пригласительного или рекламного характера;

· Форумы - это специальные сайты или разделы на сайтах, предназначенные для того, чтобы посетители, оставляя свои сообщения, обменивались мнениями;

· Чаты - являются еще одним местом для общения в Интернет, только его назначение не обмен мнениями на какую-то тему, а просто времяпрепровождение;

· Файлы для скачивания;

· Фотогалереи;

· Элементы статистики;

· Хранение в интернете различной информации;

· Серверы почтовых рассылок, они предлагают услуги по доставке информации широкому кругу читателей (subscribe.ru);

· Интернет-магазины и аукционы (ozon.ru, molotok.ru).

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

Вторым этапом будет построение информационной архитектуры сайта.

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

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

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

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

· название компании или логотип в левом верхнем левом углу

· индивидуальный слоган для сайта, состоящий из одного предложения

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

В разделе "О нас" необходимо представить основные сведения о компании:

· состав верхнего управляющего звена (с библиографическим списком и фотографиями);

· контактная информация;

· философия организации (видение бизнеса, связи с обществом, стремления);

· основные исторические вехи;

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

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

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

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

Для того, что бы страницы было удобно просматривать, мы будем использовать:

· выделение ключевых слов;

· грамотно составленные заголовки;

· списки с маркерами;

· один абзац на одну идею (пользователи пропустят все остальные идеи, если их не привлекут основные слова абзаца);

· стиль перевёрнутой пирамиды (где статья начинается с заключения);

· меньшее количество слов, чем в обычной статье;

· минимум мало понятных терминов;

· указание даты создания сообщения (что бы знать на сколько, оно актуально на данный момент);

· контекстную информацию атрибута " ALT".

· электронные заголовки часто выводятся вне контекста:

· в списке статей на сайте;

· в заголовках сообщений электронной почты;

· в результатах поиска;

· в закладках браузера.

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

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

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

Что бы поднять доверие к сайту необходимо использовать качественные графические изображения. При этом не стоит использовать большие изображения, по умолчанию. Желательно использовать эскизы, а при необходимости увеличивать их на столько, на сколько пожелает пользователь. Эскизы должны содержать всю основную информацию об изображении. На сайте правильнее будет использовать фотографии реальных работников и клиентов, а не фотомоделей с ослепительной голливудской улыбкой. Так же необходимо использовать хороший стиль письма и исходящие гипертекстовые ссылки на другие сайты. Не нужно использовать "рекламную воду", так как она несёт дополнительную эмоциональную нагрузку, и пользователям приходится тратить время на отсеивание гипербол от реальных фактов.

Классический путь увеличения привязанности к сайту – это публикация свежих материалов с определённой регулярностью (от ежедневных до ежемесячных). Для желающих необходимо организовать рассылки свежего материала. Почти 100% из тех, кто подписался, будут периодически заходить и на сам сайт, пока автор будет напоминать им о себе.

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

Не стоит создавать формы для поиска по Internet, если пользователю будет необходимо, он воспользуется специальной поисковой системой.

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

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

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

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

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

Итак, секрет успеха в том, что бы совместить рекламу с целями пользователей.

· отсутствие кнопки "Закрыть";

· уловки заставляющие кликнуть;

· четко указывать, что произойдёт по щелчку по ней;

· даёт дополнительную информацию о себе без надобности покидать текущую страницу.

Для проведения оценочной работы необходимо привлечь от трёх до пяти участников. Каждый из них производит работу индивидуально. После чего их результаты сравниваются и приводятся к единому выводу. Тест проводится в два этапа:

1) понимание работы интерфейса;

2) концентрация внимания на определённых элементах.

Необходимо отдельное упоминание каждой проблемы, что бы ни повторять её в дальнейшем.

Средства разработки Web-приложений

Области применения языков программирования для разработки Web-приложений

Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, - это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекст с последующей публикацией в Web.

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

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

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

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

И последняя область – это создание GUI-приложений (графических интерфейсов), выполняющихся на стороне клиента .

Ajax расшифровывается как Asynchronous Javascript And XML (Асинхронные Javascript и XML) и технологией в строгом смысле слова не является. Если в стандартном web-приложении обработкой всей информации занимается сервер, тогда как браузер отвечает только за взаимодействие с пользователем, передачу запросов и вывод поступившего HTML, то в Ajax-приложении между пользователем и сервером появляется еще один посредник - движок Ajax. Он определяет, какие запросы можно обработать "на месте", а за какими необходимо обращаться на сервер.

Поведение сервера тоже изменилось. Если раньше на каждый запрос сервер выдавал новую страницу, то теперь он отсылает лишь те данные, которые нужны клиенту, а HTML из них прямо в браузере формирует движок Ajax.

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

Где стоит использовать Ajax:

· Формы. Они очень медленны. Если асинхронно передавать данные, страница не перезагружается.

· Навигация в виде "дерева". Вообще, такая навигация - ужас. Простая топология намного удобнее, но если уж до этого дошло, лучше использовать Ajax.

· Фильтры. Часто на сайтах делают сортировку по дате, по имени. Ajax это будет значительно удобнее.

JavaScript

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис Java – поэтому его называют – Java-подобным.

Основные области применения JavaScript делятся на следующие категории:

· динамическое создание документа с помощью сценария;

· оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер;

· создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа;

· взаимодействие с пользователем при решении "локальных" задач, решаемых приложением JavaScript, встроенном в HTML-страницу .

VBScript

Язык создания сценариев VBScript разработан фирмой Microsoft, является подмножеством достаточно распространенного в среде программистов языка Visual Basic разработки прикладных программ Windows-приложений. Как и его родитель, язык VBScript достаточно прост и лёгок в изучении.

Преимуществом его применения для создания сценариев является возможность использования, с небольшими корректировками, ранее написанных процедур на языках Visual Basic и Visual Basic for Application.

Функциональные возможности сценариев, написанных на VBScript, ничем не отличаются от возможностей сценариев JavaScript: динамические создание документа или его частей, перехват и обработка событий и так далее.

VBScript используется для написания сценариев клиента (в этом случае браузер должен иметь встроенный интерпретатор этого языка), а также для написания сценариев на сервере (в этом случае сервер должен поддерживать язык VBScript).

Для создания сценариев клиента используется набор объектов, аналогичный набору JavaScript. Объекты клиента и сервера отличаются друг от друга, но существует общая часть (ядро) объектов, используемых при разработке как сценариев клиент, так и сценариев сервера .

Наиболее широко Perl используется для разработки инструментов системного администрирования, однако в последнее время он получил огромную популярность в области разработки Интернет-приложений: CGI-сценариев, систем автоматической обработки электронной почты и поддержки узлов Web.

Вот некоторые примеры задач, которые можно решать с помощью Perl:

· проверка пользователей Windows NT на несоответствие их статуса и возможностей;

· управление NT-сервисами из командной строки и дистанционно с локальной машины получение статистических данных на отдельной машине;

· может работать и с протоколом FTP;

· системная поддержка UNIX и Windows.

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

Компания Macromedia продолжает делать Dreamweaver интуитивно понятной и простой в использовании программой. Мощные средства с одной стороны и простота в использовании – с другой, делают продукты Macromedia идеальными программным пакетом, как для профессиональных web-дизайнеров, так и для новичков. Продукты, входящие в пакет Macromedia, такие как: Flash, Firework, Dreamweaver - сделают работу более продуктивной, и при этом могут заменять друг друга (так, например, в любой из них можно создать кнопки). Такие продукты как: Sitespring, FreeHand – добавит эффективности при работе с клиентом.

У Dreamweaver множество плюсов:

Программа Dreamweaver поддерживает "чистый" HTML код, а также последние расширения DHTML и CSS.

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

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

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

Поддерживает расширения, как сторонних разработчиков, так и самой Macromedia (более 500).

С Dreamweaver поставляется библиотека элементов, которые можно применять на WEB-страницах, например панель навигации, дескриптор авторского права и др.

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

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

Dreamweaver позволяет убрать лишний код из приложений Microsoft, после чего страницы станут быстрее грузиться и лучше отображаться в разных браузерах.

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

Кроме этого имеется возможность редактировать макеты WEB-страниц. Например, в Fireworks 8 можно открыть графический файл на всю ширину будущего сайта, нарисовать необходимое графическое оформление, а затем разрезать его инструментом Slice Tool так, как должна выглядеть будущая таблица HTML-документа. После этого можно начинать доработку отдельных графических элементов и, в том числе, создавать активную графику, реагирующую на курсор, совсем не зная языка программирования (JavaScript).

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

Изготовители программы приложили немало усилий, чтобы максимально облегчить жизнь пользователям: интерфейс программы прост и нагляден, имеется множество "примочек", позволяющих быстро и легко выполнять сложные преобразования объектов или достичь самых разных художественных эффектов. FreeHand умеет экспортировать и импортировать файлы практически во всех широко распространенных форматах. Более того, в его состав входят настройки "горячих клавиш", эмулирующие другие распространенные программы (Adobe Illustrator, CorelDraw). Так что не надо переучиваться, переходя на FreeHand.

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

Документы FreeHand легко превращаются в web-страницы. Конечно, FreeHand - не HTML-редактор, но поддерживает базовые элементы HTML. С помощью FreeHand WEB-страницы легко снабдить Flash-анимацией. В анимационный клип вставляются текстовые блоки, группы объектов, а также объекты с контурами. Небольшой клип из объектов FreeHand создается буквально одной командой - остается лишь проследить за некоторыми настройками. Каждый кадр клипа помещается на отдельный слой; анимационный эффект достигается последовательным воспроизведением содержимого отдельных слоев. Но средства FreeHand не заменят редактор Macromedia Flash.

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

Flаsh-содержимое публикуется в компактных файлах формата SWF для последующего показа на самых разных платформах с помощью Flаsh-проигрывателя. Во время воспроизведения файла формата SWF в оперативном режиме в него можно динамически загружать такое содержимое, как звуковые файлы формата МР3, Flash-видео и изображения формата JPEG. Flash-проигрыватель позволяет подключаться к источникам данных, чтобы объединить их с базой данных, XML или web-службами. Благодаря всем этим возможностям привлекательные фрагменты анимации и эффекты могут быть введены в приложения, управляемые данными. Flash имеет поддержку антиалайсинг (сглаживание контуров с помощью смешения соседних цветов). Так как этот формат файла основан на векторной графике, объект сохраняет качество изображения при любом разрешении и идеален для создания кадров анимации.

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

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

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

Гибкость интерфейса - это одна из сильнейших сторон продукта. Любой пользователь с легкостью сможет настроить интерфейс HomeSite в соответствии со своими предпочтениями и потребностями.

В процессе работы пользователь может видеть рабочую область с двумя вкладками - Browse и Edit. То есть программирование происходит во вкладке Edit, а результат можно увидеть, если выбрать вкладку Browse. При создании новой страницы на поле редактирования автоматически появляются некоторые теги вроде HTML и BODY. Это шаблон, загружаемый при создании новой страницы. Его содержание можно менять.

В HomeSite очень легко строить архитектуру сайта. Этому способствует панель Quick Bar с системой вкладок с готовыми тегами. Теги в этих вкладках самые разные - от простых вроде параграфа до java-скриптов. Можно вообще оставить одну вкладку, добавив в нее все необходимые теги через меню Customize. Также можно самому создавать теги или их комбинации. При нажатии на кнопку с определенным тегом появляется окно, где можно настроить опции тега и указать его атрибуты. Поддерживает режим WYSIWYG со всеми его плюсами и минусами.

Для скорости работы здесь имеется множество средств редактирования тегов. Это, например, такие функции, как Tag Completion, Tag Editors и Tag Insight. Они существенно облегчают редактирование тегов и их атрибутов. Так же есть заготовки кода (Code Snippets).

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

Является наиболее популярным HTML-редактором на рынке, главным образом за счёт популярности пакета Microsoft Office. В программе предлагаются мощные функции и привлекательный пакет программ, включая Image Composer, который предназначен для создания изображений (Приложение В). Во FrontPage также содержатся WEB-компоненты, необходимые для добавления интерактивных свойств web-узлу. Microsoft FrontPage является классическим WYSIWYG-редактором, в котором, однако, присутствует возможность ручной правки кода .

В программе имеется три режима работы с документом: Normal, HTML и Preview.

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

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

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

FrontPage имеет конструктор таблиц, существенно облегчающий их создание. Одним из основных преимуществ программы является большое количество имеющихся шаблонов, позволяющих пользователю не ломать голову над дизайном своего проекта. Выбрав необходимый шаблон, можем приступать непосредственно к наполнению страницы контентом. Вот тут то и ощущается вся прелесть FrontPage: процесс создания HTML-страницы ничем не отличается от создания обычного текстового документа в Microsoft Word. Нам доступны те же средства для редактирования текста, смены его форматирования, создания и редактирования таблиц, вставки различных объектов и изображений и всё это без знания HTML. FrontPage делит рабочую область на несколько блоков, содержащих определенные элементы страницы - рисунки, текст, заголовки и проч. Для каждого блока можно назначить свои параметры форматирования и расположения его относительно страницы.

Минусы: небольшой набор инструментов разработки, невозможность отдельного приобретения программы. Microsoft FrontPage неплохо подойдет в качестве HTML-редактора на первое время, однако с ростом потребностей его возможностей может не хватить. Есть и обратная сторона медали - сложность и громоздкость полученного кода, что естественно, сказывается на конечном размере документа. Также в дальнейшем будет весьма сложно вносить изменения в подобный документ. Но это скорее недостаток не конкретного продукта, а практически всех WYSIWYG-редакторов (What You See Is What You Get - "что видите, то и получите").

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

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

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

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

Web-страницы могут содержать много элементов – текст HTML, растровые изображения, векторную графику. В Illustrator можно использовать фрагменты для определения границ различных web-элементов в объекте. Web-страница делится на ячейки которые представляются в трёх типах: изображения, без изображения, HTML-текст.

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

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

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

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

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

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

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

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

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

CorelDraw демонстрирует качества мощного визуального редактора web-страниц: пользователь получает возможность генерировать развитые HTML-документы, которые могут включать сценарии JavaScript и таблицы стилей CSS.

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

При размещении изображений на странице одна из наиболее важных задач - оптимизация размера файлов изображений. Рекомендуемый "потолок" общего размера страницы – от 100 до 150 кбайт. Уменьшение размера файлов изображений выполняется сжатием файлов и уменьшением количества цветов. Эти задачи доступны для любой из графических программ, перечисленных выше .

Заключение

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

Спектр социальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, все время расширяется за счет пользователей, не относящихся к категории специалистов в области информационных технологий. Это врачи, строители, историки, юристы, финансисты, спортсмены, путешественники, священнослужители, артисты, писатели, художники. Список можно продолжать бесконечно. Любой, кто ощутил полезность и незаменимость Сети для своей профессиональной деятельности или увлечений, присоединяется к огромной армии потребителей информации во "Всемирной Паутине".

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

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

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

Создание и разработка сайтов включает:

· утверждение первоначального технического задания на разработку сайта;

Список использованных источников

1.Борисенко А.А. Web-дизайн. Просто как дважды два. – М.: Эксмо, 2008.- 320 с.

2. Бурлаков М. В. CorelDRAW 12. – СПб.; БХВ-Петербург, 2004. – 688 с.

3. Джамса Крис. Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS,JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. Пер с англ./Крис Джамса, Конрад Кинг, Энди Андерсон - М.: ООО "ДиаСофтЮП", 2005.- 672 с.

4. Дунаев В. Самоучитель JavaScript, 2-е изд. – СПб.: Питер, 2005. – 395 с.

5. Зольников Д.С. PHP5. Как самостоятельно создать сайт любой сложности. – 2-е изд. стер. – М.: НТ Пресс, 2007. – 272с.

6. Инькова Н. А., Зайцева Е. А., Кузьмина Н. В., Толстых С. Г. Создание Web-сайтов: Учебно-методическое пособие. Ч. 5. Тамбов: Изд-во Тамб. гос. техн. ун-та, 2005. – 56 с.

7. Мазуркевич А. РНР: настольная книга программиста /Александр Мазуркевич, Дмитрий Еловой. – Мн.: Новое знание, 2006. – 495 с.

8. Мак-Клелланд Дик. Photoshop 7. Библия пользователя. : Пер. с англ. – М.: Издательский дом "Вильяме", 2006. - 928 с.

9. Орлов Л. В. Web-сайт без секретов. / Л. В. Орлов. – 2-е изд. – М.: Бук-пресс, 2006. – 512 с.

10. Полонская Е.Л. Язык HTML. Самоучитель.: - М.: Издательский дом "Вильяме", 2005.- 320 с.

11. Создание Web-страниц и Web-сайтов. Самоучитель: [учеб. пособие] / под ред. В. Н. Печникова. – М.: Изд-во Триумф, 2006.- 464 с.

12. Якушев, Л. В. Начинаем работать в Интернет. Краткое руководство. – М.: Издательский дом "Вильяме", 2006. -128 с

Введение

· избыточность или недостаток представленной информации;

Предмет исследования– web-технологии.

Объект – среды и языки разработки web-приложений.

1) рассмотреть основные понятия web-технологий;

2) привести различные классификации web-приложений, используемых в предпринимательской деятельности;

3) рассмотреть психофизические требования к web-приложениям;

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

5) проанализировать функциональные возможности сред по созданию web-приложений.

В настоящее время с точки зрения назначения различают три основных типа порталов:

Другие наиболее распространённые web-приложения:

· Файлы для скачивания;

· Фотогалереи;

· Элементы статистики;

· Хранение в интернете различной информации;

· Серверы почтовых рассылок, они предлагают услуги по доставке информации широкому кругу читателей (subscribe.ru);

· Интернет-магазины и аукционы (ozon.ru, molotok.ru).

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

Вторым этапом будет построение информационной архитектуры сайта.

· название компании или логотип в левом верхнем левом углу

· индивидуальный слоган для сайта, состоящий из одного предложения

В разделе "О нас" необходимо представить основные сведения о компании:

· контактная информация;

· философия организации (видение бизнеса, связи с обществом, стремления);

· основные исторические вехи;

Для того, что бы страницы было удобно просматривать, мы будем использовать:

· выделение ключевых слов;

· грамотно составленные заголовки;

· списки с маркерами;

· стиль перевёрнутой пирамиды (где статья начинается с заключения);

· меньшее количество слов, чем в обычной статье;

· минимум мало понятных терминов;

· указание даты создания сообщения (что бы знать на сколько, оно актуально на данный момент);

· контекстную информацию атрибута " ALT".

· электронные заголовки часто выводятся вне контекста:

· в списке статей на сайте;

· в заголовках сообщений электронной почты;

· в результатах поиска;

· в закладках браузера.

Итак, секрет успеха в том, что бы совместить рекламу с целями пользователей.

· отсутствие кнопки "Закрыть";

· четко указывать, что произойдёт по щелчку по ней;

· даёт дополнительную информацию о себе без надобности покидать текущую страницу.

1) понимание работы интерфейса;

2) концентрация внимания на определённых элементах.

Необходимо отдельное упоминание каждой проблемы, что бы ни повторять её в дальнейшем.

Средства разработки Web-приложений

Области применения языков программирования для разработки Web-приложений

Где стоит использовать Ajax:

· Формы. Они очень медленны. Если асинхронно передавать данные, страница не перезагружается.

· Фильтры. Часто на сайтах делают сортировку по дате, по имени. Ajax это будет значительно удобнее.

JavaScript

Основные области применения JavaScript делятся на следующие категории:

· динамическое создание документа с помощью сценария;

· оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер;

· создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа;

VBScript

Вот некоторые примеры задач, которые можно решать с помощью Perl:

· проверка пользователей Windows NT на несоответствие их статуса и возможностей;

· может работать и с протоколом FTP;

· системная поддержка UNIX и Windows.

У Dreamweaver множество плюсов:

Программа Dreamweaver поддерживает "чистый" HTML код, а также последние расширения DHTML и CSS.

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

Поддерживает расширения, как сторонних разработчиков, так и самой Macromedia (более 500).

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

В программе имеется три режима работы с документом: Normal, HTML и Preview.

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

Заключение

Создание и разработка сайтов включает:

· утверждение первоначального технического задания на разработку сайта;

· определение структурной схемы сайта - расположение разделов, контента и навигации;

· web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;

· разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;

· тестирование и размещение сайта в сети интернет.

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

это текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера

Список использованных источников

1. Борисенко А.А. Web-дизайн. Просто как дважды два. – М.: Эксмо, 2008.- 320 с.

2. Бурлаков М. В. CorelDRAW 12. – СПб.; БХВ-Петербург, 2004. – 688 с.

4. Дунаев В. Самоучитель JavaScript, 2-е изд. – СПб.: Питер, 2005. – 395 с.

5. Зольников Д.С. PHP5. Как самостоятельно создать сайт любой сложности. – 2-е изд. стер. – М.: НТ Пресс, 2007. – 272с.

8. Мак-Клелланд Дик. Photoshop 7. Библия пользователя. : Пер. с англ. – М.: Издательский дом "Вильяме", 2006. - 928 с.

9. Орлов Л. В. Web-сайт без секретов. / Л. В. Орлов. – 2-е изд. – М.: Бук-пресс, 2006. – 512 с.

10. Полонская Е.Л. Язык HTML. Самоучитель.: - М.: Издательский дом "Вильяме", 2005.- 320 с.

12. Якушев, Л. В. Начинаем работать в Интернет. Краткое руководство. – М.: Издательский дом "Вильяме", 2006. -128 с

Форма программы курса: 1. Название. Средства эффективной разработки Web-приложений. 2. Рекомендуется студентам 2-3 курса, знакомым с основами программирования и ООП, HTML и C#. 3. Лекции - часов, лабораторные работы 4. Аннотация (200 слов max) 5. Содержание (программа) Оглавление Тема 1. Предмет и задачи дисциплины. Определение и структура веб- приложений. Классификация веб-приложений. .....................................................................2 Тема 2. Основы проектирования веб-приложений. Жизненный цикл веб- приложения. Тестирование под нагрузкой. ............................................................................4 Тема 3. Основы проектирования веб-приложений. Веб-сайты. Веб-сервисы......7 Тема 4. Visual Web Developer Express Edition. Общее представление о продукте как о средстве разработки динамических веб-приложений. .................................................8 Тема 5. Базовые возможности Visual Web Developer Express Edition. Разработка интерфейса пользователя........................................................................................................21 Тема 6. Особенности отладки и тестирования веб-приложения. Средства отладки веб-приложения. Точки останова, обработка исключений, инспекция переменных. 28 Тема 7. Базовые возможности Visual Web Developer Express Edition. Средства администрирования веб-сайтов..............................................................................................33 Тема 8. Защита веб-сайтов.......................................................................................37 Тема 9. Доступ к данным Visual Web Developer Express Edition. Элементы управления, связываемые с данными. ...................................................................................40 Тема 10. Дополнительные возможности Visual Web Developer Express Edition. Структура сайта и навигация. Персонализация. Технология Web parts. ...........................47 Лабораторные работы.....................................................................................................53 1 Тема 1. Предмет и задачи дисциплины. Определение и структура веб-приложений. Классификация веб-приложений. Курс знакомит слушателя с таким классом программ, как веб-приложения, с теоретическими основами проектирования и разработки и с техническими средствами веб-разработки. Существует несколько определений веб-приложения. Веб-приложение - совокупность программ, реализующих обработку данных в определенной области применения в среде Веб. Веб-приложение – это вспомогательные программные средства, предназначенные для автоматизированного выполнения каких-либо действий на Web-серверах. При этом они используют в качестве пользовательских интерфейсов Web-браузеры. Обычно Web- приложения создаются в разных вариантах архитектуры клиент-сервер. Веб-приложение – это приложение, выполняющееся на веб-сервере, доступ к которому осуществляется путем передачи-получения пакетов по протоколу HTTP. В данном курсе под веб-приложением понимается класс приложений, компоненты которых выполняют автоматизированную обработку данных, взаимодействуя в веб-среде. Обобщенная архитектура веб-приложения – это модель клиент-сервер, в которой компоненты приложения разделяются на клиентские и серверные, и взаимодействуют компоненты путем передачи и получения пакетов по протоколу HTTP. В качестве клиента выступает веб-браузер, а в качестве сервера – веб-сервер. HTTP-пакеты клиент сервер Рис. 1 Обобщенная архитектура веб-приложения Задачи веб-сервера – это выполнение определенного набора функций по обработке данных и предоставление интерфейса (программного или пользовательского) по протоколу HTTP для доступа к этим функциям. Серверный компонент веб-приложения получает запрос от клиента и выполняет обработку данных, после этого формирует ответ и/или веб-страницу и отправляет пакет данных клиенту по сети с использованием протокола HTTP. Серверные компоненты веб-приложения могут выступать в качестве клиента других служб (сервисов), например, базы данных или другого веб-приложения, расположенного на другом сервере. Одним из преимуществ такого подхода является то, что клиенты не зависят от конкретной операционной системы пользователя, и веб-приложения, таким образом, являются межплатформенными сервисами. Классификация веб-приложений 1. по степени связанности (сопряжения) компонентов системы: a. слабо сопряженные b. сильно связанные Степень связанности (сопряженности) компонентов системы – это степень, в которой каждый из компонентов зависит других модулей системы. Степень связанности может быть высокой (сильной) или низкой (слабой). Приложение является слабо сопряженным, если его компоненты взаимодействуют между собой по неизменным интерфейсам и не зависят от внутренней реализации каждого из компонентов. В таком приложении модификация реализации одного из компонентов не требует изменений в реализации других компонентов. В сильно связанном приложении, наоборот, функционирование одного из компонентов зависит от внутренней реализации других компонентов, и потому изменения в этих компонентах приводят к изменениям в 2 зависимом компоненте. Кроме того, отдельные компоненты сильно связанного приложения сложны для понимания, если рассматривать их без зависимых компонентов этого приложения. Также наличие сильных связей между компонентами затрудняет их независимое тестирование. 2. по количеству логических уровней в инфраструктуре приложения. a. двухуровневые b. n-уровневые Логическую структуру приложения можно разделить на три слоя - пользовательские сервисы (уровень представления), прикладные сервисы (уровень бизнес-логики) и сервисы данных. Пользовательские сервисы – это интерфейс системы с пользователем, который позволяет пользователю управлять системой, а системе – предоставлять результат действий пользователя. Прикладные сервисы реализуют бизнес- логику приложения, т.е. определяют бизнес-объекты и их взаимодействия. Таким образом прикладные сервисы реализуют алгоритмы обработки данных в соответствии запросам пользователей и бизнес-правилам. Сервисы данных обеспечивают хранение данных и методы доступа к ним. В случае, если два первых логических уровня (пользовательские и прикладные сервисы) объединены в один уровень инфраструктуры, то такое приложение имеет двухуровневую архитектуру. Если же каждому логическому уровню соответствует отдельный уровень инфраструктуры – то это трехуровневое приложение, которое является наиболее распространенным случаем n-уровневого варианта. Введение в инфраструктуру дополнительного уровня позволяет заменять или модифицировать любой из уровней при необходимости. Например, изменение операционной системы клиента на уровне представления данных потребует изменения только кода пользовательского интерфейса, бизнес-логика и уровень доступа к данным останутся неизменными. 3. по виду предоставляемой пользователю информации a. статические b. динамические Динамические приложения содержат изменяющееся информационно-значимое наполнение (контент), а статическое веб-приложение содержит неизменное наполнение. Требования к веб-приложениям Качество разрабатываемого приложения определяется тем, насколько оно соответствует тем требованиям, которые были заложены на стадии проектировании системы. Все требования к приложениям, в том числе и веб-приложениям, разделяют на функциональные и нефункциональные. Функциональные требования определяют ту функциональность системы, которую разработчики должны построить, чтобы пользователи смогли выполнить свои задачи в рамках своих бизнес-процессов. Нефункциональные требования представляют собой описание характеристик приложения, важных для пользователя при работе с системой. Рассмотрим, какие характеристики задают нефункциональные требования к системе: надежность. Формально, надежность – это свойство приложения сохранять во времени в установленных пределах значения всех параметров, характеризующих способность выполнять требуемые функции в заданных режимах и условиях применения (ГОСТ 27.002-89). Т.е. требования к надежности приложения определяются условиями функционирования приложения (параметры сервера, максимальное количество пользователей приложения) и допустимыми показателями качества работы системы в этих условиях (время обработки запроса пользователя к системе, количество отказов системы). Таким образом, надежное веб-приложение должно обеспечивать доступ ко всем функциям для пользователя при любых 3 условиях (т.е. все возможные условия для данного приложения должны быть рассмотрены и учтены при проектировании системы). быстродействие приложения. Быстродействие определяется как среднее время обработки запроса пользователя к системе. Максимальным приемлемым временем отклика для веб-приложений считается 5 секунд. безопасность. Требование безопасности веб-приложения включает в себя: разграничение прав доступа к функциям и данным каждого компонента веб- приложения может, контроль уровня доступа компонентов и/или пользователей, авторизация и верификация пользователей. масштабируемость – это способность системы увеличивать свою производительность при повышенной нагрузке и добавлении ресурсов. Для пользователя масштабируемого веб-приложения должен оставаться незаметным момент (т.е. время отклика системы на запросы пользователя не должно заметно изменяться), когда возрастет нагрузка (например, к приложению получают доступ одновременно еще несколько пользователей), и при изменении конфигурации приложения (например, если на уровень бизнес-логики будет добавлен дополнительный компонент обработки данных). Более подробно о требованиях, предъявляемых к приложению, и о методах их сбора, анализа и контроля, можно прочитать в книге . Тема 2. Основы проектирования веб-приложений. Жизненный цикл веб-приложения. Тестирование под нагрузкой. Рассмотрим основные этапы создания веб-приложения. Процесс разработки веб- приложения, как и любой информационной системы, определяется понятием «жизненный цикл». Модель жизненного цикла (life cycle model) – это структура, состоящая из процессов, работ и задач, включающих в себя разработку, эксплуатацию и сопровождение программного продукта, охватывающая жизнь системы от установления требований к ней до прекращения ее использования. Основным нормативным документом, регламентирующим жизненны цикл программного обеспечения, является международный стандарт ISO/IEC 12207. Этот стандарт определяет процессы, работы и задачи, которые используются: при приобретении системы, содержащей программные средства, или отдельно поставляемого программного продукта; при оказании программной услуги, а также при поставке, разработке, эксплуатации и сопровождении программных продуктов. Структура жизненного цикла базируется на трех группах процессов: основные процессы жизненного цикла программного обеспечения (заказ, поставка, разработка, эксплуатация, сопровождение); вспомогательные процессы, обеспечивающие выполнение основных процессов (документирование, управление конфигурацией, обеспечение качества, верификация, аттестация, оценка, аудит, решение проблем); организационные процессы (управление проектами, создание инфраструктуры проекта, определение, оценка и улучшение самого ЖЦ, обучение). Жизненный цикл имеет 4 фазы: 1) анализ и планирование требований. На этом этапе определяется набор функций, которые должна выполнять система с выделением приоритетных, которые должны быть реализованы быстрее всего; проводится описание информационных потребностей системы; определяются материальные затраты, аппаратные средства и устанавливаются сроки выполнения работ. 2) проектирование системы, может происходить с использование CASE-средств. На этой стадии анализируются функций системы и связи между ними, устанавливаются требования разграничения доступа к данным, к необходимой документации, Принимается 4 ешение о разделении системы на подсистемы. Результат выполнения этапа – общая модель объектов и связей между ними, функциональная модель в целом и каждой подсистемы, точно определенные с помощью CASE-средств интерфейсы, построение прототипов экранов, диалогов, отчетов. 3) построение (реализация и тестирование системы). На этом этапе происходит разработка приложения – генерация или разработка кодов, интеграция всей системы в целом. Результат этапа – готовая система, отвечающая всем требованиям, выдвинутым на первом этапе. 4) внедрение системы и обучение пользователей. Основные виды моделей жизненного цикла: каскадная модель спиральная модель При работе по каскадной модели производится разбиение всей разработки на этапы (фазы), причем переход с одного этапа на следующий происходит только после того, как будет полностью завершена работа на текущем. Каждый этап завершается выпуском полного комплекта документации, достаточной для того, чтобы разработка могла быть продолжена другой командой разработчиков. Положительные стороны применения каскадного подхода заключаются в следующем: на каждом этапе формируется законченный набор проектной документации, отвечающий критериям полноты и согласованности; выполняемые в логичной последовательности этапы работ позволяют планировать сроки завершения всех работ и соответствующие затраты. Последовательность работ в рамках каскадной модели следующая: Рис. 2 Каскадная модель жизненного цикла Каскадный подход хорошо зарекомендовал себя при построении систем, для которых в самом начале разработки можно достаточно точно и полно сформулировать все требования, с тем, чтобы предоставить разработчикам свободу реализовать их как можно лучше с технической точки зрения. В эту категорию попадают сложные расчетные системы, системы реального времени и другие подобные задачи. Однако, в процессе использования этого подхода обнаружился ряд его недостатков, вызванных прежде всего тем, что реальный процесс создания ПО никогда полностью не укладывался в такую жесткую схему. Основным недостатком каскадного подхода является существенное запаздывание с получением результатов. Согласование результатов с пользователями производится только в точках, планируемых после завершения каждого этапа работ, требования к ИС "заморожены" в виде технического задания на все время ее создания. Таким образом, пользователи могут внести свои замечания только после того, как работа над системой будет полностью завершена. Альтернативная модель – это спиральная модель жизненного цикла. Эта модель учитывает необходимость постоянного пересмотра, уточнения и оценки проектных требований. В модели делается упор на начальные этапы цикла: анализ и проектирование. На этих этапах реализуемость технических решений проверяется путем создания 5 прототипов. Каждый виток спирали соответствует созданию фрагмента или версии системы, на нем уточняются цели и характеристики проекта, определяется его качество и планируются работы следующего витка спирали. Таким образом, углубляются и последовательно конкретизируются детали проекта и в результате выбирается обоснованный вариант, который доводится до реализации. Такой подход может быть очень эффективным при быстрой разработке небольших проектов. Он стимулирует активное взаимодействие между проектной группой и заказчиком, поскольку заказчик оценивает ход и результаты работы на протяжении всего проекта. Недостатком спиральной модели является отсутствие четких вех (контрольных точек между этапами жизненного цикла проекта), что может привести к хаотизации процесса разработки. Рис. 3 Спиральная модель жизненного цикла Microsoft была разработана методология MSF, Microsoft Solution Framework. Эта модель сочетает в себе свойства двух стандартных производственных моделей: каскадной (waterfall) и спиральной (spiral). Она сохраняет преимущества упорядоченности каскадной модели, не теряя при этом гибкости и творческой ориентации модели спиральной. Модель процессов MSF учитывает постоянные изменения проектных требований. Она исходит из того, что разработка решения должна состоять из коротких циклов, создающих поступательное движение от простейших версий решения к его окончательному виду. В методологии MSF жизненный цикл проекта разбивается на 5 фаз (этапов): 1. Фаза выработки концепции – на этом этапе происходит определение целей и границ проекта, оценка рисков проекта. 2. Фаза планирования включает в себя подготовку спецификации требований к проекту, оценку проектных затрат и сроков разработки различных составляющих проекта. 3. Фаза разработки – на этой фазе разработки проектная группа фокусируется на создании компонент решения (включая как документацию, так и программный код). Однако некоторая часть этой работы может продолжаться также на фазе стабилизации, если такая необходимость выявлена в процессе тестирования. Данная фаза также включает в себя разработку инфраструктуры. 4. Фаза стабилизации. Во время фазы стабилизации производится тестирование разработанного решения. При этом внимание фокусируется на его эксплуатации в реалистичной модели производственной среды. 5. Фаза внедрения. Во время этой фазы проектная группа внедряет технологии и компоненты решения, стабилизирует внедренное решение, передает работу персоналу поддержки и сопровождения и получает со стороны заказчика окончательное одобрение результатов проекта. По завершению внедрения проектная группа производит анализ выполненной работы и удовлетворенности заказчика. Во время этой фазы по ходу переноса компонент решения из среды 6 тестирования в производственную среду могут продолжаться меры по стабилизации решения. Эта методология разработки программного обеспечения описывает управление людьми (проектной группой) и рабочими процессами в процессе разработки решения. MSF представляет собой согласованный набор концепций, моделей и правил. В рамках MSF программный код, документация, дизайн, планы и другие рабочие материалы создаются итеративными методами. MSF рекомендует начинать разработку решения с построения, тестирования и внедрения его базовой функциональности. Затем к решению добавляются все новые и новые возможности. Такая стратегия именуется стратегией версионирования. Несмотря на то, что для малых проектов может быть достаточным выпуск одной версии, рекомендуется не упускать возможности создания для одного решения ряда версий. С созданием новых версий эволюционирует функциональность решения. Подробное описание методологии MSF приведено на сайте Microsoft. Тема 3. Основы проектирования веб-приложений. Веб-сайты. Веб-сервисы. Веб-сайт - это одна или совокупность веб-страниц, доступных в интернете через протоколы HTTP/HTTPS. Страницы веб-сайта объединены общим корневым адресом, а также обычно темой, логической структурой, оформлением и/или авторством. Информация, предоставляемая пользователю на сайте, может быть статическая, и сервер в этом случае является только хранилищем страниц веб-сайта, которые он по запросу клиента пересылает в неизменном виде. Другая схема работы веб-приложения появляется в случае, если веб-сайт работает с динамической информацией, т.е. информация должна зависеть от того, кто и в какой момент времени получает к ней доступ. Динамический сайт может содержать флеш- заставки, ролики, анимацию, а также отдельные статические страницы. Рассмотрим плюсы и минусы статического веб-сайта. К плюсам относится сравнительно невысокая стоимость разработки и технической поддержки (хостинг). Минусом является необходимость модификации программного кода, если требуется изменить контент сайта. При увеличении объемов сайта становится проблематично поддерживать его целостность. Динамический сайт позволяет обеспечить двусторонний обмен информацией между пользователем и приложением, а также он более удобен в управлении и поддержании, т.к. для этого не требуется вносить изменения в код страниц. При этом динамический сайт дороже в технической поддержке, чем статический, требует большее количество ресурсов сервера. В статическом веб-приложении отсутствует разделение логических уровней приложения на уровень представления, уровни обработки и доступа к данным. В динамическом приложении такое разделение появляется. Данные хранятся уже не в коде веб-страниц, а в отдельных файлах или в базе данных (БД). Уровень обработки данных может быть выполнен как монолитный компонент веб-приложения, либо отдельные компоненты могут быть выделены в виде специальных веб-сервисов, программных, доступ к которым осуществляется через Web. Использование таких компонентов улучшает масштабируемость системы, делает компоненты повторно используемыми. Веб-сервисом называется программная система, идентифицируемая строкой URI, чьи публичные интерфейсы и привязки определены и описаны посредством XML. Описание этой программной системы может быть найдено другими программными системами, которые могут взаимодействовать с ней согласно этому описанию 7 посредством сообщений, основанных на XML, и передаваемых с помощью Интернет- протоколов. Веб-сервисы обеспечивают следующие преимущества системе: взаимодействие программных компонентов возможно вне зависимости от платформы, благодаря использованию протокола HTTP возможно взаимодействие компонентов через веб. С точки зрения логической организации веб-сервисов: Назовем сервисом (service) ресурс, реализующий бизнес-функцию, обладающий следующими свойствами: является повторно используемым; определяется одним или несколькими явными технологически-независимыми интерфейсами; слабо связан с другими подобными ресурсами и может быть вызван посредством коммуникационных протоколов, обеспечивающих возможность взаимодействия ресурсов между собой. То есть использование веб-сервисов позволяет ослабить связанность компонентов веб-приложения. Для предоставления конечному пользователю тех функций, которые реализуются веб-сервисом, требуется организовать взаимодействиех трех компонентов: источника запроса к веб-сервису, поставщика веб-сервиса и брокера веб-сервисов, выступающего посредником между источником и поставщиком веб-сервиса. Рис. 4 Веб-сервис. Взаимодействие компонентов. SOAP (Simple Object Access Protocol) – это протокол обмена сообщениями между поставщиком и потребителем веб-сервиса, протокол основан на XML и HTTP. WSDL (Web Service Description Language) – язык, представляет собой XML-схему, которая описывает методы и параметры Web-сервиса. XML-схема – это набор тэгов, используемых в XML-документе. Она позволяет точно определить, какие данные содержатся в соответствующем XML-документе, проверить его целостность. Протокол UDDI (Universal Description, Discovery, and Intgration) – это не зависящий от платформы, открытый каркас описания сервиса, поиска и интегрирования сервисов в веб. Более подробно смотрите на сайте www.uddi.com . Тема 4. Visual Web Developer Express Edition. Общее представление о продукте как о средстве разработки динамических веб-приложений. Мы познакомились с теоретическими основами проектирования веб-приложений, следующий шаг – применение полученных знаний при разработке приложения. 8 Разработка сложных веб-приложений с нуля – трудоемкая задача, требующая от разработчиков навыков проектирования и разработки информационных систем. Для людей, начинающих свой путь в области веб-разработки, решение этой задачи становится более доступным с использованием средств разработки, ориентированных именно на потребности начинающих пользователей. Популярной средой разработки, удовлетворяющей этому требованию, является продукт Microsoft Visual Web Developer Express Edition. Для каждого из уровней веб-приложения (интерфейс, бизнес-логика, данные) VWD предлагает инструментарий эффективной разработки (см.ниже). Веб-приложения в Visual Web Developer Express Edition строятся на основе технологии ASP.NET. ASP.NET - это платформа для разработки и выполнения приложений на веб-сервере, включающая в себя объекты и элементы управления времени разработки и контекст среды выполнения. ASP.NET, в свою очередь, является частью.NET Framework, а потому обеспечивает доступ ко всем возможностям этой платформы. Например, можно создавать веб-приложения ASP.NET на любом языке программирования.NET (Visual Basic, C#, управляемые расширения для C++ и многие другие) и средств отладки.NET. Доступ к данным осуществляется средствами ADO.NET. Аналогично, можно обращаться к службам операционной системы, используя классы.NET Framework, и т. д. Веб-приложения ASP.NET выполняются на веб-сервере, настроенном на работу с Microsoft Internet Information Services (IIS). Однако необязательно работать с IIS напрямую. Можно программировать средства IIS, используя классы ASP.NET, а Visual Web Developer Express Edition будет выполнять задачи управления файлами, такие как создание приложений IIS по мере необходимости и обеспечение способов развертывания веб-приложений в IIS. Преимущество использования Visual Web Developer Express Edition для создания веб-приложений заключается в том, что эта среда предоставляет инструментальные средства, благодаря которым процесс разработки приложений становится намного быстрее, проще и надежнее. В число этих инструментов входят: Визуальные конструкторы для веб-страниц с прототипами элементов управления и режимом просмотра кода (HTML), в котором предусмотрена возможность проверки синтаксиса кода. Оптимизированные редакторы кода, включающие в возможности возможности IntelliSense. IntelliSense в Visual Web Developer Express Edition – это средство, обеспечивающее быстрый доступ пользователя ко всем возможностям языка программирования. Оно позволяет в режиме редактирования программного кода производить поиск по элементам языка, выбирать подходящий элемент и добавлять его в код. Intellisense предоставляет следующие возможности: o просмотр списка членов класса (структуры, объединения или пространства имен) для указываемого объекта этого класса. Выбранный в этом списке член класса, будет добавлен в программный код. o просмотр списка параметров функции, указанной в коде. Информация о фунации включает в себя имена и типы всех параметров, тип возвращаемого значения. o доступ к информации о переменной. Эта функция позволяет, выбрав идентификатор переменной в коде, увидеть, как была объявлена эта переменная. o автозавершение. Эта функция завершает недописанные названия переменных, функций, когда введено достаточно символов для разрешения неоднозначности имен. o Автоматический контроль соответствия открывающих и закрывающих скобок и незамкнутых сегментов кода. Встроенные средства компиляции и отладки. 9 Средства управления проектом для создания файлов приложения и управления ими, включая развертывание на локальном или удаленном сервере. Элементы веб-приложений ASP.NET Создание веб-приложений ASP.NET включает в себя работу со многими элементами из тех, что используются в любом клиент-серверном приложении. В их число входят: Интерфейс пользователя. Приложение, как правило, выводит данные на экран пользователю; в веб-приложении ASP.NET интерфейс пользователя представлен в виде страниц Web Forms, которые направляют выводимые данные в обозреватель. При необходимости можно создать вывод, специально рассчитанный на работу с мобильными устройствами или другими веб-устройствами. Компоненты. Многие веб-приложения можно разделить на компоненты, которые содержат код для выполнения определенных задач и могут быть использованы повторно. Эти компоненты можно создавать в виде веб-служб XML, которые позволяют вызывать эти компоненты через Интернет, например из веб- приложения, другой веб-службы или формы Windows Forms, и использовать их повторно. Данные. Для большинства приложений требуется доступ к данным в той или иной форме. В Visual Web Developer Express Edition для этого можно использовать ADO.NET (службы данных, являющиеся частью.NET Framework). Создание веб-приложения в среде Visual Web Developer Express Edition Рассмотрим последовательность действий для создания простейшего веб- приложения в Visual Web Developer Express Edition. Это будет веб-сайт, выводящий некоторое сообщение (например, «Hello World») при нажатии кнопки. Новый веб-сайт можно создать, выбрав пункт меню File | New web site. Появившееся диалоговое окно предлагает выбрать тип сайта, который вы хотите создать – это может быть ASP.NET Web Site, Empty Web Site, ASP.NET Web Service, Personal web Site Starter Kit. Если вы выберете шаблон ASP.NET Web Site, то Visual Web Developer Express Edition сгенерирует минимальное число файлов, необходимых для создания веб-сайта. Будут созданы одна веб-страница, пустой каталог Data, и.sln-файл проекта. Если вы выберете шаблон ASP.NET Web Service, то Visual Web Developer Express Edition сгенерирует минимальное число файлов, необходимых для создания веб-сервиса. Если вы выберете шаблон Empty Web Site – будет создан лишь пустой каталог и.sln-файл проекта. Если же будет выбран шаблон Personal web Site Starter Kit, то Visual Web Developer Express Edition задействует стартовый набор, образец персонального веб-сайта с некоторыми встроенными возможностями. В списке Location вы можете выбрать местонахождение для создаваемого Web- сайта. В вашем распоряжении - три варианта: HTTP - традиционный способ доступа к Web-сайту по протоколу HTTP с использованием FrontPage Server Extensions (аналогично используемому в предыдущих версиях); FTP - доступ к сайту будет производиться по протоколу FTP; File system - новая возможность ASP.NET 2.0, предлагаемая по умолчанию. При ее выборе будет создан Web-сайт просто в каталоге файловой системы локального компьютера, а для отладки будет использован интегрированный в ASP.NET отладочный Web-сервер. После окончания разработки приложения его необходимо будет опубликовать на обычном Web-сервере Internet Information Server. Для нашего примера выбираем шаблон ASP.NET Web Site. Вводим название сайта – HelloWorld, и путь к нему, указываем язык программирования – Visual C#. 10

Тенденции развития программного обеспечения требуют, чтобы и отдельно стоящий компьютер был снабжён сетевыми программными средствами (браузерами, программными реализациями протоколов). Особенностью программного обеспечения компьютерных сетей на современном этапе развития является чрезвычайно широкий спектр используемых программных средств и языков программирования. Это обусловлено динамичным развитием и огромным разнообразием компьютерных сетей и связанных с ними технологий. В таких условиях ни одна технология или язык программирования не могут иметь решающего превосходства над другими. Данная ситуация заставляет специалиста, занятого разработкой программного обеспечения, одновременно осваивать и использовать в практической работе большое число средств разработки и языков программирования.

Например, даже для создания обычной интерактивной WEB-страницы, соответствующей современным требованиям, необходимо знание языка гипертекстовой разметки HTML, каскадных таблиц стилей (CSS) и более сложные технологии разработки приложений на стороне сервера как PHP. Кроме того для разработки серверной части программного обеспечения программист должен владеть средствами доступа к базам данных с помощью языка запросов Mysql.

Денвер: автоматизация установки инструментария.

Установка сервера Apache и сопутствующих программ вручную может оказаться довольно утомительным занятием. Дело в том, что придется разбираться с многочисленными параметрами конфигурации Apache, PHP и MySQL, которые никогда вам больше не пригодятся.

Денвер - универсальный инсталлятор, способный упростить установку всех программ, необходимых Web-программисту, это те же самые дистрибутивы Apache, PHP, MySQL, Perl, объединенные в единый архив, снабженные удобным инсталлятором и утилитами настройки под конкретную машину (включая средства автоматического конфигурирования виртуальных хостов).

Денвер представляет собой полностью автоматизированное средство.

Условия использования.

Денвер создавался для того, чтобы упростить настройку и установку свободно

распространяемых программ (Apache, PHP, MySQL и т.д.). Естественно, он может

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

Денвер имеет модульную структуру. Его ядро - так называемый «базовый пакет». Все остальные компоненты поставляются в виде автономных пакетов расширений", для работы которых нужен базовый пакет.

Состав базового пакета.

Базовый пакет содержит большинство необходимых Web-программисту программ и утилит:

Apache с поддержкой SSI, mod_rewrite, modphp;

PHP с поддержкой GD и MySQL;

MySQL с поддержкой транзакций (nrysqld-max);

PhpMyAdmin - система управления MySQL через Web-интерфейс; полностью

заменяет командную строку MySQL;

ядро Perl без стандартных библиотек;

эмулятор sendmail;

поддерживается работа совместно с РНР и Perl;

дистрибутив, содержащий все перечисленные выше компоненты, занимает всего около 2 Мбайт.

Дополнительные пакеты расширения

Так же доступно множество пакетов расширений для Денвера, содержащих:

документацию ко всем программам, входящим в комплекс;

полную версию Perl со стандартными библиотеками;

полную версию РНР 5;

Поддержка разработчиков .

По адресу http://forum.dklab.ru/denwer/ действует форум, где вы можете получить консультацию у авторов книги по вопросам, касающимся использования Денвера. Он также содержит обширную базу данных вопросов и ответов, которые задавали пользователи за последние два года. На форуме действует гибкая система поиска.

Установка дистрибутива .

Все дистрибутивы представляют собой архивы в формате 7-Zip (http:// 7-zip.org). Формат был выбран потому, что он дает наилучшую степень сжатия.

После приобретения дистрибутива, вам нужно его запустить. Вначале архив будет распакован во временный каталог (нужно немного подождать), а затем автоматически запустится инсталлятор.

Появится запрос, в какой каталог вы хотели бы установить комплекс (по умолчанию используется C:WebServers, вам нужно лишь нажать клавишу , чтобы согласиться с этим выбором). В указанном каталоге будут расположены абсолютно все компоненты системы, и вне его никакие файлы в дальнейшем не создаются (исключая ярлыки на рабочем столе).

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

* Главный конфигурационный файл: /etc/CONFIGURATION.txt.
* Конфигурация Apache httpd.conf: /usr/local/apache/conf/httpd.conf.
* Файлы.htaccess с локальными настройками сайтов: в каталогах документов соответствующих сайтов.
* Конфигурация PHP: php.ini: /usr/local/php/php.ini.
* Конфигурация РНР 3: /usr/local/php3/php3.ini.
* Конфигурация MySQL с транзакциями: /usr/local/mysql/my.cnf.
* Файл hosts - соответствие имен сайтов их IP-адресам:

для Windows 95/98/ME: C:Windowshosts;

для Windows NT/2000/XP: C:WinNTsystem32driversetchosts.

Начать работу с Денвером .

После завершения установки щелкните по ярлыку Denwer на Рабочем столе.

Откройте в браузере страницу http://localhost (хранится в папке home/localhost/www).

HTML

Обмен информацией в Интернет осуществляется с помощью протоколов прикладного уровня, реализующих тот или иной прикладной сервис (пересылку файлов, гипертекстовой информации, почты и т.д.). Одним из наиболее молодых и популярных сервисов Интернет, развитие которого и привело к всплеску популярности самой Интернет, стала World Wide Web (WWW), основанная на протоколе HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекстовой информации). Гипертекстовые документы, представленные в WWW, имеют одно принципиальное отличие от традиционных гипертекстовых документов - связи, в них использующиеся, не ограничены одним документом, и более того, не ограничены одним компьютером. Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language - язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

HTML-документ состоит из текста, представляющего собой содержание документа, и тегов , определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:

Название

Тело документа

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

, и парные, как , в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги также могут иметь параметры - например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: text= «black»> .

Текст всего документа заключается в теги , сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами , в которые могут быть включены название документа (с помощью тегов </i>) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <i><body> </i> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:</p> <p><p>Начало нового абзаца, может иметь параметр, определяющий выравнивание:</p> <p> <p>Перевод строки в пределах текущего абзаца;</p> <p><u></u> - выделение текста подчеркиванием</p> <p>Ссылка на другой документ устанавливается с помощью тега <i><a href= «URL»>…</a> </i>, где URL - полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <i><img src='/the-choice-of-tablet/vybor-sredstv-razrabotki-web-prilozhenii-sredstva-razrabotki-web-prilozhenii/' loading=lazy> </i>.</p> <p><u><b>PHP </b> </u></p> <p>PHP (англ. PHP: HyperText Preprocessor - «PHP: препроцессор гипертекста», англ. Personal Home Page Tools (устар.) - «Инструменты для создания персональных веб-страниц») - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования.</p> <p>РНР - язык, специально нацеленный на работу в Интернете, с универсальным и ясным синтаксисом, сильно похожим на С, сочетающий достоинства Perl и С. Позволяет встраивать программный код в HTML-документы. Мы можем привлекать его для формирования HTML-документов и избавиться от множества вызовов внешних сценариев. Этот язык используется на порядка миллиона серверов по всему миру, и их количество продолжает расти. Новое поколение РНР5 - должно стереть все преимущества Perl перед РНР, как с точки зрения быстродействия обработки программ (а третья и четвертая версии РНР сильно отставали от Perl при обработке больших циклов), так и с точки зрения синтаксиса. Наконец, большинство PHP-сценариев (особенно не очень больших размеров) работают быстрее аналогичных им программ, написанных на Perl.</p> <p><u><b>РНР версии 5 </b> </u></p> <p>Конечно, прежде всего, еще немного возросла скорость работы. Этим мы обязаны переходу на новое ядро системы - Zend Engine 2. Но главная причина смены номера версии с 4 на 5 - это существенное улучшение объектно-ориентированных возможностей РНР и встраивание в ядро интерпретатора двух мощных библиотек: СУБД SQLite и модуля для работы с XML.</p> <p>РНР версии 5 совместим с РНР 4 значительно лучше, чем РНР 4 с РНР 3. Это значит, что программы, разрабатывающиеся в расчете на РНР версии 4, с высокой вероятностью заработают на РНР 5 без всяких изменений.</p> <p>Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. Основные из них:</p> <ul><li>· автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;</li> <li>· взаимодействие с <a href="/getting-started-with-tablet/kak-sdelat-udobnoi-rabotu-s-bolshim-kolichestvom-vkladok-v/">большим количеством</a> различных систем управления базами данных (MySQL, Oracle, Microsoft <a href="/how-to-work-with-your-tablet/sql-nastroika-rezervnogo-kopirovaniya-rezervnoe-kopirovanie/">SQL Server</a>, InterBase, Paradox и др.);</li> <li>· автоматизированная отправка HTTP-заголовков;</li> <li>· работа с HTTP-авторизацией;</li> <li>· работа с cookies и сессиями;</li> <li>· работа с локальными и удалёнными файлами, сокетами;</li> <li>· обработка файлов, загружаемых на сервер;</li> <li>· работа с XForms;</li> </ul><p>В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в апреле 2011 года PHP находился на 5 месте среди языков программирования.</p> <p><u><b>CSS </b> </u></p> <p>CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - язык описания <a href="/reviews/globo-hd-ts-9600-proshivka-dlya-sharinga-vneshnii-vid-i-tehnicheskie-harakteristiki/">внешнего вида</a> документа, написанного с использованием языка разметки, мощный механизм управления представлением отдельных документов или их наборов.</p> <p>CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода.</p> <p>До появления CSS оформление веб-страниц осуществлялось исключительно средствами HTML, непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также <a href="/the-choice-of-tablet/how-to-reduce-the-screen-on-the-keyboard-how-to-reduce-the-scale-of-the-screen/">быстрое изменение</a> этого оформления.</p> <p><b>Преимущества: </b></p> <p>Несколько дизайнов страницы для <a href="/operation-and-maintenance/does-not-enter-fastboot-mode-what-is-the-fastboot-mode-in-android-and-how-to-go-to-it-on-different-devices/">разных устройств</a> просмотра. Например, на экране дизайн будет рассчитан на большую ширину, во время печати меню не будет выводиться, а на КПК и <a href="/setting-up-internet-on-your-tablet/obzor-smartfona-nokia-c7-na-platforme-symbian3-os-symbian-operacionnaya/">сотовом телефоне</a> меню будет следовать за содержимым.</p> <p>Уменьшение времени загрузки страниц сайта за счет переноса правил представления данных в отдельный CSS-файл. В этом случае браузер загружает только структуру документа и данные, хранимые на странице, а представление этих данных загружается браузером только один раз и могут быть закешированы.</p> <p>Простота последующего изменения дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл.</p> <p>Дополнительные возможности оформления. Например, с помощью CSS-вёрстки можно сделать блок текста, который остальной текст будет обтекать (например для меню) или сделать так, чтобы меню было всегда видно при прокрутке страницы.</p> <p><b>Недостатки: </b></p> <p>Различное отображение вёрстки в различных браузерах (особенно устаревших), которые по разному интерпретируют одни и те же данные CSS.</p> <p>Часто встречающаяся необходимость на практике исправлять не только один CSS-файл, но и теги HTML, которые сложным и ненаглядным способом связаны с селекторами CSS, что иногда сводит на нет простоту применения единых файлов стилей и значительно удлиняет время редактирования и тестирования.</p> <p><u><b>MySQL </b> </u></p> <p>Сегодня трудно себе представить сколько-нибудь значимую <a href="/setting-up-internet-on-your-tablet/informacionnaya-sistema-ohvatyvaet-chto-takoe-informacionnaya-sistema/">информационную систему</a>, которая не имела бы в качестве важной составляющей базу данных. Концепции и технологии баз данных складывались постепенно и всегда были тесно связаны с развитием систем автоматизированной обработки информации.</p> <p>Базы данных создаются для хранения и доступа к данным содержащим сведения о некоторой предметной области, или как в нашем случае прайс-лист, то есть в области человеческой деятельности, что в свою очередь упрощает работу и повышает эффективность труда. Это обусловлено динамичным развитием и разнообразием систем управления базами данных.</p> <p><u>MySQL </u> - свободная система управления базами данных (СУБД). MySQL является собственностью компании Oracle Corporation, получившей её вместе с поглощённой Sun Microsystems, осуществляющей разработку и поддержку приложения.</p> <p>MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.</p> <p>Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.</p> <p>Версия MySQL 5.1 продолжает путь к стандарту SQL:2003. MySQL 5.1 содержит следующие нововведения.</p> <p>Сегментирование - возможность разбить одну большую таблицу на несколько частей, размещенных в разных <a href="/wi-fi/vosstanavlivaem-vneshnii-zhestkii-disk-s-pomoshchyu-testdisk-testdisk-dlya-windows/">файловых системах</a>, основываясь на определенной пользователем функции. При определенных условиях это может дать серьезное увеличение производительности и, кроме того, облегчает масштабирование таблиц.</p> <p>Изменено поведение ряда операторов, для обеспечения большей совместимости со стандартом SQL2003.</p> <p>Построчная репликация (англ. row-based replication), при которой в бинарный лог будет записываться только информация о реально измененных строках таблицы вместо оригинального (и, возможно, медленного) текста запроса. Построчную репликацию можно использовать только для определенных типов sql-запросов, в терминах MySQL - смешанная репликация (англ. mixed replication).</p> <p>Встроенный планировщик периодически запускаемых работ. По синтаксису добавление задачи похоже на добавление триггера к таблице, по идеологии - на crontab.</p> <p>Дополнительный набор функций для обработки XML, реализация поддержки XPath.</p> <p>Новые средства диагностики проблем и утилиты для анализа производительности. Расширены возможности по управлению содержимым лог-файлов, логи теперь могут быть сохранены и в таблицах general_log и slow_log. Утилита mysqlslap позволяет провести нагрузочное тестирование БД с записью времени реакции на каждый запрос.</p> <p>Для упрощения операции обновления подготовлена утилита mysql_upgrade, которая выполнит проверку всех существующих таблиц на предмет совместимости с <a href="/getting-started-with-tablet/kak-otkatitsya-s-6-androida-na-5-obnovlenie-android-kak-obnovitsya/">новой версией</a>, и при необходимости выполнит надлежащие корректировки.</p> <p>MySQL Cluster отныне выпущен как отдельный продукт, базирующийся на MySQL 5.1 и хранилище NDBCLUSTER.</p> <p>Значительные изменения в работе MySQL Cluster, такие, как, например, возможность хранения табличных данных на диске.</p> <p>Возврат к использованию встроенной библиотеки libmysqld, отсутствовавшей в MySQL 5.0.</p> <p>API для плагинов, которое позволяет загружать сторонние модули, расширяющие функциональность (например, полнотекстовый поиск), без перезапуска сервера.</p> <p>Реализация парсера полнотекстового поиска в виде plug-in.</p> <p>Новый тип таблиц Maria (устойчивый к сбоям клон MyISAM).</p> <p><u><b>Web </b>-<b>сервер Apache </b> </u></p> <p>При выполнении проекта был выбран Web-сервер Apache. Почему именно Apache? Дело в том, что это самый распространенный на данный момент сервер, и вряд ли в ближайшие несколько лет он потеряет свою популярность. Он установлен у большинства хостинг-провайдеров. Кроме того, что немаловажно, существует его Windows-версия, практически идентичная по функциональности своему Unix-собрату.</p> <p>По данным компании Netcraft, общее число Web-узлов, работающих под его управлением, к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и постоянно растет. Для сравнения: на долю <a href="/internet-choice/primery-licenzirovaniya-serverov-microsoft-gde-kupit-klientskie/">серверов Microsoft</a> приходится 25%, Netscape - 7%. Будучи бесплатной <a href="/setting-up-internet-on-your-tablet/chem-otkryt-cdw-krome-kompasa-kakoi-programmoi-otkryt-cdw-fail-chem/">открытой программой</a>, предназначенной для бесплатных же Unix-систем (FreeBSD, Linux и др.), Apache по функциональным возможностям и надежности не уступает коммерческим серверам, а широкие возможности конфигурирования позволяют настроить его для работы практически с любой конкретной системой. Существуют локализации сервера для различных языков, в том числе и для русского.</p> <p>Исторически сложилось так, что русские тексты в Internet могут быть представлены в разных кодировках, из которых наиболее распространены koi8-r (или просто koi8) и Windows-1251: с первой работает большинство серверов и рабочих станций под управлением Unix, вторая является стандартной для всех <a href="/reviews/programs-for-photos-photoscape-download-free-photo-editor-photo-skype-for-windows-english-version/">версий Windows</a>. Поскольку кодировка Windows-1251, естественно, применяется на подавляющем большинстве клиентских машин, доля тех, кто путешествует по русской части WWW, используя koi8, не превышает сейчас 5%. Однако в этой кодировке хранятся документы на многих Unix-серверах, в ней чаще всего передаются <a href="/operation-and-maintenance/sovmestnaya-rabota-v-oblake-rabota-s-dannymi-lista-v-onedrive-otpravka/">почтовые сообщения</a> и практически всегда - письма в телеконференции, с ней же работают многие русскоязычные каналы IRC (кстати, аббревиатура КОИ расшифровывается как «код обмена информацией»). Чтобы решить проблемы, возникающие при несовпадении кодировок текста на сервере и клиентской машине, и был создан русский модуль Apache-RUS для Web-сервера Apache.</p> <p>Одним из важных аспектов модернизации производства в России является использование информационно-коммуникационных технологий для создания информационных и корпоративных систем. Важное место в этом процессе занимают web-технологии, которые становятся основным инструментом организации единого информационного пространства.</p><p>Современный человек должен уметь использовать web-сайты в своей профессиональной деятельности и в самообразовании. Под использованием здесь понимается не просто поиск, анализ и включение в производственный процесс как средства работы, но и умение <i>создавать </i> web-сайты, предназначенные для решения различных задач.</p><p>Существует множество программных средств и технологий для создания и редактирования web-сайтов.</p><h2>Раздел 1. Общие сведения о www-сервисе Интернет.</h2><p><b>Интернет </b>- всемирная система объединённых компьютерных сетей, построенная на использовании семейства протоколов <b>Т </b><b>CP </b><b>/IP </b> и маршрутизации пакетов данных. В общем случае под протоколом понимается набор инструкций, регламентирующих работу взаимосвязанных систем или объектов в сети. Интернет образует глобальное информационное пространство, не имеет единого центра и единой администрации. Общую координацию его деятельности осуществляют международные организации, членами которых являются наиболее авторитетные эксперты из разных стран.</p><p>Настоящий расцвет Интернета начался в 1992 году, когда была изобретена новая служба, получившая название "<b>Всемирная паутина </b>" (<b>World </b><b>Wide </b><b>Web </b>, или <b>WWW </b>, или просто <b>WEB </b>). WWW позволял любому пользователю Интернета публиковать свои текстовые и графические материалы в привлекательной форме, связывая их с публикациями других авторов и предоставляя удобную систему навигации. Интернет стал превращаться из средства переписки и обмена файлами в гигантское хранилище информации.</p><h2>1.1. Основные понятия.</h2><p>Все компьютеры, подключенные к сети Интернет, имеют свой уникальный <b>IP </b><b>-адрес </b>. Для удобства крупным узлам сети присваивают собственные (доменные) имена (служба <b>DNS </b>). Ресурсы, доступные пользователям Интернет, располагаются на компьютерах <b>серверах </b>, на которых установлено специальное программное обеспечение, обеспечивающее передачу информации. Для работы с ресурсами Интернет, на пользовательских компьютерах устанавливаются <b>программы-клиенты </b>.</p><p>Пара клиент-сервер, обеспечивающая совместный доступ к определенному типу информационных ресурсов называется <b>службой </b> или <b>сервисом </b> (WWW, FTP, E-mail, IRC). Каждая из них использует свой протокол передачи данных из семейства TCP/IP. Т.е. работа пользователя с Интернет может осуществляться разными способами, отличающимися по форме представления ресурсов и средствам (протоколом) доступа к ним. Некоторые из них (наиболее ранние) отмирают, другие находятся в процессе активного развития.</p><p>В основе каждого сервиса лежит свой сетевой протокол семейства TCP/IP- совокупность четко определенных правил: как запрашивать, оформлять и высылать по Сети данную разновидность информации.</p><p>Наиболее популярным в настоящее время является сервис <b>World Wide Web </b> (Всемирная паутина). Он не только удобен в использовании, но и обеспечивает доступ к другим службам Интернет. World Wide Web (уорлд вайд вэб) - это гипертекстовая<i>, </i>гипермедийная, распределенная, интегрирующая, глобальная информационно-поисковая система в Интернет.</p><p>Передача данных во Всемирной паутине осуществляется благодаря протоколу передачи гипертекста - <b>HTTP </b> (HyperText Transmission Protocol). HTTP – протокол прикладного уровня, разработанный для обмена гипертекстовой информацией в сети Интернет. Протокол используется в сети WWW с 1990 года.</p><p>WWW работает по принципу клиент-сервер: существует множество web-серверов, которые по запросу клиента (программа-браузер) возвращают ему гипермедийный документ - документ, состоящий из частей с разнообразным представлением информации (текст, графика, аудио, видео), в котором каждый элемент может являться ссылкой на другой документ или его часть. Каждый информационный web-ресурс в <a href="/the-choice-of-tablet/osnovnye-vozmozhnosti-seti-internet-prezentaciya-konspekt-i/">глобальной сети</a> Интернет однозначно адресуется, и документ, способен ссылаться как на другие документы на этом же сервере, так и на документы, расположенные на других web-серверах Интернет. Причем пользователь не замечает этого, и работает со всем информационным пространством Интернет как с единым целым. Ссылки WWW указывают не только на документы, специфичные для самой WWW, но и на прочие сервисы и информационные ресурсы Интернет. Более того, большинство программ-клиентов WWW не просто понимают такие ссылки, но и являются программами-клиентами соответствующих сервисов: ftp, gopher, сетевых новостей Usenet, электронной почты и т.д. Таким образом, программные средства WWW являются универсальными для различных сервисов Интернет, а сама информационная система WWW играет интегрирующую роль.</p><p>За годы развития WWW-сервиса был создан целый ряд программ-браузеров. В российской практике название "браузер" закрепилось достаточно прочно, хотя в некоторых случаях употребляется и прямой перевод на русский язык - "программа-просмотрщик". Также браузер иногда называют обозревателем или навигатором. Сегодня в мире существует не менее десятка различных браузеров. К наиболее распространенным относятся Internet Explorer (<a href="/getting-started-with-tablet/the-company-nokia-nokia-returns-microsoft-sold-the-phone-business/">компания Microsoft</a>), Netscape Navigator (компания Netscape/AOL), Opera (компания Opera Software) и Mozilla. Все браузеры имеют свои достоинства и недостатки, которые складываются из скорости работы, способности отрывать те или иные приложения, соответствие требованиям безопасности при работе в Сети. Естественно на популярность браузеров накладывает отпечаток и распространенность в мире тех или иных операционных систем.</p><p>Сервис WWW использует <b>U </b><b>R </b><b>L </b> (Uniform Resource Locator, Универсальный локатор ресурсов) для адресации документов, расположенных на информационных web-серверах Интернет. URL-адрес включает в себя название протокола (обычно http), по которому осуществляется доступ к ресурсу, адреса сервера (например: www.tstu.ru), полный путь (например: /win/kultur/museum/chiherin/) и имя (например: 0.htm) хранящегося там файла (получаем url-адрес: http://www.tstu.ru/win/kultur/museum/chiherin/0.htm).</p><p>В основе Всемирной паутины лежит технология <b>гипертекста </b>. Изобретенный в начале 1990 годов язык разметки гипертекста<i> - </i><b>HTML </b> (HyperText Markup Language) позволяет легко включать в WWW-документы, из которых в основном и состоит WWW, самые разные типы объектов и делать ссылки на другие файлы, вне зависимости от того, где они находятся.</p><p>Документы WWW называются <b>web </b><b>-страницами </b> и включают в себя различные информационные элементы (текст, графика, звук, видео), а также <b>гиперссылки </b> на другие ресурсы Интернет. Несколько страниц, объединенных по смыслу, содержанию и оформлению - называются <b>web-сайтом </b>.</p><p>Web-страница представляет собой текстовый файл с расширением htm или html, который содержит текстовую информацию и специальные команды - <b>HTML </b><b>-тэги </b>, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио- и видео информация непосредственно в web-страницу не входит и представляет собой отдельные файлы с расширениями *.gif, *.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.</p><p>Переход между страницами web-сайта в браузере осуществляется с помощью гиперссылок. <b>Гиперссылка </b> представляет собой выделенный фрагмент текста или изображения, при наведении на который указатель мыши принимает форму кисти руки с вытянутым пальцем. При нажатии на гиперссылку левой кнопкой мыши осуществляется переход на другой электронный документ, который может находиться как на этом web-сервере, так и на другом. Для организации гиперссылки в содержимое web-страницы вставляется специальный HTML-код, содержащий url-адрес этого <a href="/getting-started-with-tablet/rasprostranennye-oshibki-pri-podklyuchenii-k-giis-elektronnyi-byudzhet-kaznacheistvo-o-podpisanii-elektr/">электронного документа</a>. Для организации гиперссылки необходимо знать местоположение информационного ресурса, которое в WWW-сервисе может быть определено в абсолютной и относительной форме.</p><p>Адресация в <i><b>абсолютной форме </b> </i> - универсальный адрес, определяющий местонахождение информационного ресурса, носит название URL (Uniform Resource Locator - унифицированный адрес ресурса). URL состоит из двух частей, разделенных двоеточием. Первая часть указывает на тип сетевого протокола, который зависит от типа ресурса (например, если ресурс располагается на WWW-сервере, это протокол http). Вторая часть включает в себя имя web-сервера в <a href="/an-overview-of-the-technologies/chtoby-proverit-vhodit-li-kompyuter-v-domen-ili-rabochuyu-gruppu/">доменной системе</a> имен (например, www.tstu.ru) и, если требуется, путевое имя файла (например, win/kultur/nauka/vernad/vertitul.htm). При записи путевого имени названия каталогов разделяются прямой косой чертой (символ /); в именах файлов и каталогов различаются прописные и строчные буквы.</p><p>Вот пример URL: http://www.tstu.ru/win/kultur/nauka/vernad/vertitul.htm.</p><p>В случае использования адресации в <i><b>относительной форме </b> </i> при записи пути к файлу названия каталогов разделяются прямой косой чертой (/); переход по каталогам компьютера на один уровень вверх обозначается двумя точками (..).</p><p>Если гиперссылка ссылается на документ не являющийся web-страницей, то возможны два варианта его отображения. Если браузер имеет встроенные модули для обработки такого документа, то его содержимое будет отображаться в окне браузера. В противном случае, браузер запустит необходимое внешнее приложение (в Windows, например, они прописаны в реестре), и документ будет отображаться уже не в окне браузера.</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </article> <div class="post-meta"> <div class="post-rating"> <div class="post-rating__title">Оценка статьи:</div> <div id="post-ratings-5362" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="024911c8fe"><img id="rating_5362_1" src="https://nvs-mvv.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 звезда" title="1 звезда" onmouseover="current_rating(5362, 1, '1 звезда');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_5362_2" src="https://nvs-mvv.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 звезды" title="2 звезды" onmouseover="current_rating(5362, 2, '2 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_5362_3" src="https://nvs-mvv.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 звезды" title="3 звезды" onmouseover="current_rating(5362, 3, '3 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_5362_4" src="https://nvs-mvv.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 звезды" title="4 звезды" onmouseover="current_rating(39318, 4, '4 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy><img id="rating_5362_5" src="https://nvs-mvv.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 звезд" title="5 звезд" onmouseover="current_rating(5362, 5, '5 звезд');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" / loading=lazy> (Пока оценок нет)<br /><span class="post-ratings-text" id="ratings_5362_text"></span> </div> <div id="post-ratings-39318-loading" class="post-ratings-loading"> <img src="https://nvs-mvv.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" / loading=lazy> Загрузка...</div> </div> <div class="post-share"> <div class="post-share__title">Поделиться с друзьями:</div> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8" async="async"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter" data-counter=""></div> </div> </div> <div class='yarpp-related'> <div class="related-title"><span>Похожие публикации</span></div> <ul class="related-items"> <li> <img src="/uploads/4429da51d64f5a2695eb5eac0d86b46a.jpg" width="154" height="154" alt="Программы для записи голоса и звука Программа для записи мелодии на компьютере" / loading=lazy> <a href="/reviews/programmy-diktofon-dlya-kompyutera-programmy-dlya-zapisi/">Программы для записи голоса и звука Программа для записи мелодии на компьютере</a> </li> <li> <img src="/uploads/249b8a0455ce7ef663bf4480e695d3e9.jpg" width="154" height="154" alt="Что такое браузер Тор и для чего он нужен?" / loading=lazy> <a href="/setting-up-internet-on-your-tablet/kak-rabotat-s-brauzerom-tor-blokiruem-opredelenie-svoego/">Что такое браузер Тор и для чего он нужен?</a> </li> <li> <img src="/uploads/8c57aa09b2e1c9be2240a53d4a7df320.jpg" width="154" height="154" alt="Автоматическое определение движка форума" / loading=lazy> <a href="/an-overview-of-the-technologies/proidet-index-php-topic-powered-by-smf-avtomaticheskoe-opredelenie-dvizhka-foruma-reshenie/">Автоматическое определение движка форума</a> </li> <li> <img src="/uploads/e1886ca29a99fe9da2b9090c366fe03f.jpg" width="154" height="154" alt="Лучший Android флагман для девушек" / loading=lazy> <a href="/connecting-other-devices/obzor-xiaomi-mi6-luchshii-android-flagman-dlya-devushek-xiaomi-mi6-levaya-gran/">Лучший Android флагман для девушек</a> </li> </ul> </div> <div id="ads_txt2"></div> <div style="text-align: center; margin:20px 0 10px 0;float:none;"> </div> <div style="text-align: center; margin:10px 0 10px 0;float:none;"> </div> </main> <aside class="sidebar"> <div class="section section_widget widget_text" id="text-10"> <div class="textwidget"> </div> </div> <div class="popular-box section"> <div class="title title_green">Популярные статьи</div> <div class="popular"> <div class="popular__item"> <img src="/uploads/7f2f019b1308c2667cef345e5850f6ef.jpg" width="90" height="90" alt="Как загрузить новый Android с помощью Xperia Companion" / loading=lazy> <div class="popular__item-title"> <a href="/an-overview-of-the-technologies/kogda-android-7-na-samsung-kak-zagruzit-novyi-android-s-pomoshchyu-xperia/">Как загрузить новый Android с помощью Xperia Companion</a> </div> </div> <div class="popular__item"> <img src="/uploads/9b716619da06f281f40d162d697a34dc.jpg" width="90" height="90" alt="Топ плагинов для WordPress от Yoast: Vol" / loading=lazy> <div class="popular__item-title"> <a href="/an-overview-of-the-technologies/plaginy-wordpress-tolko-luchshee-top-plaginov-dlya-wordpress-ot-yoast-vol/">Топ плагинов для WordPress от Yoast: Vol</a> </div> </div> <div class="popular__item"> <img src="/uploads/658b72559d07606d844bc82a69e0a1bc.jpg" width="90" height="90" alt="Создание сервера в майнкрафт" / loading=lazy> <div class="popular__item-title"> <a href="/getting-started-with-tablet/ne-poluchaetsya-sozdat-server-minecraft-sozdanie-servera-v-mainkraft-nastroika-po/">Создание сервера в майнкрафт</a> </div> </div> </div> </div> <div class="section section-video"> <div class="title title_green">Новые статьи</div> <div class="section-video__posts"> <div class="section-video__posts-item"> <div class="section-video__posts-item-img"> <img src="/uploads/8efcd936bac42ebc1f77dd395bcfb74d.jpg" width="231" height="137" alt="Что делать, если при установке Windows возникла ошибка «Не найден необходимый драйвер носителя»?" / loading=lazy> </div> <div class="section-video__posts-item-title"> <a href="/internet-choice/ustanovka-windows-10-naiden-draiver-nositelya-chto-delat-esli-pri-ustanovke/">Что делать, если при установке Windows возникла ошибка «Не найден необходимый драйвер носителя»?</a> </div> </div> <div class="section-video__posts-item"> <div class="section-video__posts-item-img"> <img src="/uploads/e1632af677fe0275ec6fc2de178084d7.jpg" width="231" height="137" alt="П а к т личный. Личный кабинет пакт. Вход в личный кабинет П.А.К.Т" / loading=lazy> </div> <div class="section-video__posts-item-title"> <a href="/internet-choice/p-a-k-t-lichnyi-lichnyi-kabinet-pakt-vhod-v-lichnyi-kabinet-p-a-k/">П а к т личный. Личный кабинет пакт. Вход в личный кабинет П.А.К.Т</a> </div> </div> <div class="section-video__posts-item"> <div class="section-video__posts-item-img"> <img src="/uploads/a43009a9f3c202eaacd062f1c3409425.jpg" width="231" height="137" alt="Как убрать звук с клавиатуры телефона Как убрать звук клавиатуры на хуавей" / loading=lazy> </div> <div class="section-video__posts-item-title"> <a href="/bluetooth/shest-poleznyh-nastroek-zvuka-v-android-i-ios-kak-ubrat-zvuk-s/">Как убрать звук с клавиатуры телефона Как убрать звук клавиатуры на хуавей</a> </div> </div> </div> </div> <div class="section section_widget widget_text" id="text-14"> <div class="textwidget"> <div class="form-outer sp-force-hide"> <style id="subscribe-form-style" class="">.sp-force-hide { display: none; } .sp-form[sp-id="44130"] { display: block; background: #ffffff; padding: 15px; width: 300px; max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-color: #72a74f; border-style: solid; border-width: 1px; font-family: inherit; } .sp-form[sp-id="44130"] .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 35px; width: 100%; } .sp-form[sp-id="44130"] .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold; } .sp-form[sp-id="44130"] .sp-button { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #72a74f; color: #ffffff; width: 100%; font-weight: bold; font-style: normal; font-family: Arial, sans-serif; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .sp-form[sp-id="44130"] .sp-button-container { text-align: center; } .sp-form[sp-id="44130"] .sp-e3ddc4a4-0acb-482c-82ce-b7fd6f9876c8-container { text-align: left; } </style> <div id="sp-form-44130" sp-id="44130" sp-hash="21ae3ecde06efb6791b9fc63f473d4a032a43a575f2647b4025a55de6c8fffb6" sp-lang="ru" class="sp-form sp-form-regular sp-form-embed" sp-show-options="{ }"> <div class="sp-message"> <div></div> </div> <div id="droppableArea" class="sp-element-container ui-sortable ui-droppable" ><div class="sp-field full-width sp-e3ddc4a4-0acb-482c-82ce-b7fd6f9876c8-container" sp-id="sp-e3ddc4a4-0acb-482c-82ce-b7fd6f9876c8" > <img class="sp-image " src="//login.sendpulse.com/files/emailservice/userfiles/a02b554b7a2a21811ee922491b9faf996658686/123820.jpg" style="" loading=lazy> </div><div class="sp-field " sp-id="sp-c331da81-862c-4e37-8121-2d6784e1df76" > <div class=" " style="font-family: inherit; line-height: 1.2;"><p style="text-align: center;"><strong>Получайте все самое важное, что было пропущено, на почту!</strong></p></div> </div><div class="sp-field " sp-id="sp-c6dec073-554e-43df-ac51-bef5e2ce085e" style=""> <label class="sp-control-label "> <span class="">Ваше Имя</span> <strong class="">*</strong> </label> <input type="text" sp-type="name" name="sform[0LjQvNGP]" class="sp-form-control " placeholder="Имя" sp-tips="%7B%22required%22%3A%22%D0%9E%D0%B1%D1%8F%D0%B7%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5%20%D0%BF%D0%BE%D0%BB%D0%B5%22%7D" required="required" style=""> </div><div class="sp-field " sp-id="sp-2f69f348-864a-47c0-a464-f6adb7602fc5" > <label class="sp-control-label "> <span class="">Укажите свой E-mail</span> <strong class="">*</strong> </label> <input type="email" sp-type="email" name="sform[email]" class="sp-form-control " placeholder="username@gmail.com" sp-tips="%7B%22required%22%3A%22%D0%9E%D0%B1%D1%8F%D0%B7%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5%20%D0%BF%D0%BE%D0%BB%D0%B5%22%2C%22wrong%22%3A%22%D0%9D%D0%B5%D0%B2%D0%B5%D1%80%D0%BD%D1%8B%D0%B9%20email-%D0%B0%D0%B4%D1%80%D0%B5%D1%81%22%7D" required="required" style=""> </div><div class="sp-field " sp-id="sp-c7d0fdd7-607c-4930-a945-5adb2bae8283" > <div class=" " style="font-family: inherit; line-height: 1.2;"><p><span style="font-size: 12px;">Все рассылки абсолютно бесплатны.</span></p></div> </div></div> </div> </div> </div> </div><div class="section section_widget widget_text" id="text-8"> <div class="textwidget"> <div id="venus-99967"></div> </div> </div><div class="section section_widget widget_text" id="text-9"> <div class="textwidget"> <div id="ok_group_widget"></div> </div> </div><div class="section section_widget widget_text" id="text-4"> <div class="textwidget"> <div id="yandex_rtb_R-A-111272-5"></div> </div> </div></aside> </div> <footer class="footer"> <div class="logo logo_footer" style="background:none;"> <div class="logo__domain">nvs-mvv.ru</div> <div class="logo__copy">Все права защищены, 2024</div> </div> <nav class="footer-nav"><ul><li id="menu-item-5008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5008"><a href="/sitemap.xml" class="menu-image-title-after">Карта сайта</a></li> </ul></nav> </footer> </div> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/lightbox/js/frontend/mousewheel.min.js?ver=1.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var hugeit_resp_lightbox_obj = { "hugeit_lightbox_lightboxView":"view4","hugeit_lightbox_speed_new":"600","hugeit_lightbox_overlayClose_new":"true","hugeit_lightbox_loop_new":"true","hugeit_lightbox_fullwidth_effect":"false","hugeit_lightbox_thumbs":"false","hugeit_lightbox_showTitle":"true","hugeit_lightbox_showDesc":"false","hugeit_lightbox_showBorder":"false","hugeit_lightbox_imageframe":"frame_0"} ; var hugeit_gen_resp_lightbox_obj = { "hugeit_lightbox_slideAnimationType":"effect_1","hugeit_lightbox_overlayDuration":"150","hugeit_lightbox_escKey_new":"false","hugeit_lightbox_keyPress_new":"false","hugeit_lightbox_arrows":"true","hugeit_lightbox_mouseWheel":"false","hugeit_lightbox_download":"false","hugeit_lightbox_showCounter":"false","hugeit_lightbox_nextHtml":"","hugeit_lightbox_prevHtml":"","hugeit_lightbox_sequence_info":"image","hugeit_lightbox_sequenceInfo":"of","hugeit_lightbox_width_new":"100","hugeit_lightbox_height_new":"100","hugeit_lightbox_videoMaxWidth":"790","hugeit_lightbox_slideshow_new":"false","hugeit_lightbox_slideshow_auto_new":"false","hugeit_lightbox_slideshow_speed_new":"2500","hugeit_lightbox_slideshow_start_new":"","hugeit_lightbox_slideshow_stop_new":"","hugeit_lightbox_watermark":"false","hugeit_lightbox_socialSharing":"false","hugeit_lightbox_facebookButton":"false","hugeit_lightbox_twitterButton":"false","hugeit_lightbox_googleplusButton":"false","hugeit_lightbox_pinterestButton":"false","hugeit_lightbox_linkedinButton":"false","hugeit_lightbox_tumblrButton":"false","hugeit_lightbox_redditButton":"false","hugeit_lightbox_bufferButton":"false","hugeit_lightbox_diggButton":"false","hugeit_lightbox_vkButton":"false","hugeit_lightbox_yummlyButton":"false","hugeit_lightbox_watermark_text":"WaterMark","hugeit_lightbox_watermark_textColor":"ffffff","hugeit_lightbox_watermark_textFontSize":"30","hugeit_lightbox_watermark_containerBackground":"000000","hugeit_lightbox_watermark_containerOpacity":"90","hugeit_lightbox_watermark_containerWidth":"300","hugeit_lightbox_watermark_position_new":"9","hugeit_lightbox_watermark_opacity":"70","hugeit_lightbox_watermark_margin":"10","hugeit_lightbox_watermark_img_src_new":"http:\/\/nvs-mvv.ru\/wp-content\/plugins\/lightbox\/images\/No-image-found.jpg","hugeit_lightbox_watermark_container_bg_color":"rgba(0,0,0,0.9)"} ; var hugeit_resp_lightbox_plugins_url = "http:\/\/nvs-mvv.ru\/wp-content\/plugins\/lightbox\/images\/image_frames\/"; /* ]]> */ </script> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/lightbox/js/frontend/lightbox.js?ver=1.0'></script> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/lightbox/js/frontend/custom.js?ver=1.0'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.7.8'></script> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='/assets/scripts1.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1"} ; var tocplus = { "smooth_scroll":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-2", "margin_top" : 5, "margin_bottom" : 350, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-4'] } ; </script> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.84'></script> <script async="async" type='text/javascript' src='https://nvs-mvv.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </div> <script>$('.hidden-link').click(function(){ window.open($(this).data('link'));return false;} );</script> <script type="text/javascript" src='ajax.js'></script> </body> </html>