
- •Введение
- •Глава 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
1.4. Знакомство с серверами
Сервер – это любой компьютер, на котором запущено программное обеспечение, отвечающее на запросы на получение документов и других данных. Программы, которые запрашивают и отображают документы (такие, как браузер) называются клиентами. Термины «серверный» или «клиентский» применительно к функциям обозначают, на какой машине производится обработка. Клиентские функции выполняются на машине пользователя, серверные функции – на удаленной машине.
Web-серверы отвечают на запросы от браузеров (клиентских программ), извлекают указанный файл (или запускают скрипт) и возвращают документ или результат работы скрипта. Web-браузеры и серверы взаимодействуют по протоколу Hypertext Transfer Protocol (HTTP).
Любой компьютер может быть сервером, если на нем установлено серверное программное обеспечение. В настоящее время существует много пакетов серверного программного обеспечения, но основными лидерами являются Apache и Microsoft Internet Information Server (IIS).
На большинстве современных серверов (около 70%) работает программное обеспечение Apache. Данный сервер является мощным и полнофункциональным, и он всегда был бесплатным. Работает он главным образом на платформе Unix, но также доступны версии и для других платформ, включая Windows NT/2000 и Mac OS X.
Базовая установка Apache имеет ограниченные возможности, но их легко можно расширять и настраивать путем добавления модулей. Apache вызывает модули для выполнения конкретных задач, таких как аутентификация пользователей или запросы к базам данных. Вы можете получить копию сервера Apache и документацию к нему с домашней страницы Apache – www.apache.org.
Internet Information Server (IIS) - это серверный пакет от Microsoft, который также доступен на бесплатной основе. IIS работает на платформе Windows NT. Данный сервер развился в мощную и стабильную платформу, которую в некоторых аспектах проще устанавливать и обслуживать, чем ее Unix-конкурента. IIS включает множество современных серверных возможностей, включая использование ASP (Active Server Pages) для написания скриптов на стороне сервера. За дополнительной информацией обращайтесь к страницам Windows Server System по адресу www.microsoft.com/windowsserversystem/.
Тип сервера не влияет на большинство задач, выполняемых дизайнером, например на создание графики и разработку элементарных HTML-файлов. Но он влияет на более сложные технологии создания Web-сайтов, такие как Server Side Includes, добавление типов MIME (о которых мы поговорим позже в этой главе) и создание Web-страниц, использующих базы данных. Обязательно координируйте работу с администратором сервера, если ваше использование сервера выходит за рамки простого хранения HTML и графических файлов.
Корневая директория для Web
Когда браузер запрашивает документ, сервер определяет местоположение этого документа начиная с корневой директории сервера. Это директория, в которой согласно конфигурации содержатся все документы, доступ к которым открывается через Web. Корневая директория не обязательно отображается в URL, указывающем на документ, поэтому при загрузке файлов важно знать, где находится корневая директория.
Слеш (/) в конце URL обозначает, что URL указывает на директорию, а не на файл. Если конкретный документ не указан, большинство серверов отображает содержимое файла по умолчанию (или файла индекса). Как правило, файл индекса называется index.html, но на некоторых серверах он может называться welcome.html или default.html Часто существует иерархия имен индексных файлов, и браузер использует тот, которому присвоен наивысший приоритет. Например, если в директории содержатся файлы index.html и index.php, то можно настроить сервер на автоматическое отображение файла index.php.
Как только сервер обнаружит файл, он отправляет содержимое этого файла обратно браузеру, предваряя его несколькими заголовками HTTP-ответа. В этих заголовках содержится информация о поступающем файле, включая тип данных (который также называется типом содержимого (content type) или MIME-типом).
Браузер читает заголовок и определяет, как следует обрабатывать файл – отображать его в окне или запускать соответствующее вспомогательное приложение или плагин.
Современные Web-сайты служат порталами для двустороннего доступа к информации, электронной коммерции, поисковых систем и динамической генерации материалов. Такие функции основываются на программах и скриптах, которые обрабатывается на сервере. Для программирования на стороне сервера есть несколько технологий, наиболее распространенными из которых являются CGI, ASP, PHP и Java-сервлеты.
CGI (Common Gateway Interface)
Вместо указания HTML-файла через URL можно запросить запуск CGI-программы. CGI – это сокращение от Common Gateway Interface (Общий шлюзовой интерфейс), и именно этот интерфейс позволяет Web-серверу взаимодействовать с другими программами (CGI-скриптами), запущенными на сервере. Скрипты CGI обычно пишутся на языках Perl, С или C++.
CGI-скрипты являются традиционными методами выполнения самых разнообразных задач, таких как поиск, обработка карт ссылок на серверной стороне и игры. Однако наиболее типичная область их применения – это обработка форм (информации, введенной пользователем в поля документа). По мере того как появляются более мощные варианты с взаимодействием с базами данных (такие как ASP, PHP и сервлеты Java), традиционное CGI-программирование привлекает все меньше внимания.
Большинство администраторов серверов следуют соглашению, согласно которому CGI-скрипты хранятся в специальной директории cgi-bin (сокращение от cgi-binaries – двоичные файлы CGI). Хранение их в одной директории упрощает управление сервером и обеспечение безопасности. Если браузер подает запрос на выполнение CGI-скрипта, сервер запускает скрипт и возвращает динамически генерируемую информацию браузеру.
ASP (Active Server Pages)
ASP (Active Server Pages) – это среда программирования для Microsoft Internet Information Server (IIS). Она в основном используется для работы с данными на сервере и создания динамически генерируемых Web-страниц. Также ее можно настроить для обработки информации в формах.
Если Web-документ оканчивается суффиксом .asp (а не .html), это указывает на то, что это – текстовый файл, содержащий HTML и скрипты (обычно написанные на VBScript), которые сконфигурированы для работы с ASP на сервере.
PHP
PHP – это еще один язык скриптов, позволяющий создавать динамически генерируемые Web-страницы (сходные с ASP). PHP – это проект Apache Software Foundation, так что это бесплатное программное обеспечение с открытым исходным кодом. РНР работает с самыми разными Web-серверами, но наиболее часто его используют с Apache.
Код РНР, который сходен с Perl или ASP, можно встраивать в HTML-документ с помощью специальных PHP-тегов. Преимуществом скриптов, написанных на РНР, перед CGI является то, что очень просто включать прямо в Web-страницу короткие фрагменты кода РНР для обработки, например, данных формы или извлечения информации из базы данных.
За дополнительной информацией по РНР обращайтесь на сайт www.php.net- официальный сайт РНР.