Создание Web-сайта

Мак-Дональд М."Создание Web-сайта. Недостающее руководство.", БХВ-Петербург, 2013 год,624 стр.

БХВ Петербург http://www.bhv.ru/

 

Простым и понятным языком написано, как спланировать и создать Web-сайт, разместить его в Интернете. Рассмотрены основы работы с редакторами Web-страниц (Expression Web, Dreamweaver), дан обзор бесплатных редакторов. Подробно разобраны тонкости создания таблиц стилей, добавления графики, связывания страниц, разработки макета страницы. Также рассмотрены страницы с многократно используемыми элементами.

В книге уделено пристальное внимание проблеме продвижения сайта: регистрация в поисковиках, каталогах, работа с Google Analytics, сервисом Google Places, Google AdWords, ведение сопровождающего блога в Facebook, Twitter, Google Groups. Описано создание собственного блога на платформе Blogger. Показано, как зарабатывать деньги на своем сайте (Google AdSense, Amazon Associates, PayPal).

Описаны элементы украшения Web-сайта (добавка интерактивности с помощью JavaScript, привлекательные кнопки и меню, вставка аудио и видео). В книге имеется краткий справочник по основным HTML-элементам.

Полное содержание

Оглавление
Об авторе 1
Благодарности 1
Введение 3
Что потребуется для того, чтобы начать 4
Об этой книге 5
Macintosh и Windows 5
Несколько слов о структуре книги 5
Об | этих | разделителях 6
О сетевых ресурсах 7
Отсутствующий CD 7
Обратная связь 7
Список ошибок и опечаток 8
Информационная рассылка 8
Safari® Books Online 8

Глава 1. Подготовка к вступлению в Web 9
Введение в World Wide Web 9
Web-браузеры 10
Web-серверы 14
Планирование Web-сайта 15
Виды сайтов 15
Время жизни вашего сайта 17
Приемы хорошего дизайна 18
Компоненты Web-сайта 20

Глава 2. Создание вашей первой Web-страницы 23
Введение в HTML: язык Всемирной паутины 23
Как устроен HTML-файл 24
Просмотр HTML-кода реальной Web-страницы 26
Создание HTML-файла 26
HTML, XHTML и HTML5 29
HTML-теги 30
Что такое тег? 31
Представление об элементах 32
Вложенные элементы 33
HTML-документ 35
Определение типа документа 35
Базовая структура 37
Вставка контента 39
Структурирование текста 40
А где же все картинки? 45
10 самых важных элементов (и несколько дополнительных) 47
Поиск ошибок на ваших страницах 52

Глава 3. Размещение вашей страницы в Web 55
Как работает Web-хостинг 55
Из чего состоит URL 55
Как браузеры анализируют URL 58
Имена доменов 60
Выбор удачного имени домена 60
Поиск имени 63
Регистрация вашего имени 64
Бесплатные имена доменов 68
Получение места в Web 69
Определение ваших потребностей 71
Выбор вашего хоста 74
Бесплатные Web-хосты 79
Перенос файлов 80
FTP 81
Выгрузка файлов с помощью браузера 83

Глава 4. Специализированные средства 87
Выбор программного средства 88
Разновидности редакторов Web-страниц 89
Поиск бесплатного редактора Web-страниц 90
Профессиональные HTML-редакторы 95
Работа в HTML-редакторе 96
Запуск 97
Множественные режимы отображения 97
Создание Web-страницы в режиме отображения исходного кода 99
Создание Web-страницы в режиме WYSIWYG 100
Управление Web-сайтом 103
Задание сайта в Expression Web 104
Выгрузка сайта в Expression Web 106
Задание сайта в Dreamweaver 109
Обновление сайта в Dreamweaver 111

Глава 5. Текстовые элементы 115
Представление о тексте и Web-пространстве 115
Логическая структура вместо физического форматирования 116
CSS (каскадные таблицы стилей) 118
HTML-элементы для основного текста 119
Абзацы 121
Переносы строк 122
Заголовки 124
Горизонтальные линии 126
Текст в заданном формате 127
Цитаты 128
Разделы и оболочки 130
HTML-элементы для создания списков 132
Нумерованные списки 132
Маркированные списки 134
Списки определений 135
Вложенные списки 135
HTML-элементы для таблиц 137
Простая таблица 137
Охват ячеек 139
Внутристрочное форматирование 142
Форматирование текста: курсив и жирное начертание 142
Несколько дополнительных элементов форматирования 143
Специальные символы 144
Иностранные языки 147

Глава 6. Таблицы стилей 151
Основы таблиц стилей 152
Три вида стилей 152
Анатомия правила 154
Присоединение таблицы стилей к странице 155
Применение внутренней таблицы стилей 159
Применение встроенных стилей 159
Каскад 161
Наследование 161
Более мощные селекторы 163
Селекторы классов 164
Селекторы идентификаторов 165
Цвета 166
Задание цвета 167
Поиск нужного цвета 168
Выравнивание и разгонка текста 170
Выравнивание 171
Разгонка 173
Пробелы 174
Основные шрифты 175
Задание шрифта 177
Поиск подходящего шрифта 178
Размеры шрифтов 180
Встроенные шрифты 184
Web-форматы для шрифтов 184
Применение комплектов шрифтов 185
Применение ваших собственных шрифтов 189
Границы 190
Основные границы 191
Создание улучшенных границ 192
Применение границ в таблицах 193
Руководство по созданию таблицы стилей 195
Создание хорошо структурированной таблицы стилей 195
Сокращение работы с помощью элемента <div> 199
Сокращение работы с помощью контекстного селектора 201

Глава 7. Добавление графики 203
Основные сведения об изображениях 203
Элемент <img> 204
Альтернативный текст 204
Размер изображения 206
Форматы графических файлов 208
Размещение картинок на цветном фоне 212
Изображения и стили 215
Встраивание изображений в текст 215
Границы 216
Обтекание текста вокруг изображения 217
Вставка подписей к изображениям 221
Фоновые изображения 222
Приемы работы с графикой 226
Графический текст 227
Фон для других элементов 228
Графические маркеры в списке 230
Поиск бесплатной графики 231

Глава 8. Связывание страниц 235
Представление о якоре или точке привязки 235
Внутренние и внешние ссылки 237
Относительные ссылки и папки 239
Изменения цвета ссылок и подчеркивания 245
Почтовые ссылки 246
Изображения-ссылки и карты изображений 249
Вставка закладок 252
Когда хорошие ссылки портятся 254
Управление Web-сайтом 255
Средства проверки ссылок 257
Использование перенаправлений 260

Глава 9. Макет страницы 263
Проблемы экранного пространства 263
Макет на основе стилей 267
Структурирование страниц с помощью элемента <div> 267
Плавающие блоки 268
Фиксированные блоки 269
Создание макета с несколькими колонками 271
Построение макета с фиксированной шириной 272
Создание макета с изменяемым размером 275
Максимальная ширина: подстраховка 277
Увеличение высоты колонки 279
Сверхгибкие сайты: дзэн Web-дизайна 281
Несколько дополнительных приемов верстки 283
Применение слоев 283
Комбинирование абсолютного и относительного позиционирования 285
Задание размеров таблиц 287

Глава 10. Страницы с многократно используемыми элементами 293
Представление о страницах с многократно используемыми элементами 293
Серверные включения 295
Шаблоны страниц 299
Общее представление о шаблонах страниц 299
Создание нового шаблона страницы 301
Анатомия шаблона страницы 302
Применение шаблона страницы 306

Глава 11. Обнародование вашего сайта 311
План продвижения вашего Web-сайта 311
Сделайте ваш сайт удобным для поисковых машин 313
Выбирайте информативные названия страниц 314
Вставляйте описание страницы 315
Предоставляйте замещающий текст ко всем своим изображениям 317
Применяйте информативный текст для ссылок 317
Не пытайтесь жульничать 318
Регистрация в каталогах 319
Каталог Open Directory Project 319
Каталог Yahoo 322
Регистрация с помощью поисковых машин 323
Повышение ранга в результатах поиска 325
Как спрятаться от поисковых машин 326
Google Webmaster Tools 329
Отслеживание посетителей 332
Описание Google Analytics 333
Регистрация в Google Analytics 335
Просмотр вашего Web-трафика 337

Глава 12. Продвижение Web-сайта 345
Рассказать всем 346
Беззастенчивая самореклама 346
Google Places 347
Google AdWords 349
Вернувшиеся посетители 351
Превращение сайта в сообщество 353
Взращивание Web-сообщества 353
Инструменты Web-сообществ 354
Электронные информационные рассылки 356
Twitter 358
Группы 361
Facebook 371

Глава 13. Блоги 383
Общее представление о блогах 383
Популярные блоги 386
Агрегирование 387
Хостинг блога и программное обеспечение 390
Начало работы с Blogger 392
Создание блога 392
Создание форматированных сообщений 398
Управление блогом 400
Настройка общих параметров 403
Настройка вашего профиля в Blogger 406
Присвоение вашему блогу имени пользовательского домена 407
Настройка вашего шаблона 409
Управление комментариями 416

Глава 14. Как зарабатывать деньги на своем сайте 421
Зарабатывание денег в Интернете 422
Google AdSense 423
Регистрация в AdSense 426
Интерфейс AdSense 428
Создание рекламного объявления 430
Размещение рекламных объявлений на ваших Web-страницах 436
Улучшенный поиск Google 439
Amazon Associates 444
Регистрация в качестве партнера 445
Генерация партнерских ссылок 446
Услуги для торговцев системы PayPal 452
Регистрация в PayPal 454
Прием платежей 455
Создание корзины для покупок 461
Вывод ваших денег 466

Глава 15. JavaScript: добавка интерактивности 467
Основные сведения о JavaScript 467
Серверное и клиентское программирование 468
Языки сценариев 469
JavaScript 101 471
Переменные 475
Функции 479
Внешние файлы сценариев 483
Dynamic HTML 485
HTML-объекты 485
События 491
Графические ролловеры 494
Сворачивающийся текст 496
Интерактивные формы 500
Сценарии в Web-пространстве 505
Поиск простого сценария 506
Библиотеки на JavaScript 510
Web-виджеты 510

Глава 16. Привлекательные кнопки и меню 513
Причудливые кнопки 513
Создание изображений ваших кнопок 515
Создание эффекта ролловера с помощью CSS 517
Кнопки с изображением и текстом 520
Кнопки без изображений 522
Привлекательные меню 523
Сворачивающиеся меню, сделанные самостоятельно 524
Чужие меню 529

Глава 17. Аудио и видео 535
Представление о мультимедиа 536
Связывание, встраивание и хостинг 536
Типы файлов мультимедиа 538
Стандартная фоновая музыка 540
Элемент <embed> 541
Параметры встроенного звука 542
Flash-плейеры MP3 544
Плейер Premiumbeat: воспроизведение списка мелодий 544
Плейер Yahoo: воспроизведение всех ваших ссылок 547
Лупы формата Flashtrak 549
Видеоклипы 552
Подготовка видеофайлов 552
Связанное и встроенное видео 554
Flash-видео 555
Видео в HTML5 556
Выгрузка вашего видео на YouTube 557
Регистрация на YouTube 558
Подготовительный этап 559
Выгрузка видео 560
Просмотр видео 564
Приложение 1. Краткий справочник по HTML 567
HTML-элементы 567
<a> (элемент-якорь) 568
<address> 569
<area> (карта изображения) 569
<b> (жирный шрифт) 570
<base> (базовый URL) 570
<blockquote> (блочная цитата) 570
<body> (тело документа) 571
<br> (перенос строки) 571
<button> (кнопка) 571
<caption> (заголовок таблицы) 572
<cite> (опубликованный источник) 572
<code> 572
<dd> (словарное определение) 573
<del> (удаленный текст) 573
<dfn> (определяемый термин) 573
<div> (типовой блочный контейнер) 573
<dl> (словарный список) 574
<dt> (словарный термин) 574
<em> (акцент) 574
<embed> (встроенный объект) 574
<form> (интерактивная форма) 575
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> (заголовки) 575
<head> (шапка документа) 575
<hr> (горизонтальная линия) 576
<html> (документ) 576
<i> (наклонный шрифт) 576
<iframe> (внутристрочный фрейм) 577
<img> (изображение) 577
<input> (элемент ввода) 578
<ins> (вставленный текст) 579
<li> (пункт списка) 579
<link> (взаимосвязи документа) 580
<map> (карта изображения) 580
<meta> (метаданные) 581
<noscript> (замещающий контент сценария) 581
<object> (встроенный объект) 581
<ol> (нумерованный список) 581
<option> (пункт меню) 582
<p> (абзац) 582
<param> (параметр объекта) 583
<pre> (предварительно отформатированный текст) 583
<q> (короткая цитата) 583
<samp> (стандартный вывод) 584
<script> (клиентский сценарий) 584
<select> (список выбора) 584
<small> (мелким шрифтом) 585
<span> (типовой строчный контейнер) 585
<strong> (особая важность) 585
<style> (внутренняя таблица стилей) 585
<sub> (нижний индекс) 586
<sup> (верхний индекс) 586
<table> (таблица) 586
<td> (ячейка данных в таблице) 587
<textarea> (многострочное текстовое поле ввода) 587
<th> (ячейка шапки таблицы) 587
<title> (название документа) 588
<tr> (строка таблицы) 588
<ul> (маркированный список) 588
Семантические элементы HTML5 588
<article> (статья) 590
<aside> (боковая панель) 591
<figcaption> (подрисуночная надпись) 591
<figure> (рисунок) 592
<footer> (нижний колонтитул или подвал) 592
<header> (верхний колонтитул) 592
<hgroup> (группа верхнего колонтитула) 593
<mark> (выделенный текст) 593
<nav> (навигационные ссылки) 593
<section> (секция) 594
<time> (дата или время) 594
Символьные HTML-последовательности 595
Названия цветов в HTML 597
Приложение 2. Полезные Web-сайты 598
Ссылки по главам 598
Предметный указатель 607

Рекомендуемая техническая литература:

Самойлов Е.Э. " Web-дизайн для начинающих. Практическое руководство". 2009 год.
Хольцшлаг М., Молли Е,"Языки HTML и CSS : для создания Web-сайтов", 2007 год.
Мак-Дональд М."HTML5. Недостающее руководство.",2012 год.
Шмитт К. "CSS: Рецепты программирования.",2012 год