Атрибуты тэгов «Создание Web-сайтов» Занятие 1 Часть 2. - презентация

1 Атрибуты тэгов «Создание Web-сайтов» Занятие 1 Часть 2

2 текст

3 Атрибуты тэга маркированного списка UL type – стиль элемента списка: disc – кружок; circle – окружность; square – квадратик.

4 Атрибуты тэга нумерованного списка OL type – стиль элемента списка: 1 – арабские цифры; A – буквы верхнего регистра (англ.); a – буквы нижнего регистра (англ.); I – римские цифры верхнего регистра ; i – римские цифры нижнего регистра. start – номер, с которого должна начинаться нумерация

5 Атрибут align для выравнивания текста left center right justify По левому краю По центру По правому краю По ширине В начало страницы

6 Цвет на Web-странице Разряд Цветкрасныйзеленыйсиний A B C D E F

7 Примеры цветов КодЦвет #000000Черный #FFFFFFБелый #FF0000Красный #00FF00Зеленый КодЦвет #0000FFСиний #FFFF00Желтый #FF00FFФиолетовый #00FFFFБирюзовый

8 Стандартная палитра Web СС FF

9 Настройка цветов страницы (тэг BODY) bgcolor background text link alink vlink Цвет фона Рисунок фона Цвет текста Цвет гиперссылок Цвет активных гиперссылок Цвет посещенных гиперссылок

10 Цветовой дизайн сайта Цвета фона и текста должны контрастировать по яркости. Использовать только 2 – 3 цвета. Хорошо смотрится использование разных оттенков одного и того же цвета.

11 Цветовое оформление сайта «Башни Московского Кремля»

12 Дизайн фонового рисунка Не должен затруднять восприятие текста. Использовать маленький по объему графический файл. Фоновый рисунок не отменяет настройку цвета фона.

13 Фоновый рисунок сайта «Башни Московского Кремля»

14 Оформление частей текста (тэг FONT) face color size Гарнитура шрифта Цвет шрифта Размер шрифта Несколько раз Московскому Кремлю грозило … … государственности.

15 Рисунки на Web-странице ФорматРасширение Количество оттенков GIF*.gif256 JPEG*.jpg16 млн. PNG*.png281 трлн.

16 Формат GIF 256 цветов поддерживает загрузку файла с чередованием строк возможен прозрачный фон осуществляет анимацию изображения Используют для рисунков и gif-анимации.

17 Формат JPEG 16 млн. цветов фотографическое качество изображений позволяет задать еще более высокую степень сжатия за счет потери качества Используют для фотографий

18 Формат PNG 281 трлн. цветов поддерживает загрузку файла с чередованием строк возможен прозрачный фон (с различной степенью прозрачности) помехоустойчивый, осуществляет проверку на ошибки при передаче файлов Используют для фотографий

19 Размещение рисунков (тэг IMG)

20 Атрибуты тэга IMG width height alt border lowsrc vspace hspace align Ширина объекта Высота объекта Подпись рисунка Толщина рамки Упрощенный рисунок Отступы сверху и снизу от рисунка Отступы слева и справа от рисунка Выравнивание текста около рисунка

21 Значения атрибута align topодна строка текста справа на уровне верхнего края рисунка bottomодна строка текста справа на уровне нижнего края рисунка middleодна строка текста справа на уровне середины рисунка left рисунок слева от текстового массива right рисунок справа от текстового массива

22 Башни Московского Кремля

23 Башни Московского Кремля

24 … ров глубиной 10 м и шириной 32 м, выложенный белым камнем. Протяженность укреплений более 2-х километров, высота…

25 Царская башня Изящная башенка построена взамен обветшавшей деревянной вышки…