Разработка Web-сайта структурного подразделения образовательного учреждения на примере web-сайта Хохольского лицея Воронежской области
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
импортированные стили рассматриваются, как равные по значимости, и применяются везде, где не были применены другие типы таблиц стилей.
Стиль браузера используется только в том случае, когда для данного элемента не было предоставлено ни одного стиля.
Существует шесть типов таблиц стилей:
.Стиль браузера - это стандартная таблица стилей, используемая браузером. Если никакие правила стиля не объявлены, применяются эти стандартные стили.
.Стиль пользователя - пользователь может написать свою таблицу стилей и переопределить любые стили, созданные вами, изменив настройки браузера. Такой подход используется редко, но может оказаться полезным для людей с ограниченными возможностями, например с плохим зрением. В данном случае пользователь создаст стили с высококонтрастными шрифтами больших размеров, которые переопределят ваши стили.
.Встроенный стиль - стиль, который определяется непосредственно в элементе и применяется с использованием атрибута style. Такой подход полезен для стилей, единовременно применяемых к одному элементу, однако он не считается идеальным.
.Внедренный стиль - этот стиль управляет представлением одного документа и размещается внутри элемента style HTML-документа.
.Связанный стиль - это таблица стилей, которая связана с HTML-документом при помощи элемента link, размещенного в разделе документа head. Любой документ, связанный с данным типом таблицы стилей, получает все стили, определенные в ней, в чем и заключается преимущество управления языка 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Педагогический коллективcollect