Поиск:
г.Тамбов, ул. Ленинградская 1
Наши партнеры


Сегодня: 15 декабря 2018 г.
Время:     20 ч. 24 мин.

МАТЕРИАЛЫ
межрегиональной научно-практической конференции
"Информатизация системы образования Тамбовского региона"

Зайцева Елена Александровна
ГОУ ВПО "Тамбовский государственный технический университет"
Программист сектора развития сетевых
информационных ресурсов ТамбовЦНИТ

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

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

Интернет - всемирная система объединённых компьютерных сетей, построенная на использовании семейства протоколов ТCP/IP и маршрутизации пакетов данных. WWW-сервис (World Wide Web - всемирная паутина) - это гипертекстовая, гипермедийная, распределенная, интегрирующая, глобальная информационно-поисковая система в Интернет.
Web-сайт - это информация (представленная в определенном виде), которая располагается на web-сервере и имеет свое уникальное имя (адрес) в Интернет. Web-сайт представляет собой некоторый набор текстовой и графической информации, организованный в виде определенного количества web-страниц, связанных между собой гипертекстовыми ссылками.
Для просмотра web-сайта используются программы браузеры (программа-просмотрщик). Сегодня в мире существует не менее десятка различных браузеров. К наиболее распространенным относятся Internet Explorer (компания Microsoft), Netscape Navigator (компания Netscape/AOL), Opera (компания Opera Software) и Mozilla. Все браузеры имеют свои достоинства и недостатки, которые складываются из скорости работы, способности открывать те или иные приложения, соответствие требованиям безопасности при работе в Сети.

При создании web-сайта основное внимание должно быть уделено таким его составляющим, как содержание (контент), структура (навигация) и дизайн (оформление).
Содержание web-сайта, должно соответствовать целям его создания, учитывать особенности целевого сегмента посетителей сайта, быть в определенной степени уникальной и актуальной. К разработке содержимого следует подходить по мере увеличения детализации - необходимо начинать с общих сведений, потом переходить к более конкретным, и только потом - к еще более конкретным.
Структура (навигационная схема) создаваемого web-сайта зависит от того, как связаны между собой его страницы. Выбор структуры web-сайта зависит от его функционального назначения, числа страниц и того, насколько легко пользователи смогут получить нужную информацию. Различают следующие варианты структуры. Линейная, при которой осуществляется последовательный переход от одной web-страницы к другой. Иерархическая, при которой осуществляются переходы по ветвям древовидной структуры, в соответствии с логикой. "Каждая к каждой" при которой с любой web-страницы можно перейти на любую другую (приобретает в Интернет все большую популярность). Смешанная, при которой в различных разделах web-сайта используются разные навигационные схемы.
Дизайн играет важную роль в привлечении внимания пользователей сети Интернет к web-сайту, однако универсального решения в этой области не существует. Дизайн web-страниц предполагает разработку следующих элементов: цвет, шрифт, графика. При этом сеть Интернет налагает некоторые ограничения на возможности оформления web-страниц - время загрузки web-страниц, пропускная способность канала передачи данных, размер графических файлов, совместимость браузеров, передача цветовой палитры и др. Графические элементы дизайна представляют собой растровые изображения трех форматов - GIF, JPEG, PNG. Выбор оптимального формата для графического изображения, размещаемого на web-странице, осуществляется с учетом таких критериев как объем и качество. Т.е. подбирается такой формат, который бы обеспечивал приемлемое качество при минимальном объеме. Оптимальный для конкретного изображения формат зачастую можно выбрать только экспериментальным путем.

Выделяют следующие этапы разработки web-сайта:
Планирование. На этом этапе должны быть получены ответы на следующие вопросы: цель создания web-сайта, аудитория, на которую он рассчитан, какая информация будет размещена. Целесообразно познакомиться с сайтами, тематика которых близка к тематике создаваемого web-сайта, с тем, чтобы избежать ошибок или поучиться на положительных примерах. Определяются категории, подразделы сайта, количество страниц в каждом разделе, подразделе. Разрабатывается структурная (навигационная) схема сайта.
Реализация. На этом этапе проводится подготовка текстового и графического материала (печать, сканирование, оптимизация). Материал разбивается по файлам в соответствии со структурой. Организовываются ссылки между web-страницами сайта. Разрабатывается дизайн. На этом этапе определяются: фон, на котором будет расположена информация, цвет текста, цвет гипертекстовых ссылок, знаки навигации, выделение разделов графикой или текстовыми ссылками, представление фотографического материала.
Тестирование. После того как web-сайт создан, необходимо проверить правильность переходов со страницы на страницу. В связи с тем, что браузеры разных фирм иногда по-разному интерпретируют встречающиеся на web-странице команды разметки, а браузеры устаревших версий "не понимают" описаний, соответствующих новым стандартам, желательно просмотреть web-сайт в браузерах разных производителей и разных версий, при разных разрешениях экрана, добиваясь приемлемого результата.
Публикация. Размещение сайта в Интернет. Для этого необходимо разместить все файлы web-сайта на web-сервере, предоставляющем такие услуги.
Рекламирование. На этом этапе предполагается взаимный обмен ссылками с другими сайтами, схожими по тематике, включение адреса сайта в письма, визитные карточки, брошюры, буклеты и т.д., регистрация сайта в популярных поисковых серверах;
Сопровождение. После создания web-сайта нужно не забывать обновлять информацию, расширять материал, улучшать дизайн, в противном случае велика вероятность того, что потенциальные посетители web-сайта не будут к нему возвращаться.

Для представления информации в виде web-страниц был разработан и постоянно совершенствуется язык HTML (HyperText Markup Language - язык разметки гипертекста). Web-страницы представляют собой текстовые файлы, размеченные в соответствии со стандартом языка HTML. С 1994 года по настоящее время разработка проводится под эгидой надгосударственной организации World Wide Web Consortium (W3C). Информацию о стандартах, рекомендациях и перспективах развития не только языка HTML, но и целого ряда других web-технологий, можно найти в Интернете по адресу http://www.w3.org.
Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги), сохраняют его с расширением htm или html и в результате получается web-страница. Браузер при загрузке web-страницы представляет её на экране в том виде, который задаётся тэгами. Основными достоинствами HTML-документов являются малый информационный объем и возможность просмотра на компьютерах, оснащенных различными операционными системами.
Технология каскадных таблиц стилей (Cascading Style Sheets) CSS предложена W3C Консорциумом как средство задания параметров оформления элементов HTML документов. В 1996 году была опубликована Спецификация CSS1 (каскадные таблицы стилей первого уровня). По существу, применение CSS позволяет задать свои параметры отображения для любого элемента web-страницы. К сожалению, большинство браузеров не поддерживает CSS в полной мере, зачастую возникает проблема совместимости с разными браузерами.
Таким образом, логическая структура документа определяется элементами HTML-разметки, в то время как форма представления каждого из этих элементов задается CSS-описателем элемента.
Для создания динамичных, интерактивных страниц, включающих в себя массу нестандартных возможностей, необходимо знать современные технологии web-программирования. Программный код, обеспечивающий интерактивность web-страниц, называется сценарием. Все технологии web-программирования можно разделить на две основные группы: программирование на стороне клиента и на стороне сервера. Сценарии на стороне клиента выполняются под управлением браузера, не обращаясь к серверу. Чаще всего они создаются на языках JavaScript и VBScript. Сценарии на стороне сервера располагаются и выполняются под управлением Web-сервера. Для их написания обычно используются такие технологии, как Perl, ASP, ColdFusion, PHP, JSP и SSI.

Существует множество программных средств для создания и редактирования web-страниц сайта.
1) Текстовые редакторы для работы с "чистым" HTML-кодом. Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (notepad), но при этом все команды разметки придется вводить вручную.
2) Программные средства, которые имеют специальные встроенные компоненты для конвертирования данных, созданных в этих продуктах, в HTML формат. Например, программы широко используемого пакета MS Office, начиная с версии 97, позволяет сохранить документ в формате HTML. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Многие современные графические редакторы предоставляют возможность сохранить коллекцию картинок в виде HTML-документа. Надо отметить, что при таком конвертировании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции.
3) Специализированные программные средства - web-редакторы, предназначенные специально для разработки web-сайтов. Существуют две разновидности web-редакторов: визуальные и невизуальные.
Невизуальные редакторы работают с "чистым" HTML-кодом. Они предоставляют возможность быстрого ввода тэгов HTML с использованием инструментальных панелей, вставки изображений и таблиц с помощью специальных диалоговых окон, работы с файловым менеджером для выбора папок и файлов, подсветки синтаксиса, проверки правильности получившегося кода и ссылок, использования справки по тегам и их атрибутам. Невизуальные web-редакторы часто называют HTML-редакторами. Они прекрасно подходят как для опытных web-дизайнеров, знающих HTML и прекрасно представляющих, как должна выглядеть web-страница в результате тех или иных изменений в ее коде, так и для тех, кто только начинает осваивать процесс создания сайта.
Визуальные редакторы позволяют работать с самой web-страницей "как она есть", в режиме WYSIWYG (What You See Is What You Get - То, что ты видишь, то и получаешь). Редактирование и форматирование текстов, вставка рисунков, таблиц, гиперссылок и других элементов происходит как в обычном текстовом редакторе, а сама программа формирует (генерирует) соответствующий HTML-код. Кроме средств визуального редактирования эти web-редакторы одновременно предоставляют доступ к получившемуся HTML-коду. Визуальные редакторы - отличная стартовая площадка для начинающих web-дизайнеров, плохо знакомых с HTML. Но и опытные дизайнеры часто пользуются визуальными редакторами, чтобы быстро "сверстать" web-страничку, а потом довести ее до ума вручную.

На сегодняшний день разработано большое число web-редакторов, которые можно разбить на три группы.
1) Свободно распространяемые (бесплатные). В основном это невизуальные html-редакторы, разработанные небольшой группой авторов. Визуальные редакторы этой группы имеют ограниченный набор средств визуального редактирования. Характеризуются небольшим объемом занимаемой памяти, а некоторые из них даже не требуют специальной установки. Например.
Smart Web Builder 1.4 - многофункциональный бесплатный html-редактор для эффективного и качественного создания web-сайтов. Он подходит как начинающим пользователям, имеющим лишь начальные знания html, так и профессионалам, позволяя сочетать простоту, гибкость и качество разработки. Программа постоянно обновляется, последняя версия разработана в 2007 году.
Сайт программы - http://www.swbsite.com/.
Операционные системы: Windows XP, Windows NT, Windows 98, Windows ME, Windows 2000, Windows 2000 Server.
Размер установочного файла - 1545 Кб.
Программа устанавливается по умолчанию в папку C:\Program Files\SWB, размер которой составляет приблизительно 9 Мбайт.
HTML-редактор предоставляет пользователю простой, гибкий и интуитивно понятный интерфейс, а также мощные сервисные средства и инструменты вставки HTML-кода, делающие процесс создания web-страниц быстрым, качественным и функциональным.
Редактор Nvu 1.0 представляет собой визуальный (WYSIWYG) редактор, это означает, что в процессе создания сразу можно видеть как будет выглядеть web-страница в браузере для пользователей Интернет.
Сайт программы - http://nvu.mozilla-russia.org/. На сайте можно скачать установочный файл программы для различных операционных систем (Windows, Linux, MacOS).
Размер установочного файла для Windows - 7,0 Мбайт.
Программа устанавливается по умолчанию в папку C:\Program Files\Nvu, размер которой составляет приблизительно 24 Мбайта.
Редактор имеет достаточно возможностей для создания и редактирования web-сайтов. Это Менеджер сайтов, позволяющий работать с web-сайтом в целом, встроенный Редактор CSS, с предварительным просмотром стилей, цветная подсветка синтаксиса в режиме редактирования кода, проверка орфографии, инструменты для работы с таблицами, графическими изображениями, гиперссылками, возможность создания шаблонов web-страниц и многое другое. Последняя версия программы разработана в 2005 году.
2) Условно-бесплатные. Web-редакторы этой группы характеризуются невысокой ценой - от 300 рублей.
3) Платные. В эту группу входят невизуальные и визуальные редакторы, разработанные крупными фирмами. Отвечают всем требованиям, предъявляемым к современным web-редакторам. Накладывают определенные ограничения на ресурсы компьютера. Обычно имеются демо-версии продукта, которые можно установить бесплатно и работать с ними ограниченное время (30 дней). Например.
Microsoft Office FrontPage 2003 является приложением, предназначенным для создания и сопровождения web-сайтов (web-узлов), используя стандартный интерфейс WYSIWYG ("что видишь, то и получаешь").
MS FrontPage2003 доступен в качестве отдельного приложения. Размер установочной папки - 155 Мб.
Требования к аппаратным средствам.

- Компьютер и процессор. ПК с процессором Pentium 133 МГц или более мощным, рекомендуется Pentium III.
- Память. 64 МБ ОЗУ (рекомендуется 128 МБ) для операционной системы, дополнительно 8 МБ ОЗУ для каждого из приложений, работающих одновременно.
- Жесткий диск. 245 МБ свободного места на жестком диске и 115 МБ на жестком диске, на котором установлена операционная система (требования к наличию свободного места на жестком диске зависят от конфигурации, а также от компонентов, выбираемых в процессе установки).
Операционные системы - Microsoft Windows 2000 с пакетом обновления 3 (SP3), Microsoft Windows XP или более поздние версии.
Справочная информация по программе на сайте - http://office.microsoft.com/ru-ru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.
MS Office FrontPage 2003 предоставляет среду разработки: макеты, линейки, линии сетки, изображения-образцы, слои, шаблоны, улучшенные темы - все это предназначено для того, чтобы облегчить процесс реализации проекта web-сайта разработчику, который может даже не обладать знаниями языка HTML. Web-редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты. Тесная интеграция с пакетом MS Office позволяет отображать на страницах документы MS Word, таблицы и графики MS Excel, динамически получать данные из MS Access, использовать язык VBA, средства проверки орфографии и около 60 готовых тем для оформления страниц сайта. В MS FrontPage 2003 реализована поддержка современных Web-технологий, таких, как каскадные таблицы стилей (CSS), динамические эффекты (DHTML), фреймы, активные страницы (ASP), элементы ActiveX и Java-аплеты. Программа FrontPage содержит средства управления сайтом, такие, как схема навигации по страницам, анализ сайта с помощью различных отчетов, коллективная разработка, настройка на определенные браузеры, загрузка сайта на Web-сервер по протоколам HTTP и FTP. С помощью данной программы можно не просто создавать и редактировать web-страницы, но и вставлять на них различные сложные элементы (счетчики, панели ссылок, строки поиска, динамические эффекты, бегущие строки и т.д.) без написания дополнительных скриптов. Однако большая часть таких компонентов будет работать только в том случаи, если web-сайт будет опубликован на web-сервере, на котором установлены серверные расширения FrontPage (Microsoft), службы SharePointT Team Services 1.0 (Microsoft) или службы Microsoft Windows SharePoint Services. Работа некоторых компонентов зависит от типа используемого браузера. Это накладывает определенные ограничения на использование возможностей приложения при создании web-страниц.
К недостаткам web-редактора MS FrontPage 2003 можно отнести его преимущественную ориентацию на браузер Internet Explorer, поэтому следует проверять работу готового сайта в других браузерах. А также некоторую избыточность готового кода HTML. Редактор отслеживает изменения в коде страниц и восстанавливает тэги, удаленные пользователем.

Выбор редактора, который будет использоваться для создания web-сайта, зависит исключительно от понятия удобства и личных пристрастий каждого разработчика. В Интернет существуют специальные каталоги программных средств (http://soft.mail.ru/subcat_list.php?cat=22, http://www.softlinks.ru/files/s23p1.php), с помощью которых можно ознакомится с имеющимися в настоящее время web-редакторами и выбрать нужный.

В 2007 году в Тамбовском педагогическом Интернет-клубе было разработано и опубликовано учебно-методическое пособие "Применение современного программного обеспечения при разработке web-сайтов". Основными целями данной разработки являются знакомство учителей-предметников с теоретическими основами сайтостроения и обучение их основным навыкам работы по созданию web-сайтов с помощью современного программного обеспечения.
Новости
14.11.2007 Конференция!


17.10.2007Внимание конкурс!


01.09.2007Поздравляем всех с 1 сентября!
Ждем Вашего активного участия в работе Клуба в новом учебном году!


22.06.2007Итоги конкурса!


20.06.2007Добавлены новые мультимедийные учебно-методические материалы


16.04.2007


Визит А.А. Фурсенко

Министр образования и науки РФ Андрей Александрович Фурсенко


28.03.2007Внимание конкурс!


24.11.2006В ТРЦ ФИО состоялся выпуск юбилейного 5000-го слушателя


21.11.2006Итоги конкурса!


01.11.2006


Фотоальбом
Видеофильм

Семинар


10.10.2006Внимание конкурс!


05.09.2006


Фотоальбом
Видеофильм

Торжественное открытие клуба


01.07.2006Запуск сайта


15.06.2006Начало работы над сайтом



Вход для редакторов
Copyright © ТГТУ, 2006 г.
Сейчас на сайте посетителей - 4