Инфоурок Информатика Другие методич. материалыГрафикалық нысандардың web –парақта орналасуы.doc 11 сынып

Графикалық нысандардың web –парақта орналасуы.doc 11 сынып

Скачать материал

Күні: 12-19.04.2016

Сыныбы: 11

                                  Оқу-ісінің меңгерушісі   

                                  ________ Е.Дайнашов

Сабақтың тақырыбы:

Графикалық нысандардың web –парақта орналасуы

Сабақтың мақсаты:

HTML тілінде сурет тэгасы қызметін үйрету.

Білімділік:Сурет салу атрибуттарымен және олардың жазылу жолдарымен таныстыру.

Дамытушылық: HTML тілінде сурет салу арқылы оқушылардың шығармашлық қабілетін дамыту

Тәрбиелік: Әсемділікке, әдемілікке баулу.Оқушылардың эстетикалық талғамын байыту, ақпараттық мәдениетін қалыптастыру және ұқыптылыққа тәрбиелеу.

Күтілетін нәтиже

HTML тілінде сурет  тегтер  артықшылықтары қағидасын.

Оқушылар үйренуі тиіс:   тегі көмегімен  мәтін параметірлерін  басқаруды,    тегі үшін  түзеу параметірін  басқаруды,тізімдер құру,

тізбектерін қолдануды.

Сабақ түрі: 

Жаңа тақырыпты түсіндіру.

Сабақ кезеңдері

Мұғалімнің іс - әрекеттері

Оқушылардың

іс - әрекеттері

Ұйымдастыру кезеңі.

     Оқушылармен амандасу, түгендеу

     Амандасады, сабаққа келмеген оқушыларды айтады.

Үй жұмысын тексеру.

1.      Web-те  HTML-ді қолдынудың артықшылығы неде?

2.      HTML Файл нені анықтайды?

3.      Жаңа  web   парақты қалай жасауға болады?

4.      Мәтіндегі пішімдеуге арналған тегтерді атаңдар?

5.      Web  парақтардың бөліктері нені басып шығарады?

6.      HTML дегі бос орындар қалай түсіндіріледі?

Жаңа тақырыпты түсіндіру

Web -парақ ішіне суреттерді орналастыру

   <IMG> тэгі құжат ішіне суреттерді қою мүмкіндігін береді.Ал сурет осы тэг жазылған орында пайда болады.Аталаған тэг –бірэлементі тэг.Сондықтан ол жалғыз жазылады. Web құжаттарындағы  сурет немесе графика ереже бойынша үш форматта жазылады, олар:GIF,JPG,PNG .Сіздің салатын суретіңіз “Lesson” бумасының ішіне жұмыс каталогы ретінде жазылады.Сол жағдайда ғана Сіз оны Web құжатына орналастыра аласыз.

Жазылу форматы:

<IMG SRC=” Сурет ”>

1. HTML файлына өзгерістер енгіз:

< HTML>

<HEAD>

<TITLE> HTML- де практикалық жұмыс </TITLE>

</HEAD>

<BODY BGCOLOR=”#FF888CC” TEXT=”#330066>

<PALIGN=CENTER>

<FONT COLOR=”#008080” SIZE=”7”><B> HTML-де</B></FONT><BR>

<FONT SIZE =”6”  <I> құжаттарды құру алгоритмі </I></FONT>

<IMG SRC=”fullscreen.png”>

</P>

</BODY>

</HTML

Сурет атрибуттарын тағайындау

Сурет атрибуттарына мына тэгалар жатады:ALT, BORDER,ALIGH, HEIGHT, WIDTH, VSPASE, HSPACE. Ал олардың жазылу форматы мен сипаттамасына  2- кестеде берілген.

Сурет атрибуттарының сипаттамасы

2-кесте

 

 

Атрибут

 

 

Жазылу форматы

 

Сипаттамасы

 

ALT

<IMG SRC=”fullscreen.png”

ALT=”суретке түсініктеме” >

Егер сурет көрсетілмесе, онда оның орына сурет атының жазулыу, не сол сурет жөнінде мәлімет беріледі

BORDER

<IMG SRC=”fullscreen.png”         BORDER=”3”>

Суретті қоршап тұрған жақтау сызығының қалындығы пиксельмен беріледі.

ALIGN

<IMG SRC=”fullscreen.png”         ALIGN=TOP>

Мәтінге  байланысты суреттердің орналасуы көсретіледі.Қызметші сөздер: жоғары, төмен ,ортада ,сол жақта , оң жақта

HEIGHT

<IMG SRC=”fullscreen.png”         HEIGHT=111>

Суреттің биіктігінің пиксельмен немесе терезе биіктігінің пайызымен береді.

WIDTH

<IMG SRC=”fullscreen.png”         WIDTH=220>

Суреттің енін пиксельмен немесе терезе енінің пайызымен береді.

 

VSPASCE

<IMG SRC=”fullscreen.png”         VSPASCE >

Суреттің жоғары және төменгі жақтарының бос аймақ мөлшерін пиксельмен береді

HSPACE

<IMG SRC=”fullscreen.png”         HSPACE=”8”>

Суреттің сол жақ және оң жақ шеттеріндегі бос аймақ мөлшерін пиксельмен береді.

Тәжірибелік жұмыс

 

 №1-тапсырма. Мәтінге сурет енгіз.

Оқу инемен құдық қазғандай

Кітаптар

Кітап білім бұлағы

< HTML>

<HEAD>

<TITLE> Мәтінен бөлек сурет  </TITLE>

</HEAD>

<BODY>

<H1 ALIGN=CENTER> <B>Оқу инемен құдық қазғандай</B></H1>

<PALIGN=CENTER> <IMG SCR=ALT=”ТЕКСТ”></P>

<P>

Кітап білім бұлағы

</BODY>

</HTML

 

№2-тапсырма.Мәтінге сурет енгіз

< HTML>

<HEAD>

<TITLE> Мәтінен  сурет  </TITLE>

</HEAD>

<BODY>

<H1 ALIGN=CENTER> <B> Жаз</B></H1>

<H2>Жаз келді</H2>

<H3>Жайнады айнала</H3>

<H4 ALIGN=CENTER> <IMG SCR=”name.giv”>/H4>

</BODY>

</HTML

№3-тапсырма .Төменде берілген тапсырмаға программа жаз

Internet - бүкіләлемдік компьютерлік желі .

№4-тапсырма.Төменде берілген программа үзіндісін толықтырып жаз:

< PALING=CENTER>

<FONT COLOR=”#008080”  SIZE=”7 > <B> HTML-де

</B> </FONT><BR>

<FONT  SIZE=”6”> <1> Құжаттарды құру алгоритмі

</I><FONT> <BR><BR>

<IMG SRC=”……..”>

...........

 

Сергіту сәті.

Жаттығуды орындарында отырып орындау.

Қол саусақтарына арналған жаттығулар

Алақанды уқалау.

Қолды қысу

Білезіктен айналдыру

Көзге арналған жаттығулар.

Көзді бірнеше рет жыпылықтату.

Көзіңмен ақырын оң жаққа, жоғары, солға, төмен  қарай 3-4 рет айналым жаса

Бекіту.

1.      Прарақтағы фонның түсін қалай өзгертуге болады?

2.      Web  парақтарды құру үшін кескіндердің қандай графикалық пішімдері жиі қолданылады?

3.      Графикалық нысанды кірістіру үшін қолданылатын тегті және оның атрибуттарын атаңдар.

4.      Браузерде графиканы көрсету қосылмаған жағдайда қолданушы нені көреді?

5.      Графикалық нысандар санының көбеюі браузер жұмысының жылдамдығына қарай әсер етеді?

 Оқуды бағалау.

Сабаққа белсенді қатысқан оқушыларды бағалау.

Бағаны күнделіктеріне қойдырады

Үй жұмысы.

 Конспект оқу

Күнделіктеріне үй тапсырмасын жазып алады.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Графикалық нысандардың web –парақта орналасуы.doc 11 сынып"

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Хранитель музейных предметов

Получите профессию

Методист-разработчик онлайн-курсов

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 663 647 материалов в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 25.04.2016 4435
    • DOCX 86 кбайт
    • 17 скачиваний
    • Рейтинг: 1 из 5
    • Оцените материал:
  • Настоящий материал опубликован пользователем Джалмаганбетова Раушан Аманбаевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    • На сайте: 8 лет и 4 месяца
    • Подписчики: 5
    • Всего просмотров: 183031
    • Всего материалов: 61

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Бухгалтер

Бухгалтер

500/1000 ч.

Подать заявку О курсе
  • Сейчас обучается 23 человека из 16 регионов

Курс повышения квалификации

Особенности подготовки к сдаче ОГЭ по информатике и ИКТ в условиях реализации ФГОС ООО

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 100 человек из 39 регионов
  • Этот курс уже прошли 806 человек

Курс повышения квалификации

Использование нейросетей в учебной и научной работе: ChatGPT, DALL-E 2, Midjourney

36/72 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 619 человек из 77 регионов
  • Этот курс уже прошли 956 человек

Курс профессиональной переподготовки

Разработка и сопровождение требований и технических заданий на разработку и модернизацию систем и подсистем малого и среднего масштаба и сложности

Системный аналитик

600 ч.

9840 руб. 5600 руб.
Подать заявку О курсе
  • Сейчас обучается 66 человек из 34 регионов
  • Этот курс уже прошли 83 человека

Мини-курс

Основы психологических трансформационных игр

4 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 55 человек из 33 регионов
  • Этот курс уже прошли 32 человека

Мини-курс

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

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 23 человека из 14 регионов
  • Этот курс уже прошли 12 человек

Мини-курс

Воспитание будущего поколения: от педагогики до игровых технологий

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Этот курс уже прошли 18 человек
Сейчас в эфире

Информационная интоксикация: методы исцеления

Перейти к трансляции