Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Технологическая карта ученика на тему "Вставка рисунков в HTML".
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Технологическая карта ученика на тему "Вставка рисунков в 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 07.jpg….текст-по левому краю.

right – I><SPAN ><I>.jpg….текст по правому краю.

border - устанавливает или убирает (для гиперссылок) рамку вокруг изображения

height, widthвысота и ширина изображения в пикселях(от 5 и выше).


Расположение рисунка под текстом:

текст…

1.BMP


Расположение рисунка над текстом:

1.BMP


…текст..


Расположение рисунка с обеих сторон(по левую и по правую сторону) с текстом посередине:

12.gif”

15.jpeg”

<align=”center”>текст…

Расположение рисунка один под другим:

Текст

01.jpg

< align="left"> текст

02.jpg

< align="left"> текст

03.jpg

Центрирование изображения


1способ:

Текст

<br>

dog.gif”

Текст

2 способ:

Текст

kat.jpg”

текст

3. Практическая часть. Создать несколько веб – страничек по образцу:


hello_html_35426dea.gifВставить один рисунок в веб – страничку по параметрам (на выбор):

-по левому краю (по правому краю, по центру)

Добавить фон. Отформатировать текстовую информацию «по вкусу».

hello_html_7d25ce3d.jpg


Государственное учреждение

"Средняя школа №19 отдела образования акимата города Костаная"

ул. Волынова, 9

Директор школы: Маяцкий С.М.

Год основания: 1969




hello_html_m549316e2.gifВставить 2 рисунка, учитывая все параметры, указанные на образце. Установить рамку на 3 пикселя.

Добавить фон. Отформатировать текстовую информацию «по вкусу».

hello_html_6923e8d.jpg

Знаменательные события РК









hello_html_2d301983.gif

Вставить 3,4 рисунка, предварительно уменьшив размеры фотографий, используя инструмент

«Crop-Обрезка» в программе Adobe Photoshop.

hello_html_64381314.jpg

Маяцкий Сергей Михайлович


Кулик Наталья Николаевна

Ульжебаева Ляззат Кенжебаевна




Добавить фон. Отформатировать текстовую информацию «по вкусу».

5. Домашнее задание

1.Повторить все теги и их назначение.

2. Составить на А4 формате шаблон главной HTML-странички на тему: «Сайт Средней школы №19»



Автор
Дата добавления 28.12.2015
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров130
Номер материала ДВ-295063
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх