Web-дизайн (клиентские web-технологии)

Главная > Информатика > Интернет > Создание сайта > Веб-клиент

Интернет-кафе

Побеждает тот, кто владеет информацией.

Разделы этой страницы о веб-дизайне на стороне клиента (front-end):

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


Базовые гипертекстовые технологии (HTML и стилевые таблицы CSS)

Стандарты HTML&CSS, их история и перспективы

История стандартов веб-вёрстки

Версии HTML:

  1. HTML 1.0 - множество нестандартных языков, существовавших в сети до 1995 г.
  2. HTML 2.0 - стандарт RFC 1866, одобренный 22 сентября 1995 года;
  3. HTML 3.0 - была предложена Консорциумом всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, "обтекание" изображений текстом и отображение сложных математических формул [?]. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени.
  4. HTML 3.1 - официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape Navigator и Mosaic.
  5. HTML 3.2 - введена 14 января 1997 года;
  6. HTML 4.0 - введена 18 декабря 1997 года. В версии HTML 4.0 произошла некоторая "очистка" стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные (англ. deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS).
  7. HTML 4.01 - внесены изменения, причём более значительные, чем кажется на первый взгляд - 24 декабря 1999 года;
  8. ISO/IEC 15445:2000 (ISO HTML) - основан на HTML 4.01 Strict - 15 мая 2000 года.
  9. XHTML 1.0. В 1998 году W3C начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Новый язык получил название XHTML . Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января 2000 года.
  10. XHTML 2.0. Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 года консорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце 2009 года. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.
  11. HTML 5 - черновой вариант спецификации языка появился в Интернете 20 ноября 2007 года. Конец разработки был запланирован на 2014 год. Сообществом WHATWG (англ. Web Hypertext Application Technology Working Group), начиная с 2004 года, разрабатывается спецификация Web Applications 1.0, часто неофициально называемая "HTML 5", которая расширяет HTML (впрочем, имея и совместимый с XHTML 1.0 XML-синтаксис) для лучшего представления семантики различных типичных страниц, например форумов, сайтов аукционов, поисковых систем, онлайн-магазинов и т. д., которые не очень удачно вписываются в модель XHTML 2.

Ссылки:

Порталы и обзоры о HTML и CSS

Сведения по основам HTML

Учебники и справочники по HTML 3-4

Спецсимволы в HTML

Рекомендуется не использовать в контенте HTML знаки, которые являются частью языка HTML, например, кавычки (в т.ч. для минут и секунд), слэш (в т.ч. в дробях), стрелки из угловых скобок (в т.ч. знаки "больше" и "меньше") ... Для этого в ASCII есть специальные символы ", «», ⁄, <, > и т.д. - смотрите все в орфографическом разделе на странице международных символов.

Также читайте о кодировке фонетических знаков.

Сведения по новому семантическому HTML-5

Семантические секции HTML-5 на смену дивам HTML-4:

Дивные секции HTML-4 Семантические секции HTML-5

Обзоры и справочники по HTML5

Пакет замечательных статей:

Графика в HTML5 (Canvas и SVG)

Сведения по CSS

Динамические языки стилей

CSS-препроцессоры

SASS и SCSS

Программирование стилей с помощью LESS

LESS — это динамический язык стилей, который разработал Alexis Sellier. Он создан под влиянием языка стилей Sass, и, в свою очередь, оказал влияние на его новый синтаксис «SCSS», в котором также использован синтаксис, являющийся расширением СSS.

LESS — это продукт с открытым исходным кодом. Его первая версия была написана на Ruby, однако в последующих версиях было решено отказаться от использования этого языка программирования в пользу JavaScript. Less — это вложенный метаязык: валидный CSS будет валидной less-программой с аналогичной семантикой.

LESS обеспечивает следующие расширения CSS: переменные, вложенные блоки, миксины, операторы и функции.

LESS может работать на стороне клиента (Internet Explorer 6+, WebKit, Firefox) или на стороне сервера под управлением Node.js или Rhino.
(Из Википедии)

Форматы текстового хранения структурированных данных для передачи (CSV, XML, JSON)

Обработка CSV-файлов (текст, разделённый запятыми)

Технологии XML, XHTML, xsl, XSLT (ресурсы и книги)

Текстовый формат обмена данными JSON

JSON (англ. JavaScript Object Notation, обычно произносится как /ˈdʒeɪsən/[1]) — текстовый формат обмена данными, разработанный Дугласом Крокфордом. Основан на JavaScript и обычно используемый именно с этим языком. Несмотря на происхождение от JavaScript (точнее, от подмножества языка стандарта ECMA-262 1999 года), формат считается независимым от языка и может использоваться практически с любым языком программирования.

За счёт своей лаконичности по сравнению с XML, формат JSON может быть более подходящим для сериализации сложных структур. Он удобен в задачах обмена данными как между браузером и сервером (AJAX), так и между самими серверами (программные HTTP-интерфейсы).

Как и многие другие текстовые форматы, JSON легко читается людьми. Пример:

{
   "firstName": "Иван",
   "lastName": "Иванов",
   "address": {
       "streetAddress": "Московское ш., 101, кв.101",
       "city": "Ленинград",
       "postalCode": 101101
   },
   "phoneNumbers": [
       "812 123-1234",
       "916 123-4567"
   ]
}

Как это бы выглядело на XML:


  Иван
  Иванов
  
Московское ш., 101, кв.101 Ленинград 101101
812 123-1234 916 123-4567

Технологии DHTML, JavaScript и jQuery

JavaScript возник как язык программирования от компании Netscape в 90-е, с тех пор непрерывно развиваясь. Стандарт, на котором он основан, ECMA-262 (ECMAScript), часто обновляется и дополняется. Соответственно, используемый в современных браузерах движок JavaScript сейчас экспоненциально быстрее своих предшественников. К слову сказать, ECMA-262 является спецификацией для языка ECMAScript, стандартизированный Международной организацией ECMA. Сам ECMAScript — это встраиваемый расширяемый язык программирования, не имеющий средств ввода-вывода, и используемый в качестве основы для построения других скриптовых языков. Расширениями языка являются не только JavaScript и JScript, но и ActionScript, также широко используемый в вебе.

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

  1. ядро (ECMAScript),
  2. объектная модель браузера (Browser Object Model или BOM),
  3. объектная модель документа (Document Object Model или DOM).

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

Сам по себе, JavaScript не может делать больше, чем выполнять расчеты и обработку текста, но в сочетании с обработчиком DOM (Data Object Model, описывающей тэговую структуру веб-страницы), который имеется во всех браузерах, он позволяет осуществлять:

  1. добавление и удаление структурных (тэговых) элементов страницы;
  2. добавление, изменение и удаление текста на странице;
  3. изменение CSS стилей, применяемых к элементам страницы;
  4. реагирование на события, например, нажатие кнопки мыши [что делает страницу не только живой, но и интерактивной];
  5. проверка содержимого формы перед отправкой на веб-сервер [валидация полей];
  6. получение информации о браузере, отображающим страницу (производитель, версия), и даже о среде, например, размере открытого окна и местном времени;
  7. выдача предупреждений пользователю.

Кроме того, сочетание JavaScript и XMLHttpRequest API (его обычно называют AJAX) позволяет делать асинхронные запросы к веб-серверу для получения (изменённой) части информации о странице без всей её перезагрузки в браузере.

Следует заметить, что JavaScript - это не Java. Схожесть имен - не более, чем уловка маркетологов. Первоначально он был назван Mocha, а затем LiveScript. Когда его создатель Брендан Эйч стал сотрудником Sun, компания решила переименовать его в JavaScript. Но стандартное название для этого языка - ECMA-262, т.к. Sun не стала лицензировать имя JavaScript. Реализация Microsoft называется JScript.

Сценарии на языке JScript (как и VBScript) чаще всего используются в следующих областях:

  1. Клиентские сценарии на Web-страницах.
  2. Автоматизация администрирования систем Windows.
  3. Серверный программный код на страницах ASP в Web-приложениях. [?]

Язык JScript получил дальнейшее развитие в виде языка JScript.NET, который ориентирован на работу в рамках платформы Microsoft ASP.NET.

Статьи и сборники о JavaScript

Сетевые ресурсы о DHTML и JavaScript, а также о скрипт-стандарте ECMA.

Порталы о jQuery

Литература по клиентским веб-технологиям

Смотрите также общую литературу по веб-дизайну.


Главная > Информатика > >
Веб-дизайн: Веб-клиенты | Веб-серверы | Веб-анимация | Веб-движки | Веб-сервисы | Софт дизайнера | Веб-палитра

Оптимизация сайта | Веб-бизнес | Поиск | Раскрутка сайта | Веб-студии | Утилиты для сети | Хостинги
На правах рекламы (см. условия): [an error occurred while processing this directive]    


© «Сайт Игоря Гаршина», 2002, 2005. Автор и владелец - Игорь Константинович Гаршин (см. резюме). Пишите письма (Письмо И.Гаршину).
Страница обновлена 22.03.2024
Яндекс.Метрика