/>/>Содержание
Введение
1. Теоретические основы разработки Web-приложений
2. Средства разработки Web-приложений
Заключение
Глоссарий
Списокиспользованных источников
/>/>/>/>/>/>/>/>/>Введение
Влияние глобальнойкомпьютерной сети Internet на современный мир не имеет исторических аналогов. Егосегодняшний день – это начало эпохи электронного проникновения во все сферычеловеческой жизни, это нечто большее, чем просто маркетинговая кампания, этооснова новой философии и новой деловой стратегии.
Вполне логичнопредположить, что и с точки зрения рекламы продукции или услуги Интернет –наиболее значимый ресурс. Большинство современных людей пользуются Интернетом,как наиболее доступным источником информации.
Web-технология полностьюперевернула представления о работе с информацией, да и с компьютером вообще.Оказалось, что традиционные параметры развития вычислительной техники — производительность, пропускнаяспособность, емкость запоминающих устройств — не учитывали главного «узкого места» системы — интерфейса с человеком. Устаревшиймеханизм взаимодействия человека с информационной системой сдерживал внедрениеновых технологий и уменьшал выгоду от их применения. И только когда интерфейсмежду человеком и компьютером был упрощен до естественности восприятия обычнымчеловеком, последовал беспрецедентный взрыв интереса к возможностямвычислительной техники.
Создание Web-сайтовявляется одной из важнейших технологий разработки ресурсов Internet. Хорошийсайт, вбирая в себя всю полезную информацию, является лучшей визитной карточкойи коммерческой фирмы и образовательного учреждения, работая на них в любоевремя суток.
Проведя анализ несколькихсайтов обеспечивающих информационную поддержку предприятий малого бизнеса напредмет соответствия их поставленным целям, психофизиологическим требованиям иинформативности, а так же корректности выбора средств разработки можно выделитьследующие характерные недостатки:
· не соответствиесайта психофизиологическим требованиям, которое приводит к повышеннойутомляемости или отвлечению внимания;
· увлечениеанимацией, графическими изображениями и видео фрагментами, которые не несутсмысловой нагрузки, автоматически влечет за собой уменьшение количествапотенциальных посетителей web-сайта, так как повышает требования к пропускнойспособности Интернет-соединения и объем трафика;
· избыточность илинедостаток представленной информации;
· некорректныйвыбор средств разработки, который влечет за собой необоснованное повышениестоимости готового продукта.
Таким образом,определение функциональных возможностей средств и языков для разработки сайта,а так же психофизиологических требований предъявляемых к текстовой играфической информации представленной на экране монитора представляется актуальнойзадачей.
К тому же сейчас, когдачисло онлайновых пользователей оценивается более чем в 500 миллионов человек(причем это число растет со скоростью приблизительно 7% в месяц), приходитсяискать пути использования новых технологий, которые могли бы оказать содействиев привлечении и удержании внимания пользователей, путешествующих по безбрежнымпросторам Web.
Предмет исследования–web-технологии.
Объект – среды и языкиразработки web-приложений.
Цель работы – рассмотретьвозможности практического использования языков и средств для разработкиweb-приложений.
/>Для достижения поставленной целинеобходимо решить ряд задач:
1) рассмотреть основные понятияweb-технологий;
2) привести различные классификацииweb-приложений, используемых в предпринимательской деятельности;
3) рассмотреть психофизическиетребования к web-приложениям;
4) определить области применения языковпрограммирования для разработки web-приложений;
5) проанализировать функциональныевозможности сред по созданию web-приложений.
Подходить к задачесоздания собственного «Интернет-представительства» стоитответственно. Сайт должен быть удобен в использовании – страницы должнызагружаться как можно быстрее, а сам ресурс должен обладать логичной и понятнойструктурой. Только в таком случае можно рассчитывать на то, что посетительзаинтересуется предоставленной информацией и задержится на сайте.
/>/>/>/>/>1. Теоретические основы разработки Web-приложений
/>/>/>/>
Понятие и классификация web-технологий
Развитие современной компьютернойтехники и внедрение новейших технологий положили начало нового направленияжизни на Земле. За довольно короткий промежуток времени развитиямикроэлектроники и кибернетики произошло много изменений.
Прогрессивное развитиетехники вызвало появление новых программных продуктов. С каждым годомвнедряется все большее и большее количество языков программирования. Все ониориентированы, прежде всего, на целевую аудиторию.
Развиваются не толькокомпьютеры, но и сети. Если еще несколько десятков лет назад Интернетпредставлял собой небольшую частную сеть, то теперь это гигантская системавзаимосвязанных компьютеров, без которой, возможно, мы не сможем представитьсебе жизнь.
Интернет — это не только «прохладныйбассейн», в котором так комфортно чувствуют себя весьма «перегревшиеся»люди, но и место, где можно «потрогать» практически любую горячуютему, не опасаясь при этом обжечься [5, с.8].
Web-технология полностьюперевернула представления о работе с информацией, да и с компьютером вообще.Оказалось, что традиционные параметры развития вычислительной техники — производительность, пропускнаяспособность, емкость запоминающих устройств — не учитывали главного «узкого места» системы — интерфейса с человеком. Устаревшиймеханизм взаимодействия человека с информационной системой сдерживал внедрениеновых технологий и уменьшал выгоду от их применения. И только когда интерфейсмежду человеком и компьютером был упрощен до естественности восприятия обычнымчеловеком, последовал беспрецедентный взрыв интереса к возможностямвычислительной техники.
Информация, доступнаяпользователям Internet, располагается на компьютерах (Web-серверах), на которыхустановлено специальное программное обеспечение. Значительная часть этойинформации организована в виде Web-сайтов. Каждый из них имеет свое имя (адрес)в Internet. Web-сайт – это информация, представленная в определенном виде,которая располагается на Web-сервере и имеет свое имя. Для просмотра Web-сайтовна компьютере пользователя используются специальные программы, которыеназываются браузерами. Наиболее распространенными браузерами в настоящее времяявляются Internet Explorer и Netscape Navigator. Взависимости от того, какоеимя сайта мы зададим в строке «Адрес», браузер будет загружать в своеокно соответствующую информацию.
Web-сайт состоит изсвязанных между собой Web-страниц. Web-страница представляет собой текстовыйфайл с расширением *.htm, который содержит текстовую информацию и специальныекоманды – HTML-коды, определяющие в каком виде эта информация будетотображаться в окне браузера. Вся графическая, аудио и видео информациянепосредственно в Web-страницу не входит и представляет собой отдельные файлы(рисунок 1 Приложение А) [6, с. 15].
Современныеweb-приложения — это, в основном, порталы, предоставляющие услуги, которыминельзя воспользоваться откуда-либо еще, Одно из неудобств подобных сервисов —сложность обмена информацией между компаниями. В частности, даже контактную и другуюличную информацию приходится на каждом таком сайте вводить заново.
В настоящее время с точкизрения назначения различают три основных типа порталов:
· Публичные, илигоризонтальные, порталы (называемые иногда мегапорталами), такие как Yahoo,Lycos, Excite, Rambler. Такие порталы нередко являются результатом развитияпоисковых систем. Предназначены они для самой широкой аудитории, что отражаетсяна содержании предоставляемой ими информации и услуг. Как правило, этаинформация носит общий характер, равно как и предоставляемые услуги(электронная почта, новостные рассылки и так далее).
· Вертикальныепорталы. Этот вид порталов предназначен для специфических видов рынка иобслуживает аудиторию, пользующуюся услугами этого рынка или работающую на нем.Примерами таких порталов могут служить, например, туристические агентства,предоставляющие услуги по бронированию мест в гостиницах, заказу и доставкебилетов, доступу к картам и сведениям об автомобильных маршрутах, либо порталытипа B2B (business-to-business), позволяющие своим клиентам реализовыватьсовместные бизнес-операции (например, выбирать поставщиков и осуществлятьзакупку товаров, проводить аукционы).
· Корпоративныепорталы предназначены для сотрудников, клиентов и партнеров одного предприятия.Пользователи такого портала получают доступ к предназначенным им сервисам иприложениям в зависимости от их роли и персонального профиля.
Другие наиболеераспространённые web-приложения:
· РегиональныеИнтернет-порталы, универсальные по своему направлению, но ограниченныегеографией заинтересованных посетителей (e1.ru);
· Поисковые системы— это Интернет-порталы, которые предназначены для того, чтобы предоставить ихпосетителю возможность найти сайты, на которых встречаются заданные слова илицелые фразы (metabot.ru);
· Каталог — этоколлекция ссылок на сайты. Зачем же нужны каталоги, если есть поиск? Оченьчасто мы не знаем точно, что нам нужно, не можем это сформулировать парой слов(mail.ru);
· Электронные доскиобъявлений — являются местом в Интернет, где практически любой желающий можетоставить информацию ознакомительного, пригласительного или рекламногохарактера;
· Форумы — этоспециальные сайты или разделы на сайтах, предназначенные для того, чтобыпосетители, оставляя свои сообщения, обменивались мнениями;
· Чаты — являютсяеще одним местом для общения в Интернет, только его назначение не обменмнениями на какую-то тему, а просто времяпрепровождение;
· Файлы дляскачивания;
· Фотогалереи;
· Элементыстатистики;
· Хранение винтернете различной информации;
· Серверы почтовыхрассылок, они предлагают услуги по доставке информации широкому кругу читателей(subscribe.ru);
· Интернет-магазиныи аукционы (ozon.ru, molotok.ru).
Требования к Web-приложениям
Отправной точкой вweb-проекте является анализ целей сайта и функций, которые будут предложеныпользователю.
Вторым этапом будетпостроение информационной архитектуры сайта.
После того как будутизвестны все материалы сайта и его структура, можно перейти к дизайну навигациии самих страниц [1, с. 69].
/>Карта сайта
Необходимо разместитьхорошо различимую ссылку на карту сайта на каждой странице. Страница сотображением карты по размеру не должна превышать двух страниц на экранепользователя. Используется два вида карт статические и динамические. Наиболееэффективно использование карты со статическим отображением информационнойархитектуры, так как динамический вид приводит пользователя ещё в большуюзапутанность. Карта создана для того, что бы лучше сориентировать пользователя,поэтому на карте необходимо отображать не только текущее положение пользователяна сайте, но и те разделы, которые он уже посещал.
/>Главная страница
Главная страница сайтакомпании – это лицо сайта, обращённое ко всей сети (рисунок 2 Приложение Б). Наглавной странице чётко прописываются цели компании, при этом каждый элементдизайна должен позволять пользователю ещё лучше разобраться в сайте иопределиться с последовательностью действий для решения своих задач.
Именно с главной страницыбольшинство пользователей начинает путешествие по сайту. При этом наш сайтдолжен быть сделан так, чтобы люди, пришедшие на сайт по глубокой ссылке,чувствовали себя комфортно. Для этого необходимо на каждой странице сайтаразместить:
· название компанииили логотип в левом верхнем левом углу
· прямую ссылку наглавную страницу
· индивидуальныйслоган для сайта, состоящий из одного предложения
Нельзя предполагать, чтопользователь попал на данную страницу, преодолев весь путь от начала до конца.Вполне возможно, что он не видел той информации, которую мы указали настраницах верхнего уровня иерархии. При глубоких ссылках мы должнысориентировать пользователя по месту, сообщить ему, где он сейчас находится насайте, указав на странице цепочечную ссылку. Если есть необходимость, чтобыкакая-то страница не индексировалась в поисковиках, необходимо в элементе «HEAD»ввести .
/>«О нас»
В разделе «О нас»необходимо представить основные сведения о компании:
· состав верхнегоуправляющего звена (с библиографическим списком и фотографиями);
· контактнаяинформация;
· философияорганизации (видение бизнеса, связи с обществом, стремления);
· основныеисторические вехи;
Пространное объяснение вверхней части страницы «О нас» помогает пользователю лучше понять то,что содержится в глубинах, этого раздала.
/>Контент
Текст должен быть легкочитаемым, как молодыми, так и престарелыми пользователями, поэтому нампотребуется указывать размер шрифта в относительных единицах, а не в абсолютных,так как размер должны выбирать сами пользователи. При этом текст долженполностью умещаться на странице, что бы ни раздражать использованиемгоризонтальной прокрутки страниц сайта.
Пользователи редко читаютweb-страницы слово за словом. При первом просмотре выискивает факты иигнорирует детали, но найдя интересующий материал, может зайти и глубже.Примерная схема просмотра страницы выглядит так: первая строчка по горизонталипросматривается полностью, следующая просматривается не на всю глубину и скаждой последующей строкой выхватывание информации сокращается всё больше.
Поэтому пользователичасто просматривают только верхнюю часть статьи. И лишь самые заинтересованныечитатели промотают страницу, и лишь эти немногие поймут историю статьи во всехдеталях. Поэтому важно применять «принцип перевёрнутых пирамид»,который состоит в том, что статья начинается с «вывода», после идётсообщение о самой важной информации, а в конце даётся подоплёка события.
Для того, что бы страницыбыло удобно просматривать, мы будем использовать:
· выделениеключевых слов;
· грамотносоставленные заголовки;
· списки смаркерами;
· один абзац наодну идею (пользователи пропустят все остальные идеи, если их не привлекутосновные слова абзаца);
· стильперевёрнутой пирамиды (где статья начинается с заключения);
· меньшееколичество слов, чем в обычной статье;
· минимум малопонятных терминов;
· указание датысоздания сообщения (что бы знать на сколько, оно актуально на данный момент);
· контекстнуюинформацию атрибута " ALT".
· электронныезаголовки часто выводятся вне контекста:
· в списке статейна сайте;
· в заголовкахсообщений электронной почты;
· в результатахпоиска;
· в закладкахбраузера.
При этом пользователи недолжны обладать какими-то сверхзнаниями, что бы понять наш заголовок, если онибудут пропускать текст под заголовками. По этой причине текст заголовка долженбыть самостоятельной порцией информации, позволяющей понять его в отсутствиеостальной части контента. При написании заголовка необходимо использоватьнейтральный язык, и не применять: игры слов, «навороченности», «завлекалочек»,прописных букв (так как создаётся впечатление, что мы кричим на пользователя)
Пользователи предпочитаютсодержательные заголовки. Чем короче микроконтент, тем легче его просматривать.Необходимо исключить использование одного и того же слова в начале каждойстатьи и названия страницы, так как при использовании одновременно несколькихтаких статей, будет трудно на панели или закладках выбрать необходимую статью.
/>Почта
При просьбе предоставитьнам адрес электронной почты, необходимо сказать, здесь и сейчас, что именнопользователь будет получать, и как часто будете нарушать спокойствие егопочтового ящика. Ссылки mailto должны быть использованы так, чтобы можно былоточно понять, что перед нами почтовый адрес. Не размещать ссылки почты наименах, так как щелчок по имени должен вести на его биографию. При общении поэлектронной почте нет причин пользоваться конкретным именем одного изработников, если только пользователь не установил с ним личные отношения(письма от неизвестных людей чаще всего попадают в корзину).
Что бы поднять доверие ксайту необходимо использовать качественные графические изображения. При этом нестоит использовать большие изображения, по умолчанию. Желательно использоватьэскизы, а при необходимости увеличивать их на столько, на сколько пожелаетпользователь. Эскизы должны содержать всю основную информацию об изображении.На сайте правильнее будет использовать фотографии реальных работников иклиентов, а не фотомоделей с ослепительной голливудской улыбкой. Так женеобходимо использовать хороший стиль письма и исходящие гипертекстовые ссылкина другие сайты. Не нужно использовать «рекламную воду», так как онанесёт дополнительную эмоциональную нагрузку, и пользователям приходится тратитьвремя на отсеивание гипербол от реальных фактов.
/>Привязанность
Классический путьувеличения привязанности к сайту – это публикация свежих материалов сопределённой регулярностью (от ежедневных до ежемесячных). Для желающих необходимоорганизовать рассылки свежего материала. Почти 100% из тех, кто подписался,будут периодически заходить и на сам сайт, пока автор будет напоминать им осебе.
Дизайн сайта долженприспосабливаться к людям. Одним из вариантов такого приспособления служитпрофайл, но его заполнение требует терпения, из-за этого его заполняютустоявшиеся посетители сайта. Поэтому для отслеживания пользователей лучшеприменять «cookie», в файл которого заносится вся необходимаяинформация, а не нудную процедуру регистрации. Если всё же необходимо длябезопасной работы регистрация, то не стоит создавать слишком строгие формы дляввода. Если есть возможность использовать автозаполнение и автоматическиустанавливать курсор в первом поле формы.
Не стоит создавать формыдля поиска по Internet, если пользователю будет необходимо, он воспользуетсяспециальной поисковой системой.
/>Ссылки
Ссылки должны бытьпредсказуемы, пользователь должен знать, что произойдёт, если он нажмет нассылку. Ясно указывать, что является ссылкой: если это текст пусть он будетцветным или подчёркнутым. Не скрывать различия между посещёнными и непосещёнными ссылками. Создавать ссылки с расчётом того что поисковые системыявляются самыми важными посетителями, а они глухи и слепы по отношению квысоким технологиям. Оформить теги «title» так, чтобы они хорошосмотрелись в поисковых системах и закладках, поэтому начинать ссылки необходимос ключевого слова.
Не допускать появленияломаных ссылок, так как другие сайты и поисковые системы не будут в этом случаена нас ссылаться.
При навигации по сайтупредоставить пользователю самому, выбирать, как необходимо открывать страницылибо во всплывающих окнах, либо как-то иначе.
/>Реклама
В WEB-е пользователи необращают внимания ни на что, кроме своей цели, и реклама, которая отвлекает ихот достижения цели, ими попросту игнорируется. Если наша реклама появитсяраньше, чем пользователь найдёт интересующий его материал, то, скорее всего онабудет закрыта. И когда он выполнит свою основную задачу, и готов будетприсмотреться к рекламе, он её попросту уже не увидит так как закрылвсплывающее окно. Поэтому никогда не стоит отвлекать пользователя от своейцели.
Когда пользовательнабирает слова запроса на поисковом сервере, рекламные объявления которыевыйдут в списке результатов запроса, будут непосредственно связаны с тем, чтонужно человеку. И поэтому он читает эти объявления и щёлкает по ссылкам. Такаяреклама стоит гораздо дешевле, чем распространение рекламных листовок.
Итак, секрет успеха втом, что бы совместить рекламу с целями пользователей.
В рекламе пользователейбольше всего раздражает:
· реклама вовсплывающих окнах;
· её медленнаязагрузка;
· отсутствие кнопки«Закрыть»;
· уловкизаставляющие кликнуть;
· реклама закрываетчитаемый материал;
· мигающая реклама;
· двигающаясяреклама;
· рекламапроизвольно начинающая играть музыку или проигрывать видео.
Наличие такой рекламы насайте неизбежно приведёт к падению доверия посетителей. Необходимо использоватьв минимальных количествах FLASH анимацию.
Если хочется разместить,рекламу она должна соответствовать следующим правилам:
· четко указывать,что произойдёт по щелчку по ней;
· четкоидентифицировать себя как реклама;
· описывать, чтоименно рекламируется;
· даётдополнительную информацию о себе без надобности покидать текущую страницу.
/>Проведение оценочных работ
Для проведения оценочнойработы необходимо привлечь от трёх до пяти участников. Каждый из них производитработу индивидуально. После чего их результаты сравниваются и приводятся кединому выводу. Тест проводится в два этапа:
1) понимание работыинтерфейса;
2) концентрация вниманияна определённых элементах.
Необходимо отдельноеупоминание каждой проблемы, что бы ни повторять её в дальнейшем.2. Средства разработкиWeb-приложений
/>/>/>/>
Области примененияязыков программирования для разработки Web-приложений
HTML
Язык разметки гипертекста(Hypertext Markup Language), или, как его чаще называют, HTML, — этокомпьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины).Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекстс последующей публикацией в Web.
Язык HTML имеетсобственный набор символов, с помощью которых Web-браузеры отображают страницу.Эти символы, называемые дескрипторами, включают в себя элементы, необходимыедля создания гиперссылок [3, с. 20].
Одной из отличительныхособенностей HTML-документов является то, что сам документ содержит толькотекст, а все остальные объекты встраиваются в документ в момент его отображенияБраузером с помощью специальных тэгов и хранятся отдельно. При сохраненииHTML-файла в месте размещения документа создается папка, в которую помещаютсясопутствующие ему графические элементы оформления [10, с. 134].
PHP
В первую очередь PHPиспользуется для создания скриптов, работающих на стороне сервера, для этогоего, собственно, и придумали. PHP способен решать те же задачи, что и любыедругие CGI-скрипты, в том числе обрабатывать данные html-форм, динамическигенерировать html страницы и тому подобное. Но есть и другие области, где можетиспользоваться PHP.
Вторая область – этосоздание скриптов, выполняющихся в командной строке. То есть с помощью PHPможно создавать такие скрипты, которые будут исполняться, вне зависимости отweb-сервера и браузера, на конкретной машине.
И последняя область – этосоздание GUI-приложений (графических интерфейсов), выполняющихся на сторонеклиента [7, с. 58].
Ajax
Ajax расшифровывается какAsynchronous Javascript And XML (Асинхронные Javascript и XML) и технологией встрогом смысле слова не является. Если в стандартном web-приложении обработкойвсей информации занимается сервер, тогда как браузер отвечает только завзаимодействие с пользователем, передачу запросов и вывод поступившего HTML, тов Ajax-приложении между пользователем и сервером появляется еще один посредник- движок Ajax. Он определяет, какие запросы можно обработать «наместе», а за какими необходимо обращаться на сервер.
Поведение сервера тожеизменилось. Если раньше на каждый запрос сервер выдавал новую страницу, тотеперь он отсылает лишь те данные, которые нужны клиенту, а HTML из них прямо вбраузере формирует движок Ajax.
Асинхронность проявляетсяв том, что далеко не каждый клик пользователя доходит до сервера, причемобратное тоже справедливо — далеко не каждая реакция сервера обусловленазапросом пользователя. Большую часть запросов формирует движок Ajax, причем егоможно написать так, что он будет загружать информацию, предугадывая действияпользователя.
Где стоит использоватьAjax:
· Формы. Они оченьмедленны. Если асинхронно передавать данные, страница не перезагружается.
· Навигация в виде«дерева». Вообще, такая навигация — ужас. Простая топология намногоудобнее, но если уж до этого дошло, лучше использовать Ajax.
· Голосования. Пользователюбудет приятней оставить свой голос за несколько секунд, чем за 30-40.
· Фильтры. Часто насайтах делают сортировку по дате, по имени. Ajax это будет значительно удобнее.
JavaScript
Язык программированияJavaScript разработан фирмой Netscape для создания интерактивныхHTML-документов. Это объектно-ориентированный язык разработки встраиваемыхприложений, выполняющихся как на стороне клиента, так и на стороне сервера.Синтаксис языка очень похож на синтаксис Java – поэтому его называют – Java-подобным.
Основные областиприменения JavaScript делятся на следующие категории:
· динамическоесоздание документа с помощью сценария;
· оперативнаяпроверка достоверности заполняемых пользователем полей форм HTML до передачи ихна сервер;
· созданиединамических HTML-страниц совместно с каскадными таблицами стилей и объектноймоделью документа;
· взаимодействие спользователем при решении «локальных» задач, решаемых приложениемJavaScript, встроенном в HTML-страницу [4, с. 57].
VBScript
Язык создания сценариевVBScript разработан фирмой Microsoft, является подмножеством достаточнораспространенного в среде программистов языка Visual Basic разработкиприкладных программ Windows-приложений. Как и его родитель, язык VBScriptдостаточно прост и лёгок в изучении.
Преимуществом егоприменения для создания сценариев является возможность использования, снебольшими корректировками, ранее написанных процедур на языках Visual Basic иVisual Basic for Application.
Функциональныевозможности сценариев, написанных на VBScript, ничем не отличаются отвозможностей сценариев JavaScript: динамические создание документа или егочастей, перехват и обработка событий и так далее.
VBScript используется длянаписания сценариев клиента (в этом случае браузер должен иметь встроенный интерпретаторэтого языка), а также для написания сценариев на сервере (в этом случае сервердолжен поддерживать язык VBScript).
Для создания сценариевклиента используется набор объектов, аналогичный набору JavaScript. Объектыклиента и сервера отличаются друг от друга, но существует общая часть (ядро)объектов, используемых при разработке как сценариев клиент, так и сценариевсервера [11, с. 213].
Perl
Наиболее широко Perlиспользуется для разработки инструментов системного администрирования, однако впоследнее время он получил огромную популярность в области разработкиИнтернет-приложений: CGI-сценариев, систем автоматической обработки электроннойпочты и поддержки узлов Web.
Вот некоторые примерызадач, которые можно решать с помощью Perl:
· проверка пользователейWindows NT на несоответствие их статуса и возможностей;
· управлениеNT-сервисами из командной строки и дистанционно с локальной машины получениестатистических данных на отдельной машине;
· может работать ис протоколом FTP;
· системнаяподдержка UNIX и Windows.
Сравнительный анализ сред создания Web-приложений
В настоящее время вовсемирной паутине размещено несколько миллионов Web-сайтов и их число постояннорастет. У каждого есть возможность не только просмотреть любой из них и извлечьполезную для себя информацию, но и принять активное участие в их создании.Большое значение при этом имеет среда, в которой будет происходить разработка.
/>Macromedia Dreamweaver
Компания 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, после чего страницы станут быстреегрузиться и лучше отображаться в разных браузерах.
/>Macromedia Fireworks
Fireworks это редакторграфики с возможностью её дальнейшей оптимизации и размещения в сети. Используябольшое разнообразие инструментальных средств, мы можем создавать иредактировать как векторную, так и растровую графику в пределах одного файлавместо того, чтобы переходить из одной программы в другую. Fireworks генерируетHTML — код и JavaScript и может легко создавать динамические меню инавигационные панели для наших интернет страниц. Эффективная оптимизацияграфических файлов позволяет максимально уменьшить их размер без потерикачества.
Кроме этого имеетсявозможность редактировать макеты WEB-страниц. Например, в Fireworks 8 можнооткрыть графический файл на всю ширину будущего сайта, нарисовать необходимоеграфическое оформление, а затем разрезать его инструментом Slice Tool так, какдолжна выглядеть будущая таблица HTML-документа. После этого можно начинатьдоработку отдельных графических элементов и, в том числе, создавать активнуюграфику, реагирующую на курсор, совсем не зная языка программирования(JavaScript).
/>Macromedia FreeHand
Один из трехпрофессиональных графических редакторов, ведущих с переменным успехом борьбу запервенство в работе с векторной графикой. FreeHand гораздо быстрее и прощесвоих конкурентов — CorelDraw и Adobe Illustrator. FreeHand прекрасно подходитдля создания логотипов, рекламы, Web-графики и анимации.
Изготовители программыприложили немало усилий, чтобы максимально облегчить жизнь пользователям:интерфейс программы прост и нагляден, имеется множество «примочек»,позволяющих быстро и легко выполнять сложные преобразования объектов илидостичь самых разных художественных эффектов. FreeHand умеет экспортировать иимпортировать файлы практически во всех широко распространенных форматах. Болеетого, в его состав входят настройки «горячих клавиш», эмулирующиедругие распространенные программы (Adobe Illustrator, CorelDraw). Так что ненадо переучиваться, переходя на FreeHand.
Интересной и важнойособенностью FreeHand при работе над большими проектами является возможностьглобальных изменений документа, как для текста, так и всех графическихобъектов. Механизм глобальной замены очень гибок. Кроме замены, он позволяетвыделить объекты с заданными свойствами для последующего преобразования.Основными свойствами, по которым ведется поиск и замена или выделение объектов,являются цвет, толщина контура, шрифт, угол поворота.
Документы FreeHand легкопревращаются в web-страницы. Конечно, FreeHand — не HTML-редактор, но поддерживаетбазовые элементы HTML. С помощью FreeHand WEB-страницы легко снабдитьFlash-анимацией. В анимационный клип вставляются текстовые блоки, группыобъектов, а также объекты с контурами. Небольшой клип из объектов FreeHandсоздается буквально одной командой — остается лишь проследить за некоторыминастройками. Каждый кадр клипа помещается на отдельный слой; анимационныйэффект достигается последовательным воспроизведением содержимого отдельныхслоев. Но средства FreeHand не заменят редактор Macromedia Flash.
/>Macromedia FLASH
Создаёт привлекательныеинтерактивные мультимедийные презентации, для WEB-сайтов. Для Flash характернавекторная графика и анимация, хотя эта программа может быть также использованадля манипулирования или отображения растровой графики, монтажа видеоматериала идаже для манипулирования звуковыми файлами.
Flаsh-содержимоепубликуется в компактных файлах формата SWF для последующего показа на самыхразных платформах с помощью Flаsh-проигрывателя. Во время воспроизведения файлаформата SWF в оперативном режиме в него можно динамически загружать такоесодержимое, как звуковые файлы формата МР3, Flash-видео и изображения форматаJPEG. Flash-проигрыватель позволяет подключаться к источникам данных, чтобыобъединить их с базой данных, XML или web-службами. Благодаря всем этимвозможностям привлекательные фрагменты анимации и эффекты могут быть введены вприложения, управляемые данными. Flash имеет поддержку антиалайсинг(сглаживание контуров с помощью смешения соседних цветов). Так как этот форматфайла основан на векторной графике, объект сохраняет качество изображения прилюбом разрешении и идеален для создания кадров анимации.
Мощныйсобытийно-управляемый язык. Применяемый язык ActionScript — это почтиполноценный язык программирования, с поддержкой условий, циклов, массивов,функций и классов, которые можно наследовать.
В пользу Flash маленькийразмер получающихся файлов и использование векторного формата изображений, исжатие растровых и звуковых файлов, что очень положительно влияет на уменьшениеразмера страницы и время ее скачивания.
/>Macromedia HomeSite
Эта программа оченьдружественно относится к пользователю. В ней множество готовых тегов, шаблонов.
Гибкость интерфейса — этоодна из сильнейших сторон продукта. Любой пользователь с легкостью сможетнастроить интерфейс HomeSite в соответствии со своими предпочтениями ипотребностями.
В процессе работыпользователь может видеть рабочую область с двумя вкладками — Browse и Edit. Тоесть программирование происходит во вкладке Edit, а результат можно увидеть,если выбрать вкладку Browse. При создании новой страницы на поле редактированияавтоматически появляются некоторые теги вроде HTML и BODY. Это шаблон,загружаемый при создании новой страницы. Его содержание можно менять.
В HomeSite очень легкостроить архитектуру сайта. Этому способствует панель Quick Bar с системойвкладок с готовыми тегами. Теги в этих вкладках самые разные — от простых вродепараграфа до java-скриптов. Можно вообще оставить однувкладку, добавив в нее все необходимые теги через меню Customize. Также можносамому создавать теги или их комбинации. При нажатии на кнопку с определеннымтегом появляется окно, где можно настроить опции тега и указать его атрибуты.Поддерживает режим WYSIWYG со всеми его плюсами и минусами.
Для скорости работы здесьимеется множество средств редактирования тегов. Это, например, такие функции,как Tag Completion, Tag Editors и Tag Insight. Они существенно облегчаютредактирование тегов и их атрибутов. Так же есть заготовки кода (CodeSnippets).
HomeSite легкоинтегрируется со средствами управления исходным кодом и системами управленияпроектами, а также предлагает широкие возможности работы с протоколом FTP,благодаря чему мы сможем быстро выполнить развертывание сайта и организоватьего эффективное обслуживание [9, с. 185-279].
/>Microsoft FrontPage
Является наиболеепопулярным HTML-редактором на рынке, главным образом за счёт популярностипакета Microsoft Office. В программе предлагаются мощные функции ипривлекательный пакет программ, включая Image Composer, который предназначендля создания изображений (Приложение В). Во FrontPage также содержатсяWEB-компоненты, необходимые для добавления интерактивных свойств web-узлу.Microsoft FrontPage является классическим WYSIWYG-редактором, в котором,однако, присутствует возможность ручной правки кода [6, с. 17].
В программе имеется трирежима работы с документом: Normal, HTML и Preview.
В режиме Normal,web-страницы представляют собой обычный текстовый файл с возможностьюредактирования всех элементов — от текста до картинок.
В режиме HTMLосуществляется подсветка синтаксиса, однако довольно посредственную — дескрипторы выделены, синим цветом, все остальное — черного цвета.
В режиме Preview можнопосмотреть, как будет выглядеть ваша страница в окне браузера.
FrontPage имеетконструктор таблиц, существенно облегчающий их создание. Одним из основныхпреимуществ программы является большое количество имеющихся шаблонов,позволяющих пользователю не ломать голову над дизайном своего проекта. Выбравнеобходимый шаблон, можем приступать непосредственно к наполнению страницыконтентом. Вот тут то и ощущается вся прелесть FrontPage: процесс созданияHTML-страницы ничем не отличается от создания обычного текстового документа вMicrosoft Word. Нам доступны те же средства для редактирования текста, сменыего форматирования, создания и редактирования таблиц, вставки различныхобъектов и изображений и всё это без знания HTML. FrontPage делит рабочуюобласть на несколько блоков, содержащих определенные элементы страницы — рисунки, текст, заголовки и проч. Для каждого блока можно назначить своипараметры форматирования и расположения его относительно страницы.
Минусы: небольшой наборинструментов разработки, невозможность отдельного приобретения программы.Microsoft FrontPage неплохо подойдет в качестве HTML-редактора на первое время,однако с ростом потребностей его возможностей может не хватить. Есть и обратнаясторона медали — сложность и громоздкость полученного кода, что естественно,сказывается на конечном размере документа. Также в дальнейшем будет весьмасложно вносить изменения в подобный документ. Но это скорее недостаток неконкретного продукта, а практически всех WYSIWYG-редакторов (What You See IsWhat You Get — «что видите, то и получите»).
Web-компоненты работаюттолько в том случае, если на web-сервере, который используется, присутствуютсоответствующие им программы.
/>Microsoft Word
Не смотря на то, чтоMicrosoft Word является текстовым редактором и по существу не считаетсяHTML-редактором. Он имеет возможность сохранять файлы в формате HTML. Врезультате мы можем столкнуться со страницами которые тем или иным способомбыли созданы в Microsoft Word. Проблемы в HTML-коде, полученном из редакторааналогичны проблемам FrontPage: обе эти программы создают избыточный код,который не во всём соответствует HTML-стандарта. Огромное количество людей,использующих Word в своей повседневной работе, становятся потенциальнымиразработчиками HTML-документов.
Создать web-станицу вWord можно двумя способами: с помощью Мастера либо преобразовав существующийдокумент Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и неоптимальным образом. Преобразование естественно приводит к тому, что какие-тоэлементы оформления документа будут утрачены или изменены. При необходимостивставить на HTML-страницу собственные тэги, в Word предусмотренонепосредственное редактирование HTML-кода.
/>Adobe Illustrator
Предназначена длясоздания и редактирования иллюстраций, то есть изображений, содержащих элементывекторной графики, например шрифты, геометрические фигуры и т.д.
Web-страницы могутсодержать много элементов – текст HTML, растровые изображения, векторнуюграфику. В Illustrator можно использовать фрагменты для определения границразличных web-элементов в объекте. Web-страница делится на ячейки которые представляются в трёх типах:изображения, без изображения, HTML-текст.
При этом можно сохранитькаждый фрагмент как независимый файл со своим форматом, настройками и цветовойпалитрой. Блокировка фрагментов предотвращает случайные изменения позиция.Размер фрагмента привязываются содержащемуся в нем объекту. Поэтому приперемещении или изменении размера объекта границы фрагмента корректируютсяавтоматически, но при необходимости их всегда можно откорректировать вручную.
Карты ссылок позволяютсвязать одну или несколько областей изображения (так называемых активныхобластей) с URL-адресом. Когда щелкаем по активной области, web-браузерзагружает связанный с ней файл.
Основная разница междуиспользованием карт ссылок и фрагментов для создания связей состоит в том, какобъект экспортируется на web-страницу. Использование карт ссылок сохраняетобъект в виде единого файла изображения, а в случае использования фрагментовобъект делится на несколько отдельных файлов. Еще одна разница между картамиссылок и фрагментами состоит в том, что карты позволяют связывать многоугольныеили прямоугольные области в объекте, а фрагменты – только прямоугольные [1, с.139].
/>Adobe Photoshop
Самая популярная и широкораспространенная программа редактирования изображений. С её помощью можносоздавать высокохудожественные изображения. Она содержит всё необходимое длясоздания и редактирования профессиональной графики.
Photoshop — это не простопрограмма редактирования изображений, это самая мощная и функциональнаяпрограмма в своем классе. Программа позволяет ретушировать изображение иподвергать его спецэффектам, переносить детали одного снимка на другой, вноситьтекст, менять соотношение цветов и даже добавлять цвет в изображения,выполненные в оттенках серого. Средства Photoshop совместимы с графическимипланшетами, что дает возможность создавать вполне художественные изображения,не хуже выполненных акварелью и маслом.
При всей простотеосновных инструментов Photoshop пользователь может к тому же настраивать их«под себя». А это равносильно наличию бесконечного разнообразиямелков. Поскольку программы рисования полагаются при своей работе на пиксели,они идеально подходят для работы с электронными (цифровыми) фотографиямицветных карандашей, пульверизаторов, акварельных и масляных красок и многогодругого. Photoshop предоставляет полный контроль над каждым пикселемизображения. Недостаток программ рисования в ограниченном разрешении. Посколькубитовый рисунок состоит из фиксированного количества пикселей [8, 592].
/>CorelDraw
CorelDraw позволяетобрабатывать самую разнообразную информацию, представляемую в документе в видевекторных и растровых объектов, блоков обычного и художественного текста, атакже объектов Интернета.
В программе примененсовременный интерфейс плоского типа, который характеризуется тем, чтоинструменты, находящиеся на различных панелях, отображаются в виде обычныхплоских рисунков, а выделение одного из них происходит только при установке нанем указателя.
При построении векторныхизображений линии и фигуры накладываются, пока не получится окончательноеизображение. Каждый объект можно редактировать независимо от остальных — одноиз немногочисленных преимуществ объектного подхода, тем не менее, изображениевсе же приходится строить поэтапно. В программе редактирования векторныхрисунков линии, фигуры и текст задаются математическими выражениями, что даетвозможность автоматически настраивать их на максимальное разрешение устройствавывода. Еще одно преимущество векторных рисунков состоит в том, что для них нетребуется много места на диске. Объем файла векторного рисунка зависит толькоот количества и сложности объектов, составляющих этот рисунок, поэтому егоразмер, в отличие от растрового рисунка, практически не влияет на этот объем.
CorelDraw демонстрируеткачества мощного визуального редактора web-страниц: пользователь получаетвозможность генерировать развитые HTML-документы, которые могут включатьсценарии JavaScript и таблицы стилей CSS.
Обеспечивая мощныевозможности для работы с графикой, текстом и средства компоновки и экспортадокументов для публикации в Интернете, CorelDraw вполне может служить исходнымпунктом для генерирования первых версий файла HTML.
При размещенииизображений на странице одна из наиболее важных задач — оптимизация размерафайлов изображений. Рекомендуемый «потолок» общего размера страницы –от 100 до 150 кбайт. Уменьшение размера файлов изображений выполняется сжатиемфайлов и уменьшением количества цветов. Эти задачи доступны для любой изграфических программ, перечисленных выше [2, с. 85]./>/>/>/>/>/>
Заключение
Споявлением web-технологии компьютер начинают использовать совершенно новые слоинаселения Земли. Можно выделить две наиболее характерные группы, находящиеся наразных социальных полюсах, которые были стремительно вовлечены в новуютехнологию, возможно, даже помимо их собственного желания. С одной стороны, этобыли представители элитарных групп общества — руководителикрупных организаций, президенты банков, топ — менеджеры, влиятельныегосударственные чиновники. С другой стороны, это были представители широчайшихслоев населения — домохозяйки, пенсионеры, дети.
Спектрсоциальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, всевремя расширяется за счет пользователей, не относящихся к категорииспециалистов в области информационных технологий. Это врачи, строители,историки, юристы, финансисты, спортсмены, путешественники, священнослужители,артисты, писатели, художники. Список можно продолжать бесконечно. Любой, ктоощутил полезность и незаменимость Сети для своей профессиональной деятельностиили увлечений, присоединяется к огромной армии потребителей информации во «ВсемирнойПаутине».
Сразвитием технологий гипертекстовой разметки в Интернете стало появляться всёбольше сайтов, тематика которых была совершенно различной – от сайтов крупныхкомпаний, повествующих об успехах компании и её провалах, до сайтов маленькихфирм, предлагающих посетить их офисы в пределах одного города.
РазвитиеИнтернет-технологий послужило толчком к появлению новой ветки в Интернете –Интернет — форумов. Стали появляться сайты, и даже целые порталы, на которыхлюди со всех уголков планеты могут общаться, получать ответы на любые вопросыи, даже, заключать деловые сделки.
Создание сайтапредставляет собой маркетинговый шаг, направленный на создание информационногоресурса, который предоставит возможность для компании как удержать старыхклиентов, так и привлечь новых.
Созданиеи разработка сайтов включает:
· утверждение первоначальноготехнического задания на разработку сайта;
· определение структурной схемысайта — расположение разделов, контента и навигации;
· web-дизайн — создание графическихэлементов макета сайта, стилей и элементов навигации;
· разработка программного кода,модулей, базы данных и других элементов сайта необходимых в проекте;
· тестирование и размещение сайта всети интернет.
Существует множествосредств для создания web-сайтов, но лишь некоторые из них способны предоставитьразработчикам инструменты для решения подавляющего большинства стоящих передним задач. При разработке web-сайта из всех современные web-технологий, позволяющих создаватьинтерактивные web-страницы, необходимо выбратьнаиболее подходящие для выполнения поставленных на первоначальном этапе задач.
/>/>/>/>/>/>Глоссарий№ п/п Понятие Определение 1 Web-дизайн это оформление web -страниц 2 Web-сервис услуги, которые предоставляются в Интернете с помощью специальных программ 3 Браузер специальная программа просмотра гипертекстового документа 4 Гипертекст это способ хранения и манипулирования информацией, позволяющий устанавливать связи между любыми «информационными единицами». Связь между информационными единицами осуществляется по гиперссылкам. 5 Гиперссылка это выделенный фрагмент текста, с помощью которого осуществляется переход от одного документа к другому. Обычно гиперссылки выделяют цветом и подчеркиванием 6 Доменное имя адрес сетевого соединения (например, www.zenon.net), который идентифицирует владельца адреса 7 Контент наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой 8 Плагин программный компонент-прибавка к браузеру, позволяющий реализовать дополнительные функции 9 Портал сайт, с которого человек регулярно начинает свою работу в Интернете 10 Сайт это место в Интернете, которое определяется своим адресом, имеет своего владельца и состоит из web -страниц 11 Тэг это система условных обозначений, которые вносятся в WWW документ и информируют о том, как данный документ должен выглядеть и как он должен быть связан с другими документами 12 Форма это элемент web-страницы, предназначенный для ввода информации. Поля формы могут заполняться набором текста, либо выбором значений из списка 13 Форум это инструмент для общения на сайте 14 Web-сайт это информационный ресурс, состоящий из связанных между собой гипертекстовых документов (Web-страниц), размещенный на Web-сервере и имеющий индивидуальный адрес 15 Web-страница это текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера 16 Язык HTML (Hypertext Markup Language) это язык форматирования, в котором для задания параметров форматирования используется система тегов 17 Flash это технология web-мультипликации и создания интерактивного контента компании от Macromedia 18 FTP это протокол передачи файлов. В настоящее время практически все функции FTP доступны и через HTTP 19 HTTP это методика передачи web-страниц по сети Интернет 20 URL это адрес страницы в интернете. URL состоит из доменного имени, пути к странице на сайте и имени файла />/>/>/>/>/>
Список использованныхисточников
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. Мак-Клелланд Дик. Photoshop7. Библия пользователя.: Пер. с англ. – М.: Издательский дом«Вильяме», 2006. — 928 с.
9. Орлов Л. В. Web-сайт безсекретов. / Л. В. Орлов. – 2-е изд. – М.: Бук-пресс, 2006. – 512 с.
10. Полонская Е.Л. Язык HTML.Самоучитель.: — М.: Издательский дом «Вильяме», 2005.— 320 с.
11. Создание Web-страниц иWeb-сайтов. Самоучитель: [учеб. пособие] / под ред. В. Н. Печникова. – М.:Изд-во Триумф, 2006.— 464 с.
12. Якушев, Л. В. Начинаемработать в Интернет. Краткое руководство. – М.: Издательский дом«Вильяме», 2006. —128 с/>/>/>/>/>/>/>