Урок виробничого навчання: "Розміщення на веб-стоінці графічних об’єктів."

Про матеріал

Основи комп’ютерної графіки та веб-дизайну. Тема уроку: Розміщення на веб-стоінці графічних об’єктів.

Перегляд файлу

План уроку виробничого навчання

Назва теми . Основи комп’ютерної графіки та веб-дизайну.

Тема уроку: Розміщення на веб-стоінці графічних об’єктів.

Мета уроку:

1) навчальна мета: навчитися розміщювати на веб-сторінці графічні об’єкти.

2) розвиваюча мета: розвивати вміння думати, бачити, спостерігати;

3) виховна мета: виховання дбайливого ставлення до обладнання та культури навчального процесу; Тип уроку: урок засвоєння нових знань та умінь.

Методи проведення уроку: розповідь-пояснення, самостійна робота.

Матеріально-технічне забезпечення уроку: персональні комп’ютери, програмне забезпечення:, ОС Windows 7.

забезпечення уроку: самостійна робота, інструкція по роботі в операційній системі MS-DOS .

Хід виконання роботи

Завдання 1

Створіть у блокноті наступний документ та збережіть ім'ям

море_ПРІЗВИЩЕ.HTML <HTML>

<HEAD> <TITLE>МАЛЮНОК</TITLE>

<HEAD>

<IMGSRC=" НАЗВА ФАЙЛУ "ALIGN=left HSPACE=10VSPASE=10>

Блакитні води океану та коралові рифи. Ласкаве сонце і білосніжний прибережний пісок, фантастичний підводний світ і казкові птахи, буяння,непрохідніліси і п'янкий запах орхідей.. . Сприятливий клімат Острова Свободи дає можливість туристам відвідувати його цілийрік. Тут немає зайвої вологості,а спека не така страшна завдяки постійним подувам бризів із океану. Середньорічнатемпература повітряйводистановить+26—28°С. </BODY>

</HTML>

Створення фотогалереї.

Створіть у HTML-документі таблицю ,в комірки якої вставите ілюстрації. Документ збережіть під назвою Фотогалерея_ПРІЗВИЩЕ.html

<HTML>

<BODY>

<TABLE>

<TD><AHREF="foto/4.html"TARGET="_blank"><IMGSRC="foto/4.jpg"

WIDTH=180HEIGHT=150ALT="KBK"></TD></TR>

<TR><TD><AHREF="foto/5.html"

TARGET="_blank"><IMGSRC="foto/5.jpg"

WIDTH=180HEIGHT=150ALT="Шкільний xop"></TD>

</TABLE>

</BODY>

</HTML>

Уредакторі Блокнот створіть документи,де описано напрями роботи фірми,і збережіть їх як файли 1_ПРІЗВИЩЕ.html <HTML>

<TITLE>Замовники фірми"Калина"</TITLE>

<H1>Наші замовники</Н1> <Н2>Фірма"Карпати"</Н2>

<Н2>Фірма"Золотий жук"</Н2> <Н2>Фірма"Пролісок"</Н2>

</BODY>

</HTML>

<HTML>

Створіть файл map_ПРІЗВИЩЕ.html ,який містить такий код:

<HTML>

<TITLE>Напрям ироботи фірми"Калина"</TITLE> <BODY BGCOLOR=pink>

<AREA HREF="3.html"ALT="РОЗПОВІДЬ ПРОМАЙБУТНЄ"

SHAPE="rect"coords="2,4,98,36">

</MAP>

</BODY>

</HTML>

СТВОРІТЬ У БЛОКНОТІ ДОКУМЕНТ ТА ЗБЕРІЖІТЬ ПІД НАЗВОЮ

ВІДЕО_ПРІЗВИЩЕ.HTML

<HTML>

<HEAD>

<TITLE>Вставка видео</TITLE>

</HEAD>

<BODY>

<H2 align="center">Вставка видео</H2>

<IMG dynsrc="назва відео">

</BODY>

</HTML>

СТВОРІТЬ У БЛОКНОТІ ДОКУМЕНТ ТА ЗБЕРІЖІТЬ ПІД НАЗВОЮ ВІДЕО 2_ПРІЗВИЩЕ.HTM

<!doctype html>

<html>

<head>

<title>Вставка видео на сайт</title>

</head>

<body>

<h1>Вставка видео на сайт</h1>

<h2>1 Способ: Вставляем видео при помощи сервиса Youtube</h2>

<h2>2 Способ: Вставляем видео при помощи плеера</h2> <h2>3 Способ: Вставляем видео при помощи тегов HTML5</h2> </body>

</html>

СТВОРІТЬ У БЛОКНОТІ ДОКУМЕНТ ТА ЗБЕРІЖІТЬ ПІД НАЗВОЮ

ВІДЕО 3 ЮТУБА_ПРІЗВИЩЕ.HTML

pdf

Завантажити

Зберегти на потім

Додав(-ла)

Романович Оксана Миколаївна

Пов’язані теми

Інформатика, Розробки уроків

Додано

3 квітня 2019

Переглядів

1076

Оцінка розробки

Відгуки відсутні