
- •Введение
- •Глава 1. Основы
- •1.1. Браузеры
- •Преодоление различий браузеров
- •1.2. Программирование
- •1.3. Дизайн при неизвестном разрешении монитора
- •Гибкая раскладка
- •Дизайн с фиксированной шириной
- •1.4. Знакомство с серверами
- •Корневая директория для Web
- •Java-сервлеты и jsp
- •Абсолютная и относительная адресация
- •Соглашения об именах файлов
- •Выбор кодировки
- •Глава 2. Html и xhtml
- •2.1. Роль html
- •2.2. Отделение представления от структуры документа
- •2.3. Атрибуты
- •Вложенные элементы
- •Информация, которую браузеры игнорируют
- •2.4. Введение в xhtml
- •Три разновидности html 4.01 и xhtml 1.0
- •Хорошо сформированный xhtml
- •Атрибуты id и name
- •2.5. Элементарная структура документа
- •2.6. Тело документа
- •2.7. Текстовые элементы
- •Блочные элементы
- •Внутристрочные элементы логического форматирования
- •Перенос строки
- •Горизонтальные линейки
- •Стилевые элементы
- •Практика
- •Как сделать хороший html – документ
- •2.8. Создание гиперссылок
- •Организация ссылок на область документа
- •Практика
- •2.9. Таблицы
- •Описательные элементы
- •Группы строк
- •Столбцы и группы столбцов
- •2.10. Фреймы
- •Преимущества использования фреймов
- •Недостатки
- •Базовая структура набора фреймов
- •Нестандартные атрибуты
- •Нестандартные атрибуты
- •Создание строк и столбцов
- •2.11. Формы
- •Элементы форм
- •Поле для ввода текста
- •Поле для ввода пароля
- •Переключатель
- •Выбор файла
- •Многострочные текстовые поля
- •Создание меню при помощи элементов select
- •Группы вариантов
- •Надписи
- •Атрибуты accesskey и tabindex
- •Практика
- •Глава 3. Стили css
- •3.1. Преимущества css
- •Определение – задают свойства селектора.
- •3.2. Способы добавления таблиц стилей на Web-страницы
- •Href – позволяет задать url-адрес таблицы стилей.
- •Наследование
- •3.3. Конфликтующие правила стилей: каскад
- •3.4. Контекстные селекторы
- •3.5. Использование классов
- •3.6. Группировка
- •3.7. Псевдоселекторы
- •3.8. Другие псевдоклассы css 2.1
- •Псевдоэлементы
- •3.9. Единицы измерения, используемые в каскадных таблицах стилей
- •3.10. Свойства css для управления цветом
- •Практика Задание 1
- •Задание 2
- •Задание 3
- •3.11. Оформление таблиц с помощью css
- •Заголовки таблиц
- •Порядок наложения элементов
- •Границы
- •Расчет размеров таблицы (ширина, высота)
- •Алгоритм с фиксированной шириной
- •Алгоритм с автоматически определяемой шириной
- •3.12. Оформление таблиц
- •Практика
- •3.13. Блочные и внутристрочные элементы
- •3.14. Введение в блоковую модель
- •3.15. Нормальный поток
- •Свободное размещение
- •3.16. Пропуск размещаемых элементов
- •3.17. Позиционирование: основы
- •3.18. Охватывающий блок
- •3.19. Задание положения
- •3.20. Обработка переполнения
- •3.21. Расчет позиции элемента
- •3.22. Фиксированное позиционирование
- •3.23. Относительное позиционирование
- •Практика
- •3.24. Css свойства
- •3.25. Методики css
- •Центрирование страницы
- •Раскладка в 2 столбца
- •Раскладка в 3 столбца
- •Раскладка в 3 столбца c абсолютным позиционированием
- •Позиционирование трех столбцов
- •Центрирование с рамками и полями
- •Ложные столбцы
- •Заключение
- •Список литературы
- •Оглавление
- •Глава 1. Основы 4
- •Глава 2. Html и xhtml 15
- •Глава 3. Стили css 56
Соглашения об именах файлов
Необходимо соблюдать следующие соглашения:
• Избегайте пробелов в именах файлов. Хотя это вполне допустимо для имен локальных файлов на машинах Windows и Macintosh, пробелы не распознаются другими системами. Типичным является использование символа подчеркивания или дефиса для визуального разделения слов в имени файла, например andre_bio.html или andre-bio.html. Дефис часто является более предпочтительным, поскольку поисковые машины так лучше индексируют отдельные слова в имени файла.
Избегайте употреблять в именах файлов специальные символы, такие, как ?,%,#, / и :. Лучше всего ограничить используемые в именах символы буквами, цифрами, символами подчеркивания (вместо пробелов), дефисами и точками.
Правильно применяйте суффиксы (расширения имени). HTML-документы должны иметь суффикс .html (большинство серверов также принимают .htm). Графические файлы формата GIF должны иметь суффикс .gif, а файлы формата JPEG – суффикс jpg или jpeg. Если ваши файлы не будет иметь правильного суффикса, сервер может послать неверный заголовок HTTP Content-Type и браузер может не распознать эти файлы как предназначенные для Web.
Последовательное использование в именах файлов только букв в нижнем регистре не является обязательным, но некоторые серверы учитывают регистр, поэтому использование только букв в нижнем регистре позволяет избежать возможных проблем.
Создавайте максимально краткие имена файлов.
Выбор кодировки
W3C рекомендует использовать кодировку UTF-8 для всех (X)HTML и XML-документов, поскольку она может применяться с наибольшим количеством символов и при этом поддерживается серверами. Эта кодировка позволяет смешивать в одном документе широкий диапазон языков.
Однако не все Web-документы должны обязательно кодироваться в UTF-8. Если вы разрабатываете документ на языке, в котором используется много не ASCII-символов, вам, возможно, лучше использовать кодировку, в которой сводится к минимуму числовое представление (escaping) этих особых символов.
Глава 2. Html и xhtml
HTML (Hypertext Markup Language) – это язык разметки, используемый для включения текстовых документов в Web-страницы. HTML позволяет авторам страниц определять элементы, формирующие структуру документа, такие как заголовки, абзацы, списки и т. п. Другие элементы служат механизмами для добавления в Web-страницы гипертекстовых ссылок, интерактивных форм и мультимедийных компонентов, таких как аудио и видео.
Язык HTML прошел большой путь с того момента, как в 1991 году Тим Бернерс-Ли (Tim Berners-Lee) создал его в качестве простого способа передачи смысла и структуры гипертекстовых документов. За весьма короткий срок конкурирующие производители браузеров добавили новые элементы к исходному минимальному их набору, а первые Web-дизайнеры стали использовать HTML как визуальный инструмент разработки.
XHTML – это переработка HTML в соответствии с требованиями XML. Иными словами, в нем используется тот же словарь (те же элементы и атрибуты), как в HTML, но синтаксические правила взяты из XML, который является более строгим языком, чем HTML.
Видя необходимость упорядочить разработку HTML, Бернерс-Ли в 1994 году основал World Wide Web Consortium (W3C). W3C продолжает надзирать за HTML и связанными с ним Web-технологиями и выпускает обновленные и стандартизованные версии HTML в виде публикаций, которые с 1995 года называются рекомендациями (Recommendations). В настоящее время используются стандарты HTML 4.01 (1999) и XHTML 1.0 (2000).