- Учителю
- Технологическая карта ученика на тему 'Вставка рисунков в HTML'.
Технологическая карта ученика на тему 'Вставка рисунков в HTML'.
Технологическая карта ученика
1. Опрос домашнего задания
1). Знаковый диктант. Соотнесите правильно варианты ответов.
1.<u>
2.
3.
4.
5.
6.
7.
8.
9.
…
10.
11.
12.
13.
14.
15.
1.тег заголовка
2. содержимое тела программы
3.полужирный шрифт
4. курсив
5. цвет текста
6.подчеркивание
7.стиль печатной машинки
8.размер шрифта
9. изменяет размер, цвет и стиль текста
10. строка заголовка
11. разрыв строки
12. указывает на начало нового абзаца
13. начало программы
14. создание таблицы
15. создание списка
2).Заполнить таблицу во флипчарте. Распределите теги с помощью указателя по колонкам таблицы.
Парные теги
Непарные теги
2.Теоретическая часть
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные: .GIF и .JPEG
Тэг <IMG> - вставка изображений
Атрибуты:
Src - обязательный, значение- адрес изображения
Например:
1. <img src = "school.gif">
2. <img src = "dog.jpeg">
Обычно файлы с картинками помещают в ту же папку, что и сама страница или в отдельную папку:
<img src = "pict/dog.gif">
align - выравнивание. Положение изображения лучше всегда указывать явно.
Значения:
Left ….текст-- по левому краю.
right - ….текст по правому краю.
border - устанавливает или убирает (для гиперссылок) рамку вокруг изображения
height, width - высота и ширина изображения в пикселях(от 5 и выше).
Расположение рисунка под текстом:
…текст…
Расположение рисунка над текстом:
…текст..
Расположение рисунка с обеих сторон(по левую и по правую сторону) с текстом посередине:
<align="center">текст…
Расположение рисунка один под другим:
Текст…
< align="left"> текст
< align="left"> текст
Центрирование изображения
1способ:
Текст
<br>
Текст
2 способ:
Текст
текст
3. Практическая часть. Создать несколько веб - страничек по образцу:
Вставить один рисунок в веб - страничку по параметрам (на выбор):
-по левому краю (по правому краю, по центру)
Добавить фон. Отформатировать текстовую информацию «по вкусу».
Государственное учреждение
"Средняя школа №19 отдела образования акимата города Костаная"
ул. Волынова, 9
Директор школы: Маяцкий С.М.
Год основания: 1969
Вставить 2 рисунка, учитывая все параметры, указанные на образце. Установить рамку на 3 пикселя.
Добавить фон. Отформатировать текстовую информацию «по вкусу».
Знаменательные события РК
Вставить 3,4 рисунка, предварительно уменьшив размеры фотографий, используя инструмент
«Crop-Обрезка» в программе Adobe Photoshop.
Маяцкий Сергей Михайлович
Кулик Наталья Николаевна
Ульжебаева Ляззат Кенжебаевна
Добавить фон. Отформатировать текстовую информацию «по вкусу».
5. Домашнее задание
1.Повторить все теги и их назначение.
2. Составить на А4 формате шаблон главной HTML-странички на тему: «Сайт Средней школы №19»