Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Другое / Презентации / Урок информатики :«Язык разметки гипертекста HTML и его назначение»

Урок информатики :«Язык разметки гипертекста HTML и его назначение»


До 7 декабря продлён приём заявок на
Международный конкурс "Мириады открытий"
(конкурс сразу по 24 предметам за один оргвзнос)

  • Другое
Բացել Start→Programs→Accesories →Notepad Խմբագրել HTML-նշագրման էջը Պահպանել...
    Օրինակ 1    Ողջույն բոլորին
    Օրինակ 1    Ողջույն բոլորին
HTML-էջերը սկսվում են  և վերջանում են տեգերով:  և  այս նկարագրիչների զույգերո...
Այս նկարագրիչները նկարագրում են տառաշարերի մեծության աստիճանը: ... ... Այս նկ...
Пусть файл index.htm, содержит такой HTML-код:    Компьютер    Все о компьюте...
Цвет на Web-странице задают либо его названием, либо числовым шестиразрядным...
ALIGN=“right” – հավասարեցում աջից ALIGN=“center” – հավասարեցում կենտրոնից AL...
    Համակարգիչ   Իմ համակարգիչը
թավ , մուգ   թեք   ընդգծված     մուգ թեք ընդգծված   արտապատկերել   ընգծված...
Компьютер     Все о компьютере   Жирный   Курсив   Подчеркнутый     Жирны...
Այս տեգը ունի հետևյալ ատրիբուտները. FACE – ֆոնտի երես (օրինակ , FACE=“Aria...
   Компьютер      Все о компьютере
 Մինասյան Դանիելյան Սուքիասյան  Մինասյան Դանիելյան Սուքիասյան
 Մինասյան Դանիելյան Սուքիասյան  Մինասյան Դանիելյան Սուքիասյան
 այս դեպքում համարակալումը սկսվում է ցանկացած թվից:
 alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt-ում գրված տեքստը:
 alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt-ում գրված տեքստը:
HTML –ում անցում որևէ դրվագին կամ փաստթղթին կատարվում է հետևյալ նկարագրիչով....
Աղյուսակը սկսվում է  – տեգով և վերջանում է   -ի ատրիբուտները ALIGN – սա որոշո...
CELLSPACING- որոշում է աղյուսակի բջիջների եզրագծերի հեռավորությունը պիքսելներ...
աղյուսակի ամեն տողը սկսում է այս տեգով և վերջանում է  ALIGN որոշում է տեքստի...
ROWSPAN որոշում է տեքստի հորիզոնական ուղղությամբ Օր.՝ ROWSPAN=2 նշանակում է,...
< COLSPAN > որոշում է բջջի  ուղղահայաց ուղղությամբ . Օրինակ՝ ALIGN որոշում է...
HEIGHT=40 HEIGHT=40
1 из 31

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

№ слайда 1
Описание слайда:

№ слайда 2
Описание слайда:

№ слайда 3 Բացել Start→Programs→Accesories →Notepad Խմբագրել HTML-նշագրման էջը Պահպանել
Описание слайда:

Բացել Start→Programs→Accesories →Notepad Խմբագրել HTML-նշագրման էջը Պահպանել էջը .html ընդլայնումով

№ слайда 4     Օրինակ 1    Ողջույն բոլորին
Описание слайда:

<html> <head> <title> Օրինակ 1 </title> </head> <body> Ողջույն բոլորին </body> </html>

№ слайда 5     Օրինակ 1    Ողջույն բոլորին
Описание слайда:

<html> <head> <title> Օրինակ 1 </title> </head> <body> Ողջույն բոլորին </body> </html>

№ слайда 6 HTML-էջերը սկսվում են  և վերջանում են տեգերով:  և  այս նկարագրիչների զույգերո
Описание слайда:

HTML-էջերը սկսվում են <html> և վերջանում են </html>տեգերով: <head> և </head> այս նկարագրիչների զույգերով ցույց է տալիս փաստաթղթային մասի սկիզբը և վերջը: <title> </title> այն ինչ գրված կլինի այս տեգերի միջև այն կհանդիսանա բրաուզերով բացված տվյակ փաստաթղթի վերնագիր: <body> </body> ցույց են տալիս HTML փաստաթղթի մարմնի սկիզբը և վերջը, որը արտապատկերում է փաստաթղթի պարունակությունը

№ слайда 7 Այս նկարագրիչները նկարագրում են տառաշարերի մեծության աստիճանը: ... ... Այս նկ
Описание слайда:

Այս նկարագրիչները նկարագրում են տառաշարերի մեծության աստիճանը: <h1>...</h1> <h6>...</h6> Այս նկարագրիչների միջը տեքստը ընդունվում է որպես մեկ պարբերություն: <p>...</p> Տեքստի հավասարեցում ըստ... <հ1 Align=center>...</h1> <հ1 Align=right>...</h1> <հ1 Align=left>...</h1> Պարբերության հավասարեցում ըստ... <p Align=center>...</p>

№ слайда 8 Пусть файл index.htm, содержит такой HTML-код:    Компьютер    Все о компьюте
Описание слайда:

Пусть файл index.htm, содержит такой HTML-код: <html> <head> <title> Компьютер </title> </head> <body> Все о компьютере </body> </html> При просмотре в браузере файла, получим следующий вид

№ слайда 9 Цвет на Web-странице задают либо его названием, либо числовым шестиразрядным
Описание слайда:

Цвет на Web-странице задают либо его названием, либо числовым шестиразрядным шестнадцатеричным кодом #RRGGBB, где две первые цифры задают интенсивность красного цвета (red), средние две цифры – интенсивность зеленого (green), и последние две цифры – интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается 16-ричным числом 00, а максимальная – FF. Легко догадаться, что синий цвет задает “#0000FF”. В таблице приведены значения некоторых цветов: գույն կոդ անվանում գույն կոդ անվանում Սև #000000 Black մանուշակագ. #FF00FF Magenta Սպիտակ #FFFFFF White փիրուզագույն #00FFFF Cyan Կարմիր #FF0000 Red դեղին #FFFF00 Yellow Կանաչ #00FF00 Lime ոսկեգույն #FFD800 Gold Կապույտ #0000FF Blue նարջագույն #FFA500 orange Մոխրագույն #808080 Gray Коричневый #A82828 Brown

№ слайда 10 ALIGN=“right” – հավասարեցում աջից ALIGN=“center” – հավասարեցում կենտրոնից AL
Описание слайда:

ALIGN=“right” – հավասարեցում աջից ALIGN=“center” – հավասարեցում կենտրոնից ALIGN=“left” – հավասարեցում ձախից

№ слайда 11     Համակարգիչ   Իմ համակարգիչը
Описание слайда:

<Html> <Head> <Title> Համակարգիչ</title> </head> <body> Իմ համակարգիչը </body> </html>

№ слайда 12 թավ , մուգ   թեք   ընդգծված     մուգ թեք ընդգծված   արտապատկերել   ընգծված
Описание слайда:

<B> թավ , մուգ </B> <I> թեք </I> <U> ընդգծված </U> <B> <I> <U> մուգ թեք ընդգծված </U></I></B> <TT> արտապատկերել </TT> <EM> ընգծված </EM> <STRONG> ուժեղ ընդգված </STRONG>

№ слайда 13 Компьютер     Все о компьютере   Жирный   Курсив   Подчеркнутый     Жирны
Описание слайда:

<Html> <Head> <Title> Компьютер </title> </head> <body> <H1 ALIGN="center"> Все о компьютере </H1> <B> Жирный </B> <I> Курсив </I> <U> Подчеркнутый </U> <B> <I> <U> Жирный подчеркнутый курсив </U></I></B> <TT> Равноширинный </TT> <EM> Выделение </EM> <STRONG> Усиленное выделение </STRONG> </body> </html>

№ слайда 14 Այս տեգը ունի հետևյալ ատրիբուտները. FACE – ֆոնտի երես (օրինակ , FACE=“Aria
Описание слайда:

<FONT> </FONT> Այս տեգը ունի հետևյալ ատրիբուտները. FACE – ֆոնտի երես (օրինակ , FACE=“Arial”) SIZE – ֆոնտի չափը (օրինակ , SIZE=4) COLOR – ֆոնտի գունը (օրինակ, COLOR=“blue”)

№ слайда 15    Компьютер      Все о компьютере
Описание слайда:

<Html> <Head> <Title> Компьютер </title> </head> <body> <FONT COLOR="blue"> <H1 ALIGN="center"> Все о компьютере </H1> </FONT> <HR> </body> </html>

№ слайда 16  Մինասյան Դանիելյան Սուքիասյան  Մինասյան Դանիելյան Սուքիասյան
Описание слайда:

<ul> <li>Մինասյան <li>Դանիելյան <li>Սուքիասյան </ul> Մինասյան Դանիելյան Սուքիասյան

№ слайда 17  Մինասյան Դանիելյան Սուքիասյան  Մինասյան Դանիելյան Սուքիասյան
Описание слайда:

<ol> <li>Մինասյան <li>Դանիելյան <li>Սուքիասյան </ol> Մինասյան Դանիելյան Սուքիասյան

№ слайда 18  այս դեպքում համարակալումը սկսվում է ցանկացած թվից:
Описание слайда:

<ol start =?> այս դեպքում համարակալումը սկսվում է ցանկացած թվից:

№ слайда 19  alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt-ում գրված տեքստը:
Описание слайда:

<img src = “nkar.gif” width=“605 “ hight=“243” alt=“իմ նկարը”> alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt-ում գրված տեքստը:

№ слайда 20  alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt-ում գրված տեքստը:
Описание слайда:

<img src = “nkar.gif” widt=“605 hight=243” alt=“իմ նկարը”> alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt-ում գրված տեքստը:

№ слайда 21 HTML –ում անցում որևէ դրվագին կամ փաստթղթին կատարվում է հետևյալ նկարագրիչով.
Описание слайда:

HTML –ում անցում որևէ դրվագին կամ փաստթղթին կատարվում է հետևյալ նկարագրիչով. <a href=“անցումային հասցեն”> Օրինակներ՝ <a href=“http://www.aniedu.am”> Անցում ԿԱԻ կայք</a> <a href=“2.html”> անցում տվյալ էջին</a>

№ слайда 22 Աղյուսակը սկսվում է  – տեգով և վերջանում է   -ի ատրիբուտները ALIGN – սա որոշո
Описание слайда:

Աղյուսակը սկսվում է <TABLE> – տեգով և վերջանում է </TABLE> <TABLE> -ի ատրիբուտները ALIGN – սա որոշում է աղյուսակի դիրքը էջի նկատմամբ: ALIGN=“left” հավասարեցում ձախից ALIGN=“center” հավասարեցում կենտրոնից ALIGN=“right” հավասարեցում աջից WITHT- աղյուսակի լայնությունը WITHT=400 BORDER-որոշում է աղյուսակի և բջիջների արտաքին եզրերի հաստությունը պիքսելներով/օր. BORDER=4/

№ слайда 23 CELLSPACING- որոշում է աղյուսակի բջիջների եզրագծերի հեռավորությունը պիքսելներ
Описание слайда:

CELLSPACING- որոշում է աղյուսակի բջիջների եզրագծերի հեռավորությունը պիքսելներով: /օր. CELLSPACING=4/ CELLPADDING- որոշում է աղյուսակի բջջի եզրագծի հեռավորությունը տեքստից: /օր. CELLPADDING=10

№ слайда 24 աղյուսակի ամեն տողը սկսում է այս տեգով և վերջանում է  ALIGN որոշում է տեքստի
Описание слайда:

<TR> աղյուսակի ամեն տողը սկսում է այս տեգով և վերջանում է </TR> ALIGN որոշում է տեքստի ուղղահայաց ուղղվածությունը բջջում: VALIGN=TOP VALIGN=MIDDLE VALIGN=BOTTOM <TD> աղյուսակի ամեն բջիջ սկսում է այս տեգով և վերջանում է </TD>

№ слайда 25 ROWSPAN որոշում է տեքստի հորիզոնական ուղղությամբ Օր.՝ ROWSPAN=2 նշանակում է,
Описание слайда:

ROWSPAN որոշում է տեքստի հորիզոնական ուղղությամբ Օր.՝ ROWSPAN=2 նշանակում է, որ բջիջը զբաղեցնում է 2 տող: Թույլատրելի արժեքներ են՝. ALIGN=LEFT ALIGN=CENTER ALIGN=RIGHT

№ слайда 26 &lt; COLSPAN &gt; որոշում է բջջի  ուղղահայաց ուղղությամբ . Օրինակ՝ ALIGN որոշում է
Описание слайда:

< COLSPAN > որոշում է բջջի <թռիչքը> ուղղահայաց ուղղությամբ . Օրինակ՝ ALIGN որոշում է տեքստի ուղղահայաց ուղղվածությունը բջջում: VALIGN=TOP VALIGN=MIDDLE VALIGN=BOTTOM <TD> աղյուսակի ամեն բջիջ սկսում է այս տեգով և վերջանում է </TD>

№ слайда 27 HEIGHT=40 HEIGHT=40
Описание слайда:

HEIGHT=40 HEIGHT=40

№ слайда 28
Описание слайда:

№ слайда 29
Описание слайда:

№ слайда 30
Описание слайда:

№ слайда 31
Описание слайда:


57 вебинаров для учителей на разные темы
ПЕРЕЙТИ к бесплатному просмотру
(заказ свидетельства о просмотре - только до 11 декабря)

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

«Язык разметки гипертекста HTML и его назначение»

Тип урока: комбинированный.

Методы:

·         опрос;

·         объяснительно-иллюстративный;

·         частично-поисковый.

Цель урока: Сформировать представление о гипертексте и языке HTML.

Задачи урока:

1. Образовательная:

·         Произвести контроль знаний учащихся по пройденной теме;

·         Дать историческую справку о возникновении термина «гипертекст» и языка HTML;

·         Дать представление о гипертекстах-HTML-документах-Web-страницах.

2. Развивающая:

·         развитие способности к анализу и обобщению;

·         развитие информационной культуры.

3. Воспитательная:

·         развитие познавательного интереса;

·         воспитание информационной культуры.

Оборудование:

·         мультимедийный проектор;

·         экран;

·         презентация «Язык разметки гипертекста HTML и его назначение» (Приложение 1 ppt)

 

 

 

Автор
Дата добавления 23.03.2015
Раздел Другое
Подраздел Презентации
Просмотров186
Номер материала 454300
Получить свидетельство о публикации
Похожие материалы

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