Создание Web-сайтов

Здравствуйте!

Меня зовут Нонна Александровна. Я проведу занятие по мастер-классу «Создание Web-сайтов»

Чтобы научиться создавать Web-сайты, необходимо знать:

• Язык разметки гипертекста;
• Каскадные таблицы стилей и DHTML-программирование
• Программирование анкетных форм и диалоговых окон на языках CGI и PHP;
• Скриптовое программирование;

А также уметь:

• обрабатывать информацию и представлять её в удобном для восприятия виде;
• обрабатывать изображения в одном из графических редакторов, как минимум. (Например: PhotoShop);
• обрабатывать звук в Music Creator 2004;
• оцифровывать видео и многое многое другое без чего сайт будет не интересен.

Целью моего мастер-класса является:

• познакомить Вас с литературой и Интернет-ресурсами по созданию Web-сайтов;
• а также дать несколько советов, которые возможно помогут Вам при создании Web-сайтов.

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

• Теоретическая часть;
• Практическая часть;
• Тестирование или опрос через форум или гостевую книгу.

Тут же возникает множество проблем:

• Как создать Интернет-страницы, содержащие желаемую информацию?
• Как объединить их в единый сайт?
• Где и каким образом разместить Web-сайт в Интернете? На первый взгляд покажется, что создание Web-сайта дело сложное, на самом деле всё гораздо проще. Не пугайтесь и приступайте к знакомству. В этом Вам поможет следующая литература:
  • Д. Усенков «Уроки Web-мастера».
    В книге рассмотрены основные вопросы, возникающие при создании и размещении своих ресурсов в Интернете. Большое количество примеров позволяет легко освоить язык HTML, интерактивные технологии, включая ActiveX, JavaScript и др., а также работу с графикой.
  • Е. Якушина «Интернет для школьников и начинающих пользователей.»
    Эту книгу можно назвать азбукой Интернет. На доступном для каждого языке автор знакомит читателей с Интернетом, с информационными ресурсами и службами Интернета, с WWW, с поисковыми системами, а также на простых примерах учит создавать Web-страницы с различным по стилю дизайном.

В Интернете Вы найдете также много Web-сайтов, посетив которые Вы можете приобрести не только определённый багаж знаний, но и воспользоваться инструментарием, который намного упростит Вам работу по созданию Web-сайтов:

• http://html.manual.ru/book/html.php
  На этом сайте представлен HTML-справочник с примерами. Информация в справочнике представлена в удобном для восприятия виде. Также Вы можете познакомиться с идеологией HTML. А посетив форум, узнать о многих дизайнерских секретах, с которыми с Вами поделятся Web-дизайнеры.
• http://html.krsk.ru/
  На этом Web-сайте Вы можете получить рецепты HTML. Сайт ориентирован как на новичков, которым будет интересно познакомиться с разными приемами верстки и оформления веб-страниц, так и на профессионалов, которые захотят поделиться своим опытом и знаниями. Имеется инструментарий, написанный на языке JavaScript

Этапы разработки и создания сайта

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

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

• Концептуальное проектирование сайта – это определение целевой аудитории, анализ, сбор и документирование требований пользователей и выработка способов их реализаций.
  При проектировании и разработке важно, чтобы сайт был ориентирован на конкретных пользователей и отвечал их требованиям. Ниже приводится, что необходимо описать при проектировании своего сайта. Некоторые пункты являются обязательными, другие просто предназначены для того, чтоб было легче сформулировать остальные.
• Анализ и постановка проблемы.
  Описание существующих на данный момент сайтов, их основные недостатки и достоинства. Формулировка основных проблем.
• Цель.
  Описание долгосрочной цели или целей своего сайта.
• Этапы.
  Какие проблемы будут решены в ходе данного этапа, сроки выполнения и ответственные.
• Профили пользователей.
  Описание предполагаемых групп пользователей. Сюда входит уровень их обучения (новички, опытные или профессионалы), конфигурация системы (операционная система, тип браузера, используемые дополнительные модули, способ выхода в Интернет, полоса канала и др.). Профили предназначены для выявления целевой аудитории сайта. Понятно, что если сайт ориентирован, в первую очередь, на детей, то необходимо соответствующим образом писать тексты и продумывать его структуру. Если групп получается больше, чем одна, что характерно для большинства сайтов, они ранжируются по степени их важности.
• Сценарии работы пользователей.
  Сценарии определяют, что, по мнению разработчиков, может заинтересовать группы пользователей, описанных в предыдущем пункте. Кроме интересов, в сценариях указывается, как пользователи будут взаимодействовать с содержимым сайта – какие разделы посетят, какие применяемые на сайте технологии станут использовать.
  В качестве примера использования данной методики рассмотрим сайт абстрактной школы. Представленная информация дана в урезанном виде, только для лучшего понимания механизмов концептуального проектирования. При создании сайта, чем больше информации будет собрано, тем больше он будет соответствовать своим целям.

Пример разработки сайта школы

Цели:

• Качественная подготовка выпускника;
• Сделать школу открытой;
• Повышение имиджа школы.

Пользователи:

• Родитель
• Ученик
• Учитель

Сценарии пользователей

Здесь описаны разделы сайта, интересные данной группе пользователей

• Родитель:
  • Информация об успеваемости учеников
  • Информация о платных/бесплатных услугах
  • Рейтинг среди других школ
  • Резюме учителей и руководителей
  • Информацию о страховании
  • Телефоны, адреса, реквизиты школы
  • Информация о системе непрерывного образования Ученик:
  • С какими вузами взаимодействует школа
  • Расписание занятий
  • Расписание мероприятий
  • Информация об выпускниках
  • Система дополнительного образования
• Учитель:
  • Расписание занятий
  • План мероприятий
  • График работы аттестационной комиссии
  • Методические разработки
  • Перечень методической литературы
  • Информация о повышении квалификации
  • Информация о юбилеях, поздравления
  • Информация о грантах и финансовых потока

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

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

• Написание контента
  Под контентом понимается информационное наполнение сайта. Именно написанию содержимого следует уделить большее внимание. Информация должна быть систематизирована и рассчитана на определенный круг посетителей
• Креатив
  Сюда входит разработка дизайна, графических элементов, обработка графики и все что с ней связано. Предварительно делаются наброски на бумаге, чтобы определить лучший вариант расположения типовых элементов на сайте.
• Написание кода
  Создание веб-страниц, программирование, написание функциональной части. Процесс считается малотворческим, поскольку обычно идет простое забивание материалов по шаблонам, разработанным дизайнером.
• Тестирование
  На этом этапе проверяется все: удобство навигации, целостность данных, корректность ссылок и орфография. Лучше, чтобы тестирование проводили не сами разработчики сайта, а другие люди.
• Публикация
  Размещение сайта в Интернете. Для публикации можно воспользоваться бесплатным хостингом (www.narod.ru, www.boom.ru и др.), размещать сайт у провайдера или воспользоваться другими возможностями.
• Раскрутка
  Сюда входит регистрация сайта в поисковых системах, обмен ссылками, баннерная реклама и др.
• Поддержка
  Еще на этапе проектирования необходимо задаться вопросом, каким образом будут добавляться новые разделы и материалы, что будет происходить со старыми. Возможно, потребуется создание архива новостей, куда будут попадать новости, потерявшие свою актуальность. Еще более важным является постоянное обновление информации на сайте. Насколько часто будет происходить обновление (рекомендуется не реже одного раза в 2 недели), кто и как будет это делать. Чем заинтересовать своих читателей, чтобы они вновь и вновь заходили к вам на сайт. Как это делать зависит только от вас.