ВКР: Разработка web сайта на основе HTML с использованием JavaScript

Содержание

• 10
• 10 11 Переход внутри одного документа 11 Переход к другому документу 12 14 Правила синтаксиса 15 Кодирование символов 16 Использование символов 16 Управление цветом 18 Конструктор документов 20 Приложение. Структура приложения 20 Цепочка 20 Применение цепочек 21 Иерархия 22 Уложим картинку в фоновый паркет 23 Графика 27 Формат GIF 27 Формат JPG 27 Как программировать картинки 28 Картинка в тексте 28 Картинка как ссылка 29 Построение таблиц. 30 Что такое таблица 30 Как задать таблицу 30 Атрибуты команды TABLE 31 Атрибуты команды TR 31 Атрибуты команды TD (TH) 32 Многоликие таблицы 33 Страничные отступы 33 Замечание 34 Многоколонная верстка 34 Наложение картинок 34 Замечание 35 Таблицы стилей 36 Уровни CSS 36 Способы определения таблиц стилей 36 Запись шаблона CSS 38 Группировка и наследование 38 Селекторы 39 Псевдоклассы 40 Применение таблиц стилей CSS 40 CSS в форматировании текста 40 Единицы измерения в таблицах стилей 41 Структурное форматирование 42 Введение в JavaScript 44 Использование JavaScript 44 Важность изучения JavaScript 44 JavaScript в действии 44 Ввод/вывод информации с помощью JavaScript 45 Объекты, методы и свойства 45 Управление данными с помощью переменных 46 Значения в языке JavaScript 46 Переменные в языке JavaScript 48 Массивы JavaScript и Escape-последовательности 49 Как пользоваться массивами 50 Выражения, условия, операции, строки и числа 52 Что такое выражения и условия 52 Знакомство с операциями 53 Создание сценариев с помощью функций и событий 56 Описание браузеров 59 Просмотр WEB-страниц 59 Microsoft Internet Explorer 59 Netscape Communicator 61 Терминология 64 Практическая часть 67 Список литературы 68
• Введение
• История HTML
• Версии HTML
• Гипертекст
• Структура WEB-страницы
• Структура WEB-страницы H2 {font-family: Arbat;}CODE { font-family: Arial;} Переход к конец документа Переход к ссылке 1 Заголовок 1
• Заголовок 2
• Заголовок 3
• Заголовок 4
• Заголовок 5
• Заголовок 6
• Здесь расположена ссылка 1 Здесь должен располагаться оригинальный текст WEB-страницы Переход в начало документа
• Переход внутри одного документа
• Переход к другому документу
• Правила синтаксиса
• Кодирование символов
• Использование символов
• Горизонтальный размер может быть задан в процентном отношении к ширине окна браузера: Если размер окна будет изменён, то изменится и длина горизонтальной линии. Символ * может использоваться для разделения пространства страницы в определённых пропорциях. Два способа определения фреймов ( атрибут cols создаёт фреймы с вертикальным делением), причём левый фрейм в данном случае всегда будет в три раза уже, чем правый.
• Управление цветом
• Конструктор документов
• Приложение. Структура приложения
• Цепочка
• Применение цепочек
• Иерархия
• Уложим картинку в фоновый паркет
• Графика
• Формат GIF
• Формат JPG
• Как программировать картинки
• Картинка в тексте
• Картинка как ссылка
• Построение таблиц.
• Что такое таблица
• Как задать таблицу
• Атрибуты команды TABLE
• Атрибуты команды TR
• Атрибуты команды TD (TH)
• Многоликие таблицы
• Страничные отступы
• Замечание
• Многоколонная верстка
• Наложение картинок
• Замечание
• Таблицы стилей
• Уровни CSS
• Способы определения таблиц стилей
• Совмещение различных способов определения CSS P { text-align: justify; color: green; } .title { color: blue; font-weight: bold; font-size: 16px; } — > Cnoco6bi определения шаблонов CSS Ниже перечислены существующие способы определения стилевых шаблонов CSS, даны характеристики каждого способа, приведены примеры их использования. Ссьшка на внешний файл Внедрение в документ Включение в теговые конструкции Импортирование
• Запись шаблона CSS
• Группировка и наследование
• Селекторы
• Если мы дополним селектор класса наименованием конкретного HTML-элемента, то действие стилевого правила будет распространяться только на данный элемент: HR.red { color: red; } При указании классов стилевого шаблона следует внимательно следить за тем, поддерживает ли HTML-элемент присваемый типереопределения стиля. Например, запись вида: HR { text-align: justify; } будет бессмысленной, т. к. горизонтальный разделитель относится к области структурного форматирования и не может содержать текст, который, согласно стилевому правилу, следует растянуть по ширине; идентификаторы. Запись идентификатора начинается с символа # (диез) и заканчивается наименованием: fblack { background-color: black; } Например, присвоив данный идентификатор тегу то, мы получим ячейку таблицы, залитую черным цветом:
• Применение таблиц стилей CSS
• CSS в форматировании текста
• Единицы измерения в таблицах стилей
• Структурное форматирование
• JavaScript
• Использование JavaScript
• Важность изучения JavaScript
• JavaScript в действии
• Ввод/вывод информации с помощью JavaScript
• Объекты, методы и свойства
• Управление данными с помощью переменных
• Значения в языке JavaScript
• Переменные в языке JavaScript
• Простая страница Прежде всего нужно создать переменную. Это можно сделать двумя путями: объявив ее заранее или создав «на лету». Сначала будут рассматриваться переменные, объявляемые заранее. Позже в этой главе рассказывается, каким образом они создаются «на лету». Пример. Чтобы объявить (создать) переменную, в языке JavaScript используется оператор var, вслед за которым указывается имя, которое вы хотите присвоить переменной. В данном примере объявляется переменная под названием msg: Простая страница Оператор равноценен законченному предложению в английском языке. Более подробно речь об этом пойдет в седьмой главе. Вот что следует знать об именах переменных: а в именах переменных можно использовать символы нижнего и верхнего регистра либо сочетание того и другого; а до объявления переменной ее значением считается undefined; Q имя переменной не может начинаться с цифры; а в именах переменных недопустимы пробелы; если необходим разделитель, используется символ подчеркивания (_); а в именах переменных следует избегать символа доллара ($) поскольку он не воспринимается, браузерами Internet Explorer 3.02 (поддерживающим JScript 1.0) и Netscape Navigator 2.02; а следует избегать использования имен переменных, отличающихся только символами верхнего и нижнего регистра (например, msg и MsG), поскольку JScript 1.0 не сумеет их различить. Рассмотрим следующие примеры корректных имен переменных: msg Hello_all Msgl Msg_l Приведенные ниже имена переменных либо являются недопустимыми, либо их следует избегать: a Imsg - начинается с цифры; Qhelloall- содержит пробел; a var- зарезервированное слово JavaScript; Q dollar$ - в имени содержится символ $; а msg и Msg - не используйте такие имена в одном сценарии, поскольку различаются они только регистром. Пример. Если вы хотите присвоить значение только что объявленной переменной, это можно сделать в той же строке: npocTaH cTparoma Массивы JavaScript и Escape-последовательности
• Как пользоваться массивами
• Выражения, условия, операции, строки и числа
• Что такое выражения и условия
• Знакомство с операциями
• Создание сценариев с помощью функций и событий
• Описание браузеров
• Просмотр WEB-страниц
• Microsoft Internet Explorer
• Netscape Communicator
• Практическая часть
• Терминология
• Практическая часть
• Заключение
• Список литературы