Языки программирования для разработки сайта

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

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

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

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

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

Содержание

  • Введение
  • 1. Общая часть
  • 1.1 Появление Интернета
  • 1.2 Браузеры
  • 1.3 История создания web-сайта
  • 1.4 Понятие "сайт"
  • 1.5 Классификация веб-сайтов
  • 1.6 Языки программирования для web
  • 1.7 Анализ сайтов ВУЗ-ов
  • 1.8 Обоснование потребности в web-сайте
  • 2. Проектирование web-сайта
  • 2.1 Языки разработки сайта
  • 2.2 Технология создания сайта и руководство пользователя
  • 3. Охрана труда на рабочем месте
  • Заключение
  • Список использованной литературы
  • Приложение

Введение

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

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

Задачи:

дать определение понятию "сайт", осветить проблемы классификации сайтов;

рассмотреть историю возникновения Интернета и сайта;

рассмотреть наиболее распространенные web-языки написания сайтов;

проанализировать сайты различных ВУЗов;

описать языки создания сайта;

описать технологию создания сайта;

разработать методические рекомендации пользователю по описанию, созданию и редактированию веб-сайта; основам техники безопасности

Объект дипломного исследования: информационные технологии, применяемые для создания сайта кафедре Физики и информационных технологий.

сайт интернет язык программирование

Теоретическая и методологическая основа исследования освещена в работах следующих специалистов: С. Хольцнера, М. Фленова, А. Ломова, Э. Мейера, К. Шмитта и др.

Практическая база написания дипломного проекта:

кафедра Физики и информационных технологий

Работа состоит из: Введения, Общей части, Проектирования web-сайта, Заключения, Списка использованной литературы, и Приложения.

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

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

В первой части работы рассмотрены теоретические вопросы, касающиеся появления интернета и его развития. В частности создание в 1969 году первой компьютерной сети ARPANET в США для Министерства Обороны, как будущего прообраза современного всемирной паутины, последующее использование интернета в коммерческих целях и его выход в широкое использование простыми пользователями, разработка и использование протоколов обмена информацией между ЭВМ для соединения большого количества рабочих станции и серверов в единую глобальную сеть с надежным функционированием, интеграция и стандартизация сетей с различными протоколами связи с целью их взаимной совместимости, постепенный отказ от использования сетями с малой пропускной способностью и переход на стандарт обмена информацией по протоколу tcp/ip, создание систем доменных имён DNS в 1984 году и протокола http в 1989 году использующегося по сей день как стандарт передачи данных по www, появление в 1993 году первого знаменитого веб-браузера NCSA Mosaic, который позволял просматривать информацию по протоколу http.

В заключении сопоставлены темпы развития коммуникационными технологиями. Далее описаны рождение первого сайта 6 августа 1991 года, созданного Тимом Бернерсом-Ли, который в это же время разработал http, uri/url и html, как основополагающие кирпичики www, дано понятие web-сайта, а так же рассмотрены проблемы классификации сайтов и их эволюция со времени их появления, проведен анализ языков программирования для создания веб-приложений, где показаны преимущества и недостатки простых языком программирования как html, и более сложных делящихся на серверные и клиентские и совместно используемые с ними базы данных для web.

Во второй части описаны языки программирования сайта - html как скелета для создания веб-сайта, PHP как языка скриптов и CSS таблиц каскадных стилей, рассмотрены основной синтаксис для написания страниц на html коде, основы синтаксиса PHP для предания интерактивности сайта и код каскадных таблиц стилей CSS для придания оформления внешнего вида сайта. Необходимо применить веб-технологии для создания сайта на основе вышеописанных языков программирования (html, PHP, CSS), дать краткое руководство пользователю по структуре сайта и редактированию его отдельных частей.

В Заключении предоставлены методические рекомендации пользователю по основам техники безопасности при работе с вычислительной техникой.

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

1. Общая часть

1.1 Появление Интернета

Самому появлению сайтов предшествовало появление Интернета, без которого не было бы возможно создание и самих сайтов, поэтому немного предыстории. В 1957 году Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. Агентство передовых оборонных исследовательских проектов США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету штата Юта и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки. [1]

Первый сервер ARPANET был установлен 1 сентября 1969 года в Калифорнийском университете в Лос-Анджелесе. Компьютер Honeywell DP-516 имел 24 Кб оперативной памяти.

29 октября 1969 года в 21: 00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км - в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI) - провели сеанс связи. Чарли Клайн (Charley Kline) пытался выполнить удалённое подключение к компьютеру в SRI. Успешную передачу каждого введённого символа его коллега Билл Дювалль (Bill Duvall) из SRI подтверждал по телефону.

В первый раз удалось отправить всего три символа "LOG", после чего сеть перестала функционировать. LOG должно было быть словом LOGON (команда входа в систему). В рабочее состояние систему вернули уже к 22: 30 и следующая попытка оказалась успешной. Именно эту дату можно считать днём рождения Интернета.

К 1971 году была разработана первая программа для отправки электронной почты по сети. Эта программа сразу стала очень популярна.

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

В 1970-х годах сеть в основном использовалась для пересылки электронной почты, тогда же появились первые списки почтовой рассылки, новостные группы и доски объявлений. Однако в то время сеть ещё не могла легко взаимодействовать с другими сетями, построенными на других технических стандартах. К концу 1970-х годов начали бурно развиваться протоколы передачи данных, которые были стандартизированы в 1982-83 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, "наслоения") сетей. Именно в 1983 году термин "Интернет" закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо большую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, звание "Интернет" начало плавно переходить к NSFNet.

В 1988 году был разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (фр. Conseil Europйen pour la Recherche Nuclйaire, CERN) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (т. н. "дозвомн" - англ. Dialup access).

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый веб-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда.

В том же 1995 году Всемирная паутина стала основным поставщиком информации в Интернете, обогнав по трафику протокол пересылки файлов FTP. Был образован Консорциум всемирной паутины (W3C). Можно сказать, что Всемирная паутина преобразила Интернет и создала его современный облик. С 1996 года Всемирная паутина почти полностью подменяет собой понятие "Интернет".

В 1990-е годы Интернет объединил в себе большинство существовавших тогда сетей (хотя некоторые, как Фидонет, остались обособленными). Объединение выглядело привлекательным благодаря отсутствию единого руководства, а также благодаря открытости технических стандартов Интернета, что делало сети независимыми от бизнеса и конкретных компаний. К 1997 году в Интернете насчитывалось уже около 10 млн. компьютеров, было зарегистрировано более 1 млн. доменных имён. Интернет стал очень популярным средством для обмена информацией.

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

В течение пяти лет Интернет достиг аудитории свыше 50 миллионов пользователей (Таблица № 1). Другим средствам массовой информации требовалось гораздо больше времени для достижения такой популярности:

Таблица 1

Темпы роста "пользователей" коммуникационными технологиями

Информационная среда

Время, лет

Радио

38

Телевидение

13

Кабельное телевидение

10

Интернет

5

1.2 Браузеры

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

Веб-обозреватель, браузер (от англ. Web browser; вариант браузер - неправильно) - программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц (преимущественно из Сети), их обработки, вывода и перехода от одной страницы к другой. Большинство браузеров умеют также показывать оглавление FTP-серверов.

Браузеры постоянно развивались со времени зарождения Всемирной паутины и с её ростом становились всё более востребованными программами. Ныне браузер - комплексное приложение для обработки и вывода разных составляющих веб-страницы и для предоставления интерфейса между веб-сайтом и его посетителем. Практически все популярные браузеры распространяются бесплатно или "в комплекте" с другими приложениями: Internet Explorer (совместно с Microsoft Windows), Mozilla Firefox (бесплатно, свободное ПО), Safari (совместно с Mac OS или бесплатно для Windows), Opera (бесплатно, начиная с версии 8.50), Google Chrome (бесплатно, свободное ПО).

Первым распространённым браузером с графическим интерфейсом был NCSA Mosaic. Исходный код этого одного из первых браузеров был открыт и некоторые другие браузеры (Netscape Navigator и Internet Explorer) взяли его за основу. Этот браузер имел свои недостатки, но почти все они были устранены в браузере Netscape Navigator (некоторые сотрудники компании Netscape были из NSCA и участвовали в разработке Mosaic).netscape выпустила Netscape Navigator под разные операционные системы (UNIX, Windows, Mac OS) и добилась заметного успеха, в том числе и коммерческого. Это побудило компанию Microsoft выпустить свой браузер Internet Explorer.

В отличие от Netscape, Microsoft сразу выпускала локализованные версии IE. В 1995 году Microsoft выпустила операционную систему Windows 95, в ней не было встроенного браузера, но через некоторое время в обновление системы (Windows 95 OSR2) браузер (Internet Explorer 3.0) был встроен. К тому же, Microsoft добавляла в свой браузер несовместимые со стандартами расширения языка HTML, и это можно считать началом войны браузеров, закончившейся монополизацией (более 95 %) рынка браузером от Microsoft.

Из-за потери рынка доходы компании Netscape упали и её приобрела AOL, а исходный код браузера Netscape был выпущен под свободной лицензией MPL (Mozilla Public License). Название "Mozilla" изначально присутствовало в браузере от Netscape и означало сокращение слов Mosaic+killer. Однако этот код было решено не использовать и вместо него для Netscape 6 с нуля был написан новый движок (Gecko), изначально ориентировавшийся на полную поддержку стандартов, на основе которого позже были созданы входящие в комплект Mozilla Suite браузер, почтовый и irc-клиент и редактор веб-страниц.

Впоследствии в Mozilla Foundation было принято решение поставлять и развивать браузер отдельно от общего пакета и родился проект Mozilla Firefox. Firefox содержит много возможностей, отсутствующих в IE или других браузерах, и постепенно набирает популярность.

Монополизация рынка браузером IE имела и другие последствия - Microsoft почти перестала развивать браузер и он с 4-й до 6-й версии почти не менялся: хуже других браузеров поддерживал стандарты, отставал по удобству использования и по скорости работы и отображения страниц. Такое положение сподвигло Microsoft вновь заняться браузером и седьмая версия вышла с некоторыми изменениями (были добавлены закладки-табы, улучшена поддержка стандартов, поднята скорость работы). Однако, на текущий момент скорость прохождения тестов javascript (основа web 2.0) всё равно почти на порядок хуже, чем у других браузеров. На данный момент Microsoft выпустила 8-ю версию Internet Explorer и активно продвигает её на российском рынке совместно с такими компаниями, как Яндекс, Mail.ru и Рамблер.

В 1996 году появился браузер Opera. Долгое время этот браузер позиционировался как самый быстрый браузер. Он считался самым лёгким и в старте, и в загрузке из Интернета, и в отображении страниц, и, в зависимости от доминирующего в тот момент на рынке браузера, был совместим с ним (или старался быть таковым). Первоначально Opera распространялась как условно-бесплатное ПО (shareware), этим, возможно, объяснятся её низкая популярность. Однако с 2005 года Opera также стала распространяться бесплатно.

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

В Internet Explorer 8 Microsoft сначала предлагала ввести HTML-комментарий, который бы указывал браузерам, какие версии движков использовать (заголовок DOCTYPE при этом должен был быть отменён, как малоиспользуемый), что вызвало возмущение сторонников стандартов, так как указания на использование стандартов не предусматривалось. Позже было объявлено, что IE8 будет по умолчанию использовать "режим стандартов" (англ. standards mode), а не "режим совместимости" (англ. quirks mode), а при обнаружении соответствующего комментария использовать режим имитации предыдущей версии. В 2008 году компания Google решила "помочь" конкуренции на рынке браузеров и выпустила свой браузер с открытым исходным кодом - Chrome. Браузер Chrome содержит некоторые новшества (изоляция сбоев, режим "инкогнито" и т.д.). Выпущены версии для Windows XP, Windows Vista и Windows 7, для Linux и Mac OS доступна пока только бета-версия. В начале 2009 года Microsoft объявила, что разрабатывает новый браузер, который будет называться Gazelle. Новый браузер будет применять принципы разделения ресурсов, характерные для многопользовательских операционных систем, что, согласно Microsoft, повысит его безопасность. В сентябре 2009 года стало известно о намерении российской правительственной комиссии по федеральной связи и информтехнологиям разработать для государственных организаций свой браузер, выбрав разработчика по результатам открытого конкурса. Парадоксально, что Opera и Firefox отвергаются в пользу Internet Explorer из-за того, что они "передают информацию о пользователях в поисковую систему Google", хотя это легко отключается в настройках обеих программ.

Таблица 2

Наиболее распространённые браузеры

Популярные

Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera

Менее распространённые

ChromePlus, Mozilla, Netscape Navigator, Flock, Maxthon, Konqueror, SeaMonkey, Green Browser, Avant Browser, AOL Explorer, Galeon, Epiphany, Kazehakase, Charon, Arachne, Links2, slimbrowser, FastIE, MyBrowser, Dillo, K-Meleon, Arora.

Для портативных устройств

Internet Explorer Mobile, Mozilla Fennec, Opera Mobile, Opera Mini, Wapalta, Safari для iPhone

По данным StatCounter.com, с 1 июля 2008 по 8 февраля 2010 мировая динамика доли браузеров выглядела как медленнное уменьшение доли Internet Explorer (приблизительно с 65-71 до 53-56 %) в пользу Firefox (приблизительно с 24-28 до 31-34 %) и других браузеров. В России же, с января 2009 по конец сентября того же года первое место удерживает Opera (в районе 36-40 %), после чего случается резкое падение, но в начале декабря Opera восстанавливает лидерство (с небольшими переменами). Похожие данные по России показывает за последние месяцы и LiveInternet.ru.

В Южной Корее в 2007-2008 годах 99 % пользователей использовало Internet Explorer в Microsoft Windows, так как все банковские и правительственные сайты требовали использования ActiveX.

1.3 История создания web-сайта

Первый в мире сайт - info. cern. ch появился 6 августа 1991 года. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты. [2]

Все инструменты, необходимые для работы первого сайта, Бернерс-Ли подготовил ещё раньше - в конце 1990 года появились первый гипертекстовый браузер WorldWideWeb с функционалом веб-редактора, первый сервер на базе NeXTcube и первые веб-страницы.

"Отец" веба считал, что гипертекст может служить основой для сетей обмена данными, и ему удалось претворить свою идею в жизнь. Ещё в 1980 году Тим Бернерс-Ли создал гипертекстовое программное обеспечение Enquire, использующее для хранения данных случайные ассоциации. Затем, работая в Европейском центре ядерных исследований в Женеве (CERN), он предложил коллегам публиковать гипертекстовые документы, связанные между собой гиперссылками. Бернерс-Ли продемонстрировал возможность гипертекстового доступа к внутренним поисковику и документам, а также новостным ресурсам Интернета. В результате, в мае 1991 года в CERN был утверждён стандарт WWW.

Тим Бернерс-Ли является "отцом" основополагающих технологий веба - HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше. В 1940-х годах Ванневар Буш выдвинул идеи расширения памяти человека с помощью технических устройств, а также индексации накопленной человечеством информации для её быстрого поиска. Теодор Нельсон и Даг Энгельбарт предложили технологию гипертекста - "ветвящегося" текста, предоставляющего читателю разные варианты чтения. Xanadu, так и не законченная гипертекстовая система Нельсона, была предназначена для хранения и поиска текста, в который введены взаимосвязи и "окна". Нельсон мечтал связать перекрёстными ссылками все тексты, созданные человечеством.

В настоящее время Тим Бернерс-Ли возглавляет основанный им Консорциум Всемирной паутины (World Wide Web Consortium), который занимается разработкой и внедрением стандартов Интернета.

1.4 Понятие "сайт"

Веб-сайт (от англ. website: web - "паутина", "сеть" и site - "место", букв "место в сети") или просто сайт - в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все веб-сайты в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов. [3]

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

Из-за проблем связанных с безопасностью протоколов HTTP и WAP, появилось защищенное https соединение. Данное соединение использует протокол, похожий HTTP, но обладает высокой степенью безопасности. Такой тип соединения применяется в "личных кабинетах" пользователей интернет-магазинов. Данный метод соединения обретает все большую популярность.

В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail. google.com, news. google.com, maps. google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google. fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/, а чаще всего используется домен третьего уровня: my-site-name. example.com.

Аппаратные сервера для хранения веб-сайтов называются веб-серверами. Сама услуга хранения называется веб-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (англ. dedicated).

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

1.5 Классификация веб-сайтов

По доступности сервисов:

Открытые - все сервисы полностью доступны для любых посетителей и пользователей.

Полуоткрытые - для доступа необходимо зарегистрироваться (обычно бесплатно).

Закрытые - полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей. Доступ новым людям обычно даётся через т. н. инвайты (приглашения). [4]

По природе содержимого:

Статические - всё содержимое заранее подготавливается. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.

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

По физическому расположению:

Внешние сайты сети Интернет.

Локальные сайты - доступны только в пределах локальной сети. Это могут быть как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера.

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

Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):

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

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

Корпоративный сайт - содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей - сотрудников, дилеров, контрагентов и пр.

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

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

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

Сайт-квест - Интернет-ресурс, на котором организовано соревнование по разгадыванию последовательности взаимосвязанных логических загадок.

Информационные ресурсы:

Тематический сайт - веб-сайт, предоставляющий cпецифическую узкотематическую информацию о какой-либо теме.

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

Веб-сервис - услуга созданная для выполнения, каких либо задач в рамках сети WORLD WIDE WEB:

1. Доска объявлений.

2. Каталог сайтов - например, Open Directory Project.

3. Поисковые сервисы - например, Yahoo, Google.

4. Почтовый сервис.

5. Веб-форумы.

6. Блоговый сервис.

7. Файлообменный Пиринговый сервис - например, Bittorrent.

8. Датахостинговый сервиc - например, Skydrive.

9. Датаэдиторинговый сервиc - например, Google Docs.

10. отохостинг - например, Picnik, ImageShack, Panoramio, Photobucket.

11. ранение видео - например, YouTube, Dailymotion.

12. оциальные Медиа - например, Buzz.

13. омбинированные Веб сервисы (Социальные сети) - например, Facebook, Twitter.

14. Комбинированные Веб сервисы (Специализированные социальные сети) - например, MySpace, Flickr.

1.6 Языки программирования для web

Обзор языков программирования для web

Пожалуй, самым распространенным сегодня таким языком создания веб-страниц является HTML. Также с недавних пор популярность получил язык PHP скриптов. Менее популярными, но не менее хорошими являются ASP, GGI, Perl, SSI, ASP. XML, XHTML и DHTML к языкам веб-программирования не относятся, но служат хорошими дополнениями к ним. Среди скриптов можно выделить лишь JavaScript и VBScript.

HTML, также его называют языком гипертекстов, - это язык логической разметки документа № 1 в мире. С этим языком очень удобно и легко работать, возможно, именно поэтому в основном предпочитают его. При использовании HTML каждый текст, картинка, эффект, скрипт, расположение элемента записывается в один документ, который не содержит ничего кроме текста, браузер же читает этот документ и формирует веб-страницу так, как и сказано в этом самом документе. Каждая деталь отделяется отдельным тегом и расположением на странице.html используется совместно с CSS (стили визуального оформления) и скриптами, типа JavaScript и VBScript.

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

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

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

Клиентские языки

Как следует из названия, клиентские языки обрабатываются на стороне пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток - обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал скрипты. При этом, если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую опирался разработчик. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню "Вид" своего браузера вкладку "Исходный код" (или что-то в этом роде).

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

Самым распространенным из клиентских языков является JavaScript, разработчиками которого является компания Netscape совместно с компанией Sun Microsystems. Ещё один популярный язык - это VBScript от Microsoft.

Серверные языки

Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, Perl, SSI, XML, DHTML, XHTML.

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

Важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (или СУБД) - сервером, на котором упорядоченно хранится информация, которая может быть вызвана в любой момент. Популярными среди систем управления базами данных являются: Firebird, IBM DB2, IBM DB2 Express-C, Microsoft SQL Server, Microsoft SQL, Server Express, mSQL, MySQL, Oracle, PostgreSQL, SQLite, Sybase Adaptive, Server Enterprise.

1.7 Анализ сайтов ВУЗ-ов

Для примера взяты сайты или соответствующий раздел сайта ВУЗа кафедры инновационных технологий, это сайт Московского государственного университета им. М. Ломоносова (МГУ - РФ) [8], Евразийский национальный yниверситет им. Л. Гумилева (ЕНУ - РК) [9] и Костанайского государственного университет им.А. Байтурсынова (КГУ - РК) [10].

Сайты факультетов инновационных технологий (либо их аналоги) МГУ и КГУ представляют собой отдельные сайты доменов второго уровня, у ЕНУ это раздел на головном сайте ВУЗа. Все три сайта многоязычны, однако, на сайте КГУ и ЕНУ раздел на английском языке отсутствует. На всех сайтах использовано мало графических элементов, что верно, так как ВУЗовские интернет ресурсы не являются мультимедийными приложениями и предназначены, прежде всего, для освещения научной и учебной деятельности. По содержанию сайт МГУ оказывается наиболее наполненным информацией, за ним следует КГУ и ЕНУ.

В целом по всем параметрам наиболее "развитым" оказываются сайты МГУ и КГУ, так они фактический являются отдельными сайтами второго уровня, соответствующий раздел ЕНУ в плане информативности значительно уступает им.

1.8 Обоснование потребности в web-сайте

На сегодняшний день большое количество организаций имеет собственный web-сайт, что на данный момент касается в основном только стран с высоко развитой или "бурно" развивающейся экономикой. Так Всемирный экономический форум представил отчет о развитии информационных технологий в 134 странах мира. Уровень развития ІТ выражается в индексе сетевой готовности (The Networked Readiness). Казахстан занимает в рейтинге 73 место, опережая, к примеру - Россию (74 место). Однако следует учитывать, что это лишь условный показатель, который имеет существенные колебания внутри одной страны. Известно, что Россия все же по уровню развития интернет технологий и далеко "обгоняет" РК, а отставание касается лишь отдельных регионов. [11]

Таблица 3

Индекс развития информационных технологий в мире

Индекс сетевой готовности (Всемирный экономический форум) 2009

Место

Страна

Индекс

1

Дания

5,85

2

Швеция

5,84

3

США

5,68

4

Сингапур

5,67

73

Казахстан

3,79

74

Россия

3,77

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

Для кафедры сайт, прежде всего своеобразная "доска" для проводимой ими научной и учебной деятельности. Несмотря на то, что есть головной сайт ВУЗа, сайт кафедры будет содержать более подробную информацию о преподавателях, учебной деятельности студентов, проводимых мероприятиях, новостях, расписании и т.п. Если "монополия" использования web-ресурса принадлежала университету в целом, то сейчас любое структурное подразделение может себе позволить иметь сайт. Это тем более значимо для кафедры Инновационных технологий, так как именно здесь имеются специалисты хорошо владеющие web-технологиями.

2. Проектирование web-сайта

2.1 Языки разработки сайта

Синтаксис HTML как является основой для создания сайта. Если рассмотреть исходные тексты различных WEB-страниц, то можно легко увидеть схожесть их структуры. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879: 1986 "Information processing. Text and office systems. Standard Generalized Markup Language (SGML). Правда, существует большое различие между стандартом официальном и стандартом фактическим.html постоянно развивается, дополняется новыми элементами [13].

Структура WEB-страницы.

Заготовка типичной WEB-страницы:

<html>

<head>

<title> структура web-страницы </title>

<style> h2 {font-family: arbat; }code { font-family: arial; } </style>

<meta http-equiv = ”content-type" content="text/html; chariest=windows-1251">

<meta name = "author” content = "Автор”>

<meta name = "keywords” content = "html, document, element”>

</head>

<body bgcolor = #ffffff>

<! - комментарий к страницы - -! >

<a name = "top></a>

переход к <a href = "#bottom”> конец </a> документа <p>

переход к <a href = "#s001”> <b> ссылке 1 </b></a><p>

<p>

<hr>

<h1> заголовок 1 </h1>

<h2> заголовок 2 </h2>

<h3> заголовок 3 </h3>

<h3> заголовок 4 </h4>

<h3> заголовок 5 </h5>

<h3> заголовок 6 </h6>

<hr>

здесь расположена <b> ссылка 1 </b><a name = "s001”></a>

<hr>

<p> здесь должен располагаться оригинальный текст web-страницы

<hr>

<a name = "bottom”></a><p>

переход в <a href = "#top”>начало</a> документа

</body>

</html>

Основные элементы HTML.

<HTML></html>

Означает документ на языке HTML. Данный элемент является самым внешним, так как между его начальным и коечным тегами должна находится вся WEB - страница. Он имеет атрибуты version, long и dir и допускает вложение элементов HEAD, BODY и других, определяющую общую структуру WEB-страницы. Конечным тегом </html> оканчиваются все документы в формате HTML.

<HEAD></head>

Область заголовка Web - страницы, её первая часть. HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты IANG, DIR, должен включать элемент TITLE и допускает вложение элементов BASE, META, LINK, OBJECT, SCARIPT, STULE.

<TITLE></title>

Элемент для размещения заголовка Web - страницы. Строка текста, расположенного внутри этого элемента, отображается не в документе, а в заголовке окна браузера. Эта строка часто используется при организации поиска в WWW.Эта строка должна достаточно точно отражать назначение документа.

<STYLE></style>

Элемент для описания стиля некоторых элементов Web - страницы. В файле Strukt. Htm назначены шрифты для элементов h2, code. Для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление элемента style не обязательно, но желательно. Этот элемент введён сравнительно недавно, без него немыслима работа в приложениях World, Excel.

<META>

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

<BODY></body>

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

<! - Комментарий - -! >

В любом языке программирования есть конструкции, позволяющие создавать произвольные ремарки.html в этом смысле - не исключение. Текст, введений внутри этого элемента, игнорируется браузером. Эти элементы могут располагаться в любом месте WEB-страницы

<H1><h1>

Элемент заголовка. Существует шесть уровней заголовка, которые обозначаются H1…H6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Для заголовков могут использовать атрибуты, задающие выравнивание влево, по центру или вправо:

align = "left”

align = "center”

align = "right

<HR>

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

Во-вторых, потому что выбор подобных элементов оформления у автора страницы очень небольшой. Этот элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине: align = "left”, align = "center”, align = "right”, align = "justify”.

Можно задать толщину линии: Size = толщина в пикселях

Можно управлять длиной линии: width = длина в пикселях,width = длина в процентах.

Можно выбрать цвет: color = "цвет”

<A></a>

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

<A name = ">Произвольный текст</a>

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

<P>Переход к <A href = "#метка”>метке</a></p>

Несколько подобных строк могут образовать своеобразное оглавление Web-страницы, которое можно разместить в начале и в конце документа.

Переход внутри одного документа

Для задания гипертекстового перехода внутри документа используют две команды <A>. Первая команда с атрибутом href является источником перехода, вторая с атрибутом name - приемником.

Для организации перехода внутри документа нужно:

Выбрать имя для метки.

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

А что будет, если не послушаться этого совета? Когда одинаковых меток несколько, браузер выполняет переход на самую первую метку в программе.

Имя может заключаться в кавычки.

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

Запрограммировать переход по метке. В месте перехода нужно написать команду <A href=#метка>текст</A>.

Здесь: # - ключевой символ; метка - выбранное имя для метки; текст - запись, которая будет выглядеть на экране браузера как ссылка.

Установить тег с меткой в нужном месте HTML-программы.

Перед фрагментом HTML-программы, на который должен выполниться переход записать команду-метку <A name=метка></A>.

При этом: имя метки должно быть то же самое, что и в команде, задающей переход; на экране тег-метка <A name=метка> никаких изображений не строит.

Переход к другому документу

Для того чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды <A> с атрибутом href=имя_файла.

C: /BOOK/02/02. htm (абсолютная адресация)

. /02/02. htm (относительная адресация)

Правила синтаксиса

При использовании каждого элемента важно знать, какие элементы могут располагаться внутри него, и внутри каких элементов может находиться он сам. Так, взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице, в тех случаях, когда не используются фреймы. Если страница представляет собой документ планировки фреймов, то вместо элемента BODY используется элемент FRAMESET.

Существуют группы элементов, которые используются совместно. К ним относятся элементы для создания таблиц, списков, фреймов. В этом случае порядок вложения элементов определяется логикой создания того или иного объекта на странице. Таблицы и фреймы часто используются для того, чтобы разместить детали страницы (рисунки, текст и др.) в определённом порядке. Например, располагая рисунок внутри ячейки таблицы, можно добиться определённого его положения.

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

Например, есть два абзаца (первый в зелёной рамке) и таблица:

<P style = "border: 3px solid green”> Текст абзаца 1</p>

<TABLE>…</ table>

<P> Текст абзаца 2 </p>

Таблица в данном случае - независимый элемент. Её можно, например, выравнивать независимо от остального текста.

Можно использовать другой код:

<P style = "border: 3px solid green ">Текст абзаца 1

<TABLE>…</table>

<P> текст абзаца 2</p>

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

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

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

Некоторые элементы не имеют конечного тега. Элементу BR, обозначающему конец строки, не нужен конечный тег. Некоторые элементы могут использоваться с конечным тегом и без него. Элемент абзаца P может иметь конечный тег, но если тег не задан, то признаком окончания действия элемента служит следующий элемент, который может логически определить конец текущего абзаца: другой элемент P, элемент рисунка IMG, элемент списка UL, элемент таблицы TABLE и др.

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

Кодирование символов

Основным языком Интернета является английский язык. Но для гипертекстовых документов предусмотрено использование национальных алфавитов. Стандартным режимом отображения является кодировка ISO Latin 1 (ISO 8859-1). Она подходит как для MS-DOS (набор символов ASCCII), так и для Windows. В тоже время браузеры поддерживают набор символов Unicode 2.0 (ISO10646), что позволяет использовать национальные алфавиты. Это означает, что символы могут кодироваться однобайтовым числом (коды в пределах 0-255) или двухбайтовым (0-65 535). В первом случае для использования национального алфавита необходим атрибут charset, так как одни и те же коды символов могут быть интерпретированы по-разному для различных кодовых страниц.

Кириллица (Windows) и/или Кириллица (Кои8-Р) - это две наиболее популярные кодировки.


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

  • Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

    курсовая работа [3,5 M], добавлен 05.06.2015

  • Основные сведения о языках программирования и их состав. Программа для компьютера. Использование компилятора и операторы. Языки программирования высокого уровня. Концепции объектно-ориентированного программирования. Языки искусственного интеллекта.

    презентация [6,3 M], добавлен 14.08.2013

  • Понятие Web-сайта и его типы, основы классификации. Достоинства и недостатки сайтов динамического наполнения. Языки программирования серверного выполнения, которые используются для их создания. Проектирование динамического сайта со справочным материалом.

    курсовая работа [959,8 K], добавлен 05.03.2014

  • Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.

    курсовая работа [1,7 M], добавлен 07.11.2013

  • Понятие и виды Web-хостинга. Анализ рынка хостинговых компаний. Языки Web-программирования: HTML, PHP, Water, Clear Methods Steam. Web-дизайн и браузеры. Возможности современных визуальных HTML-редакторов. Создание сайта "Каталога хостинговых компаний".

    курсовая работа [537,6 K], добавлен 15.01.2012

  • Использование языков программирования, работающих на стороне клиента. Теговые языки логической разметки документов. Скриптовые языки программирования. Работоспособность клиентских технологий. Функциональные интерактивные сайты и сроки их разработки.

    лабораторная работа [2,1 M], добавлен 27.04.2009

  • Проектирование web-сайта кафедры для освещения деятельности учебного заведения. Выбор программных средств для его разработки. Разработка интерфейса и административной части сайта. Описание и принцип работы свободного програvмного обеспечения CMS PHP-NUKE.

    курсовая работа [2,0 M], добавлен 16.12.2009

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

    отчет по практике [5,1 M], добавлен 09.12.2014

  • Что такое язык программирования. Для чего нужны языки программирования. Какие существуют языки программирования. Фортран. Алгол. Кобол. Лисп. Бейсик. Форт. Паскаль. Ада. Си. Пролог. Что такое компилятор и интерпретатор.

    реферат [20,2 K], добавлен 27.05.2007

  • Сравнение языка Php с другими языками программирования web-приложений. Язык разметки гипертекстовых страниц Html. Технология Macromedia Flash, её преимущества и недостатки. Этапы создания флеш-сайта, руководство пользователя и листинг программы.

    дипломная работа [2,3 M], добавлен 04.10.2013

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