Инфоурок Информатика ПрезентацииПрезентация по информатике на тему HTML-де гиперсілтеме

Презентация по информатике на тему HTML-де гиперсілтеме

Скачать материал
Скачать материал "Презентация по информатике на тему HTML-де гиперсілтеме"

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

Бухгалтер

за 6 месяцев

Пройти курс

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

Скачать

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

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

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

Описание презентации по отдельным слайдам:

  • ИС-21 тобы
 Web бағдарламалау.12.11.2014ж

    1 слайд

    ИС-21 тобы

    Web бағдарламалау.
    12.11.2014ж

  • Сабақтың құрылымы:І кезең:    Ұйымдастыру
ІІ кезең:   «Ой толғау» кезеңі...

    2 слайд

    Сабақтың құрылымы:
    І кезең: Ұйымдастыру
    ІІ кезең: «Ой толғау» кезеңі
    Оқушылардың білімін тексеру
    ІІІ кезең: «Техникалық» кезең
    Үйге берілген тапсырманы тексеру
    ІV кезең: «Біліміңді байқап көр» кезеңі
    Үй тапсырмасын бекіту
    V кезең: «Кәсіби» кезең
    Жаңа сабақты түсіндіру және тапсырма орындау
    VI кезең: «Жетістік» кезеңі Жаңа сабақты бекіту
    VIІ кезең: Сергіту кезеңі
    VIІІ кезең: Қорытынды кезеңі

  • Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тын...

    3 слайд

    Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тыныс алу жаттығуын жасаймыз. Тыныс алуға зейін қойған кезде, біздің ақылымыз дем алады. Ауаны ішке жұту кезінде тыныштық пен қуаныш қабылдаймыз. Демді сыртқа шығарған кезде өзіміздегі мазасыздықтарды сыртқа шығарамыз.
    Кәне, дайындалайық, балалар. Көзімізді жұмамыз...,арқамызды тіктейміз..., қолдарыңды тізеге қоюға болады...
    Д е м а л..... ш ы ғ а р... (жаймен 9-10 рет) немесе 1..................2)

    Тыныс алуға зейін қою. (тренинг)

  • ІІ. «Ой толғау» кезеңі.  Оқушылардың білімін тексеру. 
Белгілеу тіліне қандай...

    4 слайд

    ІІ. «Ой толғау» кезеңі. Оқушылардың білімін тексеру.
    Белгілеу тіліне қандай тіл жатады?
    Гипермәтін дегеніміз не?
    Браузер дегеніміз не?
    Тег дегеніміз не?
    Веб бетке сурет қою үшін қандай тег қолданылады?
    Келесі жолға көшу тегі
    Кесте қай тег арқылы жасалады?
    Кесте тақырыбы қандай тегпен беріледі?
    Мәтінді туралау үшін қандай атрибут қолданамыз?
    Тізім құру тегі

  • ІІІ кезең: «Техникалық» кезең
Үйге берілген тапсырманы тексеру

    5 слайд

    ІІІ кезең: «Техникалық» кезең
    Үйге берілген тапсырманы тексеру

  • IV. «Біліміңді байқап көр» кезеңі
 
Үй тапсырмасын бекіту: 
Интерактивті тақт...

    6 слайд

    IV. «Біліміңді байқап көр» кезеңі

    Үй тапсырмасын бекіту:
    Интерактивті тақтаны қолдана отырып
    HTML тілінің құрылымын көрсету
    HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)

  • HTML ТІЛІНІҢ ҚҰРЫЛЫМЫН КӨРСЕТУ1.     Интернет туралы  негізгі  түсініктер...

    7 слайд

    HTML ТІЛІНІҢ ҚҰРЫЛЫМЫН КӨРСЕТУ

    1. <HTML> </HTML> <HEAD> </TITLE>Интернет туралы негізгі <BODY> түсініктер </HEAD> </BODY> <TITLE>Интернет әлеміне саяхат









    2. <TD> кестенің екінші торы </TD></TR><TR><TD> кестенің бірінші торы </TD>
    </TABLE><CAPTION><H2> Кесте тақырыбы </H2></CAPTION>

    <TABLE ALIGN=CENTER BORDER=3 WIDTH=”80%”
    BGCOLOR=YELLOW BORDERCOLOR=BLUE>








  • HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)

    8 слайд




    HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)


    <IMG SRC>
    <TABLE>
    <TR>
    <TH>
    <TD>
    <CAPTION>
    <UL>
    <LI>
    <OL>

  • Мақсаты: 
Білімділік:
гиперсілтеме туралы түсінік беру;
гиперсілтеме тегтерін...

    9 слайд

    Мақсаты:
    Білімділік:
    гиперсілтеме туралы түсінік беру;
    гиперсілтеме тегтеріне анықтама беру;
    гиперсілтеме орындалуын корсету;
    алған білімді тәжірибе жүзінде пайдалана білу.
    Дамытушылық:
    кәсіптік қызығушылықты дамыту;
    логикалық ойлау қабілеттерін дамыта білу;
    ойын нақты және жан – жақты жетілдіру.
    Тәрбиелік:
    болашақ маман ретінде жауапкершілік сезімдерін ояту;
    өз бетімен ойларын нақты жеткізе білуге қалыптастыру.
     

    «Кәсіби» кезең
    Жаңа тақырып:
    «HTMLде гиперсілтеме құру»

  • А (ANCHOR), 

HREF (HYPERTEXT REFERENCE).

    10 слайд

    А (ANCHOR),

    HREF (HYPERTEXT REFERENCE).

  • ГИПЕРСІЛТЕМЕ ДЕГЕНІМІЗ НЕ?Гиперсілтеме (hyperlink) локальді дискте немесе ком...

    11 слайд

    ГИПЕРСІЛТЕМЕ ДЕГЕНІМІЗ НЕ?
    Гиперсілтеме (hyperlink) локальді дискте немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мәтін, тақырып, сурет т.б) басқа объектіге сілтеме беретін гипермәтінді құжаттың бір бөлігі.
    Сілтеме енгізу үшін А (anchor) тегі қажет болады. Сілтеменің қайда апаратыны көрсету үшін тегтің href (hypertext reference) атрибутын пайдаланамыз.

  • Мысалы сілтеме Қазақша Уикипедияға апаратын болса, HREF атрибутының мәні “htt...

    12 слайд

    Мысалы сілтеме Қазақша Уикипедияға апаратын болса, HREF атрибутының мәні “http://kkk.wikipedia.org” тең болады.
    Осы тырнақшаның ішіндегі жазу Қазақша Уикипедияның толық адресі немесе
    сайттың URL деп аталады.

    <A HREF= “http://kkk.wikipedia.org” > Қазақша Уикипедияға сілтеме </A> 


  • Егер бір беттен екінші бетке көшу керек болса, онда беттің толық адресі кере...

    13 слайд


    Егер бір беттен екінші бетке көшу керек болса, онда беттің толық адресі керек емес. Мысалы:
    <A HREF= “2_bet.html” > Екінші бетке көшу үшін басыңыз </A>

    Егер 2_bet.html беті website бумасында орналасқан болса, ал сілтеме басатын бірінші бетіміз (1_bet.html) буманың сыртында орналасқан болса
    <A HREF= “ website /2_bet.html” > Екінші бетке көшу үшін басыңыз </A>

  • Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол...

    14 слайд

    Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол үшін id атрибутын және
    # белгісін қолданамыз. Сілтеме беретін элементті id атрибуты арқылы белгілеп аламыз.
    <h1 id=”heading1”> Бас тақырып</h1>
    Енді осы элементке, яғни бас тақырыпқа # белгісі арқылы сілтеме жасаймыз. # белгісі браузерге сілтеменің осы беттің ішінде болатынын хабарлайды. # белгісінен соң біз сілтеме арқылы көшетін тегтің id ын жазамыз.
    Мысалы
    <a href=”#heading1”> Бас тақырыпқа сілтеме </a>


  • Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . С...

    15 слайд

    Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . Суреттер мәтін сияқты сілтеме бола алады. Oл үшін <IMG…> тегі сілтемелерді анықтайтын <A> тегінің арасында орналастырылады. Осындай суретке курсорды алып барсақ, ол курсорды сілтеме мәтінге бағытталған кездегідей түрге келеді.
    Мысалы: <A HREF= “ comp.html ”> <IMG SRC= “comp.jpg”> </A> Жолында <IMG SRC= “comp.jpg” > тіркесі гиперсілтеме ретінде кішкене компьютер суретін береді, оны шерту арқылы компьютер туралы мәлімет беретін файлына comp.html ауыстырады.
    Сонымен бірге дыбысқа да сілтеме жасай аламыз.
    Мысалы:
    <A href=“ sound.wav”> дыбыс</A>

  • 16 слайд

  • ЖАҢА САБАҚТЫ БЕКІТУ . МІНДЕТТІ ДЕҢГЕЙ
Веб параққа сурет пен дыбысқа сілтеме қ...

    17 слайд

    ЖАҢА САБАҚТЫ БЕКІТУ .
    МІНДЕТТІ ДЕҢГЕЙ
    Веб параққа сурет пен дыбысқа сілтеме құру
    <A href="*.wav"> дыбыс</A>
    <A href="*.jpg"> сурет</A>
    Есерту: дыбыстық файл мен сурет файлы орналасуын анықтау
    ЛАЙЫҚТЫ ДЕҢГЕЙ
    Оқу орны туралы веб парақ құру (сурет, сырғымалы жол, гиперсілтемені кірістіру)
    Ескерту: колледж тарихы, мамандықтар туралы, колледж жетістіктері парағын дайындап алу керек. (барлық парақтар бір бумада орналасуын ескеру)
    ЖОҒАРҒЫ ДЕҢГЕЙ
    Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасау (Әр оқушы өзі туралы веб парағын құра отырып, сілтемені бір беттің ішінде орналастыру )
    <H1> Мазмұны:<H1>
    <P><A href="#1"> І тарау. Өмірбаян </A><BR>
    <H2 id="1"> І тарау. Өмірбаян</H2>


  • СЕРГІТУ КЕЗЕҢІ. Психологиялық тренинг. «Сиқырлы қобдиша» жаттығуы.

    18 слайд

    СЕРГІТУ КЕЗЕҢІ. Психологиялық тренинг. «Сиқырлы қобдиша» жаттығуы.

  • ҚОРЫТЫНДЫ
        Үиге тапсырма
Өз тобыңыздың веб парағын құру
	БАҒАЛАУ
	ОҚ...

    19 слайд

    ҚОРЫТЫНДЫ
    Үиге тапсырма
    Өз тобыңыздың веб парағын құру
    БАҒАЛАУ
    ОҚУШЫЛАРДЫҢ СҰРАҚТАРЫНА ЖАУАП БЕРУ.
    Рефлексия.
    Соңғы тыныштық сәтi.
    (Тыныштық... бар жерде, тыныштық... бүкiл әлемде)
    - Енді көзімізді жұмып осы сабақта айтылған ойлар мен істерді ой елегінен өткізіп көрейікші.
    - Барлық айтылған жақсы ойларды жүрегіміздің түкпіріне апарып орналастырайық.
    - Енді көздеріңді аша ғойыңдар. Сабақ аяқталды. Бүгінгі күндеріңіз қуаныш әкелсін!
     

  • Сабақ аяқталды. 
Бүгінгі күндеріңіз, қуаныш әкелсін!

    20 слайд

    Сабақ аяқталды.
    Бүгінгі күндеріңіз, қуаныш әкелсін!

  • 21 слайд

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

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

за 6 месяцев

Пройти курс

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

Скачать

Краткое описание документа:

Тақырыбы: «HTML де гиперсілтеме құру»Сабақтың мақсаты:Білімділік:гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне анықтама беру, гиперсілтеме орындалуын корсету, алған білімді тәжірибе жүзінде пайдалана білу.Дамытушылық: кәсіптік қызығушылықты дамыту, логикалық ойлау қабілеттерін дамыта білу, ойын нақты және жан – жақты жетілдіру.Тәрбиелік:болашақ маман ретінде жауапкершілік сезімдерін ояту, өз бетімен ойларын нақты жеткізе білуге қалыптастыру.Сабақтың түрі:тәжірибелік, ақпараттық хабарлау, жаңа сабақты меңгерту, кіріктірілген сабақОқыту әдістемесі: индукция әдісі арқылы интерактивті оқыту қолдана отырып өткен тақырыптарды жүйелі қамту, саралап - деңгейлеп оқыту Пәнаралық байланыс: - «Ағылшын», «Ақпараттық ресурстар».Сабақтың материалды- техникалық жабдықталуы:Көрнекілік құралдары:ü компьютер;ü интерактивті тақта;ü тест бағдарламасы;ü үлестірмелі материалдар

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

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

6 625 828 материалов в базе

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

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

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

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

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

  • Скачать материал
    • 11.03.2020 1982
    • PPTX 529.6 кбайт
    • 28 скачиваний
    • Оцените материал:
  • Настоящий материал опубликован пользователем Евстратова Любовь Андреевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

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

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

    Евстратова Любовь Андреевна
    Евстратова Любовь Андреевна
    • На сайте: 3 года и 3 месяца
    • Подписчики: 0
    • Всего просмотров: 97271
    • Всего материалов: 240

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

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

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

Интернет-маркетолог

Интернет-маркетолог

500/1000 ч.

Подать заявку О курсе

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

Информатика: теория и методика преподавания в образовательной организации

Учитель информатики

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 487 человек из 71 региона

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

Методы и инструменты современного моделирования

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Сейчас обучается 38 человек из 20 регионов

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

Теория и методика обучения информатике в начальной школе

Учитель информатики в начальной школе

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 94 человека из 34 регионов

Мини-курс

Карьерный навигатор: эффективный поиск работы

6 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Психология личности: свойства и характеристики личности

5 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 45 человек из 21 региона

Мини-курс

Физическая культура и спорт: методика, педагогика, психология

10 ч.

1180 руб. 590 руб.
Подать заявку О курсе