Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

МИНИСТЕРСТВО СЕЛЬСКОГО ХОЗЯЙСТВА РОССИЙСКОЙ ФЕДЕРАЦИИ

ФГОУ ВПО «ВОРОНЕЖСКИЙ ГОСУДАРСТВЕННЫЙ АГРАРНЫЙ УНИВЕРСИТЕТ ИМЕНИ К.Д. ГЛИНКИ»

ГУМАНИТАРНО-ПРАВОВОЙ ФАКУЛЬТЕТ

Кафедра информационного обеспечения и моделирования агроэкономических систем

Курсовой проект

по курсу «web-дизайн»

на тему: «Разработка Web-сайта структурного подразделения образовательного учреждения (на примере web-сайта Хохольского лицея Воронежской области)»

Выполнила: студентка Жихарева Н. А.

Проверил: к. э. н, доцент Кусмагамбетов С. М.

Воронеж 2011

Содержание

• Введение
• 1. Интернет технологии
• 1.1 IP-телефония. Основные принципы и технологии
• 1.1.1 Определение понятия «IP-телефония»
• 1.1.2 Основные принципы работы IP-телефонии
• 1.1.3 Технология IP-телефонии
• 1.1.4 Стандарты IP-телефонии
• 1.1.5 Открытые решения против закрытых
• 1.1.6 Вопросы качества IP-телефонии
• 1.1.7 Оценка качества телефонной связи и сжатия речи в IP-телефонии
• 1.2 CSS. Каскадные таблицы стилей
• 1.2.1 Определение. Цель создания CSS
• 1.2.3 Стили в CSS
• 2. Разработка web-сайта Хохольского лицея
• 2.1 Анализ задач, которые должен решать сайт
• 2.2 Регистрация доменного имени и хостинг сайта
• 2.3 Планирование структуры сайта. Разработка дизайна. Верстка разработанного макета
• 2.4 Наполнение сайта контентом
• 2.5 Интеграция сверстанного макета в систему управления сайтом
• 2.6 Тестирование сайта. Публикация сайта в Интернет
• 2.7 Поисковая оптимизация, продвижение сайта
• Выводы и предложения
• Список использованных источников
• Приложение

Введение

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

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

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

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

Целью курсового проекта является разработка и публикация сайта о Хохольском лицее Воронежской области.

Задача состоит в том, чтобы узнать особенности ip-телефонии, её основные принципы и технологии, рассмотреть CSS каскадные таблицы стилей, а также разработать web-сайт структурного подразделения учебного заведения и описать этапы его разработки.

В качестве объект исследования я взяли Хохольский лицей Воронежской области, в котором я училась

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

Средства. Программные: ОС Microsoft Windows 7, текстовый редактор notepad ++, FlashGot, Microsoft Word 2007; браузеры: Mozilla Firefox, Google Chrome, Internet Explorer. Аппаратные: IBM совместимый компьютер: Core i5 650 совместимая материнская плата, 4Gb ОЗУ, 500Gb HDD.

телефонный дизайн макет доменный

1. Интернет технологии

1.1 IP-телефония. Основные принципы и технологии

1.1.1 Определение понятия «IP-телефония»

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

1.1.2 Основные принципы работы IP-телефонии

Интернет фундаментально изменяет наши представления и о телефонии и о способах коммуникации. Хотя телефонные сети и сети передачи данных сосуществовали в течение десятилетий, они развивались независимо друг от друга. IP-телефония объединяет их в единую коммуникационную сеть, которая предлагает мощное и экономичное средство связи. Десятки компаний по всему миру предлагают коммерческие решения для IP-телефонии. Все крупные телекоммуникационные компании начали исследования, с целью лучше понять открывающиеся перспективы. Решения IP-телефонии комбинируют голос и данные в одной сети и предлагают дешевые международные и междугородные звонки и целый набор коммуникационных услуг любому пользователю.

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

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

1.1.3 Технология IP-телефонии

Сеть IP-телефонии (согласно ITU-T H.323) представляет собой набор следующих устройств, соединенных по сети:

- шлюз;

- диспетчер

- монитор.

Диспетчер - это дополнительное устройство, подключенное только к IP-сети и несущее в себе всю логику работы сети IP-телефонии.

Функции диспетчера:

- аутентификация и авторизация абонента

- распределение вызовов между шлюзами

- биллинг

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

Выполняет функцию интерфейса для удаленной настройки через IP-сеть параметров шлюзов и диспетчеров сети IP-телефонии.

Монитор является удобным средством конфигурирования и администрирования сети. В первых шлюзах для этого просто использовались стандартные сетевые приложения, такие как pcAnywhere. Позднее в целях оптимизации работы производители оборудования IP-телефонии стали выпускать собственные приложения для этих целей.

Шлюз - необходимое устройство, подключенное к IP-сети и к телефонной сети (PBX/PSTN).

Функции шлюза:

- ответ на вызов вызывающего абонента PBX/PSTN

- установление соединения с удаленным шлюзом

- установление соединения с вызываемым абонентом PBX/PSTN

- сжатие, пакетирование и восстановление голоса (или факс-сигнала)

Таким образом шлюз - это основная и неотъемлемая часть архитектуры IP-телефонии, непосредственно соединяющая телефонную сеть с сетью IP.

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

Рассмотрим эволюцию шлюзов.

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

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

Весь спектр решений, от магистральных шлюзов до шлюзов V/IP, устанавливаемых в РС пользователей для подключения офисных АТС и телефонов, предлагает компания Nortel Networks и в частности одно из ее подразделений - компания Micom (продукты объединены в пакет решений под названием «IPConnect»). К достижениям Micom на рынке IP технологий относятся:

- первая промышленная реализация технологии передачи голоса в IP (Шлюз V/IP Телефон/Факс поверх IP), предназначенной для реальных бизнес приложений;

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

- LAN и IP;

- WAN;

- цифровые/Аналоговые PBX;

- использование технологии ClearVoice, основанной на стандарте G.729.

Архитектура сети IP-телефонии представляет собой соединенные по IP-сети Шлюзы в телефонную сеть, которые предоставляют непосредственный интерфейс абоненту и осуществляют кодировку, сжатие и пакетизацию голоса/факса и их восстановление. Весь механизм взаимодействия шлюзов и учет производится Диспетчерами. Для удобства удаленного конфигурирования и администрирования сети может быть использован Монитор. Эти три компонента у разных производителей могут называться по-разному, но все они выполняют функции, обобщенные выше.

Кроме описанных выше требований, оборудование для IP-телефонии может поддерживать еще некоторые возможности.[3]

1.1.4 Стандарты IP-телефонии

Стандарты являются критическим фактором для мира IP-телефонии. Одна из наиболее важных областей стандартизации - протокол обмена сообщениями в IP-телефонии.

Ранние решения IP-телефонии использовали для связи друг с другом закрытые протоколы. Оба участника беседы должны были иметь аналогичные продукты. Intel и Microsoft возглавили направление на разработку стандартов на основе H.323, рекомендованного International Telecommunications Union (ITU). Этот стандарт формулирует технические требования для передачи аудио- и видеоданных по сетям передачи данных. H.323 включает в себя:

- Стандарты на видео кодер/декодеры;

- Стандарты на голосовые кодер/декодеры;

- Стандарты на общедоступные приложения;

- Стандарты на управление вызовами;

- Стандарты на управление системой.

Стандарты на видео кодер-декодеры не требуются для обработки телефонных звонков, но существуют внутри той же системы стандартов.

Технические требования к голосовым кодерам включают требования, такие как:

- малая полоса пропускания (8 kbit/s или меньше);

- высокое качество голоса;

- небольшие задержки;

- возможность реконструкции потерянных пакетов.

При передаче в режиме реального времени до 30% пакетов могут потеряться или опоздать (что в режиме реального времени одно и то же). Хорошее приложение IP-телефонии должно возместить нехватку пакетов, восстановив потерянные данные. Сам алгоритм кодировки также оказывает влияние на восстановление данных. Сложные алгоритмы увеличивают стоимость необходимого оборудования. Наиболее популярным алгоритмом кодирования является G.723.1.

Еще одна особенность состоит в том, что системы IP-телефонии должны иметь возможность поддерживать разные кодеры и добавлять новые по необходимости. H.323 был первоначально разработан для локальных вычислительных сетей, так что переменная ширина полосы частот и время задержки Интернет уменьшают полезность некоторых элементов H.323. По умолчанию голосовым кодер-декодером в стандарте H.323 является G.711. Однако ширина полосы частот в 64 kbps, требуемая в G.711, неприемлема при использовании в Интернет, т.к. большинство пользователей Интернета имеет канал заведомо меньшей ширины. Но даже в этом случае многое из стандарта является полезным. [3; с 15]

1.1.5 Открытые решения против закрытых

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

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

1.1.6 Вопросы качества IP-телефонии

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

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

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

Качество связи можно оценить, используя следующие основные характеристики:

- уровень искажения голоса;

- частота «пропадания» голосовых пакетов;

- время задержки (между произнесением фразы первого абонента и моментом, когда она будет услышана вторым абонентом).

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

Кроме этого, задержки уменьшаются благодаря следующим трем факторам:

- совершенствуются телефонные серверы (их разработчики борются с задержками, улучшая алгоритмы работы).

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

- развивается сама сеть Интернет - Интернет не был рассчитан на коммуникации в режиме реального времени. Хотя на обновление роутеров по всему миру и на организационные мероприятия (например, решить вопрос, как в денежном выражении оценить сервис более высокого качества) потребуется некоторое время, мир Интернета, вне зависимости от вышесказанного, двигается очень быстро и в правильном направлении.

1.1.7 Оценка качества телефонной связи и сжатия речи в IP-телефонии

Существует достаточно много различных способов понять насколько качественно работает тот или иной звуковой кодер-декодер, применяемый для сжатия / распаковки голосовых пакетов. Один из подходов для таких измерений - использование субъективных методов. В субъективных методах группа людей, обычно достаточно большая, оценивает качество связи по определенной стандартной процедуре. Самый известный субъективный метод - это метод общего мнения (Мean Оpinion Score - MOS). В этом методе, качество связи оценивается большой группой разных людей, и затем их мнение усредняется.

1.2 CSS. Каскадные таблицы стилей

1.2.1 Определение. Цель создания CSS

CSS - формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

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

1.2.2 Техника оформления текста в CSS

CSS (каскадные таблицы стилей) приобрели популярность в конце 1996 года. Не смотря на относительно долгое существование этой технологии, ее практическое применение для Web-дизайна ограничивалось управлением шрифтами и цветом, по крайней мере, до недавнего времени.

Данное ограничение возникло из-за отсутствия совместимой поддержки таблиц стилей браузерами. Поскольку не все браузеры одинаково обрабатывали инструкции языка CSS (если вообще обрабатывали), дизайнеры не могли в полной мере воспользоваться реальными преимуществами таблиц стилей. Вместо этого, ответственность за отображение информации возлагалась на язык HTML.

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

Почему это так важно? Причин тому - множество:

1. Раздельное хранение представления и документа позволяет стилизовать этот документ для различных устройств, включая, монитор принтер, проектор и даже портативные устройства.

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

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

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

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

1.2.3 Стили в CSS

Каскадные таблицы стилей (CSS) стали невероятно популярными в последние годы, прежде всего, благодаря широко распространенной поддержке браузерами большинства их директив.

Люди часто интересуются, почему стили называются каскадными? Каскад - это иерархия применения - красивое название для системы применения правил. Если внимательно посмотреть на ниже перечисленные типы таблиц стилей, то станут очевидными различные способы применения стиля к одному и тому же документу.

Что же получится в результате, если у нас будет встроенный стиль, внедренная таблица стилей и связанная таблица стилей?

Каскад определяет способ применения правил, в случае с типами таблиц стилей:

1. Пользовательский стиль переопределяет все остальные стили;

2. Встроенный стиль превосходит внедренный, связанный и импортированный стили;

3. Внедренный стиль имеет преимущественное значение перед встроенным стилем;

4. Связанные и импортированные стили рассматриваются, как равные по значимости, и применяются везде, где не были применены другие типы таблиц стилей.

Стиль браузера используется только в том случае, когда для данного элемента не было предоставлено ни одного стиля.

Существует шесть типов таблиц стилей:

1. Стиль браузера - это стандартная таблица стилей, используемая браузером. Если никакие правила стиля не объявлены, применяются эти стандартные стили.

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

3. Встроенный стиль - стиль, который определяется непосредственно в элементе и применяется с использованием атрибута style. Такой подход полезен для стилей, единовременно применяемых к одному элементу, однако он не считается идеальным.

4. Внедренный стиль - этот стиль управляет представлением одного документа и размещается внутри элемента style HTML-документа.

5. Связанный стиль - это таблица стилей, которая связана с HTML-документом при помощи элемента link, размещенного в разделе документа head. Любой документ, связанный с данным типом таблицы стилей, получает все стили, определенные в ней, в чем и заключается преимущество управления языка CSS.

6. Импортированный стиль - этот тип похож на связанные стили, однако позволяет импортировать стили в связанную таблицу стилей или непосредственно в документ. Он полезен для реализации обходных путей и для управления множеством документов.

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

CSS помогает исключить физическую разметку внешнего вида из HTML или XHTML, добавить дизайну эффекты и визуальную интригу, а также облегчить рабочий процесс дизайнеров.

Многие создатели сайтов на собственном опыте убедились, что технологии CSS предоставляют широкие возможности для оформления внешнего вида сайтов и позволяют оптимизировать процесс разработки.[7]

2. Разработка web-сайта Хохольского лицея

Цель практической работы: создание сайта для Хохольского лицея, с соблюдением основных этапов разработки.

2.1 Анализ задач, которые должен решать сайт

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

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

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

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

Сайт может также стать инструментом обучения и повышения квалификации сотрудников при помощи программ дистанционного обучения (e-learning). На сайте могут быть размещены разнообразные учебные текстовые, графические, аудио- и видео материалы, которые пользователи могут скачать и изучить. Подобная информация, находящаяся в свободном доступе, значительно сократит расходы на обучение сотрудников.

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

Администрация школы может оперативно информировать учеников, учителей, родителей о текущих делах, обсуждать важные проблемы, проводить опросы.

Школьный сайт полезен для взаимодействия с управлением образования, другими школами города/области, разными фондами и организациями (вузы, библиотеки, музеи, театры, санитарная и пожарная службы, магазины учебных пособий).

2.2 Регистрация доменного имени и хостинг сайта

Для регистрации доменного имени используем хостинг globatel.ru. Данный хостинг был выбран из-за достаточно большого дискового пространства за 99 рублей в месяц и из-за того, что на любых тарифных планах этого хостинга доменное имя в зоне «ru» предоставляется бесплатно. Доменное имя, которое мы выбрали hohollicey.ru

2.3 Планирование структуры сайта. Разработка дизайна. Верстка разработанного макета

Для удобства пользователя создаем схему навигации:

Таблица 1 - Схема навигации

Пункт	Ассоциированная html-страница
Главная	index.htm
История лицея	history.htm
Педагогический коллектив	collective.htm
Внеурочная деятельность	out_lessons.htm
Информация для родителей	info.htm

Дизайн страницы

Для реализации навигации в html необходимы следующие теги:

<ul> - маркированный список

<li> - новый элемент маркированного текста

<a href=example.com>Example</a> - ссылка

<h3> - заголовок третьего уровня

<p align=<!--Сторона выравнивания--> - выравнивыание текста

Реализуем навигацию на языке html:

<h3><p align=center>Навигация</p></h3>

<ul>

<li><a href = "index.htm">Главная</a>

<li><a href = "history.htm">История лицея</a>

<li><a href = "collective.htm">Педагогический коллектив</a>

<li><a href = "out_lessons.htm">Внеурочная деятельность</a>

<li><a href = "info.htm">Информация для родителей</a>

</ul>

Далее создаем макет страницы. Для удобства разметки составляем автоматически растягивающююся таблицу:

Шапка сайта
Навигация	Основной текст

Пространство Логотип заполняем изображением licey.jpg (в архиве-приложении), пространство Навигация заполняем розовым цветом, пространство Основной текст - оранжевым.

Для реализации макета в html необходимы следующие теги:

<meta> - метаданные о странице

<body> - начало основной части страницы, цвет страницы

<table> - создание таблицы

<tr> - создание новой строки

<td> - создание нового столбца

<img src=Картинка> - вставка изображения

Реализуем макет на языке html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv = "content-Type" content = "text/html; charset=windows-1251"/>

<title>История лицея</title>

</head>

<body bgcolor = "#FFDAB9">

<table border = "1" width = 100% cellpadding = "0" cellspacing = "0">

<tr>

<td colspan = "2">

<img src = "images/licey.jpg" width = "100%" height = "350" alt = "Шапка сайта"/>

</td>

</tr>

<tr>

<tr>

<td style = "width: 20%;" valign = "top" bgcolor = "FFCCFF">

<h3><p align=center>Навигация</p></h3>

<ul>

<li><a href = "index.htm">Главная</a>

<li><a href = "history.htm">История лицея</a>

<li><a href = "collective.htm">Педагогический коллектив</a>

<li><a href = "out_lessons.htm">Внеурочная деятельность</a>

<li><a href = "info.htm">Информация для родителей</a>

</ul></td>

<td style = "width: 80%;">

<!--Основной текст-->

</table>

<p style = "text-align: center;">&copy; Home 2011. Все права защищены</p>

</body>

</html>

Реализация дизайна и верстка контента завершена.

2.4 Наполнение сайта контентом

Для наполнения сайта контентом необходимо:

1) Исходные тексты. Они находятся в Word-документе Исходник.doc (Приложение 1).

2) Теги для правильной вставки текста:

<h3> - заголовок третьего уровня

<p align=<!--Сторона выравнивания--> - выравнивыание текста

<br> - перенос на новую строку

<h<!--n--> > - заголовок n-го уровня

<p> - создание абзаца

<font> - настройка шрифта

&copy - знак ©

Страницы сайта содержат следующий контент:

Главная - основная страница, с общими данными о лицее.

История лицея. Здесь описаны этапы развития лицея и его первые директора.

Педагогический коллектив. Здесь представлена администрация лицея и учителя.

Внеурочная деятельность. Этот раздел посвещён воспитательной и досуговой деятельности.

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

Исходные тексты находятся в Приложении 2.

2.5 Интеграция сверстанного макета в систему управления сайтом

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

2.6 Тестирование сайта. Публикация сайта в Интернет

Методика тестирования сайта заключается в проверке всех шрифтовых, абзацевых и табличных настроек, а также, в проверке работоспособности всех ссылок.

Мы протестировали сайт в следующих браузерах: Mozilla firefox, Google Chrome, Internet Explorer. Во всех этих браузерах сайт отображается корректно.

2.7 Поисковая оптимизация, продвижение сайта

Для поисковой оптимизации нужно подать заявку на сканирование ботом нашего сайта в поисковые системы, такие как Яндекс или Google. Так же робот, сканирующий сайт, использует тег <meta> так как в нем указаны ключевые слова. Мы указали такие как: Хохольский лицей, МОУ Хохольский лицей, Хохольский лицей Воронежской области

Так же следует зарегистрироваться на общеобразовательных ресурсах содержащих каталоги школ.

Выводы и предложения

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

IP-телефония - технология, позволяющая использовать Internet или другую IP-сеть в качестве средства организации и ведения международных телефонных разговоров и передачи факсов в режиме реального времени. Использует Internet-протокол для организации двусторонней голосовой связи. IP-телефония предусматривает соединения между телефонами пользователей при наличии соответствующих шлюзов с телефонной сетью, а также IP терминалами или IP терминалом и ТФОП.

CSS-- одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название «стандарты Web». В 1990-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и веб-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML и стандарт CSS.

Также достигнута главная цель курсового проекта - мы научились создавать сайт среднего уровня сложности.

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

В данное время актуальность статического HTML-сайта постепенно угасает. Многие сайты сети переходят на динамические технологии: HTML5, ASP, PHP и тому подобное. Однако, любой человек начинает от простого к сложному. Разработчики динамических сайтов тоже начинали с простых статических сайтов

Список использованных источников

1. Варламова Е. IP-телефония в России / Connect. Мир связи, 1999, №9.

2. Кузнецов А.Е., Пинчук А. В., Суховицкий А.Л. Построение сетей IP-телефонии / Компьютерная телефония.- 2000.- №6.

3. Росляков А. В., Самсонов М. Ю., Шибаева И. В. IP-телефония. - М.: ЭКО-ТРЕНДЗ, 2003. - 245 с.

4. Якубайтис Э.А., Информатика - электроника - сети. - М.: Финансы и статистика, 2007. - 200 с.

5. Михаил Дубаков "Веб-мастеринг средствами CSS".

6. Эрик А. Мейер "CSS. Каскадные таблицы стилей. Подробное руководство " 3-е издание. Издательство: Символ-Плюс, 2008 г.

7. Википедия URL: wikipedia.org/wiki/Каскадные_таблицы_стилей

8. Каскадные таблицы стилей - CSS/Что такое CSS?/Основы кодирования URL: http://www.seo-copywrite.ru/css2

Приложение Исходные тексты

1) index.htm

Хохольский лицей

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

Лицей в цифрах:

705 учащихся; 31 класс-комплектов; 53 педагогических работников:

· 1 - кандидат педагогических наук

· 2 - заслуженный учитель РФ

· 8 - отличники просвещения, почётные работники образования РФ

· 3 - награждены медалями

· 20 - имеют Почётную грамоту Министерства образования РФ

· 3 - победители конкурса лучших учителей РФ в рамках ПНПО

Лицей предоставляет следующие образовательные услуги:

· предшкольная подготовка;

· на I ступени - развивающее обучение, введено изучение иностранных языков и информатики;

· на II ступени - создание межклассных групп и подгрупп в классах с различными учебными планами для подготовки к профильному обучению;

· на III ступени - обучение по индивидуальным учебным планам: учащийся выбирает определенный уровень сложности изучения различных предметов в соответствии с запросами и выбором будущей профессии.

2) history.htm

История лицея

Этапы развития лицея

· 1963 г. открытие Хохольской средней школы №1

· 1993 г. присвоен статус гимназии

· 2002 г. присвоен статус лицея

Ведущим учебным заведением Хохольского муниципального района является МОУ "Хохольский лицей". Ему исполнилось 45 лет. Годом основания лицея (Хохольской средней школы №1, реорганизованной в Хохольскую гимназию в 1993 году) является 1963-й. Ее история неразрывно связана с рождением рабочего поселка. В самом примечательном и удобном месте поселка была заложена школа. В эксплуатацию Хохольская средняя школа № 1 была сдана 30 августа 1963 года. 1 сентября прозвенел первый звонок. Право перерезать символическую красную ленту по поводу начала занятий в новой школе было предоставлено Вере Мещеряковой.

Первым директором Хохольской средней школы №1 был Елисей Дмитриевич Ким, Заслуженный учитель школы РСФСР. Он преподавал математику, и его ученики были отлично подготовлены. Творчески работающий руководитель заложил в школе замечательные традиции, ставшие программой жизни на многие годы.

С 1967 по 1986 годы коллективом школы руководила Валентина Акимовна Рябенко, отличник народного просвещения. В Хохольской средней школе № 1 большое внимание уделялось совершенствованию методической работы, поэтому она была определена опорной школой района. Опыт методической работы обобщался Воронежским областным институтом усовершенствования учителей, что нашло отражение в материалах института и на страницах «Учительской газеты». В школе хорошо была поставлена работа органов ученического самоуправления: комитета комсомола, учкома, совета лагеря труда и отдыха «Романтики». Только опираясь на органы ученического самоуправления, педагогический коллектив успешно решал все вопросы школьной жизни. На протяжении 20 лет совет лагеря труда и отдыха направлял летнюю и осеннюю работу учащихся 7-9 классов по выращиванию и уборке сахарной свеклы на полях колхоза «Великий Октябрь», по облесению оврагов, прополке лесных насаждений.

Оценка деятельности В.А. Рябенко самая высокая: «Это талантливый руководитель и педагог». Она награждена многими медалями: «За доблестный труд в ознаменование 100-летия со дня рождения В.И. Ленина», «За доблестный труд в Великой Отечественной войне 1941-1945 гг.», «50 лет Победы в Великой Отечественной войне 1941-1945 гг», «Ветеран труда». Является Почетным гражданином Хохольского района, Почетным директором лицея.

С 1986 года по август 1990 года директором школы была Любовь Михайловна Романова, отличник народного просвещения, ответственный, трудолюбивый учитель и руководитель. В этот период закладывалось новое здание школы. И Любови Михайловне приходилось решать немало проблем.

С 1 сентября 1990 года директором является Светлана Михайловна Порядина, заслуженный учитель Российской Федерации, кандидат педагогических наук, награждена медалью "За трудовое отличие", другими медалями и знаком "Ударник 9-й пятилетки". В этот период завершалось строительство второго здания, которое было сдано в эксплуатацию 1 сентября 1991 года. При создании необходимой материально-технической базы и подготовки высокой квалификации педагогических кадров в 1993 году школа была реорганизована в гимназию, а в 2002-м - в лицей.

3) collective.htm

Педагогический коллектив

Администрация лицея

Порядина Светлана Михайловна директор Хохольского лицея, кандидат педагогических наук, Заслуженный учитель РФ, награждена медалью «За трудовое отличие»

Григорьева Лидия Анатольевна заместитель директора по учебно-воспитательной работе, Заслуженный учитель РФ, учитель математики

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

Пруцких Елена Степановна заместитель директора по воспитательной работе, учитель немецкого языка

Учителя лицея

В нашем лицее сложился творчески работающий коллектив. Педагоги имеют достаточно высокий уровень квалификации: 39% учителей имеют высшую квалификационную категорию, 42% - первую квалификационную категорию. Характеристика педколлектива по стажу работы показывает, что в лицей привлекаются молодые специалисты, причем многие из них являются выпускниками лицея. Это помогает осуществлять связь поколений и сохранять педагогические традиции.

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

1. «Формирование гражданственности на основе изучения родного края с помощью проектно-исследовательской технологии» (2006-2010 гг.)

2. «Разработка и внедрение индивидуальных учебных планов на II (пропедевтика) и III ступенях обучения в МОУ «Хохольский лицей» (2007-2011 гг.).

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

4) out_lessons.htm

Внеурочная и досуговая деятельность

В основе лицейской системы воспитания заложены две основополагающие идеи:

· идея защиты ребенка;

· идея развития и самореализации личности.

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

Задачи воспитательной работы:

· развивать личность ребёнка, учитывая его возрастные и индивидуальные особенности;

· содействовать социализации личности обучающихся;

· создать такую систему деятельности, в которой главным направлением стало бы формирование способности выпускника к самоопределению;

· воспитание свободной, духовной, нравственной, творческой, гуманной личности, воспитание человека культуры.

Личностно ориентированная система воспитания лицея воплощается в жизнь путём реализации 6 программ:

· «Созвездие» (Одарённые дети)

· «Я хочу, я могу, я имею право»

· «Спасатели»

· «В здоровом теле, здоровый дух»

· «Родной край»

· «Земля предков»

Воспитательная деятельность в лицее строится на основании данных Программ и 7 направлений областной Концепции воспитательной деятельности: Здоровье, Человек, Культура, Природа, Наша Родина, Семья, Труд. Исходя из данных целей и задач были обозначены основные направления:

1. Воспитательная работа в плане реализации воспитательной цели, традиционные праздники лицея.

2. Воспитательная работа в плане реализации областной целевой Программы «Одаренные дети» и областной Концепции воспитательной деятельности по 7 направлениям.

3. Внеурочная работа (организация выставок, конкурсов, экскурсий).

4. Работа органов ученического самоуправления.

5. Профориентационная работа.

6. Профилактическая работа по снижению количества правонарушений и преступлений;

7. Работа с родителями;

8. Взаимодействие с социумом.

5) info.htm

Информация для родителей

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

· функционирование системы педагогических лекториев;

· проведение индивидуальных консультаций с психологом;

· проведение мотивационных мероприятий, тематических родительских собраний;

· Дни открытых дверей;

· привлечение родителей к решению экономических проблем лицея;

· проведение культурно-просветительских мероприятий;

· участие родителей в профилактической работе с трудными детьми.

Обеспечение безопасности

Важным направлением работы лицея является обеспечение условий безопасности.

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

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

Имеется медицинский кабинет, где дети могут получить первую медицинскую помощь. Кроме этого, заключен договор с МУЗ «Хохольская районная больница», работники которой проводят регулярное обследование детей и персонала лицея.

Ежегодно проводится учеба, тренировки по ГО и ЧС, операция «Антитеррор», соревнования и конкурсы по теме «Защитник Отечества», «А ну-ка, парни», День ГО.

На этой странице мы будем представлять информационные и консультативные материалы для родителей.

Размещено на Allbest.ru