Средства разработки веб сайтов


3.4 Инструментальные средства создания web-сайтов. Основы web-дизайна

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

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

Пять областей охватывают основные аспекты Web-дизайна.

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

  • Зрительные образы. Это относится к компоновке экранного пространства на сайте. Эта компоновка обычно создается с помощью HTML, CSS или даже Flash и может включать графические элементы, выполняющие функции украшения или навигации. Визуальная сторона сайта — это наиболее очевидный аспект Web-дизайна, но не единственная, и не самая важная, сторона дисциплины.

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

  • Доставка. Скорость и безотказность доставки сайта по сети Internet или внутренней корпоративной сети связаны с применяемым аппаратным программным обеспечением и задействованной сетевой архитектурой.

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

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

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

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

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

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

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

Процесс разработки сайтов проходит в несколько этапов.

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

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

2. Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). Его основная задача — получить из этих графических макетов гипертекстовые веб-страницы с подготовленными для интернета изображениями.

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

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

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

Первые работают по принципу WYSIWYG (от англ. — What You See Is What You Get — что видишь, то и получаешь. Другими словами, это способ подразумевает, что при редактировании материал выглядит так же, как он и будет выглядеть в конечном результате.

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

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

Визуальные редакторы

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

Разработчики утверждают, что Macromedia Dreamweaver MX предназначена для проектирования, разработки и администрирования профессиональных web-сайтов и приложений. Кроме того Dreamweaver легко интегрируется с другими программами от Macromedia, например, такими, как Flash. Т.е. Dreamweaver гораздо больше, чем просто визуальный редактор, это достаточно мощный и сложный инструмент, а всякий сложный инструмент требует, чтобы на его освоение было потрачено какое-то время, прежде, чем пользователь сможет работать в нем. Однако, я считаю, что вас не должно смущать, что придется изучать, как пользоваться программой, Dreamweaver стоит того.

Adobe GoLive и LiveMotion. Возможно, Adobe GoLive понравится тем, кто любит программы от Adobe, и много с ними работал: знакомая среда, достаточно легко разобраться, что к чему. Кроме того, еще один плюс для любителей Adobe - все программы от Adobe прекрасно взаимодействуют друг с другом и дополняют друг друга, GoLive не исключение, он прекрасно дружит с собратьями. Однако, GoLive не более, чем визуальный редактор для верстки веб-страниц, больше чем поддержки таких технологий, как Html, Dhtml, CSS, XML и нескольких готовых Javascript`ов не стоит ждать от этой программы. Однако, следует отметить, что встроенный редактор кода (текстовой) в этой программе очень хороший. Т.е. возможно, GoLive оптимальное сочетание визуального и текстового редактора (два в одном). 

Microsoft FrontPage -  считается простейшим визуальным редактором и популярным среди тех, кто отдает предпочтение программным инструментам Microsoft Office и создает сайт специально для сервера на основе технологий Microsoft. FrontPage поддерживает HTML, JavaScript (скриптовый язык), CSS (каскадные таблицы стилей), DHTML (сочетание HTML, JavaScript, CSS и DOM — объектной модели документа), совместим с технологиями ASP (создание веб-приложений), XML (язык разметки, текстовый формат, применяемый для хранения структурированных данных), VBScript (скриптовый язык программирования), XSL (расширяемый язык таблиц стилей — смена CSS). FrontPage также имеет неплохие возможности по управлению изображениями, flash-роликами.

По сути, FrontPage является чуть ли не типичным приложением Microsoft Office, и интеграция редактора с этой серией является его очевидным преимуществом. Любой пользователь, имеющий опыт работы с такими приложениями как Word, Excel, Access, не будет испытывать особых сложностей в работе с редактором FrontPage — знакомые панели инструментов, наборы мастеров и редакторов, шаблонов, автоматических функций и т. д. Другими словами, FrontPage — прекрасное решение для начинающих пользователей и веб-мастеров.

Microsoft Expression Web и SharePoint Designer отличается тем, что предоставляет своим пользователям больше свободы, производит чистый, совместимый со стандартами, код, работает с CSS и CSS-макетами. По сути, это не приемник FrontPage, он, скорее, представляет собой конструктор и имеет большее сходство с SharePoint Designer, делая акцент на разработке и адаптации к сайтам, выполненных с помощью последнего. Приемником является SharePoint - хотя и не предлагает ничего революционного и также вызывает недовольство среди веб-мастеров. Среди возможностей — поддержка интерактивных страниц ASP. NET, создание вида данных из RSS, XML, Office XML, сотрудничество со встроенным Workflow Designer, инструменты CSS, отслеживание статистики страниц, проверка орфографии, интеграция с SharePoint Server 2007.

Hotdog - программа имеет простой и понятный пользователю интерфейс. Кроме того, что Hotdog дружит с пользователем, эта программа дружит также с Flash, SQL, PHP, ASP, имеет работать с GIF-изображениями (оптимизация, анимация), включает в себя Html-компрессор, может создавать файлы справки (CHM).

Текстовые редакторы

Homesite- этот редактор, пожалуй, самый популярный и мощный среди текстовых. Кроме того, что в нем достаточно легко работать не только с Html-кодом (есть все, от списка всевозможных атрибутов ко всем тегам вплоть до проверки кода (правильность проверяется с точки зрения W3C.org)), но также есть поддержка XHTML, CSS-редактор, и так далее.

HTML Pad - эта программа тоже пользуется большой любовью пользователей. Помимо всего стандартного HTMLPad поддерживает JavaScript, VBScript, SSI, ASP и Perl, умеет создавать макросы (нападобие Word`a и Excel'я), включает в себя много различных справочных материалов по CSS и Html, и многое другое.

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

Популярные конструкторы сайтов

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

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

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

uCoz - это бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием.

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

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

Taba.ru - онлайн-конструктор сайтов позволяет быстро создать многофункциональный сайт, предоставляя доменное имя 2-го или 3-го уровня и хостинг от 1 Гб.

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

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

APS - cтандарт пакетов автоматической установки для модели SaaS.

APS-формат разработан, чтобы упростить реализацию бизнес-модели Software-as-a-Service (SaaS) для облачных сервис-провайдеров и разработчиков ПО. APS-пакет – упакованное в соответствии с APS-стандартом веб-приложение.

На данный момент, APS-стандарт поддерживается хостинг-панелями Parallels: Plesk, Small Business Panel, POA и SysCP.

Всего в APS-каталоге опубликованы более 200 наименований CMS и различных веб-приложений (как коммерческих, так и open source).

Wix - имеет огромное количество качественных и разнообразных шаблонов (более 1000). Наряду с HTML5 есть возможность создания сайтов на flash и поддерживается функции Drag & Drop. Сайты на Wix хорошо индексируются поисковыми системами.

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

studfiles.net

30. Web-сайт и его структура.

Сайт (веб-сайт англ. website, от web — паутина, «веб» и site — «место») - это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое. Глобальная сеть состоит из всех сайтов, доступных для общего пользования. Все странички каждого сайта объединяются одним корневым адресом (то, что мы набираем в адресной строке браузера), тематикой, системой и дизайном. Каждая страница веб-сайта это текстовый документ, который написан на языке программирования (HTML, XHTML, JAVA или другие). Эти текстовые файлы загружаются на ваш компьютер, обрабатываются браузером и отображаются на мониторе компьютера в виде страницы сайта. Язык программирования позволяет редактировать текст странички, добавлять ссылки, вставлять картинки, звуковые и видео файлы. Страницы сайтов могут быть как простыми наборами информации - тексты и картинки, так и сложными, с огромным количеством функций, которые управляются различными программами. В разработке сайтов принимает участие большое количество людей - программисты, веб-дизайнеры и другие. Вначале веб-дизайнер создаёт дизайн будущего сайта, учитываются пожелания заказчика, цель сайта и его предполагаемая аудитория. Подбираются подходящие шрифты, картинки, расположение объектов. После наступает очередь работы верстальщика. Он работает с готовым дизайном, оптимизируя его под различные брузеры. Далее следует программирование. Программист создает структуру сайта с нуля, это делается с помощью языка программирования. Когда сайт готов, его нужно наполнить информацией. Также существуют различные люди, которые раскручивают, оптимизируют сайт, размещают его в интернет-каталогах, распространяют рекламу вашего сайта.  Самый первый сайт в мире был создан в 1991 году 6 августа. Автором сайта был Тим Бернерс-Ли. Первой инфомацией, опубликованной на этом сайте было описание новой технологии World Wide Web.

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

31. Программные средства для разработки web-страниц и web-сайтов.

Для разработки web-страниц сайта можно использовать следующие инструментальные средства.

1) Текстовые редакторы для работы с “чистым” HTML-кодом. Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (notepad), но при этом все команды разметки придется вводить вручную.

2) Программные средства, которые имеют специальные встроенные компоненты для конвертирования данных, созданных в этих продуктах, в HTML формат. Например, программы широко используемого пакета MS Office, начиная с версии 97, позволяет сохранить документ в формате HTML. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Многие современные графические редакторы предоставляют возможность сохранить коллекцию картинок в виде HTML-документа. Надо отметить, что при таком конвертировании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции.

3) Специализированные программные средства - web-редакторы, предназначенные специально для разработки web-сайтов. Современные требования, предъявляемые к web-редакторам, включают в себя:

Поддержку каскадных таблиц стилей.

Использование современных скриптовых языков, таких как JavaScript и т.д.

Генерацию Dynamic HTML для различных браузеров.

Средства наглядного дизайна: вставка изображений, таблиц и фреймов.

Динамическое отображение создаваемой страницы в браузере.

Шаблоны WWW-страниц или специальные программы - "мастера" по их созданию.

Средства по управлению web-сайтом (создание файловой структуры сайта, отслеживание связей и проверка ссылок между страницами, публикация сайта в Интернет).

Существуют две разновидности web-редакторов: визуальные и невизуальные.

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

Визуальные редакторы позволяют работать с самой web-страницей "как она есть", в режиме WYSIWYG (WhatYouSeeIsWhatYouGet - То, что ты видишь, то и получаешь). Редактирование и форматирование текстов, вставка рисунков, таблиц, гиперссылок и других элементов происходит как в обычном текстовом редакторе, а сама программа формирует (генерирует) соответствующий HTML-код. Кроме средств визуального редактирования эти web-редакторы одновременно предоставляют доступ к получившемуся HTML-коду. Визуальные редакторы — отличная стартовая площадка для начинающих web-дизайнеров, плохо знакомых с HTML. Но и опытные дизайнеры часто пользуются визуальными редакторами, чтобы быстро "сверстать" web-страничку, а потом довести ее до ума вручную.

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

1) Свободно распространяемые (бесплатные). В основном это невизуальныеhtml-редакторы, разработанные небольшой группой авторов. Визуальные редакторы этой группы имеют ограниченный набор средств визуального редактирования. Характеризуются небольшим объемом занимаемой памяти, а некоторые из них даже не требуют специальной установки.

2) Условно-бесплатные. Web-редакторы этой группы характеризуются невысокой ценой – от 300 рублей.

3) Платные. В эту группу входят невизуальные и визуальные редакторы, разработанные крупными фирмами. Отвечают всем требованиям, предъявляемым к современным web-редакторам. Накладывают определенные ограничения на ресурсы компьютера. Обычно имеются демо-версии продукта, которые можно установит бесплатно и работать с ними ограниченное время (30 дней).

studfiles.net

Средства разработки сайтов

Компьютерный термин "сайт" (site) переводится как "место" или "местоположение". Web-сайты называются также "узлами" или "узлами Всемирной паутины".

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

Web-сайт - это определенный набор документов, который хранится на сервере, управляется Web-сервером и имеет имя - адрес URL.

Как правило, серверы имеют большой объем оперативной памяти и дискового пространства, высокое быстродействие и работают круглые сутки. Администратор web-сервера обеспечивает работу web-сервера. По причине того, что web-серверы бывают разными, они не все подходят для той или иной операционной системы. Чаще всего на сервере установлена OC UNIX (Linux), под которой работает web-сервер Apache; для OC Windows NT – web-сервер Internet Information Server (IIS).

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

Средства разработки сайтов

Разработка сайтов, их поддержка и развитие реализовывается с помощью специализированного ПО. HTML-документ можно создать в любом текстовом редакторе, к примеру, в "блокноте" (MS NotePAD в составе Windows).

HTML-документ конвертируется из многих программ, (к примеру, Microsoft Word). После конвертации страница текста может превратиться в огромный HTML-файл размером около 100кб. HTML-документ создается при помощи визуальных пакетов (WYSIWYG -What You See Is What You Get), допустим, таких как Microsoft FrontPage. Html-код документа вырабатывают WYSIWYG-редакторы, а разработчик только выбирает из меню необходимые ему опции. Разработчик сайта должен находить разумное сочетание всевозможных методов создания HTML-документов.

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

Компания Macromedia является одним из лидеров в сфере предоставления средств разработки сайтов для подготовки web-публикаций. Весьма популярны пакеты Macromedia: HomeSite (до 5-й версии этот пакет назвался Allaire HomeSite), Dreamweaver, а также специализированные пакеты для создания анимации и компьютерной графики.

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

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

www.quadronix.ru

Крупина Т.А., Щербакова С.М. Современные средства разработки интернет-сайтов и Web-приложений

УДК 378.048

Крупина Татьяна Александровна1, Щербакова Светлана Михайловна11Московский педагогический государственный университет, магистрант

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

Ключевые слова: профессиональная подготовка магистров, разработка Web-приложений, разработка сайта

Krupina Tatiana Aleksandrovna1, Shcherbakova Svetlana Mikhajlovna11Moscow State Pedagogical University, Graduate of the Department of Applied Mathematics and IT

AbstractThis article provides an overview of the development of modern websites and Web-based applications. It also discusses the problem of training students and pupils of these technologies.

Рубрика: Педагогика

Библиографическая ссылка на статью:Крупина Т.А., Щербакова С.М. Современные средства разработки интернет-сайтов и Web-приложений // Гуманитарные научные исследования. 2016. № 9 [Электронный ресурс]. URL: http://human.snauka.ru/2016/09/16590 (дата обращения: 29.09.2017).

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

Современные Федеральные государственные образовательные стандарты (ФГОС) по многим не только инженерным, но и гуманитарным направлениям требуют от выпускников умений по разработке и управлению Интернет-сайтами.

Методы и средства разработки Интернет-сайтов и Web-приложений развиваются динамично от возможностей создания простых сайтов-визиток до разработки серверных приложений, обрабатывающих и хранящих большие массивы данных.

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

  • создание HTML документа, т.е. с помощью редактора «Блокнот» набрать код на языке HTML в ручном режиме и реализовать его с помощью браузера на клиентском рабочем месте, а впоследствии опубликовать у провайдера, воспользовавшись его услугами хостинга;
  • создание того же HTML документа, с помощью редактора Adobe Dreamweaver, пользуясь большим набором функций и удобств;
  • воспользоваться готовыми сайтами-оболочками для разработки Web-сайтов различных тематических направлений и дизайна и также опубликовать сайт в интернете, воспользовавшись услугами бесплатного или платного хостинга.

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

Рассмотрим еще средства программирования Web-приложений:

  • язык программирования JavaScript используется для создания интерактивных HTML документов;
  • VBScript используется для написания сценариев клиента, а также для написания сценариев на сервере;
  • Perl используется для разработки инструментов системного администрирования, а также в разработке CGI-сценариев, систем автоматической обработки электронной почты и поддержки узлов Web.

Для самостоятельной разработки Web-приложений можно воспользоваться свободно распространяемым ресурсом Denwer.

Denwer (от сокр. ДНВР — джентльменский набор Web-разработчика) — набор дистрибутивов и программная оболочка, которые предназначены для создания и отладки Web-приложений и другого динамического содержимого Web-страниц на ПК под управлением ОС.

В состав набора Denwer входят:

  • локальный сервер Apache для запуска приложений на компьютере пользователя, имитируя функциональные возможности сервера, где у провайдера впоследствии будет установлено разработанное приложение. Apache – это программное обеспечение –кроссплатформенное, свободно распространяемое и поддерживающее различными операционными системами;
  • система программирования PHP – Cи-подобный  язык для разработки программных кодов встраиваемых в HTML-код сайта и исполняемых на сервере, с целью обработки данных, поступающих от пользователей того или иного сайта. PHP (Hypertext Preprocessor – «Препроцессор гипертекста», первоначально Personal Home Page Tools – «Инструменты для создания персональных веб-страниц») – скриптовый язык общего назначения, применяемый для разработки Web-приложений,  был создан Расмусом Лердорфом в 1994 году;
  • MySQL – свободно распространяемое программное обеспечение для обработки баз данных, в том числе используется при работе с данными поступающих с клиентских браузеров. MySQL (Structured Query Language – «Структурированный язык запросов») был создан Майклом Видениусом из шведской компании TcX в 1995 году.

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

Библиографический список
  1. ФГОС 222000 Инноватика (квалификация (степень) «магистр»). Сайт Минобрнауки России http://минобрнауки.рф/документы/926 . Дата доступа 13.09.2016.
  2. Абдулгалимов Г.Л. Проблемы и решения внедрения ФГОС. Педагогика. 2013. № 10. С. 57-61.
  3. Абдулгалимов Г.Л. Профессиональная компетентность учителя-предметника. Alma mater (Вестник высшей школы). 2013. № 1. С. 112-113.
  4. Абдулгалимов Г.Л. Модель готовности современного учителя к профессиональной деятельности. Стандарты и мониторинг в образовании. 2009. № 5. С. 44-47.
  5. Джентльменский набор Web-разработчика «Денвер» – проект Дмитрия Котерова. http://www.denwer.ru/ . Дата доступа 13.09.2016.
  6. Абдулгалимов Г.Л., Кугель Л.А., Васекин С.В. О роли развития логического мышления в информационном обществе. Информатика и образование. 2013. № 3 (242). С. 33-35.
  7. Абдулгалимов Г.Л., Кугель Л.А. Обучение проектированию информационных систем и анализу данных. Профессиональное образование. Столица. 2013. № 4. С. 31-33.
  8. Абдулгалимов Г.Л. Система подготовки преподавателей ИТ- дисциплин. Высшее образование в России. 2010. № 3. С. 156-158.
  9. Люк Веллинг, Лора Томсон. Разработка web-приложений с помощью PHP и MySQL.  Издательский дом “Вильямс”. 2010. -837. ISBN: 978-5-8459-1574-0.

Все статьи автора «abc444»

human.snauka.ru

2.3. Инструментальные средства разработки web-сайта.

Для разработки web-страниц сайта можно использовать следующие инструментальные средства.

1) Текстовые редакторы для работы с “чистым” HTML-кодом. Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (notepad), но при этом все команды разметки придется вводить вручную.

2) Программные средства, которые имеют специальные встроенные компоненты для конвертирования данных, созданных в этих продуктах, в HTML формат. Например, программы широко используемого пакета MS Office, начиная с версии 97, позволяет сохранить документ в формате HTML. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Многие современные графические редакторы предоставляют возможность сохранить коллекцию картинок в виде HTML-документа. Надо отметить, что при таком конвертировании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции.

3) Специализированные программные средства - web-редакторы, предназначенные специально для разработки web-сайтов. Современные требования, предъявляемые к web-редакторам, включают в себя:

  • Поддержку каскадных таблиц стилей.

  • Использование современных скриптовых языков, таких как JavaScript и т.д.

  • Генерацию Dynamic HTML для различных браузеров.

  • Средства наглядного дизайна: вставка изображений, таблиц и фреймов.

  • Динамическое отображение создаваемой страницы в браузере.

  • Шаблоны WWW-страниц или специальные программы - "мастера" по их созданию.

  • Средства по управлению web-сайтом (создание файловой структуры сайта, отслеживание связей и проверка ссылок между страницами, публикация сайта в Интернет).

Существуют две разновидности web-редакторов: визуальные и невизуальные.

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

Визуальные редакторы позволяют работать с самой web-страницей "как она есть", в режиме WYSIWYG (What You See Is What You Get - То, что ты видишь, то и получаешь). Редактирование и форматирование текстов, вставка рисунков, таблиц, гиперссылок и других элементов происходит как в обычном текстовом редакторе, а сама программа формирует (генерирует) соответствующий HTML-код. Кроме средств визуального редактирования эти web-редакторы одновременно предоставляют доступ к получившемуся HTML-коду. Визуальные редакторы — отличная стартовая площадка для начинающих web-дизайнеров, плохо знакомых с HTML. Но и опытные дизайнеры часто пользуются визуальными редакторами, чтобы быстро "сверстать" web-страничку, а потом довести ее до ума вручную.

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

1) Свободно распространяемые (бесплатные). В основном это невизуальные html-редакторы, разработанные небольшой группой авторов. Визуальные редакторы этой группы имеют ограниченный набор средств визуального редактирования. Характеризуются небольшим объемом занимаемой памяти, а некоторые из них даже не требуют специальной установки.

2) Условно-бесплатные. Web-редакторы этой группы характеризуются невысокой ценой – от 300 рублей.

3) Платные. В эту группу входят невизуальные и визуальные редакторы, разработанные крупными фирмами. Отвечают всем требованиям, предъявляемым к современным web-редакторам. Накладывают определенные ограничения на ресурсы компьютера. Обычно имеются демо-версии продукта, которые можно установит бесплатно и работать с ними ограниченное время (30 дней).

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

studfiles.net


Смотрите также