10)Javascript
история Предпосылкой появления JavaScript стало желание дать разработчикам HTML-документов возможность динамически управлять всеми объектами, описываемыми в веб-страницах. Разработанный Брэнданом Айхом из компании Netscape язык был включён в браузер Netscape Navigator, начиная с версии 2.0B3 в декабре 1995 года. Первоначально язык назывался Mocha, затем был переименован в LiveScript. На синтаксис JavaScript оказали влияние такие языки, как C и Java, и поскольку технология Java была в то время очень модной, LiveScript переименовали в JavaScript, получив соответствующую лицензию от Sun Microsystems, Inc. Реализация компании Microsoft получила название JScript. Internet Explorer, начиная с версии 3.0 выпущенной в августе 1996 года, поддерживает JScript. Стандартизация языка ассоциацией ECMA иниицирована компанией Netscape. Стандартизированная версия имеет название ECMAScript, описывается стандартом ECMA-262. Первая версия данного стандарта примерно соотвествует JavaScript 1.1.
ВОЗМОЖНОСТИ
Язык подготовки сценариев используется для применения, настройки и автоматизации средств существующей системы. В случае JavaScript такой системой обычно является Web-браузер и связанные с ним технологии HTML, CSS и XML. JavaScript сам по себе является относительно простым языком, и во многом его мощь обусловлена встроенными объектами и объектами документа, предоставленными браузером. Базовые возможности JavaScript это правила синтаксиса, которым должны подчиняться сценарии и основные конструкции, используемые для хранения данных и управления потоком выполнения программы.
14) HTML — язык разметки документа. Все тэги языка HTML выделяются символами -ограничителями (< и >), между которыми записывается идентификатор (имя) тэга и возможно, его параметры. Единственным исключением из этого правила являются тэги комментария с более сложными ограничителями (<!-- и —>). Названия тэгов, а также их параметров можно записывать на любом регистре. Большинство тэгов HTML используется попарно, т. е. для определенного тэга, назовем его открывающим, в документе имеется соответствующий закрывающий тэг. По правилам HTML закрывающий тэг записывается так же, как и открывающий, но с символом / перед именем тэга. Единственным принципиальным различием парных тэгов является то, что закрывающие тэги не используют параметры. Тэги могут записываться с параметрами или атрибутами.
Гиперссылки Текст и изображения, размещенные между тегами <a> ... </a>, становятся активной зоной документа, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Текст гиперссылки выделяется подчеркиванием и цветом, указанным как значение атрибута link элемента body ( либо цветом по умолчанию ). Из необязательных атрибутов здесь упомянем один: target, значением которого является имя кадра или окна для вывода целевого документа.
<html> | начало страницы
<head> | голова прописываются ссылки на ява css листы прописывается название <title>Заголовок</title> прописвается заголовок
</head> закрытие головы
<body> основной текст хтмл страницы
</body>
</html> конец страницы
в таком коде откроется пустая страница с названием
Возможность создавать динамические страницы. Возможность расширения дизайна сайтов.
Возможность создавать расширения для браузеров расширять функционал.
16) Графика и мультимедиа на страницах WEB
К графическим и мультимедиа объектам, которые можно помещать на WEB страницах, относятся рисунки, фотографии и видео клипы. На WEB страницах допустимо, также, располагать и звуковое сопровождение.
К стандартным форматам графических файлов, которые распознаются всеми интернет браузерами, относятся: JPEG (JPG), GIF и PNG. Формат GIF позволяет создавать анимированные изображения, а формат PNG имеет малый объем графического файла при достаточно высоком качестве изображения.
Формат растровой графики BMP поддерживается не всеми браузерами, поэтому его лучше конвертировать в форматы JPG или GIF при помощи файловых конверторов – IrfanView или ACDSee.
Внедрение графического файла в состав WEB страницы осуществляется с помощью тэга <IMG> с различными параметрами.
1. Прошлое и настоящее веб-мультимедиа Но чем же нас не устраивают старые и вполне проверенные временем средства, имевшиеся в предыдущей версии HTML - 4.01? Давайте разберёмся. 1.1. Что было раньше Начнём с того, что в предыдущих версиях HTML вообще не было стандартных средств поместить на веб-страницу аудио- или видеоролик. Веб-дизайнерам приходилось задействовать для этого дополнительные программы, работающие совместно с веб-обозревателем и обрабатывающие те данные, что были ему не по зубам. К таким программам относятся дополнения к веб-браузеру и элементы ActiveX. Осуществлялось это следующим образом. В то место HTML-кода веб-страницы, где должен был находиться аудио- или видеоролик, вставлялся особый тег, активизировавший модуль расширения или элемент ActiveX, который поддерживал данный формат аудио или видео. Для активизации модуля расширения веб-браузера использовался тег <EMBED>, для активизации элемента ActiveX - тег <OBJECT>. В атрибутах этого тега записывались различные параметры: идентификатор нужного элемента ActiveX или MIME-код файла, по которому система выбирала подходящий модуль расширения, ширина и высота и пр. После этого в тег помещался набор тегов <PARAM>, указывающих параметры самого модуля расширения или элемента ActiveX: интернет-адрес файла с аудио или видео, настройки его воспроизведения и др. У подобного подхода всего одно достоинство - применяя его, можно поместить на веб-страницу практически любые данные (конечно, при условии, что в системе установлен поддерживающий их модуль расширения или элемент ActiveX). А дальше начинаются недостатки...
Как уже говорилось, HTML-код, помещающий на веб-страницу мультимедийные данные, крайне громоздок и непонятен.
Каждый модуль расширения и элемент ActiveX поддерживает свой собственный набор параметров, с помощью которых указывается сам мультимедийный файл и настройки его воспроизведения. Вдобавок от версии к версии модуля расширения или элемента ActiveX набор поддерживаемых им параметров может меняться. Это дополнительная головная боль для веб-дизайнера.
Подходящий модуль расширения или элемент ActiveX должен быть установлен на компьютере посетителя. Иначе он не сможет прослушать или просмотреть мультимедийный файл.
Различные веб-обозреватели поддерживают дополнительные программы по-разному. Так, элементы ActiveX поддерживаются только InternetExplorer.
17) Форма — это инструмент, с помощью которого HTML-документ может отправить информацию в заранее определенную точку внешнего мира. Формы применяються для опроса посетителей, покупки чего-либо (заказа товара(ов)), отправки электронной почты.
Принцип работы форм следующий: посетитель, зашедший к вам на сайт заполняет определенную форму (вносит туда нужные данные), а после нажатия определенной кнопки форма берет данные из заполненых полей и отправляет их в назначенное место.
Формы размещаются между тэгами <FORM></FORM>. HTML-документ может содержать в себе несколько форм, но они не должны находиться одна внутри другой
Элементы форм
Текстовая область - <TEXTAREA>
Это область для ввода многострочной текстовой информации. В контейнере <TEXTAREA>…</TEXTAREA> допускается размещать любой текст, который будет выведен в поле ввода по умолчанию.
Список - <SELECT>
Предназначен для создания меню, из которого пользователь может выбрать один или несколько из предложенных вариантов.
OPTGROUP
OPTGROUP - позволяет группировать пункты в элементе SELECT. В этом случае добавляются отступы и названия каждой группы, так что пользователю при выборе необходимого пункта ориентироваться гораздо проще. Название группы задается в атрибуте LABEL элемента OPTGROUP.
<INPUT>
Чаще всего в формах используется тэг <INPUT>. Он не имеет закрывающего тэга. Вся информация, необходимая броузеру для обработки, содержится непосредственно в тэге <INPUT> и задается с помощью различных атрибутов.
Кнопка - BUTTON
В форме изображается кнопка с надписью, заданной атрибутом VALUE, при нажатии на которую вызывается JavaScript-обработчик, заданный атрибутом ONCLICK. Атрибут NAME служит для JavaScript-именования кнопки, а не для передачи на сервер. Атрибут TYPE, который может принимать значения submit, reset и button. Первые два значения и так ясно для чего, а вот третье предназначено для тех случаев, когда надо исполнять какой-нибудь скрипт. То есть на кнопку вешается событие OnСlick и вызывается нужная функция.
Поле ввода - TEXT
Текстовое поле ввода используется в формах наиболее часто. Более того, его можно по праву считать основным и главнейшим элементом форм. Этот тип используется тэгом <INPUT> по умолчанию, его не нужно каждый раз указывать, чтобы вывести текстовое поле. Таким образом, на каждом текстовом поле вы экономите 12 нажатий на клавиши, а главное, размер HTML-кода будет меньше. Имя поля, задаваемое атрибутом NAME, обязательно, так как базируясь именно на этом параметре, броузер передает сценарию пару имя=значение.
Флажок - CHECKBOX
Броузер отображает поле этого типа в виде небольшого квадрата. По смыслу флажок служит для того, чтобы быть установленным (квадрат перечеркнут), либо нет (квадрат пуст). Когда он установлен, его значение, заданное атрибутом VALUE, передается программе сценария. Если он не установлен, то его значение не передается совсем. Флажок может быть сразу установлен по умолчанию, если указан атрибут CHECKED. По умолчанию атрибут VALUE имеет значение ON (установлен). Так как атрибут VALUE здесь задает не надпись на флажке, а его внутреннее значение, передаваемое программе сценария, то если надо что-то подписать, пишите рядом с флажком.
Переключатель - RADIO
Переключатель напоминает флажок, поскольку он тоже может находиться во включенном или выключенном состоянии. По смыслу всегда предполагается, что в форме имеется несколько переключателей с одинаковым атрибутом NAME. У каждого из них свое значение атрибута VALUE. Группа переключателей с одним и тем же именем в форме ведет себя таким образом, что только один из них может быть включенным. При передаче данных передается значение только выбранного переключателя. Один переключатель из группы может быть изначально выбран по умолчанию с помощью атрибута CHECKED.