
- •История развития Web-технологий
- •К лассификация Web технологий
- •Статические Web технологии. Основы технологии html
- •Статические Web технологии. Таблицы html
- •Статические Web технологии. Фреймы html
- •Статические Web технологии. Формы html
- •Статические Web технологии. Основы технологии css
- •Внутренние стили. Определяются атрибутом непосредственно в элементе. Мало отличается от традиционного html. Внешний вид документа трудно изменить.
- •Статические Web технологии. Css свойства текста
- •Статические Web технологии. Css свойства шрифта
- •Статические Web технологии. Css свойства границ элементов
- •Статические Web технологии. Css свойства таблиц
- •Динамические Web технологии. Основы технологии Java Script
- •Динамические Web технологии. Java Script, глобальные и локальные переменные, типы данных.
- •Динамические Web технологии. Java Script, операции над числовыми и строковыми типами данных.
- •Динамические Web технологии. Java Script, массивы
- •Динамические Web технологии. Java Script, операторы условного перехода
- •Динамические Web технологии. Java Script, циклы
- •Динамические Web технологии. Java Script, объектная модель
- •Динамические Web технологии. Java Script, обработка событий
История развития Web-технологий
Всемирная информационная сеть (World Wide Web далее Web) имеет недолгую, по людским меркам, историю. Годом рождения Web считается 1992 год, а отцом основателем был Tim Berners-Lee (Internet существует с середины 60-х годов). Толчок для своего стремительного и победного шествия по планете Web получила в 1993 году, когда Mark Andressen с группой студентов университета Иллинойса, разработали бесплатно распространяемую (вот истинная причина бурного развития Web) программу Mosaic для просмотра Web-страниц.
Сначала был HTML… Первая версия языка разметки гипертекста (HTML) была разработана в 1991 году сотрудниками CERN. За его основу взят SGML, стандартный язык структурной разметки. Разметка была логической, то есть не несла никакой информации о внешнем виде документа, а лишь указывала границы и соподчинение его составных частей. Позднее была добавлена возможность выделения текста. В 1995 году появился HTML 2.0. В ней появилась возможность вставлять рисунки, гиперссылки (выделенные области документа, позволяющие переходить к другому документу) и формы отправки информации на сервер. В HTML 3.2 были реализованы таблицы, разметки математических формул, обтекание текста вокруг объектов. Самым важным обновлением в данной версии HTML была поддержка Каскадных таблиц стиля (CSS), позволявших производить графическое описание документа отдельно. Текущая версия HTML 4.01 была стандартизирована 24 декабря 1999 года. Она отличается законченностью и полнотой, а также поддерживает усовершенствованную версию CSS. По мере роста количества и изменения качества документов в Интернет, росли предъявляемые к ним требования. Простота HTML превратилась в его главный недостаток. В результате появился язык XML, сочетающий в себе простоту HTML, логику разметки SGML и удовлетворяющий требованиям Интернета. Он используется для создания многих web-приложений, в том числе и для мобильных устройств.
Изначально, основой Всемирной паутины были web-сервера CERN httpd, написанные Тимом Бернерсом-Ли на языке программирования Си. 1995 году Брайан Белендорф объединил эти патчи и создал первую версию сервера Apache. Разработка первого клиентского языка велась в 1992-1995 годах компанией Nombas. Этот язык, названный Cmm («Си-минус-минус») не получил широкого распространения, так как сценарии, написанные на нем работали только в 16-битовом Netscape Navigator под управлением Windows. Группа разработчиков компании Netscape под руководством Брендона Айха создала язык LiveScript, который впоследствии был переименован в JavaScript. На данный момент идет разработка языка гипертекстовой разметки HTML5.
К лассификация Web технологий
Страницы делятся на статические и динамические по поведению документа в браузере. С другой стороны эти понятия часто используют и в другом смысле. о поведению документа в браузере пользователя, различают:
Статические html страницы - означает, что страница выглядит всегда одинаково, на зависимо от действий пользователя. Например, меню организованно ссылками на отдельные страницы, а не выпадающим списком.
Динамические html страницы - Эти страницы уже могут реагировать на действия пользователя и изменяться. Например, при щелчке по тексту может показываться всплывающий блок текста с переводом слова. Кстати, именно так реализован один из плугинов-переводчиков для браузера Firefox.
Динамика на веб страницах реализована при помощи скриптов, которые выполняются браузером. Многие элементы языка html поддерживают определение обработчиков событий. Например, можно задать обработку события "нажатия кнопки мыши" на картинке. Тогда если пользователь кликнет на эту картинку, вызовется определенный для этого обработчик.
Самый распространенный язык для создания динамики веб страниц - это JavaScript.
Статические html страницы - не очень гибкое решение. Использовать их стоит, только если у вас полностью статическое содержание.
Если же у вас на сайте часто меняющаяся информация, то выбор следует остановить на использовании скриптов.