Разработка Web-сайта структурного подразделения образовательного учреждения на примере web-сайта Хохольского лицея Воронежской области
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
ive.htmВнеурочная деятельностьout_lessons.htmИнформация для родителейinfo.htm
Дизайн страницы
Для реализации навигации в html необходимы следующие теги:
- маркированный список
- новый элемент маркированного текста
- ссылка
- заголовок третьего уровня
- выравнивыание текста
Реализуем навигацию на языке html:
Далее создаем макет страницы. Для удобства разметки составляем автоматически растягивающююся таблицу:
Шапка сайтаНавигацияОсновной текстПространство Логотип заполняем изображением licey.jpg (в архиве-приложении), пространство Навигация заполняем розовым цветом, пространство Основной текст - оранжевым.
Для реализации макета в html необходимы следующие теги:
- метаданные о странице
- начало основной части страницы, цвет страницы
- создание таблицы
- создание новой строки
- создание нового столбца
- вставка изображения
Реализуем макет на языке html:
Реализация дизайна и верстка контента завершена.
.4 Наполнение сайта контентом
Для наполнения сайта контентом необходимо:
)Исходные тексты. Они находятся в Word-документе Исходник.doc (Приложение 1).
)Теги для правильной вставки текста:
- заголовок третьего уровня
- выравнивыание текста
- перенос на новую строку
- заголовок n-го уровня
- создание абзаца
- настройка шрифта
© - знак
Страницы сайта содержат следующий контент:
Главная - основная страница, с общими данными о лицее.
История лицея. Здесь описаны этапы развития лицея и его первые директора.
Педагогический коллектив. Здесь представлена администрация лицея и учителя.
Внеурочная деятельность. Этот раздел посвещён воспитательной и досуговой деятельности.
Информация для родителей. В этом разделе родители могут ознакомится с условиями обеспечения безопасности, с ежегодными мероприятиями по гражданской обороне и поведении при чрезвычайных ситуациях.
Исходные тексты находятся в Приложении 2.
.5 Интеграция сверстанного макета в систему управления сайтом
Получившийся макет мы используем для всех страниц сайта, изменяя только контент. Все страницы располагаются в корневом каталоге, все изображения в каталоге images. В разработке сайта мы не применяли сторонних макетов. Была выбрана наиболее распространенная схема расположения элементов - сверху шапка сайта, слева меню, посередине контент.
.6 Тестирование сайта. Публикация сайта в Интернет
Методика тестирования сайта заключается в проверке всех шрифтовых, абзацевых и табличных настроек, а также, в проверке работоспособности всех ссылок.
Мы протестировали сайт в следующих браузерах: Mozilla firefox, Google Chrome, Internet Explorer. Во всех этих браузерах сайт отображается корректно.
.7 Поисковая оптимизация, продвижение сайта
Для поисковой оптимизации нужно подать заявку на сканирование ботом нашего сайта в поисковые системы, такие как Яндекс или Google. Так же робот, сканирующий сайт, использует тег так как в нем указаны ключевые слова. Мы указали такие как: Хохольский лицей, МОУ Хохольский лицей, Хохольский лицей Воронежской области
Так же следует зарегистрироваться на общеобразовательных ресурсах содержащих каталоги школ.
Выводы и предложения
Итак, подводя итог всему вышесказанному, необходимо отметить, что IP-телефония является одной из технологий такого процесса, как конвергенция, т.е. процесса интеграции информационных и коммуникационных технологий.телефония - технология, позволяющая использовать Internet или другую IP-сеть в качестве средства организации и ведения международных телефонных разговоров и передачи факсов в режиме реального времени. Использует Internet-протокол для организации двусторонней голосовой связи. IP-телефония преду