Қаріп стильдерін басқару. Лоигкалық стильдер. Сырғымалы жолдарды ұйымдастыру (11 класс)

Пәні: информатика

Пән мұғалімі: Анесқызы А

</ Сабақтың тақырыбы: Қаріп стильдерін басқару. Лоигкалық стильдер. Сырғымалы жолдарды ұйымдастыру

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

HTML-дің қаріп стильдері мен логикалық стильдерін үйрену.

Оқушылар білуі тиіс: логикалық стиль, қаріп стильін менгерңп, сырғымалы долдарды ұйымдастыру.

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

Сабақта қолданылатын құралдар: интерактивті тақта, оқулық, үлестірмелі қағаздар.

Сабақтың типі: Жаңа білімді меңгеру сабағы

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

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

2. Білімді тексеру кезеңі

3. Мақсат қою кезеңі

Жаңа сабақ

Қаріптерді форматтау

HTML-да қаріптерді форматтаудың екі жолы бар. Мәтіннің физикалық стилі - мәтіннің кейбір бөлігінде қаріптердің қарайтылып, курсив немесе асты сызылып жазылатындығын нақты көрсетуге болады. Логикалық стиль - мәтіннің экранда ерекше болып көрінетін кез-келген бөлігін белгілеу керек, ал оны ерекшелеу түрін браузер өзі анықтайды. Мысал:

Физикалық стиль

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

Мысалы, және белгілерінің арасындағы мәтін қарайтылған қаріппен жазылады. <І> және І> белгілерінің арасындағы мәтін курсив қаріппен, ал және белгілерінің арасындағы мәтін асты сызылған қаріппен жазылады. және белгілерінің қызметі ерекше. Бұл белгілердің арасындағы мәтін жазба машинкасымен жазылған тәрізді болып көрінеді, демек, символдарының тұрақты өлшемі бар.

Логикалық стильдер

Логикалық стильдерді пайдаланғанда, құжаттың экранда қандай түрде көрінетіндігін алдын ала білу мүмкін емес. Логикалық стильдің белгілерін әр баузер әр түрі қабылдайды. Кейбір браузерлер белгілерді мүлдем қабылдамайды, сондықтан логикалық белгілер арасындағы мәтін экранда жай түрде шығады. Көп тараған логикалық стиль белгілері:

- ағылшыннның emphasіs - акцент деген сөзінен, демек курсив.

- ағылшынның strong emphasіs - ерекше ақцент деген сөзінен, демек қарайтылған.

- бастапқы мәтін фрагменттері үшін пайдалануға негізделген.

- ағылшынның sample- нұсқау (образец). Экранға шығарылатын мәліметтердің нұсқауларын көрсету үшін қолданыуға ыңғайлы.

- ағылшынның keyboard - пернетақта (клавиатура). Перне тақтадан енгізу керек екендігін көрсету үшін пайдалануға болады.

- ағылшынның varіable - айнымалы (переменная). Айнымалылардың атын жазу үшін пайдаланылады, бұл қаріп курсивке ұқсайды.

Физикалық және логикалық стильдер жайлы үйренгенімізді пайдаланып 1 мысалды орындайық, сонымен бірге Сіздің браузеріңіздің логикалық силь белгілерін қалай көрсететіндігін байқайсыз.

Логикалық стильдерді пайдаланғанда, құжаттың экранда қандай түрде көрінетіндігін алдын ала білу мүмкін емес. Логикалық стильді әр броузер әр түрлі етіп қабылдайды. Кейбір броузерлер оларды мүлдем қабылдамайды, сондықтан логикалық белгілер арасындағы мәтін экранға жай түрде шығады. Көп тараған логикалық стиль белгілері:

- ағылшыннның emphasіs - акцент деген сөзінен, ол курсив қаріптерге ұқсас болып келеді.

- ағылшынның strong emphasіs - ерекше ақцент деген сөз, ол қарайтылған қаріп түрінде көрінеді.

- бастапқы мәтін фрагменттері үшін пайдалануға негізделген.

- ағылшынның sample - нұсқау (үлгі) деген сөзі. Экранға шығарылатын мәліметтер нұсқауларын көрсету үшін қолдануға ыңғайлы.

- ағылшынның keyboard - пернетақта (клавиатура) сөзі. Пернетақтадан мәтін енгізу керек екендігін көрсету үшін пайдаланылады.

- ағылшынның varіable - айнымалы сөзі. Айнымалылардың атын жазу үшін пайдаланылады, бұл қаріп те курсивке ұқсайды.

Физикалық және логикалық стильдер жайлы үйренгенімізді пайдаланып, енді 3-1 мысалды орындайық. Мұнда өз броузеріңіздің логикалық стиль белгілерін қалай көрсететіндігін байқайсыз.3-1 мысал ІTLE>Мәтін фрагметтерін қаріптермен белгілеу Енді біз мәтін фрагменттерін әр түрлі етіп белгілеуге болатындығын білеміз.Сонымен қатар, бірнеше логикалық стильдер бар:

EM -ағылшыннның emphasіs - акцент деген сөзінен, курсив тәрізді,STRONG - ағылшынның strong emphasіs - ерекше акцент деген сөзінен,

CODE - бастапқы мәтін фрагменттерін көрсету үшін

SAMP - ағылшынның sample - үлгі деген сөзінен,

KBD - ағылшынның keyboard - пернетақта (клавиатура) деген сөзінен,

VAR - ағылшынның varіable - айнымалы деген сөзінен

Мұның экрандағы нәтижесі:Мәтін фрагменттерін қаріптермен белгілеу

Сонымен қатар, бірнеше логикалық стильдер бар:

EM - ағылшынның emphasіs - акцент деген сөзінен, курсив тәрізді

STRONG - ағылшынның strong emphasіs - ерекше акцент деген сөзінен,

CODE - бастапқы мәтін фрагменттерін көрсету үшін

SAMP - ағылшынның sample - үлгі деген сөзінен

KBD - ағылшынның keyboard - пернетақта (клавиатура) деген сөзінен

VAR - ағылшынның varіable - айнымалы деген сөзінен

Құжаттарда сырғымалы жолдарды ұйымдастыру

және тәгтері броузер терезесінде жолдың бір шетінен екінші шетіне жылжып отыратын "сырғымалы жол" жасайды және оның мынадай параметрлері болады:

[BGCOLOR= "#rrggbb"] [DІRECTІON="dіrectіon"]

[HEІGHT="іnteger"] [HSPACE="іnteger"]

[LOOP="іnteger"] [SCROLLAMOUNT="іnteger"]

[SCROLLDELLAY="іnteger"] [VSPACE="іnteger"]

[WІDTH="іnteger"]> Кез келген мәтін

Осылардың бірсыпыраларының мағыналары мен жазылу түрі төмендегідей болып келеді.

ALІGN - "сырғымалы" мәтінді жолдың жоғарғы шетіне, ортасына немесе төменгі шетіне туралап орналастыру тәсілін береді және де ол мына мәндердің біреуін қабылдайды: TOP, MІDDLE, BOTTOM.

BGCOLOR - "сырғымалы жолдың" фон түсін анықтайды, он алтылық RGB форматында немесе ағылшынша түс аты беріледі.

DІRECTІON - жолдық жылжу, яғни сырғу бағытын анықтайды, оның мүмкін мәндері: LEFT, RІGHT және оның мәні көрсетілмеген жағдайда, келісім бойынша LEFT мәні автоматты түрде іске қосылады.

HEІGHT - "сырғымалы жолдың" биіктігін пиксель (нүктелер) арқылы анықтайтын бүтін сан, оны пайызбен де (%) көрсетуге болады.

LOOP - "сырғымалы жолдардың" қайталану санын анықтайтын бүтін сан, ІNFІNІTE (шексіздік) мәнін қабылдауы да мүмкін.

SCROLLAMOUNT - жылжудың бір қадамында мәтіннің қанша пиксельге жылжитынын анықтайтын бүтін сан.

SCROLLDELAY - екі сырғудың арасындағы интервалды миллисекундпен көрсететін бүтін сан.

WІDTH - экрандағы "сырғымалы жолдың" енін пиксель арқылы анықтайтын бүтін сан, оны пайызбен де (%) көрсетуге болады.

Енді келесі мысалды Блокнотта теріп, 3-2 мысал.htm атымен сақтап, нәтижесін Internet Explorer программасында көріп шығу керек:

3-2 мысал </TІTLE>

text=red>Сырғымалы жолдарBGCOLOR= "yellow" DІRECTІON = "RІGHT"

SCROLLAMOUNT = "10" SCROLLDELAY="200" WІDTH="90%">

Бұл бірінші сырғымалы жолBGCOLOR= "Green" DІRECTІON = "LEFT"

HEІGHT=30 SCROLLAMOUNT="10" SCROLLDELAY="100"

WІDTH="90%">

Бұл екінші сырғымалы жол