Студопедия  
Главная страница | Контакты | Случайная страница

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

CSS. История развития

Читайте также:
  1. I. История становления лингвистических традиций.
  2. III. Из истории становления и развития детской иллюстрированной книги в России.
  3. III. История настоящего заболевания (Anamnesis morbi)
  4. ISO 12207 - Б. процесс жизненного цикла для развития ПО
  5. IV. ИСТОРИЯ ЖИЗНИ БОЛЬНОГО
  6. IV. ЭВОЛЮЦИОННАЯ И РЕВОЛЮЦИОННАЯ ТЕОРИИ РАЗВИТИЯ ОБЩЕСТВА
  7. PR в системе маркетинговых коммуникаций. PR и журналистика: история и формы взаимодействия.
  8. Quot;Средние слои" как стабилизирующий фактор общественного развития.
  9. V. Основные направления развития международного сотрудничества

В 1989 году, сотрудник Европейской организации по ядерным исследованиям (CERN - Conseil Europeen pour la Recherche Nucleaire (Европейский совет по ядерным исследованиям, франц.)), Тим Бернерс-Ли, предложил проект, который в наше время известен как всемирная паутина (англ. World Wide Web). При работе над эти проектом был изобретён язык разметки гипертекстов HTML. А 6 августа 1991 года в интернете появился первый веб-сайт.

Вслед за первым сайтом, как грибы после дождя, стали возникать и другие. Для конкуренции между собой требовалось постоянно улучшать внешний вид каждого проекта. В html стали придумываться некоторые теги для создания дизайна (<font> и прочее), но их стало не хватать. Также, постоянно менять дизайн проектов стало тяжеловато, так как размеры сайтов росли, а чтобы менять дизайн сайта, созданного в html, необходимо изменить каждую веб-страницу, а страниц может быть 1000 и более. В общем возникал вопрос, как бы наименьшими силами менять дизайн сайтов да и заодно улучшить его по сравнению с настоящим временем?

Как известно, если появляется вопрос, появляется также и необходимость найти на него ответ. И вот, ответ был найден. Отделить дизайн сайта от его содержимого! Вот и всё. Первым к такой мысли пришёл Хокон Виум Ли, норвежский учёный, специалист в области информатики. Он предложил концепцию каскадных таблиц стилей. Основная мысль такова: давайте отделим дизайн сайта от его содержимого. А почему бы и нет, мысль-то хорошая! Идея была предложена в 1994 году.

И вот уже 17 декабря 1996 года была принята первая версия СSS как рекомендация W3C (World Wide Web Consortium (Консорциума Всемирной Паутины)). 18 мая 1998 года принята вторая версия CSS, CSS2. 8 сентября 2009 года утверждена CSS2.1, как исправленная версия CSS2. В настоящий момент существует СSS3. Все имеющиеся в природе стандарты и версии CSS, да и HTML тоже можно найти на сайте W3C.

Html (HyperText Markup Language) в переводе с английского значит язык гипертекстовой разметки. А творец этого языка Тим Бернерс-Ли. Так же Тим и в данный момент продолжает принимать участие над разработкой нового эталонами языка гипертекстовой разметки, но уже в компании W3C.

Фактически говоря, 1-ая версия языка HTML возникла в начале 90-х годов прошедшего века и была нацелена на передачу информации (научной среде), но с данного момента мы с вами можем начать отчет начала глобальной паутины.

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

Достаточно увлекательными, по моему мнению, является темп и аспекты развития данного языка. Наконец, через несколько лет после выхода в свет 1 версии HTML, по инициативе разработчика Тима Бернерса-Ли на свет появился консорциум W3C (консорциум глобальной сети который имел название World Wide Web Consortium). W3C был призван стать законодателем стереотипов языка гипертекстовой разметки и ни в коей мере не допустить разброда и колебаний в рядах разработчиков, которые имели возможность привести к очень неприятным результатам.

В 1994 году началась работа над разработкой нового стандарта языка гипертекстовой разметки 2-ой версии. В 1995 году проводятся работы над Html 3, который должен был поддерживать CSS. Приблизительно в это же время на свет появляется и набирает известность 1-ый браузер Мозаика, который совсем скоро был переименован в Netscape. MicroSoft желала приобрести Netscape для интеграции браузера в Windows, однако создатели данного браузера категорически отказались, в итоге, мы получили собственное произведение MicroSoft (Internet Explorer), их браузер был создан на основе раскрытых кодов Мозаики.

Что любопытно, IE (в силу собственной предустановленности в одной из самых известных операционных систем) смог таки получить с рынка браузеров ряд новейших инвесторов (Opera, Mozilla и др.). В данный период создатели браузеров часто бежали впереди паровоза (W3c) и вводили собственные личные стандарты, потому что работа над форматом Html в компании W3C шла достаточно медленно.

Поняв все свои ошибки, компания W3C в течение 1-го 1997 года сделала большой скачок - HTML претерпел сходу 2 изменения, HTML перешел от версии 3.2 до версии 4.0, но и на этом всё не закончилось , вскоре последовала новая версия которая используется нами по сей день - HTML 4.01. Представьте себе, прошло уже 14 лет, а стандарт HTML больше не менялся (новый стандарт Html 4.01 устраивал всех). Что бы быть в курсе всех новых достижений верстки сайта, советую почитать блог о HTML www.buyhtml.ru/blog/ языке и все, что связано с сайтостроительством (кстати на этом блоге есть мои статьи). На этом история развития и появления HTML языка закончена, но грядут изменения и поговаривают уже о разработке HTML 5.

7.Гипертекст. Составные части ссылок. Относительная и абсолютная форма задания URL-адреса. Создание ссылки внутрь страницы. Атрибуты тэга <a>

Гиперте́кст — термин, введённый Тедом Нельсоном в 1965 году для обозначения «текста ветвящегося или выполняющего действия по запросу». Обычно гипертекст представляется набором текстов, содержащих узлы перехода между ними, которые позволяют избирать читаемые сведения или последовательность чтения. Общеизвестным и ярко выраженным примером гипертекста служат веб-страницы — документы HTML (язык разметки гипертекста), размещённые в Сети. В более широком понимании термина, гипертекстом является любая повесть, словарь или энциклопедия, где встречаются отсылки к другим частям данного текста, имеющие отношения к данному термину. В компьютерной терминологии, гипертекст — текст, сформированный с помощью языка разметки, потенциально содержащий в себе гиперссылки.

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

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

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

Что такое URL ?

URL расшифровывается как "uniform resource locator" (унифицированный указатель ресурса). Это стандартный способ ссылки на объекты в интернет.URL использутеся также при использовании других серверов интернет: передача файлов по протоколу FTP, отправки электронной почты и т.п.Разработчики HTML - документов исплользуют url в своих документах лля создания гиперссылок на другие веб-сайты.Несмотря на казалось бы запутанный набор наклонных черт и двоеточий, синтаксис url разработан таким образом, чтобы он был ясен и прост.Дизайнеры представляют url не только как средство установления связи между электронными документами, но и как полезную информацию,которая может указываться в книгах, на визитных карточках, в рекламных сообщениях.

Составные части URL

Чтобы найти какой - либо объект объект в интернет, необходимо узнать его адрес, а затем подключиться к сети интернет или интранет,на котром данный объект хранится. Поиск адреса заключается в определении доменного имени или ip - адреса компьтера,а подключение к компьтеру состоит в указании имени пользователя и пароля. Кроме этого, необходимо знать,где находится файл на данном компьтере, то есть необходимо знать имя каталога. Необходимо также знать ответы на следующие вопросы:каково имя нужного вам файла ? и как его получить ? Какой протокол будет использоваться для передачи информации или доступа к объекты ?Правильно заданный url ответит на поставленно выше вопросы, так как содержит описание того, где находится объект,и каким образом он может быть доставлен. "Каким образом" определяется протоколом обмена, например, http."Где" определяется именем компьютера, именем каталога и именем файла.Для разделений частей унифицированного указателя ресурсов используются символы прямой наклонной черты (слэша) и двоеточия. Базовая структура url приведена ниже: http://www.woweb.ru/

Адрес компьютера (woweb.ru)

Каждый веб-документ хранится на сервере глобальной сети интернет. Первый этап поиска документов заключается в определении адреса сервера.Наиболее удобный способ задания адреса компьютера в сети, работающей на основе протоколов tcp/ip,состоит в указании символьного имени компьютера, которое называется доменным именем.В сети интернет полное доменное имя состоит из машины и следующим за ней именем домена. Так, адрес www.woweb.ru указывает на компьютер с именем www, расположенный в домене woweb.ru.Хотя имя www широко используются для указания компьтера, содержащие веб-документы, это всего лишь традиция, а не обязательное правило.Локальные компьтеры могут иметь разные имена (например, mister), любимого персонажа (Duffy, spiderman).
Правила формирования имени компьютера очень важны, так как удачно заданное имя позволит пользователям легко его запомнить.Пользователь, который понимает принцип формирования доменных имен и правила задания имени компьютера, сразу догадается,что адрес веб-сервера компании Toyota будет выглядеть так: http://www.toyota.com/.Представим некоторые, частво встречаемые,
значение окончания доменных имен:
ru - русский
com - коммерческий
net - предприятие
org - некомморческая организация

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

Тэг <A> имеет единственный атрибут HREF, в котором размещается URL - адрес. Адрес может быть как относительным, так и абсолютным. Тэг <A> является контейнером.

Для облегчения работы с относительными указателями в HTML введен тэг <BASE>. Он располагается в начале документа и содержит URL - адрес, относительно которого в документе построена вся адресация. Это указание влияет на любой нижестоящий тэг, включая <A>, <IMG> и т.д.

Внутренние ссылки

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

Для построения внутренней ссылки сначала нужно создать указатель, показывающий место назначения. Например, если вы хотите сделать ссылку на текст в середине документа, нужно разместить там указатель и дать ему имя при помощи атрибутаNAME тэга <A>. При этом атрибут HREF не используется, и браузер не выделяет содержимое тэга <A>.

<A NAME= “MIDDLE”> Middle section in Web page</A>

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

<A HREF= “#MIDDLE”>Jump to the middle</A>

Теперь, если пользователь щелкнет кнопкой мыши на словах Jump to the middle, программа просмотра выведет среднюю часть документа, причем указатель ссылки будет расположен в верхней строке окна.

8. Списки. Виды списков. Список определений. Как задать маркеры в CSS? Добавление изображений на страницы. Атрибуты тэга <img>.


Дата добавления: 2015-02-16; просмотров: 36 | Нарушение авторских прав




lektsii.net - Лекции.Нет - 2014-2020 год. (0.01 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав