Год: 2014
Автор: Jennifer Niederst Robbins / Дженнифер Нидерст Роббинс
Жанр: Веб дизайн
Издательство: Эксмо
ISBN: 978-5-699-67603-3
Серия: Мировой компьютерный бестселлер
Язык: Русский
Формат: PDF/DjVu
Качество: Отсканированные страницы
Количество страниц: 516
Описание: В этой книге вы найдете все, что необходимо знать для создания отличных веб-сайтов. Начав с изучения принципов функционирования Интернета и веб-страниц, к концу книги вы освоите приемы создания сложных сайтов, включая таблицы стилей CSS и графические файлы, и научитесь размещать страницы во Всемирной паутине. Книга включает упражнения, с помощью которых вы освоите разнообразные техники работы с современными веб-стандартами (включая HTML5 и CSS3).
Примеры страниц:
Показать / Скрыть текст
Оглавление:
Показать / Скрыть текст Предисловие ……………………………………………………………………………………… 11
Структура книги …………………………………………………………………………………. 12
Благодарности ……………………………………………………………………………………. 13
Об авторе …………………………………………………………………………………………….. 14
Использование примеров кода ………………………………………………………. 14
ЧАСТЬ I НАЧАЛО РАБОТЫ
ГЛАВА 1
Самое начало…………………………………………………………………………………….17
С чего начать?……………………………………………………………………………………… 18
Задачи веб-дизайнера……………………………………………………………………….18
Требуемые знания ……………………………………………………………………………… 26
Необходимое обеспечение ………………………………………………………………. 29
Резюме………………………………………………………………………………………………….36
ГЛАВА 2
КАК РАБОТАЕТ ВСЕМИРНАЯ ПАУТИНА ……………………………………….. 37
Интернет против Всемирной паутины …………………………………………….. 37
Обслуживание вашей информации…………………………………………………. 38
Несколько слов о браузерах…………………………………………………………….. 39
Адреса веб-страниц (URL)………………………………………………………………….. 40
Анатомия веб-страницы ……………………………………………………………………. 43
Резюме………………………………………………………………………………………………… 47
ГЛАВА 3
ВАЖНЫЕ КОНЦЕПЦИИ ДЛЯ ВЕБ-ДИЗАЙНЕРА ………………………… 49
Множество устройств …………………………………………………………………………50
Соблюдение стандартов ……………………………………………………………………. 52
Прогрессивное улучшение………………………………………………………………… 53
Адаптивный веб-дизайн ……………………………………………………………………. 54
Обеспечение доступности ………………………………………………………………… 57
Производительность сaйта ………………………………………………………………. 59
ЧАСТЬ II РАЗМЕТКА HTML ДЛЯ СТРУКТУРИЗАЦИИ
ГЛАВА 4
СОЗДАНИЕ ПРОСТОЙ СТРАНИЦЫ …………………………………………………. 65
Веб-страница шаг за шагом………………………………………………………………. 65
Запуск текстового редактора …………………………………………………………… 67
Шаг 1: Добавление контента…………………………………………………………….. 70
Шаг 2: Структурирование документа………………………………………………….72
Шаг 3: Определение текстовых элементов ……………………………………. 74
Шаг 4: Добавление изображений…………………………………………………… 79
Шаг 5: Изменение внешнего вида страницы с помощью C S 82
Когда хорошие страницы становятся плохим и ……………………………… 84
Валидация кода …………………………………………………………………………………..86
Резюме…………………………………………………………………………………………………. 87
ГЛАВА 5
РАЗМЕТКА ТЕКСТА ……………………………………………………………………………… 89
Абзацы …………………………………………………………………………………………………. 90
Заголовки …………………………………………………………………………………………… 90
Списки…………………………………………………………………………………………………… 94
Другие элементы контента………………………………………………………………… 98
Организация контента страницы …………………………………………………… 101
Встроенные элементы……………………………………………………………………… 108
Общие элементы (div и span)……………………………………………………………120
Некоторые специальные символы…………………………………………………. 125
Резюме………………………………………………………………………………………………. 127
ГЛАВА 6
ДОБАВЛЕНИЕ ССЫЛОК ………………………………………………………………….. 131
Атрибут href ……………………………………………………………………………………….. 132
Ссылки на веб-страницы других сайтов ……………………………………….. 133
Ссылки на страницы собственного сайта ……………………………………… 134
Открытие ссылки в новой вкладке или окне браузера ………………. 146
Ссылки на адрес электронной почты …………………………………………….. 148
Ссылки на номер телефона ……………………………………………………………..148
Резюме………………………………………………………………………………………………. 149
ГЛ А В А 7
ДОБАВЛЕНИЕ ИЗОБРАЖЕНИЙ …………………………………………………….. 151
Форматы изображений……………………………………………………………………. 151
Элемент img……………………………………………………………………………………….. 152
Фреймы …………………………………………………………………………………………….. 160
Резюме………………………………………………………………………………………………. 161
ГЛ А В А 8
РАЗМЕТКА ТАБЛИЦ ……………………………………………………………………………. 163
Использование таблиц ……………………………………………………………………. 163
Минимальная структура таблицы …………………………………………………… 165
Оглавление
Заголовки таблицы …………………………………………………………………………. 169
Объединение ячеек …………………………………………………………………………. 170
Обеспечение доступности таблиц ……………………………………………………173
Соединение ячеек и заголовков …………………………………………………….. 174
Резюме………………………………………………………………………………………………. 175
ГЛАВА 9
ФОРМЫ ………………………………………………………………………………………………… 179
Принцип работы формы ………………………………………………………………….. 179
Элемент form …………………………………………………………………………………….. 180
Переменные и их содержимое ………………………………………………………. 184
Обзор элементов формы …………………………………………………………………185
Обеспечение доступности форм ……………………………………………………..206
Макет и дизайн формы……………………………………………………………………. 209
Резюме………………………………………………………………………………………………. 212
ГЛАВА 10
ЗНАКОМСТВО С HTML 5 ………………………………………………………………….. 219
Краткая история HTML ……………………………………………………………………. 220
Особенности разметки ……………………………………………………………………. 223
API-интерфейсы в спецификации HTML5………………………………………228
Видео- и аудиоконтент……………………………………………………………………… 231
Рисование средствами HTML5 ………………………………………………………. 239
Резюме………………………………………………………………………………………………. 244
ЧАСТЬ III ПРАВИЛА CSS ДЛЯ ПРЕДСТАВЛЕНИЯ
ГЛАВА 11
КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ ………………………………………………… 247
Преимущества CSS …………………………………………………………………………. 247
Возможности CSS ………………………………………………………………………………248
Как работают таблицы стилей ………………………………………………………… 249
Важные концепции …………………………………………………………………………. 256
Дальнейшее изучение CSS……………………………………………………………… 264
ГЛАВА 12
ФОРМАТИРОВАНИЕ ТЕКСТА (ВКЛЮЧАЯ СЕЛЕКТОРЫ ) 267
Свойства шрифта………………………………………………………………………………267
Изменение цвета текста …………………………………………………………………..287
Еще несколько типов селекторов ………………………………………………….. 288
Выравнивание строк текста ………………………………………………………….. 294
Подчеркивания и другие декоративные эффекты ……………………… 297
Изменение регистра ……………………………………………………………………….. 298
Кернинг и интервал между словам и …………………………………………….. 299
Тень текста ………………………………………………………………………………………… 300
Изменение маркеров и нумерации списков ……………………………….. 305
Резюме………………………………………………………………………………………………. 308
ГЛ А В А 13
ЦВЕТА И ФОН (ВКЛЮЧАЯ СЕЛЕКОРЫИ ВНЕШНИЕ ТАБЛИЦЫ СТИЛЕЙ ) ………309
Определение значений цвета ………………………………………………………… 309
Основной цвет …………………………………………………………………………………. 317
Фоновый цвет…………………………………………………………………………………… 318
Непрозрачность……………………………………………………………………………….. 320
Селекторы псевдокласса ………………………………………………………………… 321
Селекторы псевдоэлементов ………………………………………………………… 325
Селекторы атрибутов……………………………………………………………………….. 327
Фоновые изображения……………………………………………………………………. 330
Сокращенное свойство фона ………………………………………………………… 340
Градиенты…………………………………………………………………………………………… 344
Внешние таблицы стилей ………………………………………………………………… 350
Резюме………………………………………………………………………………………………. 353
ГЛ А В А 14
БЛОЧНАЯ МОДЕЛЬ CSS (ОТСТУПЫ ,ГРАНИЦЫ И ПОЛЯ ) …………… 355
Блок элемента…………………………………………………………………………………… 355
Задавание размеров блока ……………………………………………………………..356
Отступы ………………………………………………………………………………………………. 362
Границы …………………………………………………………………………………………….. 366
Поля…………………………………………………………………………………………………….. 378
Присвоение типов отображения …………………………………………………… 386
Добавление теней к блокам ……………………………………………………………387
Резюме………………………………………………………………………………………………. 388
ГЛ А В А 15
ОБТЕКАНИЕ И ПОЗИЦИОНИРОВАНИЕ ……………………………………….. 391
Нормальный поток……………………………………………………………………………. 391
Обтекание …………………………………………………………………………………………. 392
Основы позиционирования……………………………………………………………..409
Относительное позиционирование………………………………………………. 411
Абсолютное позиционирование…………………………………………………….. 412
Фиксированное позиционирование…………………………………………….. 423
Резюме………………………………………………………………………………………………. 425
ГЛ А В А 16
МАКЕТЫ СТРАНИЦ СРЕДСТВАМИ CSS ……………………………………….. 427
Стратегии верстки страниц……………………………………………………………..427
Шаблоны макетов страниц ……………………………………………………………. 435
Многоколоночные макеты при помощи плавающих элементов ……………..436
Позиционированные макеты ………………………………………………………… 448
Фоновый цвет колонок сверху донизу…………………………………………… 452
ГЛАВА 17
ПЕРЕХОДЫ, ПРЕОБРАЗОВАНИЯ И АНИМАЦИЯ ……………………. 457
CSS-переходы …………………………………………………………………………………… 457
CSS-преобразования ……………………………………………………………………… 470
Анимация по ключевым кадрам ……………………………………………………. 482
Резюме………………………………………………………………………………………………. 487
ГЛАВА 18
ТЕХНИЧЕСКИЕ ПРИЕМЫ CSS ………………………………………………………… 489
Сброс стилей CSS………………………………………………………………………………489
Технические приемы замены текста изображением ………………….. 491
CSS-спрайты …………………………………………………………………………………….. 493
Стилизация веб-форм ……………………………………………………………………… 497
Стилизация таблиц …………………………………………………………………………. 507
Основы адаптивного веб-дизайна………………………………………………… 511
Заключение………………………………………………………………………………………. 523
Резюме………………………………………………………………………………………………. 523
ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ ……………………………………………………………. 524
Скачать / Download
turbobit.net
dfiles.ru
littlebyte.net