Инфоурок / Информатика / Другие методич. материалы / Технологическая карта ученика на тему "Вставка рисунков в HTML".
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.

Педагогическая деятельность в соответствии с новым ФГОС требует от учителя наличия системы специальных знаний в области анатомии, физиологии, специальной психологии, дефектологии и социальной работы.

Только сейчас Вы можете пройти дистанционное обучение прямо на сайте "Инфоурок" со скидкой 40% по курсу повышения квалификации "Организация работы с обучающимися с ограниченными возможностями здоровья (ОВЗ)" (72 часа). По окончании курса Вы получите печатное удостоверение о повышении квалификации установленного образца (доставка удостоверения бесплатна).

Автор курса: Логинова Наталья Геннадьевна, кандидат педагогических наук, учитель высшей категории. Начало обучения новой группы: 27 сентября.

Подать заявку на этот курс    Смотреть список всех 216 курсов со скидкой 40%

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





Самые низкие цены на курсы переподготовки

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

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

Начало обучения ближайшей группы: 27 сентября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

Общая информация

Номер материала: ДВ-295063

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

2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации. Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии.

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Законы экологии», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

Конкурс "Законы экологии"