Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Web-дизайн курсовая.docx
Скачиваний:
143
Добавлен:
29.05.2015
Размер:
5.01 Mб
Скачать

Министерство образования и науки Российской Федерации

Федеральное государственное автономное образовательное учреждение

высшего профессионального образования

«Российский государственный профессионально-педагогический

университет»

филиал в г. Первоуральске

Курсовая работа

по дисциплине: Web-дизайн

по теме: Разработка Web-сайта МКОУ СОШ №20

Выполнил студент

группы: Пу-413 ДоКТ

Атаманенко Б. А.

Проверил преподаватель:

Полевов А. В,

Первоуральск

2013

Содержание

Введение 3

1JavaScript 5

1.1. Понятие объектной модели применительно к JavaScript 6

1.1.1.Cвойства 7

1.1.2.Методы 8

1.1.3.События 8

1.2. Размещение кода на HTML-странице 9

1.3. URL-схема JavaScript 10

1.4.Обработчики событий 12

1.5.Иерархия классов 12

2Разработка Web-сайта МКОУ СОШ №20 15

2.1.Требования закона РФ к школьному сайту 15

2.2.Техническое задание на создание сайта школы №20 16

2.3.Создание сайта в системе Ucoz 18

2.4.Разработка эскизов дизайна 20

2.5.Верстка, программирование, тестирование 21

2.6.Наполнение проекта и опытная эксплуатация 24

2.7.Оптимизация 26

2.8.Продвижение сайта 28

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

Список использованной литературы 30

Приложения 32

Приложение 1 33

Приложение 2 34

Приложение 3 35

Приложение 4 36

Приложение 5 37

Приложение 6 38

Введение

Актуальность и необходимость создания школьного сайта объясняется тем, что школьный сайт:

  • обеспечивает открытость деятельности образовательного учреждения и освещение его деятельности в сети Интернет;

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

  • вносит качественных изменений в процесс использования ИКТ в образовательном процессе;

  • стимулирует творческую активность педагогов и учащихся.

Цель данного курсового проекта: создать школьный сайт, заказчиком которого является МКОУ СОШ №20. Наличие сайта является обязательным требованием к руководству школы.

Задачи:

  1. определение требований к сайту;

  2. составление технического задания на разработку сайта;

  3. покупка домена и хостинга;

  4. разработка эскизов дизайна;

  5. верстка, программирование, тестирование;

  6. наполнение проекта;

  7. опытная эксплуатация и внедрение проекта;

  8. оптимизация;

  9. продвижение сайта.

Объектом исследования является официальный сайт МКОУ СОШ №20.

При создании web-сайта будут использоваться знания по HTML, а для управления сайтом будет использоваться стандартная CMS от Ucozа. В рамках курсовой работы необходимо продемонстрировать:

  • знание теоретических основ web–технологий;

  • умение использовать графические редакторы для подготовки графического контента;

  • умение готовить текстовый контент для размещения на страницах сайта;

  • умение проводить поиск и анализ информации.

.

  1. JavaScript

    1. Общие сведения

Гипертекстовая информационная система состоит из множества информационных узлов, множества гипертекстовых связей, определенных на этих узлах и инструментах манипулирования узлами и связями. Технология World Wide Web - это технология ведения гипертекстовых распределенных систем в Internet, и, следовательно, она должна соответствовать общему определению таких систем. Это означает, что все перечисленные выше компоненты гипертекстовой системы должны быть и в Web.

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

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

При генерации страниц в Web возникает дилемма, связанная с архитектурой "клиент-сервер". Страницы можно генерировать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, разработав язык программирования JavaScript.

Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

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

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

Название "JavaScript" является собственностью Netscape. Реализация языка, осуществленная разработчиками Microsoft, официально называется Jscript. Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JScript.

JavaScript стандартизован ECMA (European Computer Manufacturers Association - Ассоциация европейских производителей компьютеров). Соответствующие стандарты носят названия ECMA-262 и ISO-16262. Этими стандартами определяется язык ECMAScript, который примерно эквивалентен JavaScript 1.1. Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA. В рамках данного курса мы во всех случаях будем использовать название JavaScript.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]