ГЛАВА 3. СРЕДСТВА РАЗРАБОТКИ WEB-САЙТОВЕсли с функциями и целями сайта определились, нарисовали его макет, пора приниматься за его реализацию. То есть, объяснить машине, как реализовать Ваши идеи на понятном для нее языке. Проще всего использовать язык разметки HTML.
Но вся информация, которая появится на сайте, будет статической. Скачать, что-либо, с сайта будет невозможно. Обратной связи с посетителем на таких сайтах нет. Но хорошо то, что для создания подобных документов можно использовать практически любой текстовый редактор. Языки программирования развиваются очень быстро. На сегодня разработаны средства визуального проектирования HTML. Как будет выглядеть Ваш сайт, в целом зависит от веб-дизайнера, его художественного вкуса и его умения работать с графическими редакторами. Если в задачи Вашего веб-сайта входит не только поставлять информацию посетителю, но и получать обратную связь, тогда необходимо создавать активное веб-приложение.
Тогда на сайте кроме статических страниц информации, появятся динамические, которые приложение создает на «лету». Для разработки такого проекта потребуются профессионалы-программисты, которые владеют языками JavaScript, Visual Basic Scripting Edition, Perl, PHP и др., специально разработанными для проектирования подобных приложений. Приложение к сайту готово и его пора запускать. После запуска нужно настроить процедуру обслуживания. Понадобится резервное копирование данных и файлов, которые хранятся в СУБД, рекламная рассылка или рассылка новостей, автоматическое слежение за работоспособностью сервера и прочее. Это работа системного администратора и зависит она от его квалификации. Проектируя сайт, невозможно избежать ошибок. И многие из них проявляются только при сильной загруженности сервера. К этой ситуации нужно быть готовым. Тестирование сайта поможет на начальном этапе выявить коварные ошибки.
Чем больше людей примет участие в тестирование, тем эффективнее будет работать сайт в результате устранения неполадок. Клиентские сценарии размещаются внутри Web-страниц и запускаются (как интерпретируемые программы под управлением браузера) на компьютере посетителя Web-сайта. Нужно иметь ввиду, что различные браузеры по-разному интерпретируют клиентские сценарии, что приводит к появлению непростой проблемы совместимости. Для серверных сценариев, работающих под управлением Web-сервера, таких проблем не существует. Для оптимальной работы сайта необходимо иметь хороший веб-сервер. Для расширения возможностей сервера рекомендуется создать CGI (Common Gateway Interface) программы, которые умеют получать от посетителей различные данные и обрабатывать их, обращаясь при необходимости к базам данных и другим системным компонентам. Программы CGI можно составлять на разных языках программирования (С, С++, Perl, Pascal, Java и прочее) Особенно удобно использовать язык Perl, так как он содержит набор необходимых функций, доступен в различных операционных системах (Linux, Solaris, Microsoft Windows NT/2000).Если программа CGI разработана на языке С++, то можно использовать библиотеку стандартных шаблонов STL (Standard Template Library).
Это облегчает работу с динамически расширяемыми массивами, словарями и списками. Работаяссайтом, частоиспользуютрасширениеISAPI (Internet information Server Application Program Interface). ПосвоимвозможностямпрограммныйинтерфейсMicrosoftIIS (InternetinformationServerApplicationProgramInterface)подобныйкпрограммам CGI. Ониработаютбыстрее. Для их создания необходимо знать языки программирования C и C++, профессионально владеть функциями программного интерфейса ОС Microsoft Windows. Заметную помощь в организации обработки данных может оказать библиотека шаблонов STL. В современных версиях ОС Microsoft Windows есть много программных компонентов, которые созданны с применением модели компонентных объектов COM (Component Object Model) и элементов управления ActiveX.
В распоряжение разработчиков сценариев ASP сервер Microsoft IIS предоставляет наборы готовых элементов управления ActiveX, которые предназначены для обработки данных, полученных от посетителей сайта, и доступ к СУБД и прочее. Для передачи электронной почты или выполнения каких-либо нестандартных операций можно использовать готовые элементы управления ActiveX или создавать собственные. В таких случаях оптимально использовать библиотеки шаблонов Microsoft ATL (Active Template Library) и STL, которые значительно облегчают создание элементов в среде разработки Microsoft Visual Studio. Веб-приложения можно создавать, используя технологии предварительной обработки гипертекста PHP (Hypertext Preprocessor или Personal Home Page — персональные домашние странички). Эта технология похожа на технологию ASP, но использует свой язык программирования сценариев и доступна на многих платформах (в том числе Microsoft Windows и Linux).Очень активно используется язык расширяемой разметки гипертекста XML (eXtensible Markup Language). Он является подмножествомстандартного языка обобщенной разметки документов SGML (Standard Generalized Markup Language). С помощью языка XML можно отделить представление данных от самих данных.
Это во многом облегчает разработку Интернет-приложений. На его основе создано много стандартов обмена бизнес-информацией, которые позволяют интегрировать разнородные системы схожего назначения. Вместе с браузером Microsoft Internet Explorer 5.0 появился векторный язык разметки VML (Vector Markup Language). С его помощь можна рисовать в окне браузера сложные векторные иллюстрации, при этом, не перегружая каналы данных большими объемами передаваемой информации, что позволяет быстрее загружать страниц. Например, для рисования графика Web-сервер передает браузеру лишь координаты его вершин, а не полное графическое изображение. С помощью аплетов Javaможно добиться аналогичных результатов. Также с помощью элементов управления ActiveX, расположенных на странице HTML можно ускорить загрузку страниц. Но оба из приведенных способов имеют недостатки.
Например, по соображениям безопасности посетитель Web-сайта может отключить в своем браузере просмотр аплетов Java или запретить загрузку элементов управления ActiveX. Аплеты Java теоретически должны работать на любой компьютерной платформе в соответствии с принципом «написано однажды, работает везде». Но как показывает практический опыт, это не всегда так. Программы Java работают под управлением интерпретирующей программы — виртуальной машины Java. Для разных платформ эта машина имеют свои особенности реализации. Это, в свою очередь, накладывает ограничение на переносимость программ Java. Элементы управления ActiveX, встроенные в страницы HTML, загружаются в адресное пространство ОС посетителя Web-сайта и функционируют там подобно обычным программам, запущенным на локальном диске. То есть, они получают практически неограниченный доступ к ресурсам компьютера посетителя, что небезопасно. Поэтому посетители чаще всего отключают в настройках браузера возможность их загрузки. Язык VML, несмотря на то, что полностью исключает необходимость в аплетах Java или элементах управления ActiveX для рисования на страницах HTML векторных графических изображений, имеет свои недостатки.
Главным из них является тот, что для просмотра страниц с графикой, которые реализованны средствами VML, у пользователя должен быть установлен браузер Microsoft Internet Explorer версии 5.0 или более поздней версии. Для создания трехмерной анимации эффективно использовать язык виртуального моделирования реальности VRML (Virtual Reality Modeling Language). Проектирования графического интерфейса требует используования графических редакторов. Наиболее популярный и доступный графический редактор — это Photoshop. В отрисовуются эскизы, создаваются дизайн web страниц и прочее. HTML-редактор послужит для подготовки шаблона будущего сайта.
Подразумевается, что страница должна содержать элементы, которые будут реагировать на действия посетителей. Яркий пример — кнопки, которые меняют цвет при наведении мышки. Эти функции достигаются благодаря программированию на скриптовых языках. Исследуя развитие веб-дизайна можно сделать вывод, что на сегодня наметилось несколько тенденций. Одна из них будет актуальна для развития веб-сайтов учебных заведений.
В 2015 году, по прогнозам экспертов, использование мобильного интернета обгонит обычные ноутбуки и настольные ПК. Если раньше версии сайтов под мобильные устройства считались «понтом», то сегодня даже основные сайты, используя CSS3, адаптируются под разрешения экранов мобильных устройств. Таким образом, большинство разработчиков уже сегодня смотрят в будущее и ориентируются на использование мобильной версии сайта. При создании сайта следует учесть, что использование множества страниц не популярны у посетителей. Хотя, сайт на нескольких страницах, кажется, имеет больше SEO возможностей, эволюция дизайна больше ориентирована на предоставление контента в виде веб-сайта одной страницей, так как смартфоны привили людям любовь к прокрутке. Говоря о прокрутке, нельзя не вспомнить о параллакс технологии. Одной из самых свежих тенденций, появившихся в индустрии веб-дизайна является параллакс скроллинг. Многие успешные бренды уже перешли на параллакс скроллинг благодаря фактору восхищения аудитории. Он идеально подходит для включения информации на сайте, он используется, чтобы показать объекты или фоны, движущиеся на разных скоростях, чтобы создать впечатляющий визуальный эффект для пользователей. Следует отметить, что с развитием многих элементов дизайна потребность в разработке стилей, что являются минималистическими, всегда остаются главными целями многих дизайнеров. Много сайтов, придумывая инновационные и модные методы проектирования, в конечном итоге предпочитают веб-дизайн, который имеет оптимизированную графику и тексты, не перегружающие пользователей большим количеством информации и визуальными эффектами. Будущее нельзя предвидеть на все 100%. Но, тем не менее, текущие тенденции и события могут примерно обрисовать перспективы.
Скорость, с которой веб-разработки и проектирование расширяются, держат нас в постоянном ожидании более изобретательных и оригинальных дизайнерские идей, что станут обыденными в будущем.
ЗАКЛЮЧЕНИЕ
Создание сайта для образовательного учреждения — очень важный и ответственный шаг. Хороший сайт — визитная карточка каждого учебного заведения. Это то, с чем может быть впервые, сталкиваются потенциальные клиенты (абитуриенты) при выборе места дальнейшей учебы или даже места работы. Это первое впечатление об учебном заведении. Хороший дизайн, эргономика, удобная навигация по сайту, наполняемость — залог успеха. Возможность просматривать страницы сайта с помощью мобильных средств повышает его посещаемость и создает удобство для студентов. Ведь просмотреть расписание, домашнее задание или прочую нужную информацию с помощью компьютера не всегда получается.
А мобильный телефон всегда под рукой. Быстрая загрузка разделов сайта является хорошим тоном. Квалифицированные программисты и системные администраторы обеспечат бесперебойную работу сайта, его обновление и прочее. Не нужно забывать о рекламе. В период приёмной кампании каждое учебное заведение борется за своего абитуриента: хочется отобрать лучших, достойных. Поэтому, страница сайта, посвященная абитуриенту и его родителям, должна быстро определятся в любой поисковой системе, и быть привязанной к главной странице. Хотелось бы видеть ее лаконичной. В то же время, вся нужная посетителю информация представлена в полном объеме. Посетитель запоминает не яркие и красочные сайты, а те, которые, по его мнению, интересны, которые наполнены эксклюзивной информацией.
Несмотря на то, что закон РФ «Об образовании» выдвигает сайтам стандартный набор требований и оговаривает определенную структуру сайта, нужно помнить о своей индивидуальности и неповторимости. На главную страницу сайта обязательно нужно поместить ту «изюминку» ГБОУ АО СПО «Астраханский технологический техникум», которая отличает его от учебных заведений подобного типа. Рубрикаторы сайта тоже должны иметь оригинальное наполнение — это нужная, интересная и полезная информация, предназначенная для разной целевой аудитории. Не забываем о том, что информация быстро устаревает, поэтому следим за ее обновлением и пополнением. На качество сайта влияет три составляющих: юзабилити (структура, удобство), внешняя привлекательность (дизайн), продвижение, аналитика, рекламные цели. Юзабилити выше у тех сайтов, которые придерживаются четкой общепринятой схемы расположения элементов. Количество страниц сайта должно быть небольшим. Оформление сайта должно удерживать посетителя. Продуманная эргономичная структура, где все элементы находятся на своих местах и с легкостью находятся пользователями. Сайт должен быть интуитивно понятен.
Идеальным сайтом можно назвать такой, зайдя на который человек без трудностей найдёт нужный товар или информацию об услуге. Таким образом, создание хорошего сайта, как и любого другого качественного продукта, требует не только знания определенных правил, но и опыта их применения на практике, умения в рамках правил находить нестандартные, «свежие» решения.
СПИСОК ЛИТЕРАТУРЫ
1. Брежнева, В. В. Информационное обслуживание: продукты и услуги, предоставляемые библиотеками и службами информации предприятий [Текст] / В. В. Брежнева, В. А. Минкина; СПбГУКИ. — 2-е изд., перераб. — СПб.: Профессия, 2006.
— 304 с. — (Серия «Библиотека»)2.
Воройский, Ф. С. Информатика. Энциклопедический систематизированный словарь-справочник: введение в современные информационные и телекоммуникационные технологии в терминах и фактах [Текст] / Ф. С. Воройский. — 4-е изд. — М.: Физматлит, 2006. — 965 с.
3. Гендина, Н. И. Использование формализованных методов при подготовке текста для веб-сайтов учреждений культуры [Текст] / Н. И. Гендина, Н. И. Колкова, О. И. Алдохина // Научные и технические библиотеки. — 2008. -№ 3. — С.
29−354. Гендина, Н. И. Лингвистические средства проектирования контента веб-сайтов [Текст] / Н. И. Гендина // Научные и технические библиотеки. — 2008. — № 3. — С. 5−145.
Инькова Н. А., Зайцева Е. А., Кузьмина Н. В., Толстых С. Г.
Создание Web-сайтов: Учебно-методическое пособие. Ч. 5. Тамбов: Изд-во Тамб. гос. техн. ун-та,
2005. — 56 с.
6. Земсков, А. И. Некоторые особенности работы с электронными документами [Текст] / А. И. Земсков // Научные и технические библиотеки. — 2008. — № 2. — С. 112−1257
Иванов. А. Подготовка сайта для индексирования в поисковых системах [Электронный ресурс] / Андрей Иванов // Режим доступа:
http://www.ashmanov.com/pap/ivsprep.phtm8. Инькова, Н. А. Создание Web-сайтов: Учебно-методическое пособие [Электронный ресурс] / Инькова Н. А., Зайцева Е. А., Кузьмина Н. В, Толстых С. Г. // Режим доступа:
http://club-edu.tambov.ru/methodic/fio/p5.doc9. Кречетников, К. Г. Рекомендации по проектированию мотивационной и содержательной составляющих образовательной среды вуза на основе информационных технологий [Электронный ресурс] / К. Г. Кречетников // Режим доступа:
http://www.auditorium.ru/aud10. Мак-Клелланд Дик. P hotoshop 7. Библия пользователя.: Пер. с англ. -
М.: Издательский дом «Вильяме», 2006. — 928 с.
11. Метьюс, М. FrontPage 2000: полное руководство [Текст] / М. Мэтьюс, Э. Полсен; пер. с англ. — К.: Издательская группа BHV, 2000. — 752 c.
12. Селин, Г. Интернет-пособие по созданию Web-сайта, его публикации и способах раскрутки [Электронный ресурс]/ Геннадий Селин // Режим доступа:
http://web-book.narod.ru/13. Справочник информационного работника [Текст] / Науч. ред. Р. С. Гиляревский, В. А. Минкина. — СПб.: Профессия, 2005.
— 552 с. — (Серия «Библиотека»)14. Панкова, Е.В. Интернет-сайт среднего профессионального учебного заведения: эффективность поиска в Интернете [Текст] / Панкова Е. В., Косинова С. А. //
Научные и технические библиотеки. — 2008. — № 3. — С. 41−4415
Полонская Е. Л. Язык HTML. Самоучитель.: — М.: Издательский дом «Вильяме», 2005.— 320 с.
16. Пунина, Т. Г. Проектирование и размещение в сети Интернет административных сайтов образовательных учреждений: Учебно-методическое пособие [Электронный ресурс] / Т. Г. Пунина // Режим доступа:
http:// club-edu.tambov.ru/methodic/2007/ppsite/content.html17. Режепп, А. Типичные ошибки при создании корпоративных web-сайтов [Текст] / А. Режепп, Ю. Степанов, О. Павлова // Мир Internet. -
2001. — № 2. — С. 70−7318
Создание Web-страниц и Web-сайтов. Самоучитель: [учеб. пособие] / под ред. В. Н. Печникова. — М.: Изд-во Триумф, 2006.— 464 с.
19. Тлеукеева, Р. Традиционные и электронные ресурсы: состояние, проблемы. эффективность использования [
Текст]/Роза Тлеукеева//Библиотека. — 2008. — № 1. — С. 15−1920
Шрайберг, Я. Л. Библиотека, электронная информация и меняющееся общество в информационном веке [Текст] / Я. Л. Шрайберг // Научные и технические библиотеки. — 2007. — № 1. — С. 25−55
