|
libcats.org
HTML и CSS на примерахВлад МержевичНа практических примерах раскрываются технологии HTML и CSS в плане решения различных аспектов создания веб-страниц. Приведены возможности и средства по оформлению текста и изменению его вида. Описаны основные графические форматы, которые используются на сайтах. Освещены вопросы работы с рисунками, ссылками, списками, линиями и рамками. Раскрыты возможности управления видом таблицы, ускорения загрузки табличных данных, использования шаблонов. Рассмотрены элементы форм, их параметры и примеры изменения оформления с помощью цвета, изображений и рамок. Приведены способы выравнивания рисунков, слоев и текста, использования отступов и полей и многие другие приемы оформления веб-страниц. Даются подробные сведения об особенностях популярных браузеров и о том, как они работают с тегами и стилями. Объясняется, как учитывать различия между браузерами и создавать универсальные документы, которые будут корректно в них отображаться.
Детальные примеры и пошаговое описание действий позволяют реализовать приведенные рекомендации на практике. Содержание Введение Для кого предназначена книга Как организована книга Соглашения, используемые в книге Поддержка Глава 1. Текст Аз и буки шрифтовой науки Шрифты Шрифты с засечками Шрифты без засечек Моноширинный шрифт Декоративные шрифты Размер текста Насыщенность Наклон текста Начертание Работа со шрифтами Установка шрифта Цвет текста Размер символов Изменение насыщенности Курсивный текст Верхний и нижний индекс Капитель Прописные и строчные буквы Работа с текстом Подчеркивание текста Использование тега HR Применение таблиц Использование стилей Создание буквицы Буквица в тексте Буквица на поле Выступающий инициал Отступ первой строки Пробелы между словами Выравнивание текста Отбивка строк Интерлиньяж (межстрочное расстояние) Межбуквенный интервал Глава 2. Изображения Добавление изображений Форматы графических файлов GIF JPEG PNG-8 PNG-24 Рамка вокруг изображения Выравнивание изображений Создание паспарту Использование таблиц Применение стилей Подрисуночная подпись Обтекание изображения текстом Использование параметра align тега IMG Применение таблиц Использование стилей Альтернативный текст Добавление фонового рисунка на веб-страницу Использование фонового рисунка Фоновый рисунок Создание тени Панель на изображении в браузере Internet Explorer Карты-изображения Глава 3. Ссылки Создание ссылок Виды ссылок Ссылки без подчеркивания Подчеркивание ссылок при наведении на них курсора мыши Изменение цвета ссылки Изменение цвета подчеркивания ссылки Декоративное подчеркивание ссылок Ссылки разных цветов Альтернативные способы выделения ссылок Использование фонового цвета Рамка вокруг ссылки Добавление волнистой линии под ссылкой Рисунки возле внешних ссылок Ссылки на новое окно Ссылки во фреймах Глава 4. Списки Создание списка Маркированные списки Изменение вертикальных отступов в списке Отступы от маркера до текста Вид маркера Список с рисованными маркерами Маркеры разного цвета Положение текста и маркера Нумерованные списки Нумерация списка Многоуровневые списки Глава 5. Линии и рамки Создание линий Горизонтальные линии Использование тега HR Применение рисунков Использование таблиц Применение стилей Линия с рисунком Вертикальные линии Создание вертикальных линий через таблицы Создание вертикальных линий с помощью стилей Создание рамок Использование параметра таблицы border Использование параметра таблицы cellspacing и bgcolor Вложенные таблицы Заливка ячеек таблицы цветом Декоративная рамка Использование стилей для создания рамки Рамки и плавающие фреймы Рамки с тенью Создание тени с помощью атрибута border Применение слоев Использование таблицы Рамки и заголовки Простая панель Панель с фиксированным заголовком Панель с графическим заголовком Глава 6. Таблицы Создание таблиц Особенности таблиц Заголовок таблицы Выравнивание таблиц Таблицы и рамки Таблицы с фиксированным заголовком Ускорение загрузки таблиц Выделение ячеек таблицы курсором мыши Шаблоны таблиц Простая таблица Простая таблица с заголовком Таблица с цветным заголовком Таблица с чередующимися строками Таблица с выделенными колонками Глава 7. Формы Добавление формы Элементы форм Текстовое поле Однострочное текстовое поле Поле для ввода пароля Многострочное текстовое поле Рисунки в текстовом поле Кнопки Кнопка SUBMIT Кнопка RESET Цветные кнопки Переключатели Флажки Поле со списком Скрытое поле Поле с изображением Отправка файла Группирование элементов формы Глава 8. Выравнивание элементов Выравнивание рисунков по горизонтали Центрирование по вертикали Выравнивание слоя по центру Использование отступов Применение параметра text-align Параметр align тега DIV Абсолютное позиционирование слоя Манипуляции с текстом Выравнивание текста внутри слоя Выравнивание по верхнему краю Выравнивание по центру слоя Выравнивание по нижнему краю Глава 9. Отступы и поля Создание отступов Отступы на веб-странице Отступы в форме Создание полей Поля у блочных элементов Использование отступов и полей Поля вокруг текста Отступы в тексте Создание двух колонок Глава 10. Элементы оформления Полосы прокрутки Полосы прокрутки во фреймах Новые окна Изменение цвета полос прокрутки Вид курсора мыши Ссылка на иконку сайта Создание тени Использование фильтров Применение слоев Использование спецсимволов Глава 11. Создание меню Горизонтальное меню Создание меню с помощью таблиц Применение слоев Текстовые вкладки Графические вкладки Создание вкладок Предварительная загрузка изображений Объединение изображений в одно Вертикальное меню Простое меню с рамкой Меню с подсветкой Меню и подменю Ниспадающее меню Плавающее меню Приложение. Свойства CSS Пояснения Параметр background Параметр background-attachment. Параметр background-color. Параметр background-image Параметр background-position Параметр background-repeat Параметр border Параметр border-bottom Параметр border-bottom-color Параметр border-bottom-style Параметр border-bottom-width Параметр border-collapse Параметр border-color Параметр border-style Параметр border-width Параметр bottom Параметр clear Параметр clip Параметр color Параметр cursor Параметр display Параметр float Параметр font Параметр font-family Параметр font-size Параметр font-style Параметр font-variant Параметр font-weight Параметр height Параметр left Параметр letter-spacing Параметр line-height Параметр list-style Параметр list-style-image Параметр list-style-position Параметр list-style-type Параметр margin Параметр margin-bottom Параметр overflow Параметр padding Параметр padding-bottom Параметр position Параметр right Параметр text-align Параметр table-layout Параметр text-indent Параметр text-decoration Параметр text-transform Параметр top 429 Параметр vertical-align Параметр visibility Параметр white-space Параметр width Параметр word-spacing Параметр z-index Предметный указатель метки темы: HTML, DHTML, CFML (Cold Fusion), CSS
Популярные книги за неделю:
#2
В.Бекетов, К.Харченко. Измерения и испытания при конструировании и регулировке радиолюбительских антенн (djvu)
4.82 Mb
#4
Самодельные детали для сельского радиоприемникаАвторы: З.Б.Гинзбург, Ф.И.Тарасов.Категория: радиоэлектроника
1.40 Mb
Только что пользователи скачали эти книги:
#7
Быстро и легко создаем, программируем, шлифуем и раскручиваем web-сайтПод редакцией Ю. М. Алексеева
44.03 Mb
|
|