27.07.2015 Форматирование текста и размещение графики. - презентация

1 Форматирование текста и размещение графики

2 § 13.1; 13.2 (п.1-2) Вопросы: Какие тэги (контейнеры) должны присутствовать в HTML – документе обязательно? Какова логическая структура Web – страницы? Практическое задание: Продумать тему своего будущего сайта и его дизайна; Начать подборку материала.

3

4

5 Размер картинки + расстояние до текста Задать толщину рамки вокруг рисунка Указать точный адрес нахождения картинки

6 Приказ вставить картинку (image, изображение ). У этого тега нет конечного, поэтому все сведения о вставляемой картинке задаются с помощью атрибутов : Src (source, источник ) - обязательный атрибут указывающий месторасположение графического файла. При этом можно указать абсолютную ссылку на файл или относительную image/vit y.gif или относительную image/vit y.gif Align - определение способа обтекания рисунка текстом. Может принимать значения left ( рисунок слева текст обтекает его справа ), right ( текст обтекает рисунок слева ) Width и height- ширина и высота рисунка в пикселях. Значениям надо задавать реальные размеры картинки Alt (alternative, альтернативный ) – текст, который появляется как подсказка в тот момент, когда вы задержите указатель мыши над картинкой Border – толщину рамки вокруг картинки hspace и vspace – горизонтальные и вертикальные поля вокруг картинки Рисунки на Web- странице

7

8

9 1. Создать следующую страницу сайта по образцу. 2. Сохранить в папке Проект. 3. Поэкспериментировать с форматированием текста и размещением графики.

10 § 13.2 (п.3-5) Вопросы: Какие тэги (контейнеры) участвуют в форматировании текста? Какие причины могут препятствовать размещению графики? Практическое задание: Создать титульную страницу разрабатываемого сайта.