Sozdanie Web-stranic i Web-sajtov

Самоучитель HTML и JavaScript.

А. Ю. Гаевский, В. А. Романовский «100% самоучитель. Создание Web-страниц и Web-сайтов» Технолоджи-3000, 2008 год, 464 стр. (5,70 мб. djvu)

Представленная книга самоучитель HTML и JavaScript. Работая с материалом книги вы сможете научится создавать Web-сайты и Web-страницы (фронтенд разработку) с интерактивными элементами: пользовательские формы, таблицы, графики, анимация, музыка и др. Первая часть книги посвящена языку гипертекстовой разметки HTML (версии 4.1), где будут показаны все возможности использования HTML для разработки элементов web-страниц, также ознакомитесь с основами CSS (для более подробного изучения CSS 3.0 обратитесь к специальным изданиям).

Вторая часть книги даст возможность изучить основы JavaScript, широкоиспользуемого разработчиками языка сценариев, вы изучите: синтаксис, типы данных, операторы, функции и др. В третей части представлен материал по DHTML (динамический HTML), использование возможностей которого позволит делать web-страницы более интерактивными для взаимодействия с пользователем. Самоучитель прекрасно иллюстрирован снабжен справочным материалом (см. приложения), содержит много примеров практического программного кода. Книга написана для начинающих и материал представлен таким образом, чтобы при последовательном изучении быть понятным для пользователей впервые знакомящихся с web-разработкой.
ISBN: 978-5-89392-361-2

Оглавление книги

Часть I. Язык разметки HTML 7

ГЛАВА 1. Введение в HTML 8
Общие сведения о HTML 8
Зачем нужен язык разметки? 8
Об истории HTML и World Wide Web 9
Web-документы, Web-сайты, Web-серверы 11
Браузеры 12
Адресация документов в Web 14
Принципы создания Web-страниц 15
Просмотр кода страниц 15
Редакторы HTML-файлов 15
Теговая модель 16
Парные и одиночные теги, контейнеры 17
Элементы HTML 18
Атрибуты тегов 20
Комментарии 21
Основные правила синтаксиса HTML 22
Общая структура HTML-документа 22
Информация о версии HTML 23
HTML-документ (элемент HTML) 24
Заголовочная часть документа (элемент HEAD) 25
Название документа (элемент TITLE) 25
Тело документа (элемент BODY) 26

ГЛАВА 2. Оформление текста 27
Формирование абзацев и строк 27
Разбиение текста на абзацы (элементы Р) 27
Разрывы строк (теги <BR>, <NOBR>) 28
Выравнивание абзацев (атрибут align) 30
Разделы (элементы DIV) 31
Заголовки (элементы Нх) 31
Центрирование (элемент CENTER) 32
Горизонтальные линии в документе (элемент HR) 33
Простейшие приемы форматирования текста 35
Предварительное форматирование текста (элемент PRE) 35
Работа с шрифтами 37
Элемент FONT и его атрибуты 38
Относительные размеры шрифтов 38
Изменение основного шрифта (элемент BASEFONT) 40
Выбор гарнитуры шрифта (атрибут face) 41
Управление цветом шрифта и фона страницы 42
Задание начертания шрифта (элементы В, I, U) 44
Стили текстовой разметки 45
Элементы стиля шрифтов 45
Верхние и нижние индексы (элементы SUP и SUB) 47
Списки 48
Структура маркированных и нумерованных списков 48
Маркированный список (элемент UL) 49
Нумерованный список (элемент OL) 50
Списки определений 52
Гиперссылки 53
Ссылки и закладки 53
Принципы создания ссылок 54
Создание ссылок на другие Web-узлы 56
Создание ссылок на объекты текущего Web-узла 57
Оформление ссылок 61
Применение многоязычного текста 63
Направление чтения текста 64
Кодирование символов 64

ГЛАВА 3. Листы стилей 65
Понятие о листах стилей 65
Поддержка листов стилей 65
Как записывается стиль 66
Определение встроенного стиля (атрибут style) 67
Формирование листа стилей 68
CSS-правила 68
Внутренние и внешние листы стилей 69
Введение заголовочного стиля (элемент STYLE) 69
Виды селекторов 71
Стилевые свойства 73
Значения свойств 73
Свойства шрифтов 74
Свойства текста 76
Свойства цвета и фона 78
Свойства блока 80
Свойства списков 84
Другие группы стилевых свойств 86
Внешние листы стилей 87
CSS-файлы 87
Обращение к внешнему листу стилей (элемент LINK) 87
Еще раз о записи CSS-правил 88
Построчная запись стилевых свойств 88
Сокращенная форма записи 88
Комментарии 89
Группирование селекторов и определений 89
Псевдоклассы и псевдоэлементы 90
Стили ссылок 90
Динамические псевдоклассы ссылок 91
Стили фрагментов текста 92
Наследование и каскадирование 93
Правила наследования свойств 93
Селекторы потомков 94
Каскады стилей 95
Приоритеты стилей 95
Слои и позиционирование элементов 98
Свойство position 98
Абсолютное и относительное позиционирование (значения absolute и relative) 99
Размещение текстовых блоков в документе 102
Визуальные эффекты 104
Вырезание области (свойство clip) 104
Обработка содержания за пределами видимой области элемента
(свойство overflow) 106
Задание расположения слоев (свойство z-index) 108
Вывод элемента на экран (свойство visibility) 110

ГЛАВА 4. Таблицы 112
О роли таблиц в Web-документах 112
Примеры Web-страниц с таблицами 112
Создание таблиц 113
Строки (элемент TR) 114
Ячейки (элемент TD) 114
Заголовки (элемент ТН) 115
Название (элемент CAPTION) 115
Задание общих параметров таблицы 116
Ширина таблицы (атрибут width) 117
Выравнивание таблицы в документе (атрибут align) 117
Вывод внешней рамки (атрибут border) 118
Параметры внешних и внутренних границ (атрибуты frame и rules) 119
Определение внешней рамки 119
Определение внутренних границ (атрибут rules) 121
Ширина границ таблицы (атрибут cellspacing) 123
Расстояние от содержимого ячейки до рамки (атрибут cellpadding) 123
Форматирование строк и ячеек 124
Выравнивание содержимого 124
Задание ширины и высоты 127
Объединение ячеек таблицы 127
Цвет в таблицах 129
Фон 129
Цвет внешней рамки 131
Цвет внутренних границ 131
«Объемная» рамка 131
Группирование строк и столбцов 132
Группы строк (элементы THEAD, TFOOT и TBODY) 132
Группы и подгруппы столбцов (элементы COLGROUP и COL) 134
Наследование свойств выравнивания 138
Компоновка таблиц и текста 140
Плавающие таблицы 140
Прерывание обтекания текста вокруг таблицы 141

ГЛАВА 5. Графика и мультимедиа на Web-странице 143
Общие сведения о графике для Web 143
Об использовании графической информации 143
Форматы графических файлов для WWW 143
О возможных источниках изображений и авторских правах 144
Вставка изображения (элемент IMG) 145
Размеры изображения (атрибуты width и height) 147
Выравнивание изображения (атрибут align) 148
Отключение обтекания рисунка текстом 151
Рисунок в рамке (атрибут border) 151
Поля вокруг рисунка (атрибуты vspace, hspace и свойства margin) 152
Чтобы посетитель не скучал, пока загружается рисунок 153
Альтернативный текст (атрибут alt) 153
Некоторые другие атрибуты 154
Изображения-ссылки 154
Фоновые изображения (атрибут background) 155
Прозрачные изображения 156
Озвучивание Web-страницы 157
О роли звука на Web-странице 157
Два способа обращения к мультимедиа-файлам 158
Форматы аудиофайлов 158
Звуковой фон (элемент BGSOUND) 159
Внедрение аудио (элемент EMBED) 160
Вставка видео 162
Форматы видеофайлов 162
Внедрение видео (элемент EMBED) 163
Особенности Internet Explorer по воспроизведению видео (элемент IMG) 163
Гиперссылки на видео 165

ГЛАВА 6. Фреймы 166
Возможности фреймов 166
Создание фреймов 167
Элемент задания фреймов FRAMESET 168
Содержимое фреймов (элемент FRAME) 171
Вложенные фреймы 171
Безфреймовая версия страницы (элемент NOFRAMES) 173
Настройка фреймов 173
Атрибуты элемента FRAMESET 173
Атрибуты элемента FRAME 174
Ссылки и навигация 175
Целевые фреймы и элементы привязки 176
Пример панели навигации 176
Базовый фрейм (элемент BASE) 177
Специальные целевые фреймы 178
Плавающие фреймы (элемент IFRAME) 179

ГЛАВА 7. Формы 181
О формах HTML 181
Пример формы HTML 182
Зачем нужны формы 183
Задание формы (элемент FORM) 184
Имя формы (атрибут пате) 184
Представление формы на сервер (атрибут action) 184
Передача данных (атрибут method) 185
Кодировка (атрибут enctype) 186
Создание элементов управления 186
Атрибуты тега <INPUT> 186
Какие бывают элементы управления (атрибут type) 187
Текстовые поля 189
Флажки 191
Переключатели 193
Кнопки 195
Многострочные поля (элемент TEXT AREA), д 197
Списки 198
Группирование элементов управления (теги <FIELDSET>, <LEGEND>) 201
Отправка формы 202

ГЛАВА 8. Планирование и размещение Web-сайта в Интернете 203
Планирование и создание сайта 203
Предварительные этапы 203
Разработка структуры сайта 203
Сборка файлов Web-сайта 205
Выбор Web-сервера 206
Размещение Web-сайта в Интернете 207
Использование протокола HTTP 207
Использование протокола FTP 210
Регистрация в поисковых системах, рейтингах 213
Как работает поисковая машина 213
Краткий обзор средств поиска 214
Задание ключевых слов 215
Составление описания для поисковой системы 216
Включение рисунков в результаты поиска 216
Регистрация «вручную» в поисковых системах и каталогах 216
Участие в рейтинге, установка счетчика 219
Мероприятия по раскрутке сайта 221

Часть II. Язык сценариев JavaScript 223

ГЛАВА 9. Введение в JavaScript 224
Начальные понятия JavaScript 224
JavaScript — интерпретируемый язык 224
Встраивание сценария в документ 225
Константы, переменные, идентификаторы 226
Зарезервированные слова 228
Разделители 229
Комментарии 230
Поддерживает ли ваш браузер язык JavaScript? 230
Escape-последовательности 231
Типы данных 232
Числовой тип 232
Булевский (логический) тип 233
Строковый тип 233
Нулевой тип 233
Объявление переменных и отсутствие типизации 233
Операции 234
Арифметические операции 235
Операции инкремента и декремента 236
Операции сравнения 237
Строковые операции 237
Логические операции 238
Операции присваивания 240
Прочие операторы 240
Приоритеты выполнения операций 241
Инструкции 242
Инструкции выбора 242
Инструкции циклов 245
Функции 250
Объявление функции 250
Инструкция return 251
Вызов функции 252
Функции преобразования типов данных 253

ГЛАВА 10. Объектная модель JavaScript 255
Общие сведения об объектах 255
Свойства, методы, инкапсуляция 255
Операции со свойствами 256
Встроенные объекты 257
Объект Date 257
Объект Math 260
Массивы 264
Массивы в JavaScript 264
Массивы как объекты 265
Операторы цикла при работе с массивами 266
Методы массивов 268
Многомерные массивы 269
Строки 270
Создание объекта String 270
Операции со строками 271
Строковые массивы 275
Пользовательские объекты 276
Конструктор объектов 276
Пример. Создание типа прямоугольников 277
Конструирование метода 279
Пример. Использование объектов для хранения данных 280
Добавление свойств и методов (объект Prototype) 282
Пример. Создание метода для формирования списка в документе HTML 283
Функции как объекты 284
Свойства функции 285
Локальные и глобальные переменные 285
Использование массива аргументов 286
Специальные значения, функции, объекты 287
Infinity и NaN 287
Объект null 288
Значение undefined 288
Различие между undefined и null. Оператор typeoff 288

ГЛАВА 11. Обработка событий 290
События и обработчики событий 290
Всплывание событий в DHTML 291
Стандартные события DHTML 292
События объектов JavaScript 294
Способы связывания событий 295
Введение событий в качестве атрибутов 295
Обработчики событий как функции 296
Динамическое связывание событий в сценарии 298
Асинхронность обработчиков событий 299
Обработчики событий в теге <SCRIPT> 300
Атрибуты for и event 300
Если браузер не поддерживает связывание событий в <SCRIPT> 301
Один обработчик событий для нескольких элементов 302
Использование объекта event 303
Свойства объекта event 303
Определение событий мыши 304
События таймера 304
О событиях, не зависимых от пользователя 304
Периодические события таймера 305
Удаление таймера 306
Задержка времени точной длительности 307

Часть III. Динамический HTML 309

ГЛАВА 12. Управление окнами 310
Объектная модель браузера 310
Dynamic HTML как спецификация объектной модели 310
Иерархия объектов 311
Точечная нотация 312
Операции с окнами (объект window) 312
Создание нового окна браузера (метод open) 312
Присвоение имени окну (свойство name) 314
Перемещение окна браузера (методы moveTo, moveBy) 315
Изменение размеров окна (методы resizeTo и resizeBy) 315
Печать Web-страницы (метод Print) 316
Закрытие окна (метод close) 316
Информация о документе и окне браузера (объект location) 316
Свойства объекта location 317
Получение данных URL 317
Перезагрузка и замена текущей страницы (методы объекта location) 319
Управление строкой состояния (свойства status, defaultStatus) 320
Пример. Изменение содержимого строки состояния 320
Пример. Цифровые часы в строке состояния 321
Переходы меэеду Web-страницами (объект history) 322
Свойства и методы, применяемые для переходов 322
Создание кнопок Назад и Вперед 323
Работа с диалоговыми окнами 324
Организация простых диалогов (методы alert, confirm и prompt) 324
Создание индивидуального диалогового окна 326
Обмен данными между диалоговым окном и документом 329
Обработка событий окна 335
Событие onLoad для различных элементов 335
Проверка загрузки документа 336

ГЛАВА 13. Управление документом 338
Объект document 338
Иерархическая структура и ссылки на элементы документа 338
Запись ссылок на объект document 340
Семейства, свойства и методы 340
Вывод свойств объекта document 341
Работа с документом 342
Методы write и writeln 343
Изменение содержания документа (методы open, close, write) 343
Задание цветов фона и текста (свойства bgColor и fgColor) 344
Задание цвета гиперссылок (свойства linkcolor, alinkColor и vlinkColor) .345
Изменение заголовка документа (свойство title) 346
Даты 347
Семейства элементов документа 347
Семейство all 348
Динамическое содержание документа 350
Свойства динамического содержания 350
Создание элемента с помощью метода write() 355
Методы Adjacent 355
Динамическое создание таблиц 361
Построение таблицы 361
Свойства и методы элемента <TABLE> 363
Заполнение таблицы данными 364

ГЛАВА 14. Динамические стили и анимация 367
Управление стилями CSS 367
Определение стиля текста (свойство cssText) 367
Семейство styleSheets 368
Свойства owningElement и styleSheet 369
Отключение листа стилей (свойство disabled) 370
Изменение уровня детализации содержания документа 371
Анимация текста 373
Текст с меняющимся цветом 374
«Мигающий» текст 374
«Резиновый» текст (свойство letterSpacing) 377
«Печатаемый» текст 379
«Неоновый» текст 380
Бегущая строка 382
Анимация изображений 384
Замена изображения 385
Изменение размера изображения (пульсирующая картинка) 386
Динамическое позиционирование 387
Информация воспроизведения элементов (свойства offsetParent, offeetTop и др.).388
Управление областью вырезания (свойство clip) 390
Видимая часть содержания элемента (свойства clientHeight, clientWidth,
scrollHeight и др.) 393
Отражение элемента от границ окна 395

ГЛАВА 15. Программирование форм 398
Семейства форм 398
Семейство forms 398
Семейство elements 398
Обращение к форме 399
Свойства и методы объекта form 400
Стандартные свойства DHTML 400
Установка фокуса и выделение элемента (методы focus()n select()) 401
Программирование списков и меню 402
Свойства элемента <SELECT> 402
Семейство опций options 403
Добавление элемента в список (метод add) 405
Удаление элемента списка (метод remove) 407
Генерация списка заголовков на Web-странице 407
Определение выбранных опций в списке 409
Проверка ввода данных в форму 411
Проверка вводимых символов 412
Проверка при выходе из элемента управления 413
Проверка данных при отправке формы 415

Приложения.
Приложение А. HTML-элементы 419
Приложение Б. Список допустимых атрибутов 423
Приложение В. Свойства стилей 437
Приложение Г. Таблица символьных примитивов 444

WEB-разработка. HTML и JavaScript. Видео
Скачать книгу бесплатно5,70 мб. djvu

Похожая литература