«Физика 1» пәні бойынша электрондық оқулық жасақтау

КІРІСПЕ 3
1 HTML тілі туралы мәлімет 8
1.2 Қаріптерді форматтау 15
1.2 Қаріптерді форматтау 22
1.3 Тізімдерді ұйымдастыру 23
1.4 Объектіні белгіленген орынға қою 27
1.5 Кестелер тұрғызу 32
1.6 Web.дизайн технологиясы 33

2 Электрондық оқулықта фреймдерді пайдалану 55
2.1 Фреймдер құру тәсілдері 55
2.2 Фреймдер арқылы сілтемелер ұйымдастыру 62
2.3 HTML тілінің мультимедиялық мүмкіндіктері 64



ҚОРЫТЫНДЫ 67

ҚОЛДАНЫЛҒАН ӘДЕБИЕТТЕР 68
Білім беру жүйесін ақпараттандыру жағдайында физика пәнін оқытуда, ақпараттық-компьютерлік технологияларды тиімді пайдалануға негізделген бағдарламалық құралдар болып табылатын теориялық материалды ұсынатын, оны меңгеруде өз бетінше шығармашылық жұмыстарды ұйымдастырып және білім деңгейін бағалауға қажетті электрондық оқулықтарды жетілдіру және құрудың негізгі мәселесінің көкейтестілігі күннен-күнге өсуде.
Оқыту үдерісіне электрондық оқулық, мультимедиалық, Интернет сияқты жаңа ақпараттық коммуникациялық технологияларды қолданудың дидактикасы мен технологиясы кеңінен қолданылып келе жатқаны мәлім. «Электрондық оқулық» жайлы әдебиеттерде әртүрлі айтылып келгені мәлім.
Жұмыстың өзектілігі: HTML тілінің көмегімен қолданушыға қазақ тілінде тиімді қолдану әдістерін ашып жазып, олардың барлығын мысалдар келтіре отырып көрсету.
Дипломдық жұмыстың мақсаты: «Физика 1» пәнінен электрондық оқулығын Web-бетте құру қолданушыға ыңғайлы түрде өңдеу және программалауда тиімді пайдалану жолдарын көрсету.Осы мақсатқа жету үшін алдыма келесі міндеттерді қойдым:
HTML программалау тілін терең оқып үйрену;
Арнайы оқулықтармен танысу;
Web-бетте ортасында электрондық оқулық жасау үшін қажетті компоненттерді, олардың қасиеттерін оқып үйрену;
HTML-де «Физика 1» пәнінен электрондық оқулығын жасау;
Жұмыстың жаңашылдығы: Электрондық оқулықтың заманауи ,тиімді үлгіде жасалынып шығуы.
Жұмыстың құрылымы: Жұмыс кіріспеден, үш бөлімнен, қорытындыдан, және қолданылған әдебиеттерден тұрады.
Бірінші бөлімде HTML тілінің негіздері жайлы толық мәлімет берілген.
Екінші бөлімде фреймдер жайлы жазылған.
Электрондық оқулықтың басты ерекшелігі, оқыту үдерісін басқару жүйесі, білімді жүйеге келтіру және диагностикалау құралы, сөздік әдісті қолдану, көрнекілікті пайдаланудың жоғары деңгейі, мультимедиа құралдарын, оқытудың басқа да түрлерін ұйымдастыруға мүмкіндік береді. Ол ЭО-тың деңгейін екі түрге бөледі:
мемлекеттік стандарт талаптарына толық сай, негізгі теориялық материалдарды қамтитын, практикалық дағдыларды қалыптастыратын жаттығулар мен есептердің жүйесі; оқыту процесін басқару құралдары мен әдістері, қорытынды тексеру әдістері, базалық білімдерді меңгеруді бағалау деңгейі;
1 Б.Бөрібаев, Б.Нақысбеков, Г.Мадиарова, Информатика және есептеуіш негіздері. –Алматы: Мектеп, 2005.
2 Вирт Н. Алгоритмы и структуры данных: Пер. с англ. — М.:
Мир, 1989. — 360 с: ил.
3 Зелковиц М., Шоу А., Гэннон Дж. Принципы разработки
программного обеспечения: Пер. с англ. — М.: Мир, 1982. —
386 с: ил.
4 Практическое руководство по программированию: Пер. с англ.
Б. Мик, П. Хит, Н. Рашби и др.; под ред. Б. Мик, П. Хит,
Н. Рашби. — М.: Радио и связь, 1986. — 168 с: ил.
5 Фокс Дж. Программное обеспечение и его разработка: Пер.
с англ. — М.: Мир, 1985. — 368 с: ил.
6 Энциклопедический словарь юного математика. Сост. А. П. Са¬
вин. — М.: Педагогика, 1989.—352 с: ил.
7 Язык компьютера: Пер. с англ. / Под ред. и с предисл.
В. М. Курочкина. — М.: Мир, 1989. — 240 с: ил.
8 Балапанов Е.Қ., Бөрібаев Б.Б.,Дәулетқұлов А.Б. Жаңа ақпараттық технологиялар. Алматы 2005
9 Бөрібаев Б. HTML тілінде web-құжаттар жасау негіздері: Оқу құралы. – Алматы: ҚБТУ, 2004
10 Бөрібаев Б., Мадьярова Г.А. Web – технологиялар: Оқу құралы. – Алматы: ҚазККА баспасы, 2007
11 Бөрібаев Б. Программалау тілдеріне кіріспе: Оқулық. – Алматы: АЭСА, 2008
12 Интернетке кіріспе: «Бүкілдүниежүзілік өрмек»: Әдістемелік құрал// Балапанов Е., Бөрібаев Б., Мадьярова Г. – Алматы: Жаңа технологиялар институты, 2004
13 Дузбаева Р.М. Основы создания HTML – документов. Уч. пособ. для студентов. – Алматы: КБТУ, 2008
14 Джамса Крис. Эффективный самоучитель по креативному Web – дизайну. HTML, XHTML, CSS, Javascript, PHP, ASP, ActiveX. Пер. с англ. /Крис Джамса, Конрад Кинг, Энди Андерсен. – М.: ООО «ДиаСофтЮП», 2005
15 Шапошников И.В. Самоучитель HTML 4.- СПб.: БХВ-Петербург, 2001
16 Кирсанов Д. Веб – дизайн. –СПб.: Символ-Плюс,2001
        
        Қазақстан Республикасының Білім және Ғылым Министрлігі
Әл-Фараби атындағы Қазақ Ұлттық Университеті
Физика-техникалық ... ... және ... ... ... ... рұқсатымен
қорғауға жіберілді:
ф.-м.ғ.д., профессор
________________ Архипов Ю.В.
ДИПЛОМДЫҚ ЖҰМЫС
тақырыбы: «ФИЗИКА 1» ПӘНІ БОЙЫНША ЭЛЕКТРОНДЫҚ ОҚУЛЫҚ ЖАСАҚТАУ
МАМАНДЫҚ:«050110 - Физика»
Орындаушы:
4-курс студенті
Ыхласова ... ... ғ. ... Г.Л
Норма бақылаушы:
ф.-м. ғ. к. аға оқытушы
Габдуллина А.Т
Алматы 2012
|МАЗМҰНЫ | |
| | ... |3 |
|1 HTML тілі ... ... |8 |
| 1.2 ... ... |15 |
| 1.2 ... ... |22 |
| 1.3 ... ... |23 |
| 1.4 ... ... ... қою |27 |
| 1.5 ... ... |32 |
| 1.6 ... ... |33 |
| | |
| 2 ... ... ... пайдалану |55 |
| 2.1 ... құру ... |55 |
| 2.2 ... ... ... ұйымдастыру |62 |
| 2.3 HTML ... ... ... |64 |
| | |
| | |
| | |
| ... |67 |
| | |
| ... ... |68 |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | ... беру ... ... жағдайында физика пәнін оқытуда,
ақпараттық-компьютерлік технологияларды тиімді пайдалануға негізделген
бағдарламалық құралдар ... ... ... ... ... оны
меңгеруде өз бетінше шығармашылық жұмыстарды ұйымдастырып және білім
деңгейін бағалауға қажетті ... ... ... және ... ... ... күннен-күнге өсуде.
Оқыту үдерісіне электрондық оқулық, мультимедиалық, Интернет сияқты
жаңа ақпараттық коммуникациялық технологияларды ... ... ... ... ... келе жатқаны мәлім. «Электрондық оқулық»
жайлы ... ... ... ... мәлім.
Жұмыстың өзектілігі: HTML тілінің көмегімен қолданушыға ... ... ... ... ашып ... ... барлығын мысалдар
келтіре отырып көрсету.
Дипломдық жұмыстың мақсаты: «Физика 1» пәнінен электрондық оқулығын
Web-бетте құру қолданушыға ыңғайлы түрде ... және ... ... жолдарын көрсету.Осы мақсатқа жету үшін алдыма келесі міндеттерді
қойдым:
HTML программалау тілін терең оқып үйрену;
Арнайы оқулықтармен танысу;
Web-бетте ... ... ... ... үшін ... олардың қасиеттерін оқып үйрену;
HTML-де «Физика 1» пәнінен электрондық оқулығын жасау;
Жұмыстың жаңашылдығы: Электрондық оқулықтың заманауи ,тиімді үлгіде
жасалынып ... ... ... ... үш ... ... және
қолданылған әдебиеттерден тұрады.
Бірінші бөлімде HTML тілінің негіздері жайлы толық мәлімет берілген.
Екінші бөлімде фреймдер жайлы жазылған.
Электрондық оқулықтың басты ... ... ... ... ... ... келтіру және диагностикалау құралы, сөздік әдісті
қолдану, көрнекілікті пайдаланудың жоғары деңгейі, мультимедиа ... ... да ... ... мүмкіндік береді. Ол ЭО-тың
деңгейін екі түрге бөледі:
мемлекеттік стандарт ... ... сай, ... ... ... ... ... қалыптастыратын жаттығулар
мен есептердің жүйесі; оқыту процесін ... ... мен ... ... ... базалық білімдерді меңгеруді бағалау деңгейі;
қосымша теориялық материалдарды қамтушы; ... ... ... ... ... ... ... процесін
басқарудың дидактикалық құралдары сияқты деңгейлерге жіктейді.
Сонымен бірге, электрондық оқулықтарға қойылатын талаптарды ғылыми-
әдістемелік, ... ... деп үш ... ... ... ... ... арқылы студенттердің оқу материалы жайлы
ақпаратты қабылдауы мен практикалық жұмыстарын орындаудағы белсенділіктері
де қырық, ... бес ... ... ... ... оқыту – кешенді емес біртұтас, дидактикалық, әдістемелік,
интерактивті бағдарламалық жүйе және ол оқу ... ... ... ... әрі ... ... ... ғылыми-зерттеу әдістерін толықтырады.
Электрондық оқыту, негізінен, үш бөліктен құрастырылады: негізгі
ақпараттық курс бөлімінен тұратын ... ... ... білімдері
бойынша бекітілген жаттығулар, оқушының білімін көлемді түрде ... ... ... оқыту негізгі оқулықты, анықтаманы, есептеуішті,
зертханалық жұмыстарды бір-бірімен байланыстырады.
Электрондық оқулық ... ... ... ... ... ... дискіден оқылатын және дискiде сақталатын,
білім беретін электронды тасымалдығыштағы ... ... ... ... ... деп айтуға болады.
Оқу үдерісін интенсивтендіру мақсатында, оның тиімділігі мен сапасын
жоғарылатуда электрондық оқулықтарды ... ... ... ... ... ... ... бір түрі бола ... ... ... әр ... үлгіде беріле алады. Электрондық
оқулықты автоматтандырылған оқыту жүйелерінің қатарына жатқызуға болады.
Біздің ... ... ... ... оларды былай ажыраттық:
кері байланыстың жылдам өтуі;
физикалық заңдылықтар мен құбылыстар жөніндегі оқу ... ... және ... ... берілуі;
өте үлкен көлемді ақпаратты, оның тасымалдау, қолданушымен қарым-
қатынас жасау және оған тез ... ...... ... ... ... ... тәжірибелерді көп ретті ... ... ... ... ... қызметін ақпараттық-әдістемелік қамтамасыз ету, ұжымдық басқару
және меңгеру нәтижелерін ... ... ... оқулықтың мүмкіндіктері студенттің тұлғалық дамуына,
мамандардың сапалы дайындалуына ... әсер ... ... ... ... ... ... қамтамасыз етуі;
ойлау қабілетінің дамуы (мысалы, байқампаздық-әрекеттік, байқампаздық-
бейнелік, интуитивтік, шығармашылық, теориялық);
эстетикалық тәрбие алуы ... ... ... графиканың мүмкіндіктерін қолдану есебінен);
қарым-қатынас қабілеттерін дамыту;
күрделі жағдайда ... ... ... ... ... ... ... тәжірибелік - зерттеу жұмыстарында іскерліктің дамуы;
ақпараттық мәдениет пен ақпараттық жетістіктерді қалыптастыру.
Электрондық ... ... мен ... ... ... ... іске асыратын оқу құралы ретінде ғана емес,
сонымен қатар оның сапасын арттырады:
қоршаған орта тану ... ... ... ... аймағы (мысалы, физика курсын меңгеру аймағы);
ақпараттық-әдістемелік қамтамасыз ету құралы;
алдыңғы педагогикалық ... ... ... ... ... мен ... ... жасау, оқу
қызметінің нәтижелерін түзету, бақылау ... ... ... ... ... мен интеллектуалды
ойындарын ұйымдастыру құралдары.
Электрондық оқулық (ЭО) – топтық, дербес немесе жеке оқыту үшін және
студенттердің алған білімдері мен ... ... ... ... ... ... жаңа ақпаратты көрсетуге ... ... ... ... оқулық, жаңа бейнедегі оқу құралы тәрізді, ашық ... ... яғни ... ... мен мазмұнына өзгеріс енгізуге
мүмкіндік беретін ... ... ... негізгі элементтерін қарастырсақ:
Электрондық оқулық өте аз мәтіндік ... ... ... ... ұзақ ... бойы ... оқу тез ... және білімді қабылдау мен
меңгеруді төмендетуге әкеледі. Мұндай оқулықтар көп ... ... ... ... ... ... динамикалық процестер мен құбылыстарды
айқын ... ... ... ... ... үлкен
болатындығына қарамастан, оларды мақсатқа сай қолдану керек, ... ... мен ... ... және ... ... ... Дәстүрлі оқытуда жаңа материал ауызша түсіндіреді. Осыған
байланысты ... ... ... ... қолдану ақпарат
берудің үйреншікті тәсіліне жақындатуға ғана ... ... ... жаңа ... ... ... ол тек көзбен көру ғана ... ... есту ... да іске қосады. ЮНЕСКО мәліметтері бойынша,
аудиоқабылдауда ... тек 12%-ы, ... ... шамамен 25%-ы
меңгеріледі, ал аудиовизуалды ақпарат 65%-ға дейін қабылданады.
3.Электрондық оқулық, оқулық элементтері ... ... тиіс және ... электрондық оқулықтар мен анықтамаларға сілтемелер
болуы тиіс.
4.Ерекше дидактикалық мақсатқа сай ... ... және ... ... ... болады. Жаңа ақпаратты ... ... ... есте ... ... ... бір мөлшерде оқу
ақпаратын меңгеру толықтығы ... ... ... ... және ... соң бірі ... ... ... ... ... кез-келген уақытта сілтеме жасауға мүмкіндік
береді, оларды кез-келген реттілік сұрыпталып, сілтеуіштер тізімін, мәзірді
көрсетіп қою керек.
Электрондық оқулықта пайдаланылған ... ... ... ... ... электронды оқулық ЖОО-ның нақты оқу жоспарына
бейімделіп жасалады және сондықтан әдебиеттер тізімінде ... ... ... да ... ... ... тізімі
журналдардан, ғылыми конференция жинақтарынан және т.б. мақалаларға сілтеме
берумен ғана толықтырылмай, сонымен ... оқу ... ... Internet ... ... ... ... болады.
Электрондық оқулықтың негізгі қасиеттері:
1.жинақылық – бұл үлкен көлемдегі материалдардың аз ... ... ... – ақпараттың белгілі бір жүйеде берілуі;
3.эстетикалық безендірілуі – мәтінмен бірге аудио-видео бейне түрінде
ақпаратты қабылдауы;
4.жылдамдылығы және т.б. – ... ... ... тақырыпты тез
әрі жылдам іздеп таба алуы мен қабылдауы.
Электрондық оқулыққа қойылатын талаптар:
Жан-жақтылығы – электрондық оқулық арқылы кез-келген ... ... да ... ... ... жан-жақты мәлімет ала алады.
Бейімділігі – электрондық оқулық өте аз тексттік ... ... ... ... ұзақ текстті оқу шаршауға және білімді қабылдау мен
меңгеруді төмендетуге әкеледі. Мұндай ... көп ... ... ... ...... ... жан-жақты ақпараттық
материалдар алады; әрбір жеке тұлғаның білімін, ... ... ... тексеруге, бағалауға мүмкіндік береді.
Модульдік – сабақты иллюстрациялық ... ... ... ... ... және ... тыс уақытта өз бетімен
әртүрлі деңгейлі, шығармашылық ... ... ... береді.
Электрондық оқулықтың дәстүрлі оқулықтан айырмашылығын мынадай
технологиялық ерекшеліктерден көруге ... ... ... ... ... анимация, дыбыстық қолдау, гиперсiлтеме,
бейнесюжет және т.б. тәсілдерді қолдану арқылы баспа оқулығына ... ... ... ... ... ... қол ... мүмкiндiгiнің жоғарылығы, яғни
сұраныс кезiнде оның санын көбейту, телекоммуникациялық ... ... ... ... ... ... ... үдерісінде электрондық оқулықпен жұмыс жасау барысында
студенттердің білімін бағалау үшін диагностикалық ... ... ... ...... ... студенттің берген жауабына
байланысты білімін бағалау үшін кесте құрастырады.
2.Сауалнамалар – арнайы ... ... ... ... ... ... беру ... жүзеге асады.
3.Тестік бақылаулар – мұғалім студентке өткен тақырыпқа байланысты
тестік тапсырмаларды береді.
4.Мұғалім жеке тақырыптар бойынша студенттермен әңгіме, пікір ... т.б. ... ... ... ... жұмыс жасайды;
5.Оқытушының басшылығымен жүргізілетін студенттің өзіндік жұмысы –
мұғалімнің қадағалауымен студенттің ... сай ... ... ... ... ... оқыту жүйесі, қашықтан оқыту
және т.б. оқыту технологиялары бойынша оқытудың мақсатын ... ... ... ... ... физикалық
құбылыстардың және тәжірибелік-эксперименттік жұмыстарды жүргізу ... ... ... ... сай іс-әрекеттер түрін жоспарлауға
жағдай жасайды.
Қазақстан Республикасының үздіксіз білім беру жүйесі саясатының басты
мақсаттарының бірі жан ... ... ... ... ... жеке
тұлғаны тәрбиелеу.
«Білім туралы» заңда білім беру ... ... ... ... ... ... ... ғылым мен тәжірибе жетістіктері ... ... ... ... және кәсіби шыңдауға бағытталған білім
алу үшін жағдайлар жасау» делінген. ... ... ... ... ... беру стандартында оқу бітіруші түлектердің біліміне
қойылатын талаптардың ішінде былай делінген:өз еңбегін ... ... ... ... ... саласында қажет ақпаратты жинау, сақтау
мен сұрыптаудың компьютерлік әдістерін меңгеру;өзінің ... ... мен ... ... ... ... жұмыс істеуге әдістік
және психологиялық жағынан дайын ... ... ... ... бірі – ... ... ... тәрбие берудің пәрменділігін, білімнің тәрбиелік, тәрбиенің білімдік
мәнін жоғары дәрежеге жеткізу болып ... ... ... кез ... оқулықтарды» пайдалану оқушылардың ... ... қана ... ... ... ... шығармашылықпен еңбек етуіне жағдай жасайды. Әлі де білім
беру саласында тек ... ... ... ... ... ... ... қанағаттандырмайды. Сондықтан қазіргі ақпараттандыру
қоғамында электрондық оқулықтарды пайдаланбай алға ... ... ... өзін ... ортаны барлық сезім мүшелері ... ... ... ... ... ... ... қабылдаудың негізгі
арналары: есіту, көру және сезу болып табылады. Өзін қоршаған ортадан
қабылдайтын ... 90 ... көру ... арқылы, 9 пайызын есту
жүйесі арқылы, тек 1 пайызын сезім мүшелерінің көмегімен қабылдайды. Көру
жүйесі – ... ... ... ... ... ... дамығаны. Педагог –
психологтардың зерттеулері бойынша берілетін ... ... ... ... ... онда оқу ... ... туындайды.
Тәжірибе тұрғысынан информатика пәнін алатын болсақ, компьютермен
жұмыс істеу кезінде жаңа ... ... ... және техника құралын
бірінші рет пайдаланып отырғандықтан, оның мүмкіншілігі мен қажеттілігін
білмеуі салдарынан ... ... ... ... ... кезде мектепте жас ұрпақ тәрбиесі, оның жеке ... ... ... ... көзқарасы, жалпы болмысы, ең алдымен
мұғалімге байланысты. Қазіргі заман ... өз ... ... ... ... тарихи танымдық, педагогикалық – психологиялық, ... ... және ... ... т алап ... Ол
заман талабына сай білім беруде жаңалыққа жаны құмар, шығармашылықпен ... ... ... еніп, оқытудың жаңа технологиясын шебер меңгерген
жан болғанда ғана, білігі мен білімі жоғары ... ... ... ... ... сапалы болуы бір жағынан мұғалімнің сабақ беру
шеберлігі мен жаңа технологияны тиімді пайдалана ... ... ... ... мектептің техникалық материалдық базасының жабдықталуы да
әсер етеді. Оқушының мектепте ... ... тек ... қана ... оны жетік меңгеру арқылы болашақ ... өз ... ... ... ... ... мектебіміз сабаққа қажетті электрондық
оқулықтармен, интерактивті тақтамен және ... ... ... ... ... оқу ... жетілдіру жолында ең
озық әдістемелер ... оқу ... ... оқу бағдарламамен 
жұмыс істеуде. Солардың ішінде оқушы үшін ... ... ... ... ... оқушыларға дәл және толық ақпарат беру арқылы
оқыту сапасын арттырады. Оқытудың көрнектілігін арттырып, оқу ... ... ... оқу ... ... ... ... жетілдіреді;
оқу материалының маңызын арттырып, уақыттан ұтып, есте сақтау
қабілеттерін жетілдіруге қол жеткізеді. Есте сақтаудың әсер алу, ... ... оқу ... ... игеруге жеткізеді;
мұғалім мен оқушы еңбектерін жеңілдетіп, пікір алысып, байланыстарын
арттырады.
Қазіргі таңда дайындалған электрондық оқулықтарда мынадай жағдайларды
ескеру керек:
белгілі бір пәнге байланысты ... ... ... ... ... бағдарламасына сәйкес болуын, тақырыпқа қатысты нақты әрі
қысқа берілуін ескеру ... ... ... ... мен ... ... конспектісін қамтитын негізгі материалдар;
зертханалық және тәжірибелік тапсырмаларды орындауға арналған қосымша
материалдар;
материалға қатысты анықтама, библиографиядан ... ... және ... ... ... ... тест;
материалды дайындауда пайдаланылған әдебиеттер тізімдері қамтылуы.
Информатикадан оқушы үшін электрондық оқулықты қолдану тиімді.
Электрондық оқулықты қолдана ... ... ... ... ... болады:
Өтілетін материалдарды дұрыс әрі жеңіл түрде түсінуге;
Оқушының өздігімен дайындалып, жұмыстың барлық кезеңдерінде өзін ... ... ... түрде орындап, мұғалімге файл түрінде тапсыруға;
Түсінбеген тақырыптарды шексіз қайталауға;
Оқулықты сабақтарда қолданып, оқушының өз ... ... ... жылдам іздеп табуға мүмкіндік туғызады.
Ақпараттық технологиялардың  мүмкіндері пайдаланып жасалынған
электрондық ... ... ... ... ... мен оқушылардың
өздігінен жұмыс жасай алады. Әсіресе аталған электрондық оқулықты пайдалану
оқушылардың сабаққа деген ... ... ... ... тақырыптарды игеруіне және зертханалық жұмыстарға алдын ала
дайындалуларына мүмкіндік туғызады. ... ... ... барысында
графикалық безендірулер және сұқбат терезесі түрінде пайдаланушы интерфейсі
оқушыларды бұл ... ... ... ... арттырады.
Электрондық оқулықты қолдану саласы өте кең: электрондық – оқыту
жүйесі қашықтан оқыту үшін, ... ... ... ... ... ... бар ... өте тиімді. Қазіргі заман талабына ... көп ... ... ... ... тарау бойынша
оқушылардың дағдыларды қалыптастыру, білім бақылау ... ... ... Осы ... ... технологияның  дамуының
тереңдетілуі білім сапасын жоғарылата отырып, мұғалімнің  жұмысын жеңілдете
түседі.
Электрондық оқулықты пайдалану арқылы:
сабақта техникалық құралдарды, ... ... ... ... – коммуникациялық технологияны меңгеруі;
оқушының пәнге қызығушылығы;
алынған білім, дағды деңгейі;
білімнің тереңдігі;
тексеру түрлері, бағалау;
практикалық дағдыларды игеру мүмкіндігі ... HTML ТІЛІ ... ... (Hyper Text Markup Language) – ... ... ... ... тілді 1991 жылы Тим Бернерс-Ли таралған
гипермәтіндік жүйе ... ... ... ... ... ... World ... (WWW) немесе Жахандық өрмек деп аталады. HTML - World Wide ... ... ... құжаттарды жазуға арналған тіл. HTML
тіліндегі ... ... ... ... ... тұруы
мүмкін:
- белгілі бір стильге келтіріліп форматталған мәтін;
- графикалық және дыбыстық файлдарды іске қосу командалары;
- Internet-тің әр түрлі ресурстарымен ... ... ... және VBScript ... ... әр ... обьектілер, мысалы , Flash-анимациялар.
HTML – құжаты құрамына арнайы белгілеу тәгтері (немесе басқаратын
элементтері) бар ... ... файл ... ... ... Web ...... көрсетуге арналған программа, мысалы, Internet ... Netscape ... Opera) ... ... ... ... ... керектігін көрсетеді.
Әдетте HTML файлдарының кеңейтілуі htm немесе html болады.Олар кез-
келген мәтіндік ... ... ... ... тілі ... ... кең ... қуатты SGML
(Standard Generalized Markup ... ... бір ... ... ... ... негізгі артықшылығы әр түрлі баспа
жүйелеріндегі ... ... ... ... ... ... ... ерекшелік HTML тілінде де сақталған
болатын.Ондағы құжатты оқып ... ... өз ... ... кез ... ... ерекшелеп алу тәсілдерін ... ... мен ... ... ... ... әрекеттерді оңай орындауға
қол жеткізеді.
Барлық ақпарат WWW байттарының негізгі ... ... ... ... ... ... мультимедия технологиясын қолдап, өзінде әр түрлі
ақпараттар ... ... ... ... ... дыбыс, анимация және
бейне. Көп жағдайда сол немесе басқа ... ... ... және ... ... ... стильді безендендірілген, анимация және графикамен тым
қамтылмаған, тез ... ... ... ... ... ... қолдану ұнамды.
HTML тілі бір Web-парақ көлемінде бірнеше құжатты көрсетуге
мүмкіндік береді. ... ... ... HTML ... ... ... және т.б. объектілерді ендіру ең әсерлі болып табылады.
Жұмыс ... HTML ... ... ... бөліктерін көрсетуге әсерін
анықтаймыз. HTML технологиясы кәдімгі мәтіндік құжатқа басқарушы символдар
(тәгтер) орналасқан құрылымнан тұрады.Мүнда ... ... ... ... ... ... ... графикалық бейнені  мәтіндік
құжатқа графикалық бейнені жасанды енгізу мұмкіндігін ... ... HTML ... қалыптастыру үшін, ... ... екі ... бөлімді ерекшелеп алуға болады,олар:
тақырыптық бөлім және құжат тұлғасы.Тақырыптық ... ... ... ақпарат тұтынушы экранына шықпайды. Онда түйінді сөздер,
авторлар және де басқа керекті ... ... ... ... ... сыртқы кестелерін және скриптерді қосу ісі орындалады. Ал
құжаттың ... ... , яғни ... ... ... орналасады.Интернеттің бар мәліметтерінің, яғни барлық Web-
парақтарының бір ... ...... ... да HTML ... HTML ... ... жасау программалауға ... ол ... ... тілі ... HTML – ... ... Ол кәдімгі мәтіндері ... ... ... ... ... ... ... орналастырылатын
материалдарды екі кезеңде даярлықтан өткізу керек: ... ... ... ... ... дайындау кезінде HTML тілі
заңдылықтарын сақтай отырып, ... ... ... құжаттың бастапқы
нұсқасын жазып шығу керек. Ал, оларды жариялау, яғни кез келген ... жол ашу ... ... орын алу, жеке ... ... ... ұйымдастыру мәселелерін шешкеннен кейін жүзеге асады.
Жеке құжаттарды Web-тораптарда орналастыру үшін ... ... Markup Language – ... ... ... ... тәгтерімен
толықтырылған гипермәтінге түрлендіру керек. Гипермәтін, яғни ... ... ... ... басқа да объектілер тәрізді қосымша
элементтер енгізіледі. Мәтінді ... деп ... ... ... оның ... мазмұнынан жеңіл ажыратылатын арнайы кодтарды – тәгтерді
пайдалану болып табылады.
HTML тілі құжатты форматтау үшін ... оны ... ... үшін ... HTML ... басқару кодтары тегтер деп аталады, олар
бұрыштық жақша ішіне жазылып ... ... ... ... жазылып, белгілеудің басын және ... ... ... ... тәг те ... ... тәг барлық құжатқа әсер
етеді немесе өзі тұрған орынға бір-ақ рет әсер ... ... ... оның бірі ашылу, екіншісі жабылу тәгі ... ... ... тек орталарында орналасқан мәтінге қатысты болып ... ... ... яғни ... сөзі алдында «/» (қисық сызық) символы
орналасады, мысалы, .
Тәгтің әсері ... ... қосу ... ... ... ... ... мәнін енгізуді талап етеді. HTML құжатын экранда
бейнелеген кезде ... ... ... олар ... сыртқы түріне,
форматына әсерін тигізеді.
Экрандағы бейненің оның ... ... ... ... ... What You See Is What You Get — Нені ... соны ... деп
аталады. WYSIWYG мүмкіндігінің қарапайым редакторы болып ... ... ... кіретін FrontPage Express программасы
саналады. көрсетілмесе де, олардың қай ... ... ... ... ... HTML тілінің стандартында құрылымдық тәгтердің ішіндегі тек
тәгінің міндетті түрде болуы керектігі айтылады.
HTML элементтері
Қосарланған тәгтер ашылу және ... ... ... ... әсер етеді. Тәгтермен шектелген мәтін бөлігін HTML тілінің ... ... ... ... ... ... сол ... өзімен, яғни
әсер ету аймағымен шектеледі. HTML тілінің элементерінің көпшілігі құжаттың
белгілі бір ... әсер ... де, олар және ... яғни BODY құрылымдық элементі ішінде ... ... ... және ... деп ... ... ... элементтер
мәтіннің абзацтарына немесе жолдарына әсер етеді. Ал мәтіндік элементтер
жеке сөздердің немесе оның да ішкі ... ... ... ... ... қабаттастыра қолдану ережелерін айтуға болады.
Элементтер қиылыспауы тиіс. Егер ашылу тәгі бір элемент ішінде болса,
онда жабылу тәгі де осы ... ... ... элементтер ішінде басқа да ішкі блоктық және мәтіндік
элементтер бола ... ... ... басқа да мәтіндік элементтер бола береді.
Мәтіндік элементтер ішінде блоктық элементтер болмайды.
Функциональдық блоктық элементтер
Құжаттардың көпшілігінде ... ... ... ... мен ... атқарады. HTML тілінде тақырыптардың көлемі өзгеріп
отыратын алты түрі қолданылады. Олар қосарланған , , ... ... ... ... ... ... ... Н1 – ... әріптерге, ал Н6 – ең кіші әріптерге сәйкес ... ... ... тәгтерімен беріледі.
Босорындар мен келесі қатарға көшу белгілері (Enter пернесін басу)
тізбегі экранда бір-ақ босорынмен беріледі.
Абзац соңының ... ... ... ... сызық та жиі
қолданылады.
Гипермәтіндік сілтемелер
Гипермәтіндік сілтеме мәтін фрагменті болып табылады, сол себепті ... ... ... ... ... ... Оның
атрибуты ретінде сілтеме көрсетіп тұрған құжаттың URL адресі ... ... ... түрі мен ... адресі көрсетілген абсолюттік формада
берілуі мүмкін.
Гиперсілтемелер арқылы мультимедиялық ... да ... ... ... ... сол ... ішкі ... де
сілтеме жасап көшуге болатын мүмкіндіктер бар.
Web-графика
Web-парақтардың графикалық элементтері ретінде GIF және JPEG (жаңа
PNG ... әлі кең ... ... жоқ) ... екі ... пайдалануға болады. Web-парақтарды экранда көрсете алатын барлық
графикалық броузерлер осы форматтардағы суреттерді бейнелей алады.
GIF (Graphic ... Format) ... ... типі ... келеді. Ал JРЕG (Joint Photographic Expert Group — осы форматты
ұсынған топ аты, ... ... ... ... типі – JPEG
немесе JPG. Бұл формат фотографиялық бейнелерді сақтауға арналған.
Сурет форматтарын ... ... ... сол ... ... ... тек екінші кезекте – олардың сапасы тұрады. Форматты таңдау
кезінде GIF және JPEG форматында – екі файл ... ... ... ... кіші болса, соны жұмысқа кірістіреді.
Суреті бар парақтар жасай отырып, оларды барлық тұтынушылар көре
алмайтынын да есте ... жөн. ... ... ... ... ... ... мәтін арқылы таныстыруға болады. Альтернативті
мәтін сурет ... ... ALT= ... мәні ... ... ол ... ... көрініп тұрады.
Суреттік бейне мәтін элементі сияқты берілетін болғандықтан, ... ... ... де ... ... ... тәгі
арқылы басқа файлға көшуге болады. Мұндайда суреттің өзі гиперсілтеме рөлін
атқарады.
Мәтінді форматтау
Форматтауды ... HTML 4.0 ... ... ... ... ... ... экранда құжатты бейнелеуді басқару ісінің ыңғайлы тәсілі болып
табылады.
Қосарланған тәгі ... ... ... ... береді, оның міндетті түрде кем дегенде бір ... ... – COLOR=, FACE=, SIZE) ... тиіс.
COLOR= атрибуты ағылшын тіліндегі сөзбен немесе оналтылық ... ... ... ... мәтін түсін өзгертеді, FACE= атрибуты қаріп
түрін, яғни гарнитурасын береді, ал SIZE= салыстырмалы бірліктер ... ... ... ... қаріп мөлшерін анықтайды.
Келісім бойынша пайдаланылатын қаріп параметрлері ... ... ... бірдей тәгімен
анықталады, ол бір рет BODY элементі ішінде көрсетілуі тиіс.
Символдар сызылымын ... ... асты ... ... мәтіннің функциональдық ерекшеліктерін көрсететін сөз элементтері
(мысалы, STRONG) қолданылады.
Қосарланған тәгі ... ... үшін ... ... және ... ... ... және қалыңдатылған сызылымдардың функциональдық баламалары болып
табылады. HTML тілінде компьютерлік ... ... ... жиыны бар, ол үшін , , және ... ... ... ... ... тізім, реттелмеген тізім және анықтау
тізімдерін жасауға ... ... ... ... ... элементтерге
жатады.
Реттелген (нөмірлі) және реттелмеген (белгіленген) тізімдер бір-
біріне ұқсас тәсілмен жасалады.
Анықтау тізімдері қосарланған ... ... ... ... ... ... ... тәгтері) және анықтамалар
(қосарланған тәгтері) жасалады. Кестелер. HTML тіліндегі ... ... ... ... ... ... қосарланған
тәгтерімен қоршалған кесте тақырыбы мен тәгтерімен қоршалған
кесте жолдары болады.
Кестенің әрбір жолында бағаналарға сәйкес ... ... ... екі түрі ... мүмкін. Кесте тақырыбына қатысты оның бастапқы жолдары
мен бағаналары қосарланған тәгтерімен, ал қалғандары — ... ... ... ... HTML ... бір Web-парақ ішінде бірнеше
құжат көрсете алатын мүмкіндігі бар. Ол үшін ... беті ... ... ... — фреймдерге бөлінуі тиіс.
HTML тілінің бір Web-парақ ... ... ... ... ... бар. Ол үшін ... беті бір-бірінен тәуелсіз бірнеше аймақтарға
... ... ... ... бар ... ... ... бірден интерактивті
мәлімет болып табылады. Бірақ нақты интерактивтілік қасиет формаларды
пайдалану арқылы жүзеге ... ... ... ... ... ... өрістер жиынын құрайды.
Форма — тәгтерімен қоршалып жазылатын блоктық элемент. Оның
ішінде әртүрлі тәгтермен берілетін ... ... ... ... ... электрондық пошта арқылы жөнелтілетін мәліметті ... ... ... ... ... ... ... мәліметті
басқалар да алып пайдалана алатыны жайлы хабар беріп те отырады.
Құжат жасау және оны ... ... Express ... ... ... мен ... ... комбинациясы тәріздес
болады. Редактор HTML құжатындағы көрінбейтін элементтерді де ... ... ... ... етіп ... негізгі форматтау құралы рөлін Форматтау аспаптар ... Ол ... ... ... форматтау элементтері жеке диалог
терезелерінде беріледі.
Гиперсілтеме жасау үшін сілтеме болуға тиіс мәтін фрагментін белгілеп
алып, ... > ... ... > ... ... ... ... өрісі осы парақ ашылатын фрейм атын көрсету ісін
атқарады. Ал ... ... – сол ... ашатын белгі (зәкір) атын
көрсетеді.
FrontPage Express редакторының форма жасайтын арнайы командасы жоқ.
HTML тілінде элементтердің қасиеттері тәг ... ... ... Express редакторында олар арнайы диалог терезелері арқылы
енгізіледі. ... ... ... қосымша объектілер енгізу редактордың
Кірістіру (Вставка) менюі арқылы орындалады.
Программа шеберін және шаблондарды ... ... ісін ... әрі ... ... Express ... программа шеберлері мен шаблондарды қолдану
мүмкіндігін береді.
Шеберлерді қолдану кезінде (Негізгі жеке парақтар ...... ... ... ... ... ... – Мастер форм)
программа бірсыпыра сұрақтар қояды, соларға берілген жауаптар негізінде ... ... ... ... формасы –растау формасы)представляют собой готовый
документ «жалпы сипатта» даярланған дайын құжат нұсқасы болып табылады.
Web-құжаттарды ... ... ... дегеніміз дайындалған HTML
құжаттарын және соларды сүйемелдеу файлдарын Интернетте орналастыру ісі
болып табылады. ... ... ... өз ... ... Web-
тораптың бумалар құрылымын жасап, олардың ішіне жарияланатын керекті
файлдарды жазып қою ... ... ... Олардың ішкі сілтемелерінде сол
құжаттардың салыстырмалы адрестерін ғана пайдалану қажет. Web-серверге
осылай ... ... ... ... ... ... ... істеуін
қамтамасыз етіп, кіргізілген объектілердің де байланыстары ойдағыдай болуын
іске ... ... ... ... ... мәлімет
жинақтауыштар көмегімен немесе Интернет арқылы тікелей көшіру жолымен
жүргізіледі.
HTML тілін пайдалану. HTML құжатының ... ... ... да ... ... кезеңдерін анықтайтын
бірсыпыра құрылымдық тәгтерден тұрады. Мысалы, ... ... ... басталып, осыған сәйкес тәгімен аяқталады. ... ...... ... мен ... ... ... негізгі мазмұндық бөлігі қосарланған ... ... ... Қысқаша айтқанда, осы сияқты құрылымдық
тәгтер
World Wide Web және HTML ... ... ... 1990 ... басында комьютерлер арасында
мәлімет алмасудың жаңа хаттамасы (protocol) пайда болғаннан ... ... ... HTTP (Hyper Text Transfer ... ... ... деп аталған болатын. Осы хаттамамен қатар HTTP серверлерінің
кеңейтілген желілері болып табылатын Интернет ... ... ... World Wide Web қызмет бабы (WWW немесе Web) пайда болды.
Бұл файлдардың басым көпшілігі Web – парақтар түрінде – HTML ... Markup Language – ... ... тілі) тілінде жазылған арнаулы
файлдар түрінде болады. Осы файлдарды HTTP ... ... ... ... Web – ... қалың көпшілік
пайдаланатындай түрде интернетте жарияланады. Web – парақтар мазмұны ... бола ... және олар әр ... ... қамтиды, бірақ олардың
бәрінің де негізі жариялану, яғни жазылу тілі HTML ... ... ... құжаттарының бәрінің де файл аттарының кеңейтілуі (тіркеуі) *.HTM
немесе *. HTML болуы тиіс.
HTML тілі World Wide Web ... ... ... дами ... , Web ... ең ... деген мүмкіндіктерін жүзеге асырып ,оны кең пайдалану
жолдарымен толықтырылып отырды. Ол World Wide Web ... ... ... , оның өте кең ... ... ... World Wide Web сөзі қазақ
тіліне кеңейтілген бүкіләлемдік өрмек ... ... HTML ... мен атқаратын қызметін оның атынан анықтауға болады.
Гипермәтін – ... ... ... ... ішінде арнаулы
код , яғни екпінді элемент (anchor) орналасқан мәтін. Ол – ... ... ... ... ... бейнелеу үшін браузер (browsers) деп
аталатын арнайы көрсету программалары қолданылады. ... ... ... ... сөз ... ... егер ... сол
сөзге жеткізіп, тышқанды шертсек (ENTER пернесін бассақ), онда ... (ол ... ... ... ... ... Ол ... мәліметтер
ішіндегі басқа парақтарда ... Web ... ... ... ... ... ... дыбыс күйінде болуы мүмкін.
Сонымен, мәтіндерді осылай байланыстыра отырып ... ... тілі ... ... ... алуды қамтамасыз ететін өз заңдылықтары
мен ережелері бар.
HTML тілінің атқаратын қызметі
Web – ... ... ... ... безендіріліп көрсетілген, HTML
тілі мәтіндерді пішіндеп (форматтап) ... ... ... ... ... әр ... ... пайдаланады. Сол себепті жаңа ғана
зауыттан шыққан бір компьютердің Windows жүйесінде жұмыс ... ... бар ... ... бір ... ... тек MS DOS жүйесінде
жұмыс ... ескі ... ... ... Бұл ... ... әр ... болғандықтан, бір файл екеуіне екі түрлі болып
көрсетіледі. Ал үшінші компьютердегі Web – ... ... ... ... қаріптер арқылы берілсе, оның нәтижесі тіпті басқаша болады
Құжаттарды әрбір тұтынушының әр түрлі құрылғыларда және әр ... ... ... ... HTML ... ... ... тәсілдерін жазуға арналған тіл деп ... ... ... ... ... атқаратын қызметін анықтап, соларды әрбір
тұтынушыға бейімдеп жеткізе алатын ... ... ... ... ... ... егер мәтін тақырыбын бейнелеу керек болса, онда HTML коды оны
тақырып ретінде көрсетуге тырысады. Тақырыптың белгілеу коды алынған ... ... - ... өз мүмкіндігін пайдаланып, оны үлкейтіп ... ... ... ... тек ... ... ортасына жылжытып
қана көрсетуіне де болады. Ал егер бұл ... ... ... ... ... ... онда тақырып қаттырақ шығатын дауыс арқылы ... соң ... ... ... да ... HTML ... ... форматтау
тәсілдерінің де бар екенін айта кету керек, бірақ жалпы алғанда, ... мен оны ... ... ... ... ... HTML тілі World Wide Web ... бабымен бірге дами отырып, Web
парақтарының ең ... ... ... ... ... оны кең
пайдалану жолдарымен толықтырылып ... Ол World Wide Web ... бола ... оның өте кең ... ... ... World Wide Web
сөзі қазақ тіліне кеңейтілген ... ... ... ... ... мағынасы мен атқаратын қызметін оның атынан анықтауға болады
Гипермәтін - қосымша элементтерді басқару мақсатында ішіне ... яғни ... ... (anchor) ... ... Ол ... ішіне сурет,
дыбыс енгізу, мәтінді безендіру, пішіндеу (форматтау) ісін орындайтын
немесе осы күжаттың ... ... ... бар ... ... ... белгіленген сөз. Сөзді ерекшелеп белгілеу дегеніміз- келесі
көрсетілетін кұжат бөлігі калай бейнеленетінін анықтайтын ... ... ... ... ... ... ... үшін броузер (browsers) деп
аталатын арнайы көрсету ... ... ... экранда
белгіленген қарапайым сөз ретінде тұрады, егер ... сол ... ... ... (ENTER ... бассақ), онда сонымен байланысты (ол
сілтеп тұрған) басқа құжатты оқимыз. Ол құжаттар ... ... ... ... Web жүйесіндегі басқа тораптарда орналасып, бейнежазба,
сурет, жазылған дыбыс күйінде болуы мүмкін.
Сонымен, мәтіндерді ... ... ... ... ... HTML miлі. Оның ... ... алуды қамтамасыз ететін өз
заңдылықтары мен ережелері бар
1.1 HTML тілінің негізгі тэгтер тобы
… - …
белгісі ( i -1-ден 6-ға ... ... сан) алты ... ... ... ... ... береді. Бірінші сатыдағы тақырып – ең
ірісі, алтыншы сатыдағы ең ... ... ... ... қос ... ... ... Егер ол жабылса, келесі абзацтың
басы алдыңғы абзацтың соңы ... ... ... және ... ... ... ... бір ... ... ... және белгілерінің қосымша ALIGN (оқылуы элайн, ағылшынның
туралау деген сөзінен ) атрибуты – ... ... ... ... Тақырыпты ортаға жылжыту немесе Абзацты
оң жақ шетке жақындатып туралау түрі (1 сурет)Үйренгеніміздің барлығын
тиянақтап, ... ... ... 2 ... |
| ... ... HTML ... сәл ... ... |
| Енді біз ... тек сол жақ ... ғана туралап жазбай, |
| ... ... ... |
| оң жақ ... де ... ... ... |
| |
| ... 1- ... ... ... арқылы оның түсін (COLOR=түс), ұзындығын (WIDTH=пайыз,
экран еніне байланысты сызықтың пайызбен берілген ұзындығын анықтайды) және
қалыңдығын ... ... ... ... ... ... ... сызықтардан мысал келтірілген:
| Сызықтар |
| |
| ... ... ... |
| |
| |
| |
| |
| |
| ... ... тәгі HTML-дағы мәтіннің сыртқы түрін басқарады.Ол ... ... және ... ... алу үшін ... Бұл-
қосарланған тәг, оның ашылған және ... ... ... ... ... ... болады. Егер ашылатын ... ... ... онда FONT ... ... әсер етпейді.
FACE құжатта қолданылатын қаріп түрін таңдауға мүмкіндік ... ... - ... аты. ... ... ... аты
қолданушы компьютеріндегі қаріп атымен сәйкес келуі ... ... ... ... ... ... компьютерінде қандай қаріптердің
орнатылғандығын алдын ала білу қиын, сол ... ол ... ... ... ... келтірілген.

Қаріп түрін таңдау

Бұл жерде басқа қаріп түрі пайдаланылған



SIZE бұл элементі мәтіндегі әріптің ... ... ... ... ... ... ... береді. Қаріп өлшемі 1-ден 7-
ге дейінгі шартты бірлікте беріледі, олар белгілі бір ... ... ... тек санның мәні үлкейген ... ... де ... сан ... келісім бойынша ол 3-ке тең болып саналады.
Size ... екі ... ... қолдануға болады: қаріптің ... ... size=5 ... ... өлшемді көрсету
size=+2,екінші тәсіл көбіне негізгі қаріп ... basefont ... ... мәтіннің түсін анықтайды,ол ағылшын тіліндегі ... ... сөз ... ... RGB ... он алтылық санмен берілуі
мүмкін.Төменде құжаттағы түстерді анықтауға арналған мысалдар келтірілген.
Түстер таңдауға мысал ... Бұл ... түсі – ...
Бұл ... түсі ... ... - ... arial типімен жазылған қызыл түсті әріптер


Мәтін ... ... үшін BODY ... BGCOLOR ... ... HTML тэгтерін олардың қызметі мен істеу аймағына қарай келесі
топтарға бөлуге болады:
1.Құжат құрылымын анықтаушы;
2.Гипермәтін блоктарын ... ... ... ... ... ... ... шақырылуы;
Гипермәтіндік торап құрылымы гипермәтіндік сілтемелермен беріледі.
Гипермәтіндік сілтемелер дегеніміз – басқа HTML құжатының немесе ... ... ... ... жазу үшін WWW ... ... форма
құрылған болатын. Оның атауы - UNIVERSAL RESOURCE LOCATOR. ... ... ... ... ... ... ... мысалда HTML-да якор (anchor) деп аталатын “А”
тэгі URL түрінде сілтемені жазу үшін “HREF” (HYPERTEXT ... ... Бұл ... ... ... “http” протоколы ... ... ... ... ... құжатына көрсетіп тұр.
HTML-дағы гипермәтіндік сілтемелер екі түрге бөлінеді: контексті ... ... ... ... ... ... ... енгізілген (ішіне енгізілген) сілтемелерді айтамыз. Ал ... ... ... ... ... бар және құжаттың кез-
келген бөлігін көрсету мүмкіншілігі бар сілтемелер жатады.
HTML құжаты құрылымы ... ... ... қолдануға
мүмкіндік береді. Алайда, құжаттың өзі де тэгімен басталып ... ... ... бір ... ... ... Содержание документа
контейнер немесе гипермәтіндік құжаттың өзі екі енгізілген
контейнерлерден тұрады: құжат басы - және ... ... - ... ... қарапайым бір құжатты қарастырайық:


Қарапайым құжат

Қарапайым құжат
ФормаларHTML

Классикалық
Фрейм




HTML құжатының контейнерлері
Құжатттың әрбір құрама бөліктерінде өзіне тән контейнерлер тобы ... ... ... ... құжаттың тақырыбында (басында)
немесе FRAMESET (фрейм) контейнерінде қолданылмайды.
Құжат басының ... ... ... басы ... ...... ... көріну параметрлерін баяндау. Мұндай
параметрлерге құжатты көрсету стилін, ... ... ... ... ... ... ... идентификаторды, құжат атын және
т.б. жатқызуға болады. ... тек қана жиі ... ... жиі ... ... басы тэгі – ... аты ... табылады. TITLE-
дің жазылу тәртібі келесідей:
Название документа
TITLE тэгінің ... ... аты ... ... тэгі URL ... ... сілтеме формасымен
байланысты. Себебі, URL спецификациясы құжаттардың екі формасын анықтайды:
толық және ... емес URL ... ... ... болады. Бірақ толық емес
спецификация формасын қолдану үшін оны бір ... ... ... ... емес URL ... ... URL формасын құру үшін базалық адресін беру
керек. BASE тэгі осы ... ... ... ... Солайша, егер құжат
басынана келесі қатар берілетін болса:
charset=windows-1251">
WEB DIZAIN


timestr = "00:00:00";
tid = 0;
pause = ... ... ... ... ... time(n) {
tid=window.setTimeout("time(1)",to);
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
if(today.getSeconds() < 10){
pads = "0"}
else
pads = ... = ... start(x) ... ... ... ... ... алдымен біз беттің жалпы көрінісін келтіруіміз керек – ... және ... ... ... ... соң ғана оның құрамын
ойластыруға болады. Төменде тэгін қолдана ... ... құру ... ... Назар аударыңыз: фреймдік құрылымы
бар құжатта тэгі қолданылмайды.
- фреймдерді қабылдай алмайтын, яғни ... ... ... ескі ... үшін ... Бұл ескі ... фреймді
көрсете алмайтындықтан және браузер экраны бос болып, түсініспеушілік
болмау үшін ... Егер ... ... онда экран бетіне
және тэгтерінің арасына ... ... ... - ... компоновкасын баяндайтын мәтінді білдіреді. Бұл
жерде фреймдердің саны, көлемі және орналасуы (көлденең немесе ... ... ... ... тек екі ... ... ROWS және COLS. тэгі ... көрсетілуін қажет
етпейді, бірақ ол тэгті фреймдік құрылымның соңында, және
... ... ... ... ... ... ... және тэгтерінің арасына
қолданатын тэгтер мен атрибуттар ... ... Тек , ... ... ... мүмкін. Бұл артық жұмыстан ... және COLS ... ... ... ... Әр қатар мен бағана үшін
өзінің тэгтер жиынтығы болу керек.
ROWS ... - ... ... ... ... ... мен көлемін береді. тэгтерінің саны көрсетілген қатар санына
сәйкес ... ... ... белгісінен кейін фрейм көлемін пикселмен немесе
пайызбен беруге болады. Атрибуттар мәндері арасына ... ... және ... пробел қоюды ұмытпаңыз. Мысалы:

Ал пикселмен:
< FRAMESET ROW="20, 80, *" >мұндағы * белгісі 20+80 пикселден ... ... ... білдіреді.
Ал егер келесі түрде жазылатын болса: < FRAMESET ROW="20, 2*, *" ... 2* мәні 20 ... ... ... ... астыңғы фрейм
көлемінен екі есе болатындығын көрсетіп тұр.
COLS атрибуты - атрибуты ... ... ... ... тэгі – ... сыртқы көрінісін және жүріс-тұрысын
анықтайды. Бұл тэгтің жабушы тэгі болмайды. тэгінің алты ... ... NAME, ... ... SCROLLING, NORESIZE және SRC.
NAME атрибуты – сілтемелерді қолданғанда және сілтелініп тұрған құжат
басқа бір фреймде көрсетілсін дегенде қолданылады. Мысал ... ... 14 ... ... Ал ... ... ол ... түрде
беріледі:
MARGIWITH атрибуты – кестелердегі CELLPADDING атрибутына ... ... ... мен оның ... арасындағы көлденең шегіністі көрсетеді. Бұл
атрибуттың ... ең кіші мәні 1-ге тең. 0 деп ... ... егер еш ... көрсетілмесе, онда ол автоматты түрде 6 деп қабылданады.
MARGINHEIGHT атрибуты – MARGINWITH атрибутына ұқсас. Тек қана ... ... және ... ... беру үшін ... ... – фреймдердегі құжаттарды жылжыту ... Бұл ... ... ... YES, NO және AUTO ... ... фреймдегі құжат толық көрінсе де, көрінбесе де оның
жан-жағында жылжытқыш батырмалары тұрады. SCROLLING=NO ... ... ... де, көрінбесе де жылжытқыштар берілмейді. SCROLLING=AUTO
мәнінде ... ... өзі ... яғни ... толық сыйса -
жылжытқыштар жоқ, ал қарсы жағдайда жылжытқыштар ... ...... ... қозғатпайтындай ету
үшін қолданылады.
SRC атрибуты - ... ... ... құрғанда қай беттің
фреймде көрсетілуі керек екендігін көрсетеді. Яғни оның ... ... егер ... каталог немесе серверде орналасса, немесе жай ғана атын,
егер бірдей каталогта орналасса.
TARGET ...... ... үшін ... 14 мысалды
қарастырайық. 14 мысалда екі фреймнен ... ... ... ... жақ ... сілтемелерден тұратын тақырыптар тізімін басқанда оң жақ
фреймде сілтелінген құжат ашылуы қажет. Сондықтанда біз ... ... сол жақ ... үшін ... ал оң жақ ... үшін TARGET=”main”
атрибуттарын қосып жазамыз. TARGET атрибуты оң жақ фреймде сілтелінген
құжат көрсету үшін ... ... ... ... ... ... пайдаланып, олардың бір-біріне ауысу мүмкіндіктерін
қарастырайық. Фреймдерді шығарудағы ең негізгі ой олардың ішкі ... ... ... ... болатын.
Фреймге гиперсілтеме жасау үшін оған ат қойылу керек. Ат қою
тәгінің NAME атрибуты арқылы жүзеге асырылады.
NAME=frame1 ... яғни ... frame1 ... ат ... frame1 ... аты бар фреймге ... ... жолы ... ... ... ... ат қояды, бұдан кейін осы фреймге ... ... ... ... ... ... ... бірінші фрейм сөзін шерткенде , осы frame1 кадрында алғашқы
орналасқан файл, яғни M1.htm файлы ... ... ... ... ... ... онда first.htm файлы алғашқы ... ... ... Сол ... TARGET ... HREF атрибутында
көрсетілген файлды белгілі бір кадрға орналастыру үшін керек. Осы ... ... ... ... бір кадр ... басқарып ауыстыру тәсілі
сайттардың бірінен-біріне көшу ісін жүзеге асыра алады.
Төменгі ... TARGET ... ... ... ... ... мәндері көрсетілген.Олар төменгі сызықшадан басталады,
сондықтан ... ... ... ... 2 - TARGET ... ... ... басқаратын кейбір
тұрақты мәндері
|Мәні ... ... ... ... файлды ат қойылмаған жаңа терезеге жүктейді ... ... ... ... ... ... ... |
|_parent |Көрсетілген файлды фреймдерді ашатын түпкі ... |
| ... ... кадр ... ... оның әсері|
| ... _self ... ... ... ... ... файлды кадрлар құрылымы біріктірілген толық |
| ... ... ... ... ат ... ... әйтпесе оған сілтеме жасауға
болмайды.Сондықтан ішкі мазмұны өзгертілетін етіп жоспарланған ... ... ат ... тиіс. Кадрлар аттары әріптен немесе ... ... ал ... ... ала ... жоғарыдағы 5.1-кестеде
көрсетілген алдын ала берілген кадр аттары төменгі сызықшадан басталады.
Мысалдар:Бір Student деген бума ашып, оның ішіне ... ... бар ... файлын жазыңыздар:
| |
| |
| |
| |
| |
| |
| |
| |
| ... ... ... ... frame3.htm1 атты файлдар ашып,
оларға төмендегідей мәліметтер жазыңыздар:
|frame1.html файлына: |
| |
| |
| 1 ... |
| 2 ... ... |
| |
| ... ... |
| |
| 2 ... |
| 3 ... ... ... |
| |
| ... файлына: |
| |
| ... |
| 1 ... осы ... ... HTML ... ... ... (Netscape Navigator, Internet Explorer) мультимедиялық
фаилдарды іске қосатын қосымша программалық модульдері бар. Олар LiveAudio
(WAW, AU, AIFF және MIDI форматтарындағы дыбыстық ... Live3D ... (AVI ... ... және QuickTime (дыбыс пен мәтін қосылатын
MIDI және MOV форматындағы файлдар) тәрізді технологияларды сүйемелдей
алады. Web- құжатқа осылардың бәрін бірсіпыра ... бар ... іске ... ... ... ... ... тәгінің атрибуттарына ұқсас (жалпы
HTML құжаты ортасына объект енгізу тәсілі бірдей десе де болады), сондықтан
NAME, ALT, BORDER, HEIGHT, WIDTH, ALIGN, HSPASE, VSPASE ... ... ... ... алмайтын басқа браузерлер
үшін элементі көрсетіледі де, оның ашылу және ... ... ... ... ... ... және ... әдіс – бұл
сілтеме тегін пайдалану.Осы шартта дыбыс файлын ойнататын ... ... ... тыңдайық
Басқа әдіс – < EMBED > тегін қолдану.
Мысалы. < EMBED SRC = “ LION. WAV “>.
Клиптің басқару ... ... мен енін ... ... ... = 60, Widht = ... ... = TRUE параметрін орнатса, онда аудиоклип автоматты
түрде қосылғаннан кейін бірден ойнай бастайды. Егер  AUTOSTART = ... ... ... Play ... басуы керек.
Мысалы.
Егер LOOP = TRUE параметрін орнатса, онда клип көп рет ... LOOP = FALSE, онда клип бір рет ... LOOP = 3, ... клип үш рет ... HIDDEN = TRUE ... ... онда ... көрсетілмейді.
Дыбыс файлын тегімен енгізуге болады. Бұл жағдайда ойнатқыш
экранда көрсетілмейді.
Мысалы. .
Ойнау санын LOOP ... ... ... LOOP = 5.midi- ... ... ... LOOP = -1, онда файл бет ашық ... дейін ойнай береді.
ҚОРЫТЫНДЫ
Бүгінгі таңда қоғамның басқада салалары сияқта білім беру ... ... ... ... ... Сол ... мен жұмысты
жазбас бұрын оқытуда қолданылатын инновациялық технологияларды, атап
айтқанда, ... ... ... ... беру ... Осы ... «электронды оқулықтың қандай артықшылықтары немесе
кемшіліктері бар?», «елімізде электрондық оқулықтардың мазмұнына, құрамына,
функцияларына және тағы басқа жақтарына ... ... ... деген
сұрақтарды қарастырдым. Сонымен қоса электрондық оқулық жасауда кеңінен
қолданылатын HTML – тілі туралы ... ... ... HTML ... ... ... өңделеді, суреттерді қалай орналастыруға болады,
оның ... ... ... ... ... ... оқулықта фреймдерді қалай пайдалануға ... ... ... нәтижесінде физиканы оқытуда қолданылатын инновациялық
технологиялардың мысалы ретінде «Физика 1» ... ... ... ... ... электронды оқулық түріндегі оқыту пакетін
жасадым. Бұл ... ... ... ... HTML тілі пайдаланылды.
Жасалған жұмысты ақпараттық технологиялардың білім беру саласында
жүйелі,тиянақты білім беретін мысалы ретінде келтіруге ... ... ... ... Г.Мадиарова, Информатика және
есептеуіш негіздері. –Алматы: Мектеп, 2005.
2 Вирт Н. Алгоритмы и структуры данных: Пер. с англ. — ... 1989. — 360 с: ... ... М., Шоу А., ... Дж. ... разработки
программного обеспечения: Пер. с англ. — М.: Мир, 1982. ... с: ... ... ... по ... Пер. с ... Мик, П. Хит, Н. ... и др.; под ред. Б. Мик, П. Хит,
Н. Рашби. — М.: Радио и связь, 1986. — 168 с: ... Фокс Дж. ... ... и его ... ... англ. — М.: Мир, 1985. — 368 с: ... ... ... ... ... Сост. А. П. Са
вин. — М.: Педагогика, 1989.—352 с: ил.
7 Язык ... Пер. с ... / Под ред. и с ... М. ... — М.: Мир, 1989. — 240 с: ... Балапанов Е.Қ., Бөрібаев Б.Б.,Дәулетқұлов А.Б. Жаңа ... ... ... ... Б. HTML ... ... жасау негіздері: Оқу құралы.
– Алматы: ҚБТУ, 2004
10 Бөрібаев Б., Мадьярова Г.А. Web – технологиялар: Оқу ... ... ... ... ... ... Б. ... тілдеріне кіріспе: Оқулық. – Алматы:
АЭСА, 2008
12 Интернетке кіріспе: «Бүкілдүниежүзілік өрмек»: Әдістемелік құрал//
Балапанов Е., ... Б., ... Г. – ... Жаңа технологиялар
институты, 2004
13 Дузбаева Р.М. Основы создания HTML – ... Уч. ... ...... ... ... Джамса Крис. Эффективный самоучитель по ... Web ... HTML, XHTML, CSS, ... PHP, ASP, ActiveX. Пер. с ... Джамса, Конрад Кинг, Энди Андерсен. – М.: ООО «ДиаСофтЮП», 2005
15 ... И.В. ... HTML 4.- СПб.: ... 2001
16 Кирсанов Д. Веб – дизайн. –СПб.: Символ-Плюс,2001

Пән: Информатика
Жұмыс түрі: Дипломдық жұмыс
Көлемі: 71 бет
Бұл жұмыстың бағасы: 1 300 теңге









Ұқсас жұмыстар
Тақырыб Бет саны
Мұнай өндіруді қарқындыландыру әдістері9 бет
Статистикалық физика.Физикалық кинетика негіздері оқулығы бойынша электрондық оқулық құру тақырыбын63 бет
«Молекулалық физика курсы бойынша электрондық қабықша34 бет
Auto cad жүйесінде электрлік принципиальді схемаларды жобалау9 бет
AutoCAD жүйесінде көлемді объектілерді жобалау және редакторлау45 бет
VP-Expert эксперттік жүйенің жазбасы10 бет
Нарықты монополиялаудың белгілері4 бет
"Автомобильдердің электротехникалық және электрондық жабдықтары" -курсы мазмұны және әдістемесі51 бет
1930-40 жылдардағы ана тіліндегі математика оқулықтары және олардың ерекшеліктері64 бет
Borland Delphi ортасында электронды оқулық жасау45 бет


Исходниктер
Пәндер
Көмек / Помощь
Арайлым
Біз міндетті түрде жауап береміз!
Мы обязательно ответим!
Жіберу / Отправить


Зарабатывайте вместе с нами

Рахмет!
Хабарлама жіберілді. / Сообщение отправлено.

Сіз үшін аптасына 5 күн жұмыс істейміз.
Жұмыс уақыты 09:00 - 18:00

Мы работаем для Вас 5 дней в неделю.
Время работы 09:00 - 18:00

Email: info@stud.kz

Phone: 777 614 50 20
Жабу / Закрыть

Көмек / Помощь