7


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





 
 
X

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

После этого кнопка ЗАГРУЗКИ станет активной!

Кнопки рекомендации:

загрузить материал