
- •Введение
- •Глава 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
Java-сервлеты и jsp
Хотя язык Java известен своими маленькими приложениями (которые называются апплетами) для Web, это полнофункциональный и сложный язык программирования, более распространенной областью применения которого является создание больших приложений масштаба предприятия. Для Web-сервера с поддержкой Java программист может создавать Java-сервлеты, формирующие динамические Web-материалы.
JavaServer Pages (JSP) – это связанная с Java технология, сходная с ASP. Код JSP встраивается прямо в Web-страницы. Эта технология предлагает разработчикам простой способ доступа к возможностям сложных сервлетов, работающих на Web-сервере.
За дополнительной информацией о Java-сервлетах и JSP обращайтесь к страницам java.sun.com/products/servlet/ и java.sun.com/products/jsp/.
Lamp
При изучении Web-дизайна вам может встретиться аббревиатура LAMP, которой обозначаются четыре разные программы с открытым исходным кодом:
Linux: операционная система
Apache: программное обеспечение Web-сервера
MySQL: сервер баз данных
РНР (или Perl или Python): язык скриптов
Хотя эти программы и не разрабатывались для объединения в один пакет, они часто применяются вместе для создания динамических Web-материалов и приложений.
Абсолютная и относительная адресация
Абсолютный путь всегда начинается от корневой директории, обозначенной слешем (/). Первый слеш обозначает, что вы начинаете с корневой директории, и он обязательно указывает на то, что данный путь является абсолютным.
Преимущество указания абсолютных путей в ссылках, тегах изображений и других местах, где нужно указывать URL, состоит в мобильности. Поскольку пути начинаются в самом верху иерархии сервера, вы можете переместить файл в другую директорию на сервере, и ссылки не нарушатся. Недостаток в том, что становится труднее тестировать страницы на локальной машине, поскольку ваша машина, скорее всего, будет иметь другую корневую директорию, чем рабочий сервер.
Относительный путь указывает на файл или директорию относительно текущей рабочей директории. При создании Web-сайта, размещенного на одном сервере типичным является использование относительных путей в URL для указания других директорий сервера.
Если вы не укажете абсолютный путь (начинающийся со слеша), то сервер предполагает, что вы используете относительный путь. Начиная от своего текущего положения (вашей рабочей директории), вы можете двигаться вверх или вниз по иерархии директорий. Лучше всего это объяснить на примере.
Если в настоящий момент я нахожусь в директории jen и хочу сослаться на файл art. html, то относительный путь будет pers/art.html, поскольку файл art.html находится в директории pers, находящейся в текущей директории jen.
Переход на уровень вверх, в родительскую директорию, обозначается двумя точками (..). Например, если находимся в данный момент в директории jen и хотим сослаться на директорию richard/work, то путь указывается так: ../richard/work. Две точки в начале пути обозначают переход на уровень вверх, в директорию users, а там находятся директория richard и поддиректория work.
Если находимся в директории pers и хотим сослаться на директорию work в директории richard, нужно подняться на два уровня, так что путь будет выглядеть так: ../../ richard/work .
Если вы указываете на другую Web-страницу или ресурс, расположенные на сервере, используйте, как правило, относительный URL, указывающий на новый ресурс относительно положения текущего документа.