Главная
База знаний "Allbest"
Программирование, компьютеры и кибернетика
Разработка web-сайта ТФ МГУКИ. Создание информационного массива "Учебная часть"
Разработка web-сайта ТФ МГУКИ. Создание информационного массива "Учебная часть"
Принципы информатизации высших учебных заведений и образовательные информационные технологии. Язык разметки гипертекстовой информации. Php и javaScript при разработке сайта учебного заведения. Создание меню для навигации по сайту и счётчика посещений.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 03.09.2012 |
| Размер файла | 464,8 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Следует ожидать появления новых типов объектов и изменения свойств существующих. Кроме этого, видимо, появятся глобальные переменные и функции. Порождение абстрактных типов тоже не за горами, хотя от такой новации не очень понятно, кто выиграет. Постепенно совершенствуется и поддержка встроенных функций на разных платформах.
3. РАЗРАБОТКА РАЗДЕЛА САЙТА ТФ МГУКИ «УЧЕБНАЯ ЧАСТЬ»
3.1 Структурное проектирование
Разработка сайта и полная его структуризация будет организованна с помощью универсальной программы Macromedia Dreamweaver MX. Последней версии популярного Web-редактора компании Macromedia. Это исключительно мощная программа, поддерживающая все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе.
Перед началом работы над сайтом нужно решить несколько вопросов возникающих в последствие при разработке для того, чтобы четко знать поставленные перед собой задачи:
1) Прежде всего, четко определить задачи сайта. В зависимости от задач структура сайта может сильно различаться.
2) Определить, какая конкретно информация должна на сайте присутствовать.
3) Собрать эту информацию, чтобы не искать ее потом, во время работы над сайтом. Все тексты, изображения, файлы, которые надо выложить в Сеть, должны быть на компьютере.
4) Решить, в каком ключе будет выполнен дизайн сайта. Будет ли он консервативным, строгим или затейливым.
5) Придумать логическую структуру сайта. Здесь лучше не изобретать самому велосипед, а посетить какой-нибудь уже существующий и популярный Web-сайт и посмотреть, как он организован.
6) Придумать физическую структуру сайта, т. е. как отдельные файлы, составляющие сайт, будут «раскиданы» по папкам.
Для информативности сайта необходимо использовать графику. Для создания изображений служат специальные программы, которые называются графическими редакторами. Не всегда самый лучший и самый популярный графический редактор хорошо подходит для решения определенной задачи. В работе с компьютером всегда очень важно использовать не те программы, которые удобны вообще, а те, которые наиболее удобны для конкретной работы. Так, например, графический редактор Paint Shop Pro имеет удобные средства для оформления кнопок, рамок, линеек, фоновых узоров и прочих элементов. Редактор Microsoft Photo Editor имеет достаточно большие возможности по обработке изображений. PhotoImpact - это мощный графический редактор, который может быть использован при создании высококачественных изображений, эффективных презентаций и GIF-анимаций, для управления мультимедиа файлами, а также создания Web-графики. GIF Animator используется для быстрого создания компактных анимированных GIF-файлов. Обеспечивает широкую поддержку разных форматов, прямой импорт и преобразование файлов, импорт неподвижных изображений из наиболее распространенных форматов. SmartSaver Pro - программа для работы с Web-графикой, использующая изображения в любом графическом формате. Но из всего многообразия графических редакторов есть явные программы-лидеры - Photoshop и Corel Draw. Для создания изображений был использован графический редактор Adobe Photoshop CS2, т.к. он обладает всеми необходимыми функциями для создания качественной web - графики.
Для создания сайта используется язык HTML (HyperText Markup Language -язык гипертекстовой разметки). Этот язык определяет набор специальных команд, называемых тегами и используемых для задания форматирования или назначения тех или иных элементов Web-страницы. Особые теги используются для размещения на Web-страницах графических изображений, аудио- и видеоклипов и прочих так называемых внедренных объектов.
Для облегчения пользованием и быстрым изменением шрифта, размера текста, таблиц применяется каскадные таблицы стилей или просто таблицы стилей (CSS -- Cascading Style Sheets) -- это набор правил, описывающих форматирование разных фрагментов HTML-кода и хранящихся отдельно от него. Одно такое правило, отображающее форматирование какого-то одного фрагмента или однотипной группы фрагментов кода, называется стилем. Таблицы стилей описываются на особом языке CSS и хранятся в особых файлах с расширением сss, хотя могут быть внедрены в саму Web-страницу.
Всего стандарт CSS определяет три способа задания стиля для элемента страницы:
1) Внешняя (или привязанная) таблица стилей. Стили сохраняются в отдельном файле с расширением css и привязываются к Web-странице с помощью особого тега <LINK>. Вы уже познакомились с внешними таблицами стиля, так что не будем сейчас подробно на них останавливаться.
2) Внутренняя (или внедренная) таблица стилей. Таблица стилей в этом случае имеет тот же самый формат, что и внешняя, но располагается в секции заголовка той же Web-страницы и помещается внутрь специального тега <STYLE>.
3) Внутренние (также встроенные или внедренные) стили. Определение стиля помещается прямо в нужный тег, для чего используется специальный атрибут STYLE.
Каскадная таблица используется для создания сайта и находится отдельно от странички в файле с названием style.css. В данном файле описываются все используемые шрифты для выделения текста на страничках сайта.
Одним из мощных возможностей разработки сайта это использование в нем таблиц, которые позволяют размещать на ограниченном пространстве Web-страницы множество данных. Если необходимо создать красивый список, на помощь приходит таблица. Если требуется точно позиционировать текст и графику относительно друг друга, опять же незаменима таблица.
Поэтому таблицы являются не заменимыми средствами для разработки структуры сайта и на много упрощают использование различной графики, текста для наилучшего его размещения на страницах.
Таким образом, структура сайта состоит из одной таблицы, в которой присутствует две строки и три столбца. В верхней строке описывается заголовок сайта, а в нижней находится тело сайта, т.е. все его содержание. Верхняя часть меняться не будет, так как заголовок для всех страниц сайта одинаков, в то время как содержательная часть будет изменяться в зависимости от названия странички и ее структурой. Так на не которых страничках будут появляться вложенные таблицы со своей разметкой столбцов и строк.
Конечный результат сайта представлен в двух основных файлах, первый файл reklama.htm, с которого и начинается работа сайта, причем этот файл ссылается на второй папку с названием files. В основном файле представлена информация о ВУЗе, контактные телефоны, адреса и предоставляемые услуги в области обучения дисциплинам, очное и заочное отделения, вступительные экзамены по предметам. Второй файл содержит все вложенные файлы, используемые для разработки структуры и внешнего вида сайта.
Папка содержит такие файлы как разработанные ранее странички сайта дополняющие его полное содержание. Это такие как spez.htm в котором содержится информация обо всех специальностях, специализациях предоставляемых высшем учебным заведением. Далее идет файл pravila.htm, в этом файле описывается правила приема в ТФ МГУКИ, которые необходимо соблюдать при поступлении и последующем обучении в нем. Следующий файл grafik.htm в нем представлена информация об учебном процессе на 2007/2008 год по всем специальностям и курсам. Так же указано сроки обучения, зачетной сессии, экзаменационной, каникулы, практика и учебный процесс. Эта группа файлов непосредственно связанных между собой raspisanie1.htm, raspisanie2.htm, raspisanie3.htm, raspisanie4.htm, raspisanie5.htm. В них содержится расписание занятий на все курсы с первого по пятый, а также идет разделение на группы специальностей. Вся информация находится в таблицах, что облегчает восприятие страниц. Последний файл странички сайта это index.html он содержит информацию о выпусках газеты ТФ МГУКИ, которые представлены в электронном варианте и полностью описывают оригинал печатной газеты. В также присутствует возможность скачать оригинал газеты в печатном виде.
В папке files, также содержится графические рисунки, которые улучшают восприятие сайта и придают ему профессиональный вид. Одним из основных файлов является back.jpeg, он составляет фоновую графику на всех страницах сайта и не меняется в содержании. Еще одними из составляющих в графике всего сайта является блоки динамического меню, которые придают сайту динамику и красоту восприятия.
После описания всех файлов используемых данным сайтом можно составить полную структуру связей и перекрестных ссылок, которые более наглядно представят реализуемую структуру страниц. Данная структура будет представлена в виде блок схемы с различными связями. Конечная структура представлена на рисунке 1.
Рисунок 1 - Структура связей сайта
На этом этап разработки структуры сайта завершается, конечный результат получен в виде реализованного рисунка отображающего основные связи, присутствующие в инфомационном массиве «учебной части». Программный код реализующий представление о конечном варианте раздела «учебнай часть» сайта Тамбовского филиала МГУКИ находится в приложении А.
3.2 Разработка внешнего вида раздела
Одним из наиболее важных факторов при создании сайта является разработка его внешнего вида. Так как пользователь обращает внимание сначала на внешнее оформление, а только потом на его внутренне содержание или различные способности по управлению и функциональностью. Гармоничность цветов играет не мало важную роль в оформлении дизайна сайта, позволяя реализовать основную идею создания информационного массива «учебная часть», а цветовая гамма и размер текста представленных на страничках раздела дают возможность информации о ВУЗе выглядеть в лучшем виде.
При создании фоновой графики были использованы синии и белые тона, так как они обладают хорошим эффектом визуализации и выдерживают строгость, спокойствие всего сайта. Цветовая схема текста на протяжении всех страничек является черной, что позволяет сайту соответствовать строгости создания именно сайта высшего учебного заведения.
Для контроля фона меню, ссылок, цветом и размером текста были использованы каскадные таблицы стилей, позволяющие контролировать все эти действия из одного файла. При этом с легкостью можно менять размер загловков их цвет и многое другое, что связано с оформлением страниц сайта.
В оформлении сайта использовались следующие стили, первый из которых отвечает за «тело» всех страниц.
Body {font-family: verdana, helvetica, arial, sans-serif; // Указывает имя шрифта или шрифтового семейства, используемого в элементе страницы.
Font-size: 80%; // Возможно задание либо абсолютного размера шрифта в одной из поддерживаемых CSS единиц измерения, либо как процент от размера шрифта родителя.
Margin: 0; // Задает ширину полей между элементами страницы и его соседями.
Padding: 0; // Задает отступ между элементом страницы и различными границами.
Background-color: #ffffff ;} // Задает фоновый цвет Web-страницы или ее элемента.
Следующий стиль отвечает за фоновый рисунок для страничек сайта, где background - задает все свойства фона элемента страницы в один прием, а background-repeat - устанавливает порядок повторения фонового рисунка на Web-странице или ее элементе. Иногда этот атрибут необходим, чтобы занять все свободное пространство, если фоновый рисунок слишком мал, чтобы покрыть пространство без повторения.
.tbl1 {background: url ('back.jpg');
background-repeat: no-repeat;}
Также в каскадной таблице стилей указывается размер и шрифт текста непосредственно задающего как заголовки, под заголовки, так и основной информационный текст страничек. Ниже представлены некоторые из них:
.style1 { font-size: 36px;
font-style: italic;}
.style4 { font-size: smaller;
color: #507DB4;
font-weight: bold;}
Последним представленным стилем в файле является стиль динамического меню, который полностью отображает цвета оформления графических рисунков, текста в них, так как меню состоит из трех уровней, то и текст должен быть представлен в нескольких вариантах. Еще не мало важным эффектом является указание расположения на страничке, как графики первого уровня, так и последующих при раскрытии меню. Все это учитывается в каскадной таблице стилей динамического меню выглядещего следующим образом:
DIV.clSlide{position:absolute;;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;} // position: absolute; - задает абсолютное свободное позиционирование, z-index - задает порядок перекрытия свободно позиционированными объектами друг друга, clip - задает прямоугольный фрагмент элемента страницы, который будет видим. Предопределенное значение auto задает видимость всего элемента страницы. Оно же является значением по умолчанию. Для того чтобы ограничить видимую часть элемента страницы прямоугольным фрагментом, задаются четыре координаты границ этого прямоугольника, разделенные пробелами.
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden} // visibility - позволяет элементу быть видимым или невидимым на странице, в данном случае элемнт будет невидимым.
Таким образом, каскадная таблица стилей очень удобное средство для работы с текстом и фоновыми цветами, позволяющая с легкостью манипулировать различными операциями по смене размера, цвета текста и все что с ним связано. Конечный вариант каскадной таблицы стилей представлен в приложении Б.
Фоновый рисунок разработан с помощью специальной программы, которая позволила с легкостью манипулировать различными эффектами и цветами, а также дополнительными рисунками, которые были добавлены по верх всего фона. Сначала было выделено место под заголовок сайта и точно распределено размещение гербовой символики высшего учебного заведения. Заголовок написан строго по центру и выделен цветом и шрифтом. После его написания по краям добавлены два герба, которые непосредственно используются в структуре. Также было создано два фрагмента графики, одна из которых разрабатывалась под динамическое меню сайта и гармонично подходят друг другу.
Как уже упоминалось ранее, структура сайта соответствует табличной форме, что позволяет размещать текстовые и графические материалы в уже разработанные для них строки или столбцы. Так вся текстовая информация, выложенная на страничках сайта, находится в центре таблицы и не зависимо от странички ее место положение не меняется. Это же относится к динамическому меню, табличная структура не позволяет изменять положение и строго соответствует месту, разработанному под него.
На главной страничке размещена краткая информация о предоставляемых услугах, специальностях, на которые можно выучиться; указываются сроки обучения; отделения (очное, заочное); указаны предметы необходимые сдать при поступлении в ВУЗ, а также документация и сроки подачи заявлений на обучение.
Остальные странички сайта оформлены в этом же стиле с не большими изменениями. Так на всех них появляется дополнительная кнопка меню, которая указывает на главную страничку и еще одно изменение это не показан счетчик посещений пользователей. Меняется только содержательность страниц, в зависимости от названия.
Единственное отличие от всех других страниц сайта это страничка газеты ТФ МГУКИ. Она выполнена в другой структуре и внешнем виде, так как там представлена информация совершенно другого вида и формата. Это ознакомительная информация «говорящая» о событиях, праздниках, мероприятий происходящих в ВУЗе.
Оформление этой страницы было взято с печатного оригинала, заголовок полностью соответствует, далее представлены фотографии первых страниц выпускаемых в печатном виде для лучшей наглядности пользователя. Так же указывается номер выпуска, ссылки на подробное описание данного выпуска представленного на рисунке 4 и есть возможность скачать оригинал печатной газеты в архиве.
Архив позволяет сжать документацию в несколько раз, что удобно для пользователей сети Интернет. Все газеты в архиве хранятся в папке с названием выпуска. Газеты создавались при помощи Microsoft Office Word и содержат расширеннее *.doc, так как выпускается данная газета не большим тиражом и при помощи преподавателей ВУЗа, а так же студентов.
Страничка краткого обзора выпуска описывает краткое содержание определенного выпуска, в каждой таблице представлен заголовок статьи и сопровождающий ее рисунок, что удобно вкратце ознакомится с содержанием страницы. Также работают ссылки на полное представление статьи без всякого сокращения. В заголовок страницы добавляется номер выпуска газеты и время выхода ее в свет. Табличная форма позволяет, расположить все информацию в удобном для пользователя виде, не загромождая пространство на странице.
Таким образом, описание и создание внешнего вида информационного массива раздела «учебная часть» выглядит довольно профессионально, так как при ее разработке были учтены все условия создания сайтов, просмотрено несколько сайтов для оценки цветовой гаммы, как графики, так и текстовой составляющей. В итоге получилось отличное сочетание всех функций и содержательных частей.
3.3 Создание динамического меню для навигации по сайту
Разработка динамического меню для сайта это одно из не мало важных условий, которое должен учесть разработчик. Так как меню придает сайту ту уникальную черту, без которой не один сайт не будет выглядеть на отлично. Поэтому для сайта было создано свое меню, со своей динамикой действий и определенной графикой.
Существует множество вариантов динамических меню, такие как горизонтальные и вертикальные, для этого сайта было выбрано вертикальное, наиболее подходящее для разработанной ранее структуры сайта, вписывающееся также в фоновую составляющую.
Перед тем как писать программный код для динамического меню были созданы фоновые или как еще их можно назвать графические рисунки, специально разработанные для меню, которые включают в себя заголовки меню и подзаголовки, так как на некоторых страничках пришлось использовать перекрестные ссылки и довольно большой подзаголовок на расписание учебных занятий.
Все фоновые рисунки меню делятся на три уровня представленных, на рисунке1. Они различаются цветовой гаммой, первый уровень темно синий цвет, второй содержит два оттенка темно синий и голубоватый, в терьем уровне, как и во втором, учитывается цвет предидущего и добавляется новый серый оттенок. Это позволяет различать содержание каждого меню и под
меню, для лучшей визуализации динамического меню.
Рисунок 1 - Уровни фоновой графики меню
После того как были разработаны графические рисунки, можно приступать к написанию скрипта. Он делится на две части в первой описывается главный код меню и вставляется в тег <head> ... </head>. Это основная часть, от которой зависит правильность работы всего меню. Во второй части кода описывается количество страниц, их название, а также регулируется место положение самого меню на страничке относительно левой и верхней частей странички, скорость открытия меню, то есть его развертывания. Эта часть скрипта вставляет в само тело сайта, не посредственно там, где меню должно находится. Также задается полный путь ссылок на странички сайта, дается каждому уровню название соответствующее той страничке, на которую будет осуществлен переход.
Разработанное динамическое меню обладает функциональностью применения, легкостью добавления в меню новых категорий и подкатегорий, исправлении уже существующих разделов, при этом не надо исправлять огромное количество кода, достаточно заменить или добавить новое название, остальное разработанный скрипт сделает сам.
Конечный результат полученного динамического меню представлен на рисунке2
Рисунок 2 Конечный вариант динамического меню
На котором изображено три уровня взаимодействия всего меню. Первый рисунок показывает стандартное положение динамического меню. Второй рисунок показывает второй уровень, при нажатии на одну из клавиш меню раскрывается и открывается конечная ссылка на данную страничку сайта. Третий графический рисунок представляет пример под меню с некоторыми ссылками, так как используется один под заголовок, и пришлось прибегнуть к такой системе действий.
Таким образом, с помощью языка JavaScript было разработано динамическое меню, подходящее по всем параметрам к разработанной структуре и внешнему виду сайта учебного заведения. При этом были использованы сини оттенки оформления, которые благоприятно влияют на пользователя сети, не отталкивая его, и гармонично соответствует содержательности раздела «учебная участь».
Скрипт разработанный для динамического меню раздела «учебная часть» показан в приложении В.
3.4 Разработка поисковой системы по сайта
Современное развитие Интернет технологий позволяет разрабатывать различные приложения для сайта, которые в свое очередь облегчают пользование страничками и улучшают навигацию. Одним из таких приложений является разработка поисковой системы по страничке сайта. Данная поисковая система располагается на всех страничках, кроме газеты ТФ МГУКИ, так как там представлена информация, по которой поиск осуществляться не должен, в ней нет справочной информации, а представлена только ознакомительная.
Система поиска разработана с помощью язык JavaScript, т.к. возможности этого языка позволяют в полной мере реализовать поставленную задачу. Система не обладает большим программным кодом и состоит буквально из десяти строк, но в полной мере осуществляет поиск по странице.
Принцип работы системы состоит в следующем: для начала объявляет функции языка JavaScript, которая требует указания имени и списка параметров x:function() - это основная функция, в которой и будет происходить действия. Затем вводятся переменные, при помощи оператора var объявляет переменную и дополнительно может присваевать ей значение. Имя переменной может быть любой идентификатор, и значение может быть любое выражение. Область действия переменных, является текущая функция или, если переменные, объявленные вне функции, то весь текущий документ.
Использование var вне функции необязательно; можено описать переменную, просто приписывая ей это значение. Использование var необходимо в функциях, так как может быть глобальная переменная токого же имени.
Таких значений всего три: r, i, s, где r - переменная, выделяющая полученные результаты поиска, i - переменная цикла, s - вводимое слово или буквы поиска. При этом переменной s присваивается значение. Объект document выбирает при помощи метода selection выбрать и после этого ранжировать вводимый текст.
var r,i,s=document.selection.createRange().text;
Далее прибегним к помощи условного оператора позволяющего, выполнять некоторые действия, основанные на логическом условии, определяет для проверки условия и команды, которые выполняются, если условие истинно. JavaScript имеет один условный оператор: if. Если в указанное условие оператора if истинно, то выполняет некоторые утверждения. Если условие ложно, то выполняет другие утверждения, если они есть. Условие может быть любое выражение JavaScript, которое проверяется на истинну или ложь. Условные утверждения могут быть любые. Если утверждений несколько, то они должны быть описаны в фигурных скобках. В данном случае выполняются только два условия.
if(!s)s=prompt('Найти:','');
if(s){r=document.body.createTextRange();
Где метод prompt используйте для вывода диалогового окно, в которое пользователь вводит данные вне формы. Синтаксис метода выглядит так prompt(message, [inputDefault]), message - любая строка; строка ваводится как сообщение. inputDefault - строка, целое число, или свойство существующего объекта, который представляет значение по умолчанию области ввода.
Для следующего действия используется цикл - это набор команд, которые повторяются, пока указанное условие не выполнено. JavaScript поддерживает две формы цикла: for и while. Кроме того, операторы break и continue, используются вмести с циклами. Другой оператор, for...in, выполняет утверждения несколько раз, но используется для манипулирования объекта.
Наиболее удобный из всех перечиленных циклов это цикл for, который повторяет утверждения, до тех пор, пока указанное условие ложно. Цикл for JavaScript подобен циклу for Java и традиционному циклу for языка C.
for(i=0;r.findText(s);i++)
Последовательность выполнения цикла for следующия:
1) Выражение i=0 служит для инициализации переменной счетчика, которую создана с помощью опреатора var.
2) Выражение r.findText(s) вычисляется на каждой итерации цикла. Если значение выражения r.findText(s) равно истенно, выполняются утверждения в теле цикла. Если значение выражения r.findText(s) равно ложь, то цикл for прекращается. Если выражения r.findText(s) пропущено, оно считается равным значению истина, тогда цикл продолжается до ошибки или до оператора break.
3) Выражение i++ используется для изменения значения переменной счетчика, то есть после прохождения одного цикла к значению прибавляется единица.
В цикле, после указания всех значений открывается фигурная скобка и выполняется несколько операций. Первая это выделение найденных букв или слов в тексте зеленым цветом, для более наглядного представления результатов поиска.
r.execCommand ('BackColor','','green');
Выход из цикла после завершения поиска и прохода по всей страничке сайта осуществляется при помощи следующего программного кода позволяющего реализовать окончание поиской системы.
r.collapse (false);
Для вывода информации о найденных словах используется метод alert, который показывает диалоговое окно с определенным сообщением и кнопкой «ок». Синтаксис метода выглядит следующим образом:
alert("message"), где message - любая строка или свойство существующего объекта.
Метод alert используйте, чтобы показать сообщение, которое не требует решения пользователя. Аргумент message определяет сообщение в диалоговом окне, которое в данном случае будет представлять, сколько слов было, найдено в тексте или не найдено.
alert ('Найдено: '+i+' слово(а)')
Полный листинг системы поиска представлен в приложении Г.
Принцип действия системы реализован на примере поиска слова «математика», который осуществляется на страничке сайта расписание первого курса. После нажатия на кнопку «поиск на страничке» появляется форма для ввода поискового запроса Как только введено слово нажимается кнопка «ок», далее происходит поиск этого запроса на странице и выдается результат в специальной форме представленной на рисунке 3.
Рисунок3 - Результат поиска
Конечный результат поисковой системы выделяется зеленым цветом, тем самым, давая пользователю представление о полученном результате рисунок 4.
Рисунок 4 - Конечный результат поиска
Таким образом, система поиска подходит для реализации ее на сайте, так как проста в использовании и эксплуатации. И позволяет в кратчайшие сроки найти нужную информацию, а не простматривать весь текст целиком. Поисковая система является неотемлемой частью сайта высшего учебного заведения.
3.5 Создание счетчика посещений сайта
Еще одним дополнением к сайту будет создание счетчика посещений страницы, так как не один сайт в данный момент не обходится без него. Счетчик позволяет узнать, сколько пользователей сети Интернет посетили сайт учебного заведения, а так же можно подсчитать рейтинг.
Счётчик предназначен для подсчёта числа посетителей сайта, учёта посещений времени и страниц сайта. Также записывается дополнительная информация о каждом посещении: страна, язык, город, браузер, ссылка, ip, url провайдера, разрешение дисплея, число цветов, версия JavaScript, наличие java и поддержка cookies.
Расположение счетчика находится только на главной странице, и нет смысла располагать его на каждой странице сайта. Текст представлен черным цветом и 12 шрифтом, для того чтобы сильно не выделялось из всего сайта. Точное расположение его, чуть выше динамического меню.
Счетчик разработан с помощью языка JavaScript. Программный код содержит четыре различных функций отвечающих каждая за свое действие. При этом в них выполняется по несколько операции, таких как ввод переменных, присваивание им значений, затем над каждой переменной происходит определенное действие. Так же в каждой функции выполняется условие, причем идет последовательность действий, которые как раз прослеживает функция и выдает результат. В самом конце программного кода происходит вывод результата выполнения всех функций и условий, тем самым выводится на экран, что данная страничка была посещена пользователем или пользователями некоторое количество раз.
Скрипт счетчика посещений состоит из следующих элементов, которые необходимо рассмотреть подробнее для большей наглядности. Для начала объявляется с помощью оператора var переменная caution = false и присваевается ей значение «ложь».
Создается функция, фиксирующая Cookie, в ней находится шесть переменных, с которыми в последствии будут выполняться операции и действия.
function setCookie(name, value, expires, path, domain, secure)
В этой функции с помощью оператора var объявляется переменная curCookie, которая выполняет действия по фиксации имяни, дорожки, домена выполняющимся пользователем загрузку странички сайта.
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
Следующим действием в функции это выполнение двух условий, в первом условии проверяется, длинна имени пользователя, которая должна быть меньше или равна 4КВ. Если оно выполняется, то имя записывается в файл, хранящий эту информацию, в противоположном случае в действие вступает второе условие, в котором выводится сообщение об уменьшении длины имени и после этого также записывается в файл.
If (! caution || (name + "=" + escape (value)).length <= 4000)
document. Cookie = cur Cookie else
If (confirm ("Cookie exceeds 4KB and will be cut!"))
Document. cookie = cur Cookie}
Вторая функция, которая действует в скрипте счетчика посещений это getCookie, то есть получатель Cookie. Она содержит переменную name, которой присваивается в следующем действии переменная prefix. Затем вводится следующая переменная cookieStartIndex, ей присваивается document.cookie.indexOf(prefix), где indexOf(prefix) - возвращает позицию подстроки. Также как и в предыдущей функции, тут присутствует два условия, в первой при выполнении условия оператор return возвращает переменной значение null. Во втором, как и в первом выполняется тоже условие, но для другой переменной и определяется конечная длина cookie, при этом если условие, верно, то оператор возвращает следующее значение функции return unescape (document.cookie.substring (cookieStartIndex + prefix.length, cookieEndIndex)). Программный код функции приведен ниже.
function getCookie(name) {
var prefix = name + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1) return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))}
При помощи третий функции появляется возможность удалять cookie из списка по истичении определенного времени, которое можно устанавливать, учитывая день, число, месяц, время. Из файла удаляется информация о названии пользователя и его домене. Все действия реализованы при помощи одного условия, выполнение которого позволяет решить задачи этой функции.
function deleteCookie(name, path, domain)
{if (getCookie(name))
{document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain: "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"}}
Последней и наиболее важной в программном коде является функция установки даты посещения страницы пользователем и вывод числа пользователей загрузивших сайт на главную страничку. Эта функция называется fixDate, при помощи оператора var присваивается переменным base, skew значения new Date(0) и base.getTime(), после чего выполняется условие, в результате которого устанавливается дата посещения.
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)}
var now = new Date()
fixDate(now)
now.setTime (now.getTime() + 365 * 24 * 60 * 60 * 1000)
После того как дата посещения страницы зафиксирована, в действие вступает другое условие непосредственный счетчик посещений. После каждого обращения к этому условию переменной visits плюсуется единица, тем самым ведется подсчет посетителей сайта. Вывод информации о количестве посетителей осуществляется при помощи объекта document и метода write, который показывает любое число выражений в окне документа. Можно определить любое выражение JavaScript с методом write, включая числовые, строковые и логические выражения. Метод write не добавляет символ новой строки (или /п) в конце строки. Поэтому он наиболее удобен.
var visits = getCookie("counter")
if (!visits)
visits = 1
else
visits = parseInt(visits) + 1
setCookie("counter", visits, now)
document.write("Посещение сайта:"+ visits +"")
На этом программный код счетчика посещений заканчивается, были описаны все функции, условия, переменные, применяемые в скрипте и конечным результатом в коде это вывод информации о посещении на главную страничку информационного массива «учебная часть».
Таким образом, при помощи языка сценариев получилось разработать счетчик посещений пользователей, который позволит следить за популярностью сайта и вести различного рода статистику. Скрипт разработанного счетчика посещений приведен в приложении Д.
ЗАКЛЮЧЕНИЕ
Разработка и создание сайта высшего учебного заведения является неотъемлемой частью развития университета и успешного функционирования в информационных потоках.
В первой главе работы описывается основные цели, задачи, принципы, направления информатизации учебного заведения, которые необходимо выполнять для наилучшего функционирования и развития ВУЗа. Также рассматриваются проблемы, возникающие при информатизации, их надо учитывать и не откладывать на потом, так как решение и знание проблем позволит в кратчайшие сроки реализовать поставленные цели. Обновление и применение информационных технологий в области образования способствует развитию учебного заведения в направлении информатизации.
Вторая глава посвящена языкам программирования для разработки сайта. Описывается основные языки позволяющие создавать отличные сайты, а также приложения к ним. Всего рассмотрено три языка html, JavaScript, php, так как они наиболее используемые в области разработке как структуры сайта, так и его внешнего вида. Дана характеристика, возможности всех перечисленных языков их функциональность и способность реализовать поставленную задачу.
В заключительной главе описывается разработка информационного массива «учебная часть» сайта ТФ МГУКИ. Разрабатывается структура раздела его внешний вид, используемые программы для создания сайтов и графических рисунков. Подробно описывается результат разработки динамического меню позволяющего осуществлять навигацию по страничкам сайта. Создается счетчик посещений пользователей, который позволяет оценить рейтинг по просмотру сайта. И последнее, что представлено в главе это разработка поисковой системы по страничке сайта, позволяющей найти нужное слово или то, что пользователь хотел найти на страничке.
Основные задачи дипломной работы успешно реализованы в полной мере, был проведен обзор сайтов известных высших учебных заведений и выбран на основе этих результатов благоприятный интерфейс, содержательность страниц сайта, функциональность структуры. Также рассмотрены средства создания сайта как программы разработчики, так и языки программирования. Разработана структура и его внешний вид сайта, подходящий для высшего учебного заведения. Выполнены задачи по созданию динамического меню для навигации по сайту и созданию перекрестных ссылок, последними задачами были счетчик посещений и поисковая система по страничкам сайта, которые выполнены и успешно добавлены в структуру и внешний вид информационного массива «учебная часть».
Таким образом, все поставленные вопросы и задачи в дипломной работе были решены успешно и реализованы. В конечном итоге разработан информационный массив «учебная часть» сайта высшего учебного заведения ТФ МГУКИ, который в дальнейшем может быть зарегистрирован в сети Интернет.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. Вайк, А. Java Script. Энциклопедия пользователя: Пер. с англ./Аллен Вайк. - К.: ООО "ТИД" ДС", 2001. - 480с
2. Глушаков, С.В. Программирование Web-страниц. JavaScript. VBScript / С.В. Глушаков. - М: Фолио, 2002.-390 с.
3. Домрачев, В.Г. Классификация компьютерных образовательных информационных технологий / В.Г. Домрачеев. - М.: Информ. технологии, 2001.-232с.
4. Дунаев, В.Самоучитель JavaScript, 2-е изд. - СПб.: Питер, 2005. - 395 с.: ил.
5. Ибрагимов, И.М. Информационные технологии / И.М. Ибрагимов. - М: Академия, 2007.-336с.
6. Кент, П. World Wide Web / П. Кент. - М.: Компьютер, ЮНИТИ, 2000.-566с.
7. Кинелев, В.Г. Высшее образование в меняющемся мире / В.Г. Кинелев. - М.: Унив. книга, 2003.-354с.
8. Колин, К.К. Курс информатики в системе образования: современное состояние и перспективы развития / К.К. Колин. - М.: Наука, 1999. - 354с.
9. Кузнецов, М. Программирование на PHP / М. Кузнецов. - СПб.: БХВ - Петербург, 2006.-948с.
10. Маслов, В.В. Основы программирования на языке РНР / В.В. Маслов. - М: Радио и связь, 2000.-144с.
11. Мартин, Д. XML для профессионалов / Д. Мартин. - М: Лори, 2001.-866с.
12. Матросов, А.В. HTML 4.0 / А.В. Матросов. - СПб.: БХВ, 2005.- 611 с.
13. Мельтцер, К. Разработка CGI-приложений на Perl / К. Мельтцер. - М: Вильямс, 2001.-400с.
14. Мержевич, В. Ускорение работы сайта /В. Мержевич.- СПб.: Изд-во BHV - Санкт-Петербург, 2005г, 384с.
15. Павлов, А. CGI-программирование / А. Павлов. - СПб.: Питер, 2001.-416с.
16. Полянский, А. Программирование на CGI / А. Полянский. - М: Майор, 2003.-176с.
17. Рева, О.Н. Java Script / О.Н. Рева. - М.: Эксмо, 2006.-203 с.
18. Рэй, Э. Изучаем XML / Э. Рэй. - СПб.: Символ-плюс, 2001.- 540с.
19. Сигов, А.С. Мобильные информационные технологии в учебном процессе школы и вуза / А.С. Сигов. - М.: Магистр, 2001. - 245с.
20. Скляр, Д. PHP. Рецепты программирования / Д. Скляр. - СПб.: БХВ - Петербург, 2007.-736с.
21. Хассон, У. Критерии качества дистанционного образования / У. Хассон. - М.: Высшее образование, 2002. - 365с.
ПРИЛОЖЕНИЕ А
Программный код информационного массива
<html>
<head>
<title>УЧЕБНАЯ ЧАСТЬ | ТФ МГУКИ</title>
<link href="files/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()
if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; background-image:url(' ')}</style>")
function makeMenuObj(obj,nest){
nest=(!nest) ? "":'document.'+nest+'.'
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;
this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0;
this.bgImg=b_bgImg; this.obj = obj + "Object"; eval(this.obj + "=this");
this.clipTo=b_clipTo;
return this
}
function b_showIt(){this.css.visibility="visible"; this.status=1}
function b_hideIt(){this.css.visibility="hidden"; this.status=0}
function b_movey(y){this.y=y; this.css.top=this.y}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y}
function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage="url('"+img+"')"
else this.css.background.src=img
}
function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r
this.css.clip.bottom=b;this.css.clip.left=l
}else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w){this.css.width=r; this.css.height=b}}}
function SlideMenuInit(){
oSlideMenu=new makeMenuObj('divSlideCont')
oSlideMenu.moveIt(menux,menuy)
oSlide=new Array()
for(i=0;i<menus.length;i++){
oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont')
oSlide[i].subs=menus[i].subs
oSlide[i].sub=new Array()
oSlide[i].moveIt(0,mainheight*i)
oSlide[i].starty=oSlide[i].y
if(bw.opera) oSlide[i].css.paddingLeft="10px"
if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)
for(j=0;j<oSlide[i].subs;j++){
oSlide[i].sub[j]=new makeMenuObj('divSlideSub'+i+"_"+j,'divSlideCont')
oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between)
oSlide[i].sub[j].starty=oSlide[i].sub[j].y
oSlide[i][j]=new Array()
oSlide[i][j].subs=menus[i][j].subs
oSlide[i][j].sub=new Array()
img=level1_round
if(oSlide[i][j].subs!=0){
if(j!=oSlide[i].subs-1) img=level1_sub
else img=level1_sub_round
oSlide[i].sub[j].css.color="white"
}else{
if(j!=oSlide[i].subs-1)img=level1_regular
}
oSlide[i].sub[j].origimg=img
oSlide[i].sub[j].bgImg(img)
for(a=0;a<oSlide[i][j].subs;a++){
oSlide[i][j].sub[a]=new makeMenuObj('divSlideSub'+i+"_"+j+"_"+a,'divSlideCont')
oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2)
oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y
oSlide[i][j][a]=new Array()
oSlide[i][j][a].subs=menus[i][j][a].subs
oSlide[i][j][a].sub=new Array()
if(a!=oSlide[i][j].subs-1) img=level2_regular
else img=level2_round
oSlide[i][j].sub[a].origimg=img
oSlide[i][j].sub[a].bgImg(img)
}
}
}
oSlideMenu.showIt()
}
var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1
function swmenu(num,snum,s2num){
if(snum!=-1){
if(oSlide[num][snum].subs==0) return
}
if(s2num!=-1){
if(oSlide[num][snum][s2num].subs==0) return
}
if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)}
}
function moveUp(num,snum){
if(snum==-1){
for(i=0;i<oSlide.length;i++){
if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed)
else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i}
}
if(isthere<oSlide.length-1) setTimeout("moveUp("+num+","+snum+")",timspeed)
else swmenu2(num,snum)
}else{
if(num==oSlide.length-1) isthere=num
if(sactive!=-1){ //Is out!
//Slide subs
j=0
for(i=sactive+1;i<oSlide[num].sub.length;i++){
j++
if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)
else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}
}
//Slide main
for(i=num+1;i<oSlide.length;i++){
if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ) oSlide[i].moveBy(0,-pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}
}
}else{ //Slide to the one clicked
for(i=num+1;i<oSlide.length;i++){
if(oSlide[i].y>oSlide[i].starty + snum*between+between) oSlide[i].moveBy(0,-pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i}
}
}
if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout("moveUp("+num+","+snum+")",timspeed)
else swmenu2(num,snum)
}
}
function swmenu2(num,snum){
isthere=0;
sisthere=0;
if(active>-1 && snum==-1){
//Hiding submenus
for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()}
oSlide[active].bgImg(level0_regular)
oSlide[active].moveIt(0,oSlide[active].starty)
}
if(sactive>-1){
//Hiding submenus
for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()}
oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg)
oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty)
//Move back to place
for(i=sactive+1;i<oSlide[active].sub.length;i++){
oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty)
}
}
active=num
//Showing submenus
if(snum>-1){
sactive=snum
for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()}
oSlide[num].sub[snum].moveBy(10,3)
oSlide[num].sub[snum].bgImg(level1_round2)
}else{
sactive=-1
for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()}
oSlide[num].moveBy(10,3)
oSlide[num].bgImg(level0_round)
}
if(num!=oSlide.length-1) moveDown(num,snum)
else{
isthere=num
moveDown(num,snum)
}
}
function moveDown(num,snum){
//if(num==oSlide.length-1) isthere=num
for(i=num+1;i<oSlide.length;i++){
if(snum==-1){
if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}
}else{
if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between) oSlide[i].moveBy(0,pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between + (oSlide[num][snum].subs-1)*subheight+between); isthere=i}
}
}
if(snum!=-1){
for(i=snum+1;i<oSlide[num].sub.length;i++){
if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed)
else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i}
}
}
if(snum==-1){
if(isthere<oSlide.length-1) setTimeout("moveDown("+num+","+snum+")",timspeed)
else going=false
}else{
if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown("+num+","+snum+")",timspeed)
else going=false
}
}
var test=0
menus=new Array(); var a=0; var b=0; var c=0; var d=0
function makeMenu(type,text,lnk,target,end){
str=""; tg="";
if(target) tg='target="'+target+'"'
if(!lnk) lnk="#"
self.status=lnk
if(a==0) str='<div id="divSlideCont">\n'
if(type=="top"){
menus[a]=new Array();
if(text=="seperator"){
str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n'
menus[a].seperator=1
}else{
str+='\t<div id="divSlide'+a+'" class="clSlide"><a href="'+lnk+'" '+tg+' onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) this.blur(); '
if(lnk=="#") str+='return false'
str+='" class="clSlideLinks"> '+text+'</a><br></div>\n'
}
menus[a].subs=0; a++; b=0
}else if(type=="sub"){
str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"><a '+tg+' onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie || bw.ns6) this.blur(); '
if(lnk=="#") str+='return false'
str+='" href="'+lnk+'" class="clSlideSubLinks"> '+text+'</a><br></div>\n'
b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0
}else if(type=="sub2"){
str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"><a '+tg+' href="'+lnk+'" class="clSlideSub2Links"> '+text+'</a><br></div>\n'
c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0
}
if(end) str+="</div>"
document.write(str)
}
function preLoadBackgrounds(){
for(i=0;i<arguments.length;i++){
this[i]=new Image()
this[i].src=arguments[i]
}
return this
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" class="tbl1" width="100%">
<tr>
<td colspan="2"></td>
</tr>
<tr valign="top">
<td height="91" colspan="6"><img src="files/single_pixel.gif" width="1" height="120"> </td></td>
</tr>
<tr>
<td width="23%" >
<tr>
<td valign="top" colspan="2">
<table width="100%" border="0" cellspacing="20">
<tr>
<td width="8%" valign="top"><img src="files/single_pixel.gif" width="140" height="1"><br>
<p class="style6">
<SCRIPT LANGUAGE="JavaScript">
<!--
var caution = false
function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
if (!caution || (name + "=" + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm("Cookie exceeds 4KB and will be cut!"))
document.cookie = curCookie
}
function getCookie(name) {
var prefix = name + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
function deleteCookie(name, path, domain) {
if (getCookie(name)) {
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"
}
}
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)
}
var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
var visits = getCookie("counter")
Подобные документы
Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML и языка скриптов JavaScript. Программные средства, используемые при выполнении работы. Основные средства для создания сайта. Разработка CSS-файла (таблица стилей).
лабораторная работа [31,0 K], добавлен 28.10.2010Формулировка требований к разработке и оформлению информационного сайта предприятия. Описание архитектуры сайта, меню навигации и алгоритма работы, листинг программного кода. Выбор серверной части и процесс отладки. Методы продвижения сайта в Интернете.
курсовая работа [4,6 M], добавлен 18.01.2014Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.
контрольная работа [2,8 M], добавлен 02.12.2009Понятие сайта и их классификация - корпоративные, презентационные, тематические, интернет-магазины. Язык гипертекстовой разметки HTML и его средства разработки. Виртуальный web-сервер Denver и MySQL базы. Этапы разработки сайта и структура навигации.
дипломная работа [2,4 M], добавлен 13.01.2015Понятие сайта как Интернет-ресурса. Специфические особенности сайтов учебных заведений. Видимость сайта в поисковых выдачах. Анализ сайта учебного заведения на примере сайта Тираспольского межрегионального университета. Составляющие (рубрики) сайта.
курсовая работа [403,8 K], добавлен 27.04.2013Создание информационного web-сайта типографии. Расчет экономических показателей для обоснования эффективности его использования. Методика проектирования. Информационные технологии предприятия. Разработка информационного web-сайта для юридической фирмы.
дипломная работа [4,0 M], добавлен 25.05.2012Концептуальное проектирование сайта по онлайн-продаже кофе, его древовидная логическая структура страниц. Описание языка гипертекстовой разметки сайта HTML, особенности отображения HTML-тегов в браузерах. Создание формы заказа для онлайн-торговли.
курсовая работа [2,2 M], добавлен 16.04.2017Основы Web-программирования. Сервер баз данных MySQL. Язык сценариев PHP. Язык гипертекстовой разметки HTML. Назначение и цели разработки сайта. Форма входа и регистрации, обратная связь интернет–магазина. Требования к структуре сайта, описание контента.
курсовая работа [754,5 K], добавлен 02.06.2014Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.
курсовая работа [1,6 M], добавлен 13.06.2013Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013
