Введение
Напутствие читателю
Гипертекстовые учебники Роботландского университета
Инструментарий занятий
Знания и умения на старте
Устройство книги
Чего нет в этой книге?
благодарности
ЧАСТЬ I ОСНОВЫ ГИПЕРТЕКСТОВОГО КОНСТРУИРОВАНИЯ
Урок 1 Первое знакомство
Простейшая HTML-страничка
HTML-программа
Головная часть программы
Тело программы
Как работает браузер?
Улучшенная HTML-страничка
Принудительный разрыв строки
Зачетный класс
Задания
Справка
HTML
Браузер
Кодировка
Пиксел
Дополнительный материал
Как ссылка представлена в браузере?
Динамические гипертекстовые документы
Изменение размеров окна браузера
Имена файлов
Комфортная работа в Windows
Как загрузить HTML-файл в браузер?
Урок 2 Красивые документы
Один и тот же текст может выглядеть по-разному
Структура, стиль и внешний вид текстового документа
Программирование вывода текста
Цвет фона и цвет шрифта
Оформление отдельных элементов текста
Текстовые ссылки и цитаты
Усиление текста
Изменение размера шрифта
Авторское форматирование
Выравнивание абзацев и фрагментов
Специальные символы
Тире и кавычки
Зачетный класс
Задания
Справка
Теги
Основные (стандартные) цвета
Дополнительный материал
Талант невозможно купить
О бригадном подряде, "идиотах" и полезном идиотизме
Цвета, которыми красим
Урок 3 Красивые программы
Структура, стиль и внешний вид программы
Как записывать текст программы?
Программирование списков
Маркированный список
Нумерованный список
Вложенные списки
Зачетный класс
Задания
Справка
Иерархия
Дополнительный материал
Нотация автора
Список и иерархия
Урок 4 Гипертекст
Сказание о гипертекстах
Первый этюд к гипертексту
Второй этюд к гипертексту
Третий этюд к гипертексту
Последний этюд к гипертексту
Гипертексты и браузеры
Переход внутри одного документа
Переход к другому документу (файлу)
Переход к метке другого документа
Имена файлов и ссылки на них
Зачетный класс
Задания
Дополнительный материал
Гипертекст - это не ГИПЕРтекст, а текст со связями
Гражданин, подпишите протокол!
Протоколы Интернета образуют иерархии
Популярные протоколы сети
Урок 5 Графика,
Не хватает картинок
Какой графический формат использовать?
Формат GIF
Формат JPG
Как программировать картинки?
Картинка в тексте
Картинка как ссылка
Зачетный класс
Задание
Дополнительный материал
Еще раз о кавычках
Нужна ли точка с "косой" для обозначения текущего каталога?
Что будет, если задать значение для border очень большим?
Вопросы к браузеру
А как же рисовать?
Где "живет" картинка?
О важности атрибутов width, height и alt
"Хвостатая" ссылка
рок 6 Конструктор документов
Приложение Структура приложения
Цепочка
Применение цепочек
Иерархия
"Уложим" картинку в фоновый паркет
Особый паркетный фон
Зачетный класс
Задания
Дополнительный материал
О важности порядка и беспомощности анархии
)ок 7 Как мы жили без таблиц?
Что такое таблица?
Как задать таблицу?
Атрибуты команды
Атрибут align
Атрибут width
Атрибуты cellpadding и cellspacing
Атрибуты bgcolor и background
Атрибуты border и bordercolor
Атрибуты bordercolordark и bordercolorlight
Атрибуты команды
Атрибут align
Атрибут valign
Атрибут bgcolor
Атрибуты bordercolor, bordercolordark и bordercolorlight
Атрибуты команды ()
Атрибут nowrap
Атрибут colspan
Атрибут rowspan
Многоликие таблицы
Страничные отступы
Многоколоночная верстка
Размещение элементов на экране
Наложение картинок
Зачетный класс
Задания
Дополнительный материал
ЧАСТЬ II ОСНОВЫ WEB-ДИЗАЙНА
Урок 8 Что такое "хорошо" и что такое "плохо"?,
Визуальные редакторы
Черный костюм, белая рубашка, галстук
Академический стиль
"Резиновый" дизайн страницы
Цвет фона и текста
Цвет ссылок
Кегль шрифта
Гарнитура шрифта
Небольшое отступление от классического HTML
в технологию CSS
Урок 9 Можно ли научиться на чужих ошибках?,
Грамматика и дизайн
Правила расстановки знаков препинания
Выравнивание
Выделения
Единообразие и умеренность выделений
Цвета
Рекомендации с частицей "не"
Ч Положительный пример
"Проба пера"
Темы конкурсных заданий
План турнира
Требования к работам
Критерий оценок
Перекрестная проверка работ
Апелляционные обсуждения
Результаты конкурса
ЧАСТЬ III ПРАКТИКУМ НА "КУХНЕ" СИДОРОВА

Практикум 1 Как Сидоров делал сайт

Вместо предисловия
Начало работы
Название сайта
Цветовая палитра сайта
Безопасная палитра
Фон
Заголовок сайта
Геометрия обложки
Стиль страниц сайта
Главные заголовки вторых страниц
Подзаголовки вторых страниц
Выделения
Единство стиля
Навигация
Стиль программирования
Практикум 2 Назаметки Сидорова
Назаметка 01 Первый закон оптимизации Web-графики
Сколько должна "весить" страница?
Назаметка 02 Какой формат выбрать?
Формат JPG
Формат GIF
Формат PNG
Назаметка 03 Анти-алиасинг
Назаметка 04 "Жесткий" и "резиновый"
"Жесткий" дизайн
"Резиновый" дизайн
Назаметка 05 Сколько "весит" мой сайт?
Назаметка 06 Очаровательные "анимашки"
Назаметка 07 Схема навигации
Назаметка 08 Универсальная схема навигации
Двухуровневая навигация
Универсальная навигация
Назаметка 09 Визуальные редакторы
Пробел, который центрируется в пустой строке
Ужасный абсолютный адрес
Полужирный пробел с "собственным лицом"
"А" - это совсем не то, что "ккордики"!
"Хорошего" должно быть много!
Брр!
Двойное центрирование: а вдруг однократное не поможет?
Визуальные узоры длиной в километр
Назаметка 10 "Глоток воздуха"
Информационному элементу нужен "воздух"
Таблица
Картинки
Назаметка 11 "Хитрый" тег : анатомия
Анатомия
Назаметка 12 /М