Web-страницы. Язык HTML © К.Ю. Поляков, 2007-2008 Тема 4. Списки. - презентация

1 Web-страницы. Язык HTML © К.Ю. Поляков, Тема 4. Списки

2 2 Маркированные списки Вася Петя Коля Вася Петя Коля unordered list (неупорядоченный список) list item (элемент списка) изменение маркера: disk circle square

3 3 Нумерованные списки Вася Петя Коля Вася Петя Коля ordered list (упорядоченный список) изменение нумерации: , i, I, a, A

4 4 Списки определений компьютер устройство для обработки информации дискета гибкий магнитный диск винчестер жесткий магнитный диск компьютер устройство для обработки информации дискета гибкий магнитный диск винчестер жесткий магнитный диск definition list (список определений) definition term (термин) definition description (описание)

5 5 Многоуровневые списки Города России Города Украины Города России Города Украины Москва Санкт-Петерург Киев Одесса

6 Web-страницы. Язык HTML © К.Ю. Поляков, Тема 5. Рисунки

7 7 Форматы рисунков GIF (Graphic Interchange Format) сжатие без потерь прозрачные области анимация только с палитрой (2…256 цветов) рисунки с четкими границами, мелкие рисунки JPEG (Joint Photographer Expert Group) сжатие с потерями только True Color (16,7 млн. цветов) нет анимации и прозрачности рисунки с размытыми границами, фото PNG (Portable Network Graphic) сжатие без потерь с палитрой (PNG-8) и True Color (PNG-24) прозрачность и полупрозрачность (альфа-канал) нет анимации плохо сжимает мелкие рисунки

8 8 Фон страницы "images/back.jpg" "../images/back.jpg" " "images/back.jpg" "../images/back.jpg" " Не должно быть "швов"! ! Фон не должен мешать! !

9 9 Рисунки в документе из той же папки: из другой папки: с другого сервера: image (изображение) source (источник)

10 10 Выравнивание left right top bottom (по умолчанию) middle

11 11 Отступы VSPACE (vertical space) HSPACE (horizontal space)

12 12 Другие атрибуты всплывающая подсказка надпись на месте рисунка, если его нет всплывающая подсказка надпись на месте рисунка, если его нет размеры позволяют: растянуть - сжать не портить дизайн, если рисунка нет размеры позволяют: растянуть - сжать не портить дизайн, если рисунка нет толщина рамки вокруг рисунка