WEB-ДИЗАЙН. HTML, JavaScript и CSS
СПРАВОЧНИК
СОДЕРЖАНИЕ
1. Основные сведения1.1. Словарь терминов
1.2. Представление данных на Web-страницах
1.3. Кодирование символов
1.4. Кодирование цвета
2. HTML 4.01
2.1. Версии HTML
2.2. Синтаксис HTML
2.3. Шаблон кода страницы
2.4. Основные элементы Web-страницы
<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<META>
<BODY> </BODY>
<!-- Комментарий -->
<BASE>
2.5. Стандартные атрибуты
Атрибуты событий
2.6. Текстовые элементы
<BASEFONT>
<FONT> </FONT>
<H1> </H1> ... <H6> </H6>
<BR>
<NOBR> </NOBR>
<B> </B>
<I> </I>
<BIG> </BIG>
<SMALL> </SMALL>
<STRIKE> </STRIKE> ИЛИ <S> </S>
<U> </U>
<SUB> </SUB>
<SUP> </SUP>
<TT> </TT>
<INS> </INS> и <DEL> </DEL>
<BDO> </BDO>
<PRE> </PRE>
<MARQUEE> </MARQUEE>
2.7. Элементы содержания
<EM> </EM> и <DFN> </DFN>
<Q> </Q>
<CITE> </CITE>
<ADDRESS> </ADDRESS>
<STRONG> </STRONG>
<CODE> </CODE>, <SAMP> </SAMP> и <VAR> </VAR>
<KBD> </KBD>
<ABBR></ABBR>
<ACRONYM></ACRONYM>
2.8. Списки
<UL> <LI> </UL>
<OL> <LI> </OL>
Вложенные списки
<DL> <DT> <DD> </DL>
2.9. Рисунки и карты
<IMG>
<MAP> <AREA> </MAP>
Ссылка на файл видеозаписи
2.10. Гиперссылки и метки
Использование в качестве метки атрибута id
<LINK>
2.11. Элементы оформления
<CENTER> </CENTER>
<HR>
<BLOCKQUOTE> </BLOCKQUOTE>
2.12. Таблицы
<TABLE> </TABLE>
<CAPTION> </CAPTION>
Выравнивание данных в ячейках таблицы
<TR>
<TH>
<TD>
Группы строк: <THEAD>, <TFOOT> и <TBODY>
Группы колонок: <COLGROUP> и <COL>
Примеры использования таблиц
Таблица с заголовками строк и столбцов
Таблица с объединенными ячейками
Оформление Web-страницы
Кнопка
Меню
Мозаичный рисунок
Стихотворный текст
Оптимизация размера кода таблицы
2.13. Объекты
Общие атрибуты объектов
Элементы объектов
<APPLET> </APPLET>
<OBJECT> </OBJECT>
<PARAM>
2.14. Формы
Общие атрибуты форм
Элементы форм
<FORM> </FORM>
<INPUT>
<LABEL></LABEL>
Пример формы с элементом LABEL
<BUTTON> </BUTTON>
<SELECT> <OPTION> </SELECT>
Пример формы с элементом SELECT
<TEXTAREA> </TEXTAREA>
<FIELDSET> <LEGEND> </LEGEND> </FIELDSET>
<ISINDEX>
Пример формы для ввода анкетных данных
2.15. Фреймы
<FRAMESET> <FRAME> </FRAMESET>
<FRAME>
<NOFRAMES> </NOFRAMES>
Простой пример использования фреймов
Пример использования фреймов для главной страницы сайта
Создание невидимых рамок фреймов
Особенности ссылок для ресурсов с фреймами
<IFRAME> </IFRAME>
2.16. Устаревшие и нестандартные элементы
<BGSOUND>
<BLINK> </BLINK>
<DIR> </DIR> и <MENU> </MENU>
<XMP> и <LISTING>
<COMMENT> </COMMENT>
<PLAINTEXT> </PLAINTEXT>
<EMBED> </EMBED>
<NOEMBED> </NOEMBED>
<Hpn> </Hpn>
<BANNER> </BANNER>
3. Каскадные таблицы стилей (CSS2)
3.1. Синтаксис CSS
3.2. Элементы для создания стилей
< STYLE > </STYLE>
Классы (атрибут class). Функция RGB()
Создание классов с использованием атрибута id
Нестандартные классы элемента гиперссылки A
Использование класса hover в меню
Нестандартные классы элемента BODY
<LINK>
<DIV> </DIV> и <SPAN> </SPAN>
Свойства стилей CSS2
Форматирование текста
Свойства боксов и блоков
Свойства списков
Свойства таблиц
Форматирование элементов
Свойства фона и цвет
Свойства страниц
Свойства мультимедийных объектов
Пользовательский интерфейс
Пример: простое текстовое меню
4. JavaScript 1.5
4.1. Использование сценариев на Web-страницы
<SCRIPT> </SCRIPT>
<NOSCRIPT> </NOSCRIPT>
4.2. Версии языка JavaScript
4.3. Синтаксис JavaScript
Общие сведения о записи кода
Определение переменных и типов данных
Значение null
Константы
Свойство length
Строковые данные. Объект String
Операции со строками
Методы anchor и link
Методы для форматирования текста Web-страницы
Метод charAt
Метод charCodeAt
Метод indexOf
Метод lastIndexOf
Метод concat
Метод fromCharCode
Метод split
Методы slice и substring
Метод substr
Методы toLowerCase и toUpperCase
Операции с числами. Объект Number
Математические функции. Объект Math
Данные логического типа. Объект Boolean
Массивы. Объект Array
Метод concat
Метод join
Метод pop
Метод push
Метод reverse
Метод shift
Метод slice
Метод sort
Метод splice
Метод unshift
Двухмерные массивы
Массив аргументов функции arguments[i]
Даты и время. Объект Date
Методы получения данных о времени
Метод parse
Методы для установки параметров времени
Методы для работы с универсальным временем
Объектные переменные
Оператор new. Стандартные типы переменных и объектов
Объект-функция
Метод valueOf
Определение типа объекта (свойство constructor)
Оператор in
Оператор instanceof
Оператор typeof
Оператор delete
Регулярные выражения. Объект RegExp
Метод exec
Метод test
Метод match
Метод search
Метод replace
Метод split
Операции, циклы и условные операторы
Логические операции
Бинарные операции
Последовательность выполнения операций
Оператор void
Цикл do...while
Цикл while
Цикл for
Оператор ? : (присвоение по условию)
Условный оператор if...else
Условный оператор switch...case
Оператор break
Оператор continue
Метки
Обработка ошибок. Операторы throw и try...catch
4.4. Стандартные функции
Функции для создания модальных окон
alert
confirm
prompt
Функции общего назначения
eval
isFinite
isNaN
parseFloat
parseInt
Number и String
escape и unescape
Использование таймера
Метод setTimeout
Метод clearTimeout
Метод setInterval
Метод clearInterval
4.5. Объектная структура Web-страницы
Операторы и свойства
Свойство value
Оператор for...in. Проверка свойств объектов
Проверка значений отдельных свойств
Объект style
Оператор with
Объекты
Объекты броузера (navigator)
Объект window, его методы и свойства
Объект screen
Объект history
Объекты document и location
Свойство cookie
Методы объекта document
Методы fontcolor и fontsize
Фреймы. Объект parent
Объект all
Гиперссылки. Коллекции anchors и links
Рисунки. Коллекция images
Объекты и свойства форм
Коллекция forms
Массив elements
Метод click
Свойство элемента формы type
Метод select
Кнопки
Поля ввода
Флажки и переключатели
Списки
Объект this
Методы focus и blur
Ошибки программирования и пути их исправления
4.6. Примеры сценариев
Использование простого сценария для элемента HTML
Отображение времени
Часы в текстовом формате
Часы в графическом формате
Замена изображения после наведения указателя мыши
Замена изображения после щелчка мышью
Динамические эффекты
Движение цветных квадратиков
Эффект пульсации
Плавное изменение цвета заголовка
Автоматическая прокрутка в отдельном окне
Диалог с пользователем
Гиперссылки с комментариями
Управление содержимым формы
Подсчет количества введенных символов
Добавление адреса в «Избранное»
Команда «Сделать страницу стартовой»
Использование генератора случайных чисел
Электронная почта
Скрытая ссылка на электронный почтовый ящик
Отправка сообщения с Web-страницы
Калькулятор
Слайдшоу
© TEKCT.RU, А. Гончаров, 2007-2022
|
|