КУРСОВОЙ ПРОЕКТ ПО КУРСУ « WEB-ДИЗАЙН» НА ТЕМУ: «РАЗРАБОТКА WEB-САЙТА СТРУКТУРНОГО ПОДРАЗДЕЛЕНИЯ ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЯ НА ПРИМЕРЕ ХОХОЛЬСКОГО ЛИЦЕЯ ВОРОНЕЖСКОЙ ОБЛАСТИ Выполнила: студентка Г-3 -1 а Жихарева Н. А. Проверил: к. э. н, доцент Кусмагамбетов С. М. Воронеж 2011
IP - ТЕЛЕФОНИЯ IP–телефония – это технология, позволяющая использовать Интернет или любую другую IP–сеть в качестве средства организации и ведения международных и междугородных телефонных разговоров и передачи факсов в режиме реального времени.
ОСОБЕННОСТИ IP И ПРИНЦИПЫ ДЕЙСТВИЯ - ТЕЛЕФОНИИ IP–телефония объединяет телефонные сети и сети передачи данных в единую коммуникационную сеть, которая предлагает мощное и экономичное средство связи. Общий принцип действия телефонных серверов IP–телефонии таков: с одной стороны, сервер связан с телефонными линиями и может соединиться с любым телефоном мира. С другой стороны, сервер связан с Интернетом и может связаться с любым компьютером в мире. Сервер принимает стандартный телефонный сигнал, оцифровывает его (если он исходно не цифровой), значительно сжимает, разбивает на пакеты и отправляет через Интернет по назначению с использованием протокола Интернет (TCP/IP).
CSS. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ CSS - формальный язык описания внешнего вида документа, написанного с использованием языка разметки. CSS используется создателями веб - страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб - страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб - страницы (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана).
СТИЛИ В CSS Каскад определяет способ применения правил, в случае с типами таблиц стилей: • Пользовательский стиль переопределяет все остальные стили; • Встроенный стиль превосходит внедренный, связанный и импортированный стили; • Внедренный стиль имеет преимущественное значение перед встроенным стилем; • Связанные и импортированные стили рассматриваются, как равные по значимости, и применяются везде, где не были применены другие типы таблиц стилей. Стиль браузера используется только в том случае, когда для данного элемента не было предоставлено ни одного стиля.
ТИПЫ ТАБЛИЦ СТИЛЕЙ • Стиль браузера - это стандартная таблица стилей, используемая браузером. • Стиль пользователя - пользователь может написать свою таблицу стилей и переопределить любые стили, изменив настройки браузера. • Встроенный стиль - стиль, который определяется непосредственно в элементе и применяется с использованием атрибута style. • Внедренный стиль - этот стиль управляет представлением одного документа и размещается внутри элемента style HTMLдокумента. • Связанный стиль - это таблица стилей, которая связана с HTML-документом при помощи элемента link, размещенного в разделе документа head. • Импортированный стиль - этот тип похож на связанные стили, однако позволяет импортировать стили в связанную таблицу стилей или непосредственно в документ.
ТРЕБОВАНИЯ К САЙТУ • Сайт должен быть и красочным и не пёстрым одновременно; • Должен содержать ту необходимую информацию, которую будет искать целевая аудитория; • Лёгким в восприятии, с простым и удобным интерфейсом; • Сайт Хохольского лицея как и любой другой должен иметь свой хостинг;
ПЛАНИРОВАНИЕ СТРУКТУРЫ САЙТА
ИНТЕГРАЦИЯ СВЕРСТАННОГО МАКЕТА В СИСТЕМУ УПРАВЛЕНИЯ САЙТОМ Получившийся макет мы используем для всех страниц сайта, изменяя только контент. Все страницы располагаются в корневом каталоге, все изображения в каталоге images. В разработке сайта мы не применяли сторонних макетов. Была выбрана наиболее распространенная схема расположения элементов – сверху шапка сайта, слева меню, посередине контент.
ДИЗАЙН САЙТА
НАПОЛНЕНИЕ САЙТА КОНТЕНТОМ Для наполнения сайта используем исходные тексты, находящиеся в Word-документе. Главная – основная страница, с общими данными о лицее. История лицея. Здесь описаны этапы развития лицея и его первые директора. Педагогический коллектив. Здесь представлена администрация лицея и учителя. Внеурочная деятельность. Этот раздел посвещён воспитательной и досуговой деятельности. Информация для родителей. В это разделе родители могут ознакомится с условиями обеспечения безопасности, с ежегодными мероприятиями по гражданской обороне и поведении при чрезвычайных ситуациях.
РЕГИСТРАЦИЯ ДОМЕННОГО ИМЕНИ И ХОСТИНГ САЙТА Для регистрации доменного имени используем хостинг narod. ru. Данный хостинг был выбран из-за его популярности для тестирования сайтов и он имеет бесплатный статус. Мы зарегистрировали домен testing. site 2012. narod 2. ru
ОПТИМИЗАЦИЯ И ПРОДВИЖЕНИЕ САЙТА Для оптимизированного продвижения сайта в поисковых машинах необходимо подать заявку на сканирование роботом нашего сайта. В качестве поисковых систем можно взять Яндекс, Google, Rambler и т. д. Робот, который сканирует сайт, использует тег <meta> так как в нем указаны ключевые слова. Мы указали такие как: Хохольский лицей, МОУ Хохольский лицей, Хохольский лицей Воронежской области. Так же следует зарегистрироваться на общеобразовательных ресурсах содержащих каталоги школ.
ВЫВОДЫ И ПРЕДЛОЖЕНИЯ В результате проделанной работы мы научились создавать сайт среднего уровня сложности. Сайт расчитан на разные категории поситителей, т. е. в процессе разработки мы выявили целевую аудитрию, определили требования к сайту, которым он должен соответствовать, зарегистрировали доменное имя и выбрали хостинг, спланировали структуру, разработали дизайн и вёрстку макета, наполнили сайт необходимым контентом, протестировали сайт и опубликовали в интернете, в результате чего сайт получился вполне себе лёгким и простым в восприятии.
Скачать презентацию КУРСОВОЙ ПРОЕКТ ПО КУРСУ WEB-ДИЗАЙН НА ТЕМУ
Курсовой проект_презентация.pptx