close

Вход

Забыли?

вход по аккаунту

?

Урок 2. Оформление документа

код для вставкиСкачать
Урок 2. Оформление документа
Работа с цветом. Некоторые теги могут иметь в качестве атрибутов переменные, обозначающие цвета. Эти переменные применяются в основном для определения цвета фона html-документа, цвета текста или цвета, при помощи которого отображаются гиперссылки.
Определить цвет можно двумя методами: заданием названия цветов словами, или с помощью шестнадцатеричного цифрового кода по формату #RRGGBB.
Параметры тега body:
bgcolor="color" - определяет цвет фона,text="color" - определяет цвет текста.
link, alink, vlink ="color" - определяет цвета ссылки, активной ссылки, посещенной ссылки
Атрибуты шрифта. Атрибуты шрифта обычно задаются в каскадных таблицах стилей, но можно (крайне нежелательно) их задавать и непосредственно в коде веб-страницы. Например:
<font face="тип шрифта" size="размер" color="цвет">
Размер задается цифрой от 1 до 7. Причем, самый большой шрифт равен 7, по умолчанию шрифт равен 3. Размер шрифта может задаваться и относительной величиной, например +2 или -3. Пример:
<font face="comic sans ms" size="+2" color="red">
Вставка рисунков в ВЕБ-страницу. Можно задать в теге <body> параметр background, определяющий фоновый рисунок страницы: <body background="1.jpg">. Фоновый рисунок, меньший по размеру, чем страница, "размножается" на всю страницу.
Для вставки рисунка используется тег <img src="url">, например:<img src="image/kart.jpg">
Тег вставки рисунка имеет следующие атрибуты (параметры):
* Alt - задает альтернативный текст
* Align=(top, middle, bottom, left, right) - выравнивание (используется первое значение)
* Width, height - ширина и высота рисунка (при указании одного параметра второй изменяется пропорционально
* Border - рамка
* Vspace, hspace - расстояние между рисунком и текстом по вертикали и горизонтали
Плавающие рисунки. Обтекание текстом и его прерывание.
Если рисунку дать выравнивание align= "left" или "right", то текст, записанный за рисунком, будет его обтекать. Обтекание текста иногда необходимо прервать (например, когда надо установить надпись под рисунком, или начать новый раздел). Прерывание делают параметром Clear= "left", "right" или "all" тега br. При этом будет прерываться)обтекание слева, справа либо все.
Например, <br clear= "left">
Средства Microsoft Office. Picture Manager - обеспечивает гибкие средства управления, редактирования и совместного использования рисунков. Программа позволяет сжимать рисунки для публикации их в документах, веб-страницах, сообщениях электронной почты, изменять размеры рисунка, экспортировать его в основные форматы, типа gif, jpeg и т.д.
Маркированные и нумерованные списки
Теги <ul> </ul> - определяют маркированный HTML список. Внутри них теги <li> </li> - определяют элементы (пункты) маркированного HTML списка. Тип маркера определяется атрибутом type со значениями square, disk и circle(закрашенные квадрат и круг, контур круга)
Теги <ol> </ol> определяют нумерованный HTML список. Его тип определяется type="A", "I" и т.д. Применяются также многоуровневые (вложенные) списки.
Задание к уроку 2
1. Создайте проект "стихи", где на страничке должно быть любое четверостишие по центру, каждая строчка разного стиля, ниже - запись математических и химических формул - также разного стиля. Не забывайте декоративные элементы - горизонтальная линия, цвет фона, подчеркивание и перечеркивание теста. Пример формул: H2O, C=SQR(A2+B2) и т.д.
2. Создайте проект "Списки городов по странам". Вставьте хороший background.
Задание на дом (не забудьте вставить фон)
1. Создайте проект "Животный мир Ильичевска", где на страничке должны быть плавающие картинки животных с описаниями (каждое описание разного стиля).
2. Создайте фотогалерею группы. Каждого нарисуйте в Paint либо другом графическом редакторе и подготовьте для публикации в Picture Manager. Картинка (слева, справа) - обтекающее описание.
3. Создайте (с учетом всех тегов) свою страницу, представляющую Вашу фирму "Рога и копыта".
Автор
sob-mk
sob-mk146   документов Отправить письмо
Документ
Категория
Методические пособия
Просмотров
89
Размер файла
26 Кб
Теги
урок, оформление, документы
1/--страниц
Пожаловаться на содержимое документа