
- •Введение
- •Глава 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
Перенос строки
Перенос строки можно добавить в текст при помощи элемента br. Текст, идущий после элемента br, начинается с новой строки без добавления пробела перед ним. Это один из немногих презентационных элементов, сохранившихся в DTD XHTML 1.0 Strict и XHTML 1.1
<br />
Горизонтальные линейки
В некоторых случаях бывает полезно добавить визуальный разделитель между разделами текста. В (X)HTML есть элемент hr, представляющий собой горизонтальную линейку (линию) на Web-странице.
<hr />
Атрибуты
Базовые (id, class, style, title)
Устаревшие атрибуты
align="center|left|right"
noshade="noshade"
size="number"
width="number" or "numberl"
Элемент hr представляет собой блочный элемент, так что он всегда находится на отдельной строке и обычно над ним и под ним остается немного свободного пространства. По умолчанию браузеры отображают горизонтальную линейку в виде линии заданного размера со скосом.
Стилевые элементы
Существуют (X)HTML-элeмeнты, которые явно предназначены для уровня представления. Иногда их называют физическими стилями. Они образуют инструкции, относящиеся к размеру, толщине и стилю шрифта, используемого для отображения элемента.
Предпочтительным способом создания инструкций для представления являются каскадные таблицы стилей, а не использование стилевых элементов.
Стилевые элементы |
|
b |
полужирный |
big |
текст большого размера |
i |
курсив |
s |
зачеркнутый |
strike |
зачеркнутый |
tt |
телетайп |
u |
подчеркнутый |
font |
гарнитура шрифта, цвет и размер |
basefont |
задает размер шрифта по умолчанию |
Sub, sup |
Надстрочный и подстрочный шрифт |
nobr |
нет переноса строки |
wbr |
перенос слова |
hr |
горизонтальная линейка |
Элемент nobr (сокращение от no break – нет переноса) запрещает перевод строки. Элемент wbr (word break – перенос слова) позволяет авторам указать предпочтительное место для перевода строки. Эти элементы никогда не были внесены в рекомендации HTML, но они продолжают использоваться и поддерживаются Internet Explorer (всеми версиями) и Mozilla. Эти элементы не поддерживаются браузерами Safari и Opera.
Практика
Создать web-страницу со следующим текстом:
Как сделать хороший html – документ
I. Структурировать материал
1. Разбить материал на главы, параграфы, пункты
2. Придумать заголовки частей
II. Продумать стиль оформления
1. Выбрать цвета
а. Выбрать цвет фона
b. Выбрать цвет основного текста
c. Выбрать цвета для выделения отдельных элементов документа
2. Зафиксировать способы оформления отдельных элементов
IV. Написать программу
V. Провести тестирование и отладку программы
Адресация в Интернете
Каждый компьютер, подключенный к Интернету, имеет свой уникальный IP-адрес
Общее количество различных IP-адресов составляет более 4 миллиардов:
N=232 = 2 294 967 296
IP-адрес состоит из двух частей, одна из которых является адресом сети, а другая адресом компьютера в данной сети.
Маршрутизатор обрабатывает полученные им IP-пакеты следующим образом.
Уменьшает значение TTL на одну секунду или больше, если пакет надолго задерживается на маршрутизаторе. Если значение TTL достигает нуля, пакет отвергается.
Пакет может быть фрагментирован, если его размер слишком велик для сети дальнейшего следования.
Если пакет фрагментирован, то IP создает для каждого нового пакета (фрагмента) отдельный заголовок, устанавливая:
Flag (флаг), указывающий, что существуют и другие фрагменты, которые будут отправлены следом.
Fragment ID (Идентификатор фрагмента), идентифицирующий все фрагменты, составляющий один пакет.
Fragment Offset (Смещение фрагмента), обеспечивающее правильную сборку пакета на узле-получателе.
Вычисляет новую контрольную сумму.
Определяет адрес сетевого адаптера следующего маршрутизатора.
Направляет пакет дальше в сеть.
Смайлики
Примеры смайликов (Вы можете их использовать при написании электронного письма) |
|||
улыбка (смех) |
:) |
Огорчение |
:( |
:)) |
:( ( |
||
:))) |
Зевает |
:0 |
|
поцелуй |
:-* |
Злость |
>:-( |
слезы |
:`-( |
Слезы радости |
:`-) |
маленькая девочка |
8:-) |
усатый |
:-{) |
Добавить в документ картинку