- 28.12.2015
- 1598
- 2
Технологическая карта ученика
1. Опрос домашнего задания
1). Знаковый диктант. Соотнесите правильно варианты ответов.
1.<u>
2.<head>
3.<title>
4.<html>
5.<body>
6.<br>
7.<b>
8.<i>
9. <h1>…<h6>
10. <font>
11. <color>
12. <tt>
13. <p>
14. <table>
15. <ol>
1.тег заголовка
2. содержимое тела программы
3.полужирный шрифт
4. курсив
5. цвет текста
6.подчеркивание
7.стиль печатной машинки
8.размер шрифта
9. изменяет размер, цвет и стиль текста
10. строка заголовка
11. разрыв строки
12. указывает на начало нового абзаца
13. начало программы
14. создание таблицы
15. создание списка
2).Заполнить таблицу во флипчарте. Распределите теги с помощью указателя по колонкам таблицы.
|
Парные теги |
Непарные теги |
|
|
|
<html> <head> <body> <tt> <i>
<b> <title> <i> <table> <ol> <ul>
2.Теоретическая часть
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные: .GIF и .JPEG
Тэг <IMG> - вставка изображений
Атрибуты:
Src - обязательный, значение- адрес изображения
Например:
1. <img src = “school.gif”>
2. <img src = “dog.jpeg”>
Обычно файлы с картинками помещают в ту же папку, что и сама страница или в отдельную папку:
<img src = “pict/dog.gif”>
align – выравнивание. Положение изображения лучше всегда указывать явно.
Значения:
Left <IMG SRC="07.jpg" ALIGN=LEFT width=50% vspace=10 hspace=10>….текст-– по левому краю.
right – <IMG SRC="школа.jpg" ALIGN=right width=50% vspace=10 hspace=10>….текст по правому краю.
border - устанавливает или убирает (для гиперссылок) рамку вокруг изображения
height, width – высота и ширина изображения в пикселях(от 5 и выше).
Расположение рисунка под текстом:
…текст…
<img src="1.BMP" align=left Width=200 height=200 hspace=20 vspace=20>
Расположение рисунка над текстом:
<img src="1.BMP" align=left Width=200 height=200 hspace=20 vspace=20>
<br clear=all> …текст..
Расположение рисунка с обеих сторон(по левую и по правую сторону) с текстом посередине:
<p><img src=”12.gif” width=”25%” align=”left”>
<p><img src=”15.jpeg” width=”25%” align=”right”>
<align=”center”>текст…
Расположение рисунка один под другим:
<align=”left”>Текст…
<img src="01.jpg" width="20%">
< align="left"> текст
<img src="02.jpg" width="20%">
< align="left"> текст
<img src="03.jpg" width="20%">
Центрирование изображения
1способ:
Текст
<br>
<center>
<img src=”dog.gif”>
</center>
Текст
2 способ:
Текст
<p align=center>
<img src=”kat.jpg”>
</p>
текст
3. Практическая часть. Создать несколько веб – страничек по образцу:
Вставить один рисунок в веб – страничку по параметрам (на выбор):
-по левому краю (по правому краю, по центру)
Добавить фон. Отформатировать текстовую информацию «по вкусу».
Государственное учреждение
"Средняя школа №19 отдела образования акимата города Костаная"
ул. Волынова, 9
Директор школы: Маяцкий С.М.
Год основания: 1969
Вставить 2 рисунка, учитывая
все параметры, указанные на образце. Установить рамку на 3 пикселя.
Добавить фон. Отформатировать текстовую информацию «по вкусу».
Знаменательные события РК
Вставить 3,4 рисунка, предварительно уменьшив размеры фотографий, используя инструмент
«Crop-Обрезка» в программе Adobe Photoshop.
Маяцкий Сергей Михайлович
Кулик Наталья Николаевна
Ульжебаева Ляззат Кенжебаевна
Добавить фон. Отформатировать текстовую информацию «по вкусу».
5. Домашнее задание
1.Повторить все теги и их назначение.
2. Составить на А4 формате шаблон главной HTML-странички на тему: «Сайт Средней школы №19»
Рабочие листы
к вашим урокам
Скачать
6 664 131 материал в базе
Настоящий материал опубликован пользователем Елеусизова Айнаш Досымхановна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Мини-курс
4 ч.
Мини-курс
10 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.