Разработка web-сайта ТФ МГУКИ. Создание информационного массива "Учебная часть"

Принципы информатизации высших учебных заведений и образовательные информационные технологии. Язык разметки гипертекстовой информации. Php и javaScript при разработке сайта учебного заведения. Создание меню для навигации по сайту и счётчика посещений.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 03.09.2012
Размер файла 464,8 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Дипломная работа

РАЗРАБОТКА WEB-САЙТА ТФ МГУКИ. СОЗДАНИЕ ИНФОРМАЦИОННОГО МАССИВА «УЧЕБНАЯ ЧАСТЬ»

СОДЕРЖАНИЕ

  • РЕФЕРАТ
  • ОБОЗНАЧЕНИЕ И СОКРАЩЕНИЯ
  • ВВЕДЕНИЕ
  • 1. ИНФОРМАТИЗАЦИЯ ВЫСШИХ УЧЕБНЫХ ЗАВЕДЕНИЙ
    • 1.1 Основные цели, задачи и принципы информатизации
    • 1.2 Проблемы информатизации высших учебных заведений
    • 1.3 Образовательные информационные технологии
  • 2. ЯЗЫКИ ПРОГРАММИРОВАНИЯ ДЛЯ РАЗРАБОТКИ WEB-САЙТОВ
    • 2.1 Язык разметки гипертекстовой информации
    • 2.2 Php
    • 2.3 JavaScript
  • 3. РАЗРАБОТКА РАЗДЕЛА САЙТА ТФ МГУКИ «УЧЕБНАЯ ЧАСТЬ»
    • 3.1 Структурное проектирование
    • 3.2 Разработка внешнего вида раздела
    • 3.3 Создание динамического меню для навигации по сайту
    • 3.4 Разработка поисковой системы по сайта
    • 3.5 Создание счетчика посещений сайта
  • ЗАКЛЮЧЕНИЕ
  • СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
  • ПРИЛОЖЕНИЯ
  • РЕФЕРАТ
  • Михалев, С.В. Разработка web-сайта ТФ МГУКИ. Создание информационного массива «учебная часть»: диплом. работа / С.В. Михалев; науч. рук. С.Б. Коновалов. Тамбов, 2008. 82с.
  • Ключевые слова: информация, web-сайт, средства создания, разработка, реализация, проектирование, учебная часть, языки разработки.
  • Работа посвящена анализу создания веб сайта для высшего учебного заведения. Цель работы заключается в разработке web-сайта ТФ МГУКИ и создании информационного массива «учебная часть». Объектом исследования являются создание веб сайта высшего учебного заведения ТФ МГУКИ, предметом языки программирования для разработки web-страниц. В качестве методов исследования были использованы анализ, синтез, моделирование. Результатом проделанной работы является созданный раздел сайта ТФ МГУКИ «учебная часть». Результаты работы имеют практическое значение для студентов и преподавателей ТФ МГУКИ, а также для пользователей сети Интернет.

ОБОЗНАЧЕНИЕ И СОКРАЩЕНИЯ

WWW (World Wide Web) - глобальная гипертекстовая система

HTML (Hyper Text Markup Language) - язык гипертекстовой разметки

DHTML (Dynamic Hyper Text Markup Language) - динамический язык гипертекстовой разметки

HTTP (HyperText Transfer Protocol) - протокол передачи гипертекста

XML (Extensible Markup Language) - расширяемый язык разметки

SGML (Standard Generalized Markup Language) - стандартный язык разметки

URL (Uniform Resource Locator) - унифицированный указатель информационного ресурса

ISO (International Organization for Standardization) - международная организация по стандартизации

CSS (Cascade Style Sheets) - каскадные таблицы стилей

CGI (Common Gateway Interface) - общий интерфейс шлюза

TCP/IP (Transmission Control Protocol/Internet Protocol) - собирательное название для сетевых протоколов разных уровней, используемых в сетях

ОС - операционная система

SQL (Structured Query Language) - структурированный язык запросов

PHP (Hypertext Preprocessor) - препроцессор гипертекста

FTP (File Transfer Protocol) - протокол передачи файлов

ООП - объектное ориентированное программирование

DTD (Document Type Definition) - определение типа документа

СМИ - средства массовой информации

ТФ МГУКИ - Тамбовский филиал Московского государственного университета культуры и искусств

ВУЗ - высшее учебное заведение

ВВЕДЕНИЕ

Актуальность исследования: на данный момент в сети Интернет не представлена информация о Тамбовском филиале МГУКИ, помимо этого не разработана общая концепция сайта учебного заведения, в этой связи тема работы является весьма актуальной. Разработка сайта ТФ МГУКИ позволит получать информацию об учебном заведении не только из СМИ, но и глобальной сети Интернет, тем самым повысить рейтинг высшего учебного заведения, престиж и возможности.

Научная проблема: заключается в том, что не существует у высшего учебного заведения своего сайта и не разработана концепция представления и обновления информации о ВУЗе.

Рабочая гипотеза: предоставление информации об учебном заведении в сети Интернет путем создания сайта и информационного массива «учебная часть» позволяюего пользователем сети получать достоверную и своевременную информацию о ВУЗе.

Тема исследования: Разработка web-сайта ТФ МГУКИ. Создание информационного массива «учебная часть».

Цель работы: проектирование, разработка сайта ТФ МГУКИ и создание информационного массива «учебная часть».

Задачи исследования:

- обзор сайтов высших учебных заведений;

- рассмотреть средства создания web-сайтов;

- выбор языка программирования сайта и платформы для ее реализации;

- проектирование структуры и внешнего вида web-сайт ТФ МГУКИ;

- разработка динамического меню сайта;

- создание поисковой системы по сайту;

- разработка счетчика посещений.

Объект исследования: web-сайт высшего учебного заведения ТФ МГУКИ.

Предмет исследования: языки программирования для разработки web-страниц.

Исследовательская процедура: монографическая.

Методы исследования: анализ, синтез, моделирование.

Тип исследования: разработка, прикладное исследование.

Научная новизна: создание информационного массива в сети Интернет о Тамбовском филиале Московского государственного университета культуры и искусств.

Практическая значимость: результаты, разработанные в дипломной работе, имеют практическое значение для студентов и преподавателей ТФ МГУКИ, а также пользователей сети Интернет.

Источниковедческая база: учебная и научная библиотеки ТФ МГУКИ, электронная библиотека кафедры прикладная информатика, информация об учебной части.

информатизация учебный сайт навигация счётчик

1. ИНФОРМАТИЗАЦИЯ ВЫСШИХ УЧЕБНЫХ ЗАВЕДЕНИЙ

1.1 Основные цели, задачи и принципы информатизации

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

Информация становится таким же стратегическим ресурсом, как и традиционные - материальные и энергетические. Лидирующие позиции любой организации определяются в первую очередь ее возможностями по грамотному использованию передовых достижений в сфере информационных технологий. Особую роль при этом играет сфера образования, где формируется интеллектуальный потенциал страны, потребляющий и создающий ее информационные ресурсы [3].

Информатизация - это комплекс работ, направленный на разработку, внедрение, сопровождение, развитие и замену во всех сферах деятельности традиционных технологий на более эффективные информационно-телекоммуникационные технологии.

Концепция информатизации базируется на определяющей роли двух сфер жизнедеятельности классического университета: образования и науки, которые тесно связаны и взаимно дополняют друг друга. Все остальные сферы, определяющие функционирование университета, носят подчиненный характер.

Соответственно, создание информационной системы и всех ее составных элементов должно служить двум основным целям:

1) повышению качества учебной деятельности;

2) повышению уровня научных исследований.

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

Для реализации указанных целей работы в области информатизации, должны проводиться по следующим основным направлениям:

1) развитие организационной инфраструктуры информатизации;

2) оснащение техническими средствами информатизации;

3) развитие корпоративной телекоммуникационной среды;

4) информатизация учебного процесса, научных исследований, административной деятельности, социальной и общественной сферы деятельности универсантов, библиотечной системы;

5) научные исследования в области информационных и телекоммуникационных технологий [5].

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

Основным принципом информатизации является развитие организационной структуры. При ее формировании особая роль должна принадлежать специалистам, являющимся профессионалами высокой квалификации в области информационных технологий. Базируется на профильных подразделениях: факультетах, кафедрах, лабораториях.

Оснащение техническими средствами информатизации, регламентация приобретения, распределения и использования технических средств относится исключительно к компетенции специалистов в области телекоммуникационных технологий.

Развитие корпоративной телекоммуникационной среды, осуществляется с четким разделением ресурсов на внутренние университетские и внешние общедоступные ресурсы. Корпоративная сеть должна обеспечивать стабильный высокоскоростной доступ сотрудников и студентов университета к внутренним и внешним информационным ресурсам.

Информатизации учебного процесса. Все мероприятия в этой сфере должны быть направлены на повышение эффективности и качества обучения, и, в частности, на максимальную интенсификацию индивидуальной деятельности при освоении учебных дисциплин. Особая роль должна уделяться обеспечению доступности информационных ресурсов, в первую очередь - глобальной сети Интернет, а также корпоративных информационных ресурсов университета. Также следует стремиться к увеличению степени доступности образования на основе развития систем дистанционного обучения и различных форм открытого образования, а также расширения с их помощью возможностей самостоятельной работы студентов при консультационной и методической поддержке преподавателей. В перспективе желательна интеграция с другими ведущими учебными заведениями на основе российских и международных образовательных стандартов, предоставления общего сетевого сервиса по всем формам учебного процесса и единой рейтинговой системы оценки обучения [7].

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

При информатизации административной деятельности, разработка должна осуществляться с учетом основополагающих системных принципов: интеграции, компонентного подхода, централизованно сбора и хранения информации, комплексность, единого руководства процессом и т.д. Особое внимание следует уделять применению современных стандартов в области информационных технологий.

Обеспечение университетов доступом к электронным версиям статей в международных и российских научных журналах, создание электронного каталога книг библиотек, электронный заказ книг, перевод в электронную форму редких и труднодоступных книг, перевод в электронную форму всех изданий, выходящих в университете, это основные действия при информатизации библиотечной системы.

Без научных исследований в области информационных и телекоммуникационных технологий невозможно их эффективное использование. В силу того, что данная область является новой быстро развивающейся частью науки, требуется формирование системы поощрения разработок по информатизации различных предметных областей: научной, учебной, административной и других [8].

Таким образом, формирование единого подхода к созданию качественно новой информационной среды, необходимой для решения всего комплекса задач повышения эффективности и качества функционирования университета. Стратегия создания и развития информационных ресурсов направлена на достижение трех основных результатов: формирование единой университетской научно-образовательной корпоративной компьютерной среды, использование этой среды для перехода на новый уровень учебной, научной и административной деятельности.

1.2 Проблемы информатизации высших учебных заведений

Современное состояние высшей школы требует комплексного решения задач следующего уровня информатизации, связанного с созданием федерального информационного пространства на базе объединения региональных и университетских информационно-транспортных сетей. Таким образом, повышение качества образования в высших учебных заведениях может быть обусловлено решением проблемы создания единого информационного пространства с полной компьютеризацией всех административно-хозяйственных служб, библиотек, учебных подразделений, созданием специализированных компьютерных залов с современными вычислительными средствами на базе персональных компьютеров, с подключением через телекоммуникационные порты к региональным, федеральным и международным сетям.

Единое информационное пространство университета предполагает решение трех взаимосвязанных комплексных задач:

1) разработка транспортной среды на базе современных средств телекоммуникации, локальных сетей, проводных, радиорелейных, оптоволоконных каналов связи, перспективных протоколов;

2) разработка информационной среды с наполнением баз данных университета на уровнях его структурных подразделений соответствующей учебной, научной и административной информацией, созданием специализированных баз сотрудников, преподавателей, административных работников и студентов с целью оперативного контроля над учебным процессом. Каталогизацией библиотек, переводом документов всех служб института в электронную форму и занесение в соответствующие базы данных ограниченного доступа, внедрение современных программных средств поиска;

3) разработка новых организационных механизмов административного управления университетом в условиях информационного пространства, переквалификация управленческого и административного персонала в плане обучения работе с персональными компьютерами и новыми методами управления с использованием возможностей телекоммуникаций [19].

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

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

В организации университетского информационного пространства определяющую роль играет автоматизированное рабочее место начальника учебной части, где хранится контрольная и информационно-справочная информация, где хранятся основные рабочие документы для реализации учебного процесса [21].

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

Так, при решении возникающих проблем в области информатизации высших учебных заведений можно повысить эффективность его работы. При этом проблемы надо учитывать в начале информатизации, а не в ее процессе или тем более конце.

1.3 Образовательные информационные технологии

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

1) обеспечение выхода в сеть Интернет каждого участника учебного процесса, причем, желательно, в любое время и из различных мест пребывания;

2) развитие единого информационного пространства образовательных индустрий и присутствие в нем в различное время и независимо друг от друга всех участников образовательного и творческого процесса;

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

Вместе с тем, возрастает понимание того, что традиционная схема получения образования в первой половине жизни морально устарела и нуждается в замене непрерывным образованием и обучением в течение всей жизни. Для новых форм образования характерны интерактивность и сотрудничество в процессе обучения. Должны быть разработаны новые теории обучения, такие как конструктивизм, образование, ориентированное на студента, обучение без временных и пространственных границ. Для повышения качества образования предполагается также интенсивно использовать новые образовательные технологии [19].

Различные подходы к определению образовательной технологии можно суммировать как совокупность способов реализации учебных планов и учебных программ, представляющую собой систему форм, методов и средств обучения, обеспечивающую достижение образовательных целей. Различие образовательных технологий обычно выводят из различия применяемых средств обучения. Информационные образовательные технологии возникают при использовании средств информационно-вычислительной техники. Образовательную среду, в которой осуществляются образовательные информационные технологии, определяют работающие с ней компоненты:

1) техническая (вид используемых компьютерной техники и средств связи);

2) программно-техническая (программные средства поддержки реализуемой технологии обучения);

3) организационно-методическая (инструкции учащимся и преподавателям, организация учебного процесса).

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

Понимания и реализации проблемы информатизации высшего образования состоит в том, что в результате должна быть достигнута глобальная рационализация интеллектуальной деятельности в обществе за счет использования новых инфомационных технологий с целью повышения эффективности и качества подготовки специалистов [21].

Одно из определений информационной образовательной среды формулирует ее понимание как информационную систему, объединяющую посредством сетевых технологий, программные и технические средства, организационное, методическое и математическое обеспечение, предназначенное для повышения эффективности и доступности образовательного процесса подготовки специалистов [8].

Одной из характерных черт образовательной среды является возможность студентов и преподавателей обращаться к структурированным учебно-методическим материалам, обучающим мультимедийным комплексам всего университета в любое время и в любой точке пространства. Помимо доступности учебного материала, необходимо обеспечить обучаемому возможность связи с преподавателем, получение консультации в он-лайн или офф-лайн режимах, а также возможность получения индивидуальной «навигации» в освоении того или иного предмета. Студенты будут стремиться к гибкому режиму обучения, модульным программам с многочисленными поступлениями и отчислениями, которые позволят накапливать зачетные единицы, свободно переводиться из одного вуза в другой с учетом предыдущего опыта, знаний и навыков. По-прежнему важной для студентов останется возможность личного развития и профессионального роста; программы получения степени и короткие курсы, возможно, будут пользоваться одинаковым спросом; резко возрастет потребность в программах профессионального обучения и аспирантских программах [7].

Информационные технологии приносят возможность и необходимость изменения самой модели учебного процесса: переход от репродуктивного обучения - «перелива» знаний из одной головы в другую, от преподавателя к студентам - к креативной модели, когда в учебной аудитории с помощью нового технологического и технического обеспечения моделируется жизненная ситуация или процесс, студенты под руководством преподавателя должны применить свои знания. Развитие традиционных и новых технологий должно идти по принципу дополнительности и взаимокоррелирования, что, в свою очередь, позволяет говорить о принципиально новом измерении образовательной среды - глобальном, измерении, существующем в реальном времени и ассоциирующем в себе всю совокупность образовательных технологий.

Информационные и коммуникационные технологии являются одними из приоритетных направлений науки и техники, которые станут решающими, критическими. Под критическими понимаются такие технологии, которые носят межотраслевой характер, создают существенные предпосылки для развития многих технологических областей или направлений исследований и разработок.

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

Критические образовательные технологии обеспечивают создание на основе инфраструктуры корпоративных телекоммуникационных сетей образовательных учреждений распределенных баз образовательных технологий, которые благодаря этой инфраструктуре могут использоваться в любом месте образовательного пространства, в том числе и в процессе реализации идеологии дистанционного образования [3].

Важнейшими направлениями информатизации образования являются:

1) реализация виртуальной информационно-образовательной среды на уровне учебного заведения, предусматривающая выполнение комплекса работ по созданию и обеспечению технологии его функционирования;

2) системная интеграция информационных технологий в образовании, поддерживающих процессы обучения, научных исследований и организационного управления;

3) построение и развитие единого образовательного информационного пространства.

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

Важным и эффективным условием прогресса любого общества являлось и является создание и расширение единого интерактивного информационного пространства. Именно единые информационные пространства исторически в значительной степени способствовали ускорению развития всего человечества в целом, являлись решающим фактором совершенствования цивилизации во всех сферах. Поэтому создание единого интерактивного информационного пространства можно считать стратегической целью внедрения современных и перспективных информационных технологий во все сферы человеческой деятельности.

Основные цели построения единого информационного пространства в образовании связаны с предоставлением принципиально новых возможностей для познавательной творческой деятельности человека. Это может быть достигнуто благодаря современному информационному и техническому оснащению основных видов деятельности в образовании: учебной, педагогической, научно-исследовательской, организационно-управленческой, экспертной [5].

Построение единого информационного пространства в образовании позволит добиться:

1) повышения эффективности и качества процесса обучения;

2) интенсификации процесса научных исследований в образовательных учреждениях;

3) сокращения времени и улучшения условий для дополнительного образования и образования взрослых;

4) повышения оперативности и эффективности управления отдельными образовательными учреждениями и системой образования в целом;

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

Перспективная система образования должна учитывать важнейшие проблемы человека в современном и наступающем информационном обществе. К важнейшим направлениям перехода к новой образовательной концепции, которая станет основой необходимой для перспективной системы образования, относятся, в частности, фундаментализация образования на всех его уровнях; реализация концепции опережающего образования; широкое использование методов инновационного и развивающего образования на основе применения перспективных информационных технологий; повышение доступности качественного образования путем развития системы дистанционного обучения и средств информационной поддержки учебного процесса современными информационными и телекоммуникационными технологиями [21].

2. ЯЗЫКИ ПРОГРАММИРОВАНИЯ ДЛЯ РАЗРАБОТКИ WEB-САЙТОВ

2.1 Язык разметки гипертекстовой информации

Web-страницы описываются на специальном языке, называемом HTML (HyperText Markup Language, Язык разметки гипертекстовой информации), ставшем основным языком описания документов в Internet. HTML является простым подмножеством универсального языка разметки документов SGML (Standard Generalized Markup Language, Стандартный язык разметки документов), являющегося стандартом для обмена документами между различными платформами. Точнее, весь синтаксис HTML полностью описывается с помощью SGML DTD (Document Type Definition). По этой причине почти все программы, совместимые с SGML, могут быть использованы при подготовке HTML-документов [2].

За сравнительно короткое время разработчики Web-страниц прошли путь от простого перевода текстовых документов на язык HTML до создания красочных, искусно оформленных интерактивных страниц, с умело используемой графикой и различными стилями размещения текста на странице. Появилась профессия под названием ``Web-дизайнер'', то есть человек, специализирующийся на создании Web-страниц высшего качества. Некоторые современные Web-страницы можно со всей ответственностью назвать произведениями искусства.

Интересно отметить некоторые особенности, отличающие верстку информации для Web и верстку для «обычной», то есть, бумажной технологии передачи документов. В отличие от языков описания печатных документов, упор делается на переносимость информационного наполнения страниц, а не их внешнего оформления. При переносе документа на языке PostScript между двумя компьютерами гарантируется сохранение его внешнего вида, то есть размеров, шрифтового оформления; тогда как для HTML-документов гарантируется лишь сохранение логической структуры. Это происходит потому, что никто не гарантирует, что устройство, на котором пользователь будет просматривать Web-страницу, не окажется черно-белым алфавитно-цифровым терминалом. Или же что программа просмотра, используемая пользователем, способна корректно отобразить графические вставки в различных форматах. И поэтому Web-дизайнер несет особую ответственность за представление информации на своих страницах [11].

Начиная писать HTML-документ, имеет смысл идентифицировать его как таковой. Такая идентификация достигается путем вставления в самое начало документа тегов <!DOCTYPE HTML PUBLIC ``-//W3C//DTD HTML 3.2//EN''> и <HTML>. Тег DOCTYPE является тегом языка SGML и объявляет, что документ будет описан в соответствии со спецификацией HTML 3.2. Тег HTML указывает на начало документа. Заголовок HTML-файла находится в обязательной секции <HEAD>, которая должна находиться в самом начале, то есть сразу после тега <HTML>. Оформляется заголовок с помощью тега <TITLE>. Тег <TITLE> позволяет задавать название для всего документа. Это название будет появляться в заголовке окна программы просмотра, а также будет появляться в списке закладок при создании таковых [6].

Другими элементами секции <HEAD>...</HEAD> являются:

1) <BASE параметры> - тег для указания URL документа. Тег имеет такие параметры, HREF - указывает базовый URL для документа, TARGET - указывает окно для отображения документов, на которые ссылается данный документ.

2) <STYLE> - тег, зарезервированный для использования в будущем для так называемых «стилей» (stylesheets). Точный синтаксис тега пока недокументирован.

3) <META параметры> - тег, который теоретически должен использоваться для включения в документ некой специфичной информации для программ-индексаторов, каталогизаторов и т.д. Кроме того, у него есть несколько полезных параметров, позволяющих страницам сменять друг друга по прошествии определенных промежутков времени.

Теперь перейдем к оформлению содержимого документа. В терминах HTML содержимое документа называется его телом, или по-английски - BODY. Именно так и называется тег, в поле действия которого находится все содержимое. Тег <BODY>...</BODY> может содержать дополнительные параметры, позволяющие изменить цвета, используемые в документе или назначить фоновую картинку [12].

Как и во всяком языке программирования, в HTML есть способ закомментировать часть текста так, чтобы она не обрабатывалась программами просмотра. Комментарии заключаются между последовательностями.

<!-- этот текст закомментирован -->

Средствами шрифтового оформления текста являются выделения курсивом и жирным шрифтом. Таким способом очень удобно выделять отдельные слова в тексте, а также, создавать заголовки. Например, очень удобно заголовки первого и второго уровней оформлять с помощью тегов <Hn>, а заголовки третьего уровня выделить жирным шрифтом. Выделение курсивом осуществляется с помощью тега <I> (от слова Italic), а жирным шрифтом - с помощью тега <B> (от слова Bold).

В HTML есть также понятие emphasis - обобщенное выделение. Оформляется оно с помощью тега <EM>...</EM>. Такое выделение - средство описания логической структуры документа. Обычно выделенный таким способом текст отображается курсивом.

Другим средством логического выделения можно считать тег <STRONG>...</STRONG>. Он используется для усиления участков текста. Содержимое тега обычно отображается жирным шрифтом. Изменить размеры и цвет шрифтов можно с помощью тега <FONT параметры>...</FONT>.

Для того чтобы действительно привлечь пользователя, иногда может потребоваться мигающий текст. Заставить текст мигать можно, заключив его внутрь тега <BLINK>...</BLINK>. Пользоваться этим тегом надо с некоторой осторожностью, так как не всегда приятно наблюдать мигающие объекты.

Одной из самых мощных возможностей WWW является возможность организации гипертекстовых связей между документами. Прежде чем описывать средства языка HTML для организации таких связей, следует рассказать об идентификации ресурсов в Internet. Объемы информации в Internet огромны, и существует множество способов доступа к ним. Для указания местоположения отдельного ресурса используется запись под названием URL (Uniform Resource Locator). Она описывает способ доступа к ресурсу и его местоположение. Где метод идентифицирует метод обращения к ресурсу, имя-пользователя указывает на учетное имя пользователя в системе, обычно предполагается анонимный доступ.

Хост указывает сетевое имя (или сетевой адрес) хоста, на котором содержится ресурс, порт: номер порта для доступа к сервису, имя-ресурса идентифицирует ресурс на хосте и зависит от метода доступа.

Чтобы оформить какой-либо элемент документа в качестве гипертекстовой ссылки, достаточно лишь заключить его внутрь тега <A> (anchor). HREF - обязательный параметр, определяет или URL или файл, на который мы ссылаемся. Если мы ссылаемся на файл, то поле HREF содержит имя файла в файловой системе Web-сервера [14].

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

Создается таблица с помощью конструкции

<TABLE параметры >

<CAPTION>Заголовок</CAPTION>

<TR параметры> <TD параметры> ... </TD> .... </TR>

</TABLE>

Мощным визуальным средством являются так называемые рамки или фреймы (frames). С помощью рамок область отображения браузера может быть разделена на отдельные части, содержащие различные документы. При этом возможно задание связей между рамками так, что выбор ссылки в одной рамке может приводить к отображению запрошенного документа в другой. Это позволяет создавать очень удобные в использовании документы.

Рамки описываются в специальном HTML-документе, называемом Документом Описания Рамок. Этот документ содержит описание числа, размеров и положения рамок, а также URL-и их содержимого. Нельзя пытаться вписать содержимое рамок в описание, оно должно находиться в отдельных документах.

Тег будет игнорироваться браузером, если перед ним встретятся любые теги, в обычном случае встречающиеся внутри тега <BODY>. Теги <FRAMESET> могут быть вложенными, что позволяет создавать очень сложные конструкции.

ROWS=``x1,x2,... или x1%,x2%,... или x1*,x2*,...'' - этот параметр описывает рамки как строки различной высоты. Высоты рамок задаются списком разделенных запятыми значений. Высоты измеряются в точках, процентном отношении от общей высоты области отображения, либо как относительные величины. Сумма высот всех рамок должна быть равна высоте всей области отображения. Если этого не происходит, браузеры сами корректируют значения.

COLS=``x1,x2,... или x1%,x2%,... или *'' - используется для описания рамок как столбцов различной ширины. Используется так же, как параметр ROWS [18].

Таким образом, язык разметки гипертекстовой информации является одним из основных для разработки веб сайта, а также платформой для применения других языков разработки позволяющих включаться в код html и беспрепятственно в нем работать не испытывая не каких трудностей.

2.2 Php

PHP (рекурсивный акроним словосочетания «PHP: Hypertext Preprocessor») - это широко используемый язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок и может внедряться в HTML-код.

Отличие этого скрипта от скриптов, написанных на других языках, например, на Perl или C - вместо того, чтобы создавать программу, которая занимается формированием HTML-кода и содержит бесчисленное множество предназначенных для этого команд, вы создаете HTML-код с несколькими внедренными командами PHP (в приведенном случае, предназначенными для вывода текста). Код PHP отделяется специальными начальным и конечным тегами, которые позволяют процессору PHP определять начало и конец участка HTML-кода, содержащего PHP-скрипт.

Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-скрипты выполняются на сервере. Если бы у вас на сервере был размещен скрипт, подобный выше приведенному, клиент получил бы только результат выполнения скрипта, причем он не смог бы выяснить, какой именно код выполняется. Можно сконфигурировать свой сервер таким образом, чтобы HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта [9].

Главным образом, область применения PHP сфокусирована на написание скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI, обрабатывать данных форм, генерировать динамические страницы или отсылать и принимать cookies. Но PHP способен выполнять и множество других задач.

Существуют три основных области, где используется PHP:

1) Создание скриптов для выполнения на стороне сервера. PHP наиболее широко используется именно таким образом. Все, что вам понадобится, это парсер PHP (в виде программы CGI или серверного модуля), веб-сервер и браузер. Чтобы просматривать результаты выполнения PHP-скриптов в браузере, нужен работающий веб-сервер и установленный PHP. В случае, если просто экспериментировать, вполне можно использовать свой домашний компьютер вместо сервера.

2) Создание скриптов для выполнения в командной строке. Вы можете создать PHP-скрипт, способный запускаться вне зависимости от веб - сервера и браузера. Все, что потребуется - парсер PHP. Такой способ использования PHP идеально подходит для скриптов, которые должны выполняться регулярно, например, с помощью cron (на платформах *nix или Linux) или с помощью планировщика задач (Task Scheduler) на платформах Windows. Эти скрипты также могут быть использованы в задачах простой обработки текстов.

3) Создание оконных приложений, выполняющихся на стороне клиента. Возможно, PHP является не самым лучшим языком для создания подобных приложений, но, если вы очень хорошо знаете PHP и хотели бы использовать некоторые его возможности в своих клиент-приложениях, вы можете использовать PHP-GTK для создания таких приложений. Подобным образом вы можете создавать и кросс-платформенные приложения [10].

PHP доступен для большинства операционных систем, включая Linux, многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), Microsoft Windows, Mac OS X, RISC OS, и многих других. (Совершенно точно, что существует версия PHP для OS/2. Также в PHP включена поддержка большинства современных веб - серверов, таких, как Apache, Microsoft Internet Information Server, Personal Web Server, серверов Netscape и iPlanet, сервера Oreilly Website Pro, Caudium, Xitami, OmniHTTPd и многих других. Для большинства серверов PHP поставляется в качестве модуля, для других, поддерживающих стандарт CGI, PHP может функционировать в качестве процессора CGI.

Таким образом, выбирая PHP, вы получаете свободу выбора операционной системы и веб - сервера. Кроме того, появляется выбор между использованием процедурного или объектно-ориентированного программирования или же их сочетания. Несмотря на то, что PHP 4 поддерживает не все особенности ООП, многие библиотеки кода и большие приложения, написаны только с использованием ООП. PHP 5 исправляет некоторые слабости, присущие реализации ООП в PHP 4 и предоставляет разработчику целостную объектную модель.

PHP способен не только выдавать HTML. Возможности PHP включают формирование изображений, файлов PDF и даже роликов Flash (с использованием libswf и Ming), создаваемых «на лету». PHP также способен выдавать любые текстовые данные, такие, как XHTML и другие XML-файлы. PHP способен осуществлять автоматическую генерацию таких файлов и сохранять их в файловой системе сервера вместо того, чтобы отдавать клиенту, организуя, таким образом, кеш динамического содержания, расположенный на стороне сервера [20].

Одним из значительных преимуществ PHP является поддержка широкого круга баз данных. Создание скрипта, использующего базы данных. В настоящее время PHP поддерживает следующие базы данных приведенных в таблице 1.

Таблица 1 - Базы данных поддерживаемые в РНР.

Adabas D

InterBase

PostgreSQL

dBase

FrontBase

SQLite

Empress

mSQL

Solid

FilePro

Direct MS-SQL

Sybase

Hyperwave

MySQL

Velocis

IBM DB2

ODBC

Unix dbm

Также в PHP включена поддержка DBX для работы на абстрактном уровне, так что можно работать с любой базой данных, использующих DBX. Кроме того, PHP поддерживает ODBC (Open Database Connection standard), таким образом, вы можете работать с любой базой данных, поддерживающей этот всемирно признанный стандарт.

PHP также поддерживает «общение» с другими сервисами с использованием таких протоколов, как LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (на платформах Windows) и многих других. Кроме того, вы получаете возможность работать с сетевыми сокетами «напрямую». PHP поддерживает стандарт обмена сложными структурами данных WDDX. Обращая внимание на взаимодействие между различными языками, следует упомянуть о поддержке объектов Java и возможности их использования в качестве объектов PHP.

Последним по порядку, но не по значению, является поддержка многих других расширений, таких, как функции поисковой машины, функции для работы со сжатыми файлами, функции календарных вычислений, функции перевода.

Когда PHP обрабатывает файл, он просто передаёт его текст, пока не встретит один из специальных тегов, который сообщает ему о необходимости начать интерпретацию текста как кода PHP. Затем он выполняет весь найденный код до закрывающего тега, говорящего интерпретатору, что далее снова идет просто текст. Этот механизм позволяет внедрять PHP-код в HTML - все за пределами тегов PHP остается неизменным, тогда как внутри - интерпретируется как код [15].

Существует четыре набора тегов, которые могут быть использованы для обозначения PHP-кода. Из них только два (<?php. . .?> и <script language="php">. . .</script>) всегда доступны; другие могут быть включены или выключены в конфигурационном файле.

Теги, поддерживаемые PHP:

1) <?php echo («для работаты с документами XHTML или XML, \n»);?>

2) <? echo («это простейшая инструкция обработки SGML\n»); ?>

3) <script language «php»> echo («некоторые редакторы (например, FrontPage) не любят инструкции обработки»);</script>

4) <% echo ("можно по выбору использовать теги в стиле ASP"); %> <%= $variable; # Это синоним для «<% echo . . .» %>

Первый способ, <?php. . .?>, наиболее предпочтительный, так как он позволяет использовать PHP в коде, соответствующем правилам XML, таком как XHTML.

Второй способ не всегда доступен. Короткие теги доступны только, когда они включены. Даже если оно включено по умолчанию, использование коротких тегов не рекомендуется.

Определяет, разрешается ли короткая форма записи (<? ?>) тегов PHP. Если использовать PHP в комбинации с XML, можно отключить эту опцию, чтобы беспрепятственно использовать <?xml ?>. В противном случае, можно отобразить это при помощи PHP.

Четвертый способ доступен, только если теги в стиле ASP были включены, используя конфигурационную установку [20].

Таким образом, язык РНР самый распространенный среди разработчиков сайтов и возможный приложений для него. Он является удобным средством разработки и не требует специального программного обеспечения. Много функциональный язык разработки веб приложений, который с легкостью может использоваться в создании сайта и включаться в html код.

2.3 JavaScript

Современные гипертекстовые информационные системы условно можно представить в виде совокупности нескольких компонентов: системы хранения гипертекстовых объектов, системы отображения гипертекстовых объектов, системы подготовки гипертекстовых объектов и системы программирования просмотра совокупности гипертекстовых объектов.

Практически все локальные гипертекстовые системы в той или иной степени имеют программные средства манипулирования гипертекстовыми объектами. В ряде случаев вся гипертекстовая база данных может быть представлена как одна большая программа, в которой гипертекстовые узлы - это программные модули, а связи между ними - это передача управления от одного модуля другому [4].

Преимущества такого подхода перед традиционной статической разметкой очевидны:

1) гибкость построения гипертекстовой сети.

2) возможность создания программ прокрутки фрагментов базы дынных.

3) генерация составных гипертекстовых объектов из существующих элементарных компонентов.

Динамические объекты могут быть легко получены из статических, т.к. в случае существования программы просмотра система может быть переведена из интерактивного режима просмотра гипертекстовой базы данных в пакетный. Когда действия оператора будут заменяться командами программы.

Программы просмотра гипертекстовых страниц традиционно называют скриптами (scripts) по аналогии с исполняемыми файлами, написанными для командных интерпретаторов. Собственно как это было и раньше в локальных системах, в программировании просмотра гипертекстовых документов World Wide Web существуют два подхода: создание интерпретируемых программой просмотра скриптов или компиляция байт-кода. Первый подход следует традиции World Wide Web, согласно которой для разработки гипертекстовой страницы нужен только обычный текстовый редактор и сам гипертекстовый документ должен легко читаться человеком-оператором. Второй подход позволяет повысить эффективность исполнения программы и защищенность кода от несанкционированных модификаций. Как первый, так и второй способ опираются на объектно-ориентированный подход к программированию. По поводу байт-кодов или мобильных кодов, как их еще называют, написано в контексте технологии программирования Java достаточно много, поэтому сосредоточим свое внимание на скриптах, а точнее на скриптах, написанных на языке JavaScript.

Идея JavaScript очень проста. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектами, которыми являются элементы рабочей области программы Netscape Navigator и контейнеры языка HTML. Собственно объектная ориентированность JavaScript на этом и кончается. Есть только объекты с набором свойств и набор функций над объектами. Последние называются методами. Кроме методов существуют и другие функции, которые больше похожи на функции из традиционных языков программирования и позволяют работать со стандартными математическими типами или управлять процессом выполнения программы. Еще в JavaScript есть события - аналог программных прерываний. Эти события также ориентированы на работу в World Wide Web, например, загрузка страницы в рабочую область Navigator'a или выбор гипертекстовой ссылки. Используя события, автор гипертекстовой страницы и программы ее отображающей может организовать просмотр динамических объектов, например, бегущая строка, или управление многооконным интерфейсом [1].

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

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

Первый тип новых объектов, являются массивы. Тип "Array" введен в JavaScript 1.1 для возможности манипулирования самыми разными объектами, которые отображаются Navigator'ом. Это - список всех гипертекстовых ссылок данной страницы Website, список всех картинок на данной странице, список всех апплетов данной страницы, список всех элементов формы и т.п. Пользователь может создать и свой собственный массив, используя, конструктор Array.

Размерность массива может динамически изменяться. Можно сначала определить массив, а потом присвоить одному из его элементов значение. Как только это значение будет присвоено, изменится и размерность массива. Для массивов определены три метода: join, reverse, sort.

Join объединяет элементы массива в строку символов, в качестве аргумента в этом методе задается разделитель. Другой метод, reverse, изменяет порядок элементов массива на обратный, а метод sort отсортировывает их в порядке возрастания [17].

У массивов есть два свойства: length и prototype. Length определяет число элементов массива. Если нужно выполнить некоторую рутинную операцию над всеми элементами массива. Свойство prototype позволяет добавить свойства к объектам массива. Однако наиболее часто, в программе на JavaScript используются встроенные массивы, главным образом графические образы (Images) и гипертекстовые ссылки (Links).

Отсутствие какого-либо наследования между различными страницами Website заставляло разработчиков перетаскивать из одной страницы в другую довольно большое количество часто используемых функций и переменных. Разговоры о том, что было бы неплохо получить возможность доступа к глобальным ресурсам или возможность определять такие глобальные ресурсы, ведутся с самого момента появления JavaScript. К сожалению, стройного логичного механизма передачи параметров, функций и переменных от одного окна или фрейма другому нет и в JavaScript 1.1. Однако, продвижение в этом направлении есть.

У контейнера SCRIPT появился атрибут SRC. Это дает возможность авторам строить своеобразную библиотеку функций, к которым можно обращаться из любой страницы, в которой будет ссылка на такую библиотеку. При этом вовсе необязательно размещать саму библиотеку на том же сервере, где размещены и гипертекстовые страницы Website. Можно использовать и чужие функции, написанные кем-либо из ветеранов программирования на JavaScript на другом конце Земли. В атрибуте SRC используется обычный URL. Внутри файла скриптов не используются теги SCRIPT. Это обычный файл с использованием определений функций и переменных. Естественно, что использование чужих скриптов может обернуться не только полезными приобретениями, но и непредсказуемыми проблемами. Для обычных пользователей страниц Website подкачка большого количества скриптов может стать просто дополнительным источником затрат. Наиболее вероятным случаем может стать использование одной-двух функций из библиотеки на одной странице, а качать придется всю библиотеку [1].

В заключении следует отметить, что JavaScript - это не единственный язык управления сценариями просмотра документов. Microsoft подготовила свою версию аналогичного языка - VBScript на основе Visual Basic. Кроме того, управлять сценарием просмотра можно и из Java апплетов, что конечно сложнее, но зато более надежно и безопасно. При этом программист получает все преимущества наследования и прочие атрибуты объектно-ориентированного программирования. В конце концов, для создания фреймов и окон можно использовать атрибуты соответствующих контейнеров HTML, которые позволяют делить рабочую область экрана на фрагменты, перекрывать объекты и восстанавливать первоначальный вид страницы. Таким образом, к настоящему времени существует, по меньшей мере, три способа управления сценариями просмотра гипертекстовых баз данных Web, каждый из которых по своему хорош. Какой из них выбрать - это дело автора Website.


Подобные документы

  • Создание индивидуального сайта с использованием языка гипертекстовой разметки 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

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.