Оқу үрдісінде қолдануға арналған электронды оқу құралдары

Кіріспе ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..3
І.тарау. Оқу үрдісінде қолдануға арналған электронды оқу
құралдары .
1.1 Электронды оқу басылымдарына қойылатын
дидактикалық талаптар ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .11
1.2 Электронды оқу құралдарын жасау технологиялары мен әдістемесі ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 18
ІІ.тарау.Физика пәнінен электрондық оқулық
ІІІ.тарау. HTML гипермәтіндік белгілеу тілі
3.1 HTML тілінің шығу тарихы ... ... ... ... ... ... ... ... ... ... ... ... ..29
3.2 HTML құжатының құрылымы ... ... ... ... ... ... ... ... ... ... ... ..30
3.3 HTML тілінің тэгтері мен элементтері ... ... ... ... ... ... ... ... .30
IV.тарау. JavaScript сценарийлер тілі.
4.1 JavаScript тілінің ерекшеліктері ... ... ... ... ... ... ... ... ... ... ...46
4.2 JavaScript айнымалылары мен функциялары ... ... ... ... ... ... ...47
Қорытынды ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .49
Қолданылған әдебиеттер ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...51
Қосымша ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .52
Білім жүйесінің ақпараттануы жаңа оқу құралдарын жасауды талап етуде. Оларға электронды оқу құралдарын (ЭОҚ) жатқызуға болады. Көп жағдайда электронды оқулықты жауаптары бар сұрақтар жиынымен жабдықталған жай кітаптың көшірмесі түрінде елестетеді. Мұндай көзқарас қарапайым, дәл емес және қарастырылып отырған құбылыстың барлық ауқымын қамти алмайды. Ол компьютерлік оқу құралдарының оқушылардың когнитивті саласына потенциалды әсер ету мүмкіндіктерін толық бағаланбауымен байланысты.
"Жаңа ақпараттық технологиялар" дегеніміз ақпараттық қамтамасыз ету және білім беру сияқты интеллектуалды сфераларда сапалы түрде жаңа өнім, қызмет жасау үшін мультимедия және телекоммуникация құралдарын қолданып, ақпаратты сандық түрде алу, жинақтау , сақтау, іздеу, өңдеудің ауқымды ғылыми технологиялары.
1. Хеслоп "HTML с самого начала", Санкт-Петербург, 1995.
2. Левин "Internet" для "чайников", Москва 1996.
3. Перри "Секреты Word Wide Web", Москва 1996.
4. Фролов А.В., Фролов Г.В., Глобальные сети компьютеров. М.: Диалог – Мифи, 1996
5. Рассохин, Лебедев "Word Wide Web - глобальная информационная паутина в сети Internet", Москва 1997.
6. Уолл "Использование WWW", Москва 1997.
7. Kevin Werbach. Перевод: Станислав Малишев. - Краткое пособие по HTML, Москва 1998.
8. Балапанов Е.Қ., Бөрібаев Б, Бекбаев А. т.б. Информатика терминдерінің қазақша-ағылшынша –орысша сөздігі. Алматы, 1998 ж.
9. Шарф Д. HTML 3.2: Справочник. СПб Питер, 1998
10. Вуб Л. Web – графика.: Справочник. СПб: Питер, 1998.
11. Семакин, Хеннер. «Задачник практикум», Москва, 1999 .
12. «Домашний компьютер» журнал, 2002, №2
13. «Компьютер пресс» журнал, 2003, №9
14. Создание и использование информационных средств обучения. Учебное издание. - Изергин Н.Д.,Кудряшов А.А.,Руднев А.Ю., Тегин В.А.
15. HTML-Первые шаги. Алленова Наталья. http://postroika.ru.
16. Язык XML: практическое введение. Александр Печерский
        
        ЖОСПАР
Кіріспе.....................................................................
.....................................3
І-тарау. Оқу үрдісінде қолдануға арналған электронды оқу
құралдары .
1.1 Электронды оқу басылымдарына қойылатын
дидактикалық
талаптар....................................................................
.........11
1.2 Электронды оқу құралдарын жасау технологиялары мен
әдістемесі..................................................................
..................................18
ІІ-тарау.Физика пәнінен электрондық ... HTML ... ... тілі
3.1 HTML тілінің шығу тарихы………………………………..……......29
3.2 HTML құжатының құрылымы…………………………………....…30
3.3   HTML тілінің тэгтері мен элементтері……………………………30
IV-тарау. JavaScript ... ... ... ... ... Java Script айнымалылары мен функциялары…………………......47
Қорытынды...................................................................
..............................49
Қолданылған
әдебиеттер..................................................................
.........51
Қосымша……………………………………………………………….....52
Кіріспе
Білім жүйесінің ақпараттануы жаңа оқу құралдарын жасауды талап етуде.
Оларға электронды оқу ... (ЭОҚ) ... ... Көп ... ... ... бар ... жиынымен жабдықталған жай
кітаптың көшірмесі түрінде ... ... ... ... дәл ... ... ... құбылыстың барлық ауқымын қамти алмайды. Ол
компьютерлік оқу құралдарының оқушылардың когнитивті ... ... ету ... ... ... байланысты.
"Жаңа ақпараттық технологиялар" дегеніміз ақпараттық қамтамасыз ету
және білім беру сияқты интеллектуалды сфераларда сапалы түрде жаңа ... ... үшін ... және ... құралдарын қолданып,
ақпаратты сандық түрде алу, ... , ... ... ... ауқымды
ғылыми технологиялары. Оқу процесінде жаңа ақпараттық технологиялар
компьютер, компьютерлік оқу ... және ... ... желісінің
болуын қажет етеді. Осы компоненттер бірігіп оқушының өздік жұмысын және
оның оқу ... ... ... қамтамасыз етіп, ақпараттық-
жабдықтық оқу ортасын құрайды.
Оқыту процесінде ақпараттық ... ... ... әртүрлі
ойлар айтылуда. Біреулер оны ... ... ... ... осы салыстырмалы түрде жаңа саладағы ... ... ... Ос сала ... объективті баға тек берілген
тақырып жөнінде мәліметтердің үлкен көлемін ... ... ғана ... ... ... видео, текст және дыбысты
үйлестіріп, ... ... ... ... ... ... жағдай жасайды. Оқу материалын визуализациялау ерекше маңызды,
себебі қазіргі оқушыларға білу қажет ақпарат көлемі өсіп бара ... ... кең ... оқу ... ... оны көрнекі және алуан
түрлі қылу арқылы арттыруға көмектеседі.
Оқу орындарында ЭОҚ-н жасау , ... ... ... ... ... мен оқытушылардың қажет оқу құралымен ... ... Оқу ... ... ... ... ақпаратты беру және
қорытудың қосымша жүйелерін қолданудың арқасында білім сапасын
көтеруге;
• Оқу және ... ... ... ... қазіргі заманғы
ақпараттық технологиялар енгізу арқылы ұстаздардың ... ... ... мен ... ... Оқу ... ... бойынша басқа білім ордаларымен сайысқа
түсіп, оқу орнының бәсекелестік қабілетін көтеруге;
• Интернет негізінде қашықтықтан оқытуды ... ... ... ... аясын кеңейтуге;
• Әрбір оқушыға (студентке) жеке әдіс-тәсіл ... ... ... саралау және кері байланыс арқылы жедел
қадағалауға;
• Оқушы оқу -танымдық ... ... ... ... Оқу мәліметін визуальды демонстрациялауға және т.б.
мүмкіндік береді.
І-тарау.Оқу ... ... ... ... оқу ... ... ... батыста ертеде басталған. Ал Қазақстан
оған қазір ғана қосылды. Бұл ... көп ... ... емес: егер
алдыңғы шепті оқу орындары осы ... ... ... ... бұл ... жасаған жоқ.
Оқу орындарының дүниежүзілік ақпараттық ортаға қосылудың бастапқы
қадамы жасалды, яғни ... ... ... ... ... бар. Алда жауапты кезең тұр- локальды білім ... ... ... ... ақпараттық кеңістікке енгізу. Осындай білім жүйелерін
жасау ... ... ... ... еді. Осы ... ... ... ретінде электронды оқыту құралдары бола алады, соның
ішінде білім ордаларында ... ... ... және оны ... ... ... нығайтуға көмектесетін электронды оқу
басылымдары.
Қазіргі таңда электронды оқу ... ... ... ... ... ... оқу ... (ЭОҚ) түсініктерін қалыптасып қалған, ... деп айту ... ... ... ... ... ресми анықтамасы еліміздің заңнамасында айқын көрсетілген. Бұл
құжаттарды қазіргі ... ... ... жасаушыларға басшылыққа алу керек,
себебі онда электронды оқу басылымдарының ... ... ... ... және ... ... қамтылған.
"электронды оқулық" , "электронды оқу құралы" , "электронды ... ... ... ... ... ... берілген:
Электронды оқулық - толық оқу курсын немесе оның бөлімінің жүйелі
мазмұнын қамтитын, ... ... ... ... ... ... ... ие электронды оқу басылымы.
Электронды оқу құралы - ... ... ... мемлекеттік орган
тағайындайтын ресми мәртебесіне ие, оқу ... ... ... ... оқу ... , сонымен қоса есептер жинағы,
анықтамалық, энциклопедиялар, жаттықтыру ... , ... ... ... және ... оқу басылымы - оқуды автоматтандыру және білім деңгейін
қадағалау үшін жасалған, оқу курсына немесе оның бөлігіне ... ... қоса оқу ... ... ... ... және де ... түрлерін қамтамасыз ететін электронды басылым.
Осы анықтамаларға сүйене отырып, мынадай толықтырылған ... ... оқу ... - оқу ... ... ... ... жинақтауышта немесе ЭЕМ желілерінде (локальды,
аймақтық, глобальды) ... ... ... ... табылатын
жоғары ғылыми-методикалық және техникалық деңгейде жасалған басылым.
Электронды оқу ... ... ... көшірмесі болуы мүмкін.
Электронды оқу басылымы ондағы оқу ... ... ... ... ... және ... оқу құралы болып бөлінеді.
Электронды оқулық - мемлекеттік ... ... ... келетін
негізгі электронды оқу басылымы.
Электронды оқу құралы - ішінара немесе толық түрде ... ... ... ... ... оқу ... ... оқу
құралының мазмұны белгіленген түрде бекітілген пәннің оқу бағдарламасының
талаптарына сай болуы керек.
ЭОБ –н оқу ... ... ... оның ... ... өз бетімен
меңгеруге мүмкіндік беретін, құрамына жай ... ... ... және ... ... қасиеттерін біріктіретін бағдарламалық-
методикалық комплекс ретінде қарастыру қалыптасқан. Бірақ , қазіргі таңда
ЭОБ дәстүрлі оқу формаларына альтернатива ... ... ... ... де ... ... ... есептер мен жаттығулар
жинағымен жұмысын аустыра алмайды, ... ... ... ... ... ... ұстаз» кітаптың (оқу құралының) барлық жақсы қасиеттерін
сақтап қалуға ғана емес, сонымен қатар ... бере ... ... ... ... ... ... үшін
жасалған. Сондай мүмкіндіктердің ішіне мыналарды жатқызуға болады:
• Физикалық, химиялық және т.б. процесстерді динамикада көрсету,
тікелей бақылаумүмкін ... ... ... ... тән өте ұзақ ... өте қысқа уақыттық сипаттамалары бар
микроәлем мен космостағы процесстер және т.б.);
• Зерттеуге сирек немесе өте ... ... адам ... ... ... ... ететін процесстерді және
объектілерді компьютерде модельдеу;
• Оқулық авторының аудиотүсіндірмелері, оқу материалына ... ... ... ... Контекстік сілтемелер, «сыбыр сөз» ұйымдастыру;
• Жан-жақты ойластырылған лездік ... ... ... Күрделі есептеулерді жылдам атқару және нәтижелерін сандық
немесе графиктік түрде көрсету;
• Жаттығуларды ... тест ... ... ... ... ... ... классификациялау
ЭОБ-н классифифкациялаудың ресми сызбасы қазіргі таңда жоқ. Ол
біріншіден осы ... ... ... жоқтығынан. Екіншіден ЭОБ-н
жасау, енгізу және қолдану салыстырмалы ... ... ... және ... жоқ; қазір ол өте қарқынды және жақын арада түсініктердің берік
енуін ... ... ... , соңғы кезде компьютерлік технология және онымен
байланысты технология ... ... ... ... сондықтан қандай да бір айқын, түсінікті құрылым туралы айтуға
ерте.
Бірақ, ЭОБ-ң мынадай жалпы классификациясын ұсынуға болады:
Орындалу күрделілігіне қарай
... ... ... ... психолог, педагог,
дизайнерлерді (жалдауды) қажет ететін);
• Қарапайым (оқу ордасының қызметкерлерінің қолынан ... ... оқу ... ... ... ... ... комплекстің жиынына)
тәуелсіз;
• Платформаға тәуелді;
Орналастырылуына қарай:
• Локальды (жалғыз қолданушыға арналған);
• Желілік (қолданушылар тобына арналған);
Қолданылған технологиялар құнына қарай:
... ... ... ... ... ... ... технологиялар мен программалық жабдықтар негізінде
жасалған;
болып бөлінеді.
Қазіргі ... ... және оның ... ... ... мынадай
оңтайлы және теріс тенденцияларды бөліп көрсетуге мүмкіндік ... ... ... Сол бағанда ЭОБ-н жобалау және жасау кезінде сақталуы
қажет талаптар, оң ... ... ... барысында аулақ болу ... ... ... ... және жағымсыз тенденциялар
| ... | ... ... ... ... ғана ... монитор экранынан |
|шектелмейтін әмбебап бағдарламалық |қабылдаудың психо-физиологиялық |
|жабдықтарды ... өте ... ... ... ... |
| | ... жұмысқа тез кірісуіне |Программалық құралдың сыртқы |
|мүмкіндік беретін ... ... ... аудармау |
|ойластырылған анықтамалық жүйесінің|(бағдарламаның ... ... ... ... ... ... |
| ... ... тез ... ... ... ... ... |көмектеседі) ... ... ... | ... ... әртүрлі жеке бөлімдерінің|
| ... оңай ... ... ... ... мүм-кіндік пен |беретін ойластырылған бағытбағдар |
|қолдануда қарапайымдылыққа ұмтылу |жүйесінің болмауы |
| | ... ... ... ... ... технологияларға негізделу |
|программалық-техникалық талаптары | ... , ... ... | ... ... | ... дизайнына да үлкен көңіл бөлу керек. Мұнда әртүрлі әдістер
қолданылуы мүмкін. ... ... ... тез ... септігін
тигізіп, интуитивті түрде түсінікті және оқулықтың ... ... ... ... қоса ... ... ... ауытқытатын ұсақ-түйектен
аулақ болуы керек. ЭОБ-н ұйымдастырудың екі әдісін бөліп көрсетуге болады:
• Негізгі функционалдық мүмкіндіктер жеке ... іске ... Олар HTML ... енгізіледі, ал қабықша -программа рөлін
қолданушы компьютерінде орнатылған браузер ... екі ... ... және ... ... төмендегі кестеде
көрсетілген:
ЭОБ-н ұйымдастыруда қолданылатын амалдардың негізгі оң және ... ... ... | ... |
| ... xHTML ... ... ... ... ... әдіс ... жақтары |
| ... ... күш ... |Мұндай әдісті қолдану оқулықты |
|олардың көлемі ... ... ... ... ыңғайлы. |
|жүктелуі жылдам жүреді. | ... ... |XHTML мен ... ... ... ... ... соғатын тесттік |басқа қосымша білімді талап етпейді.|
|бақылау, бүктеме (закладка) жасау, | ... ... ... | ... ... ... | ... ... | ... ... дискіде сақтауға , |Қымбат программалық жабдықты, xHTML |
|журнал жүргізуге, әрбір қолданушы |,XML, JavaScript лицензияланбайтын |
|орнатқан параметрлер мәндерін ... ... ... ... ... ... ... ... жоққа |
| ... ... ... ... "жазылатын" Borland Delphi |ЭОБ-мен жұмыс жайлылығын арттыратын |
|немесе MS Visual Studio және т.б. ... ... ... іске ... ... ... |асыруға болмайды. ... алу ... | ... ... ... ... ... ... | ... ... | ... оқу ... қойылатын негізгі талаптар
ЭОБ-на қойылатын талаптар сұрағы өте күрделі. ЭОБ тағдыры оны қолдану
жайлылығы, ... және т.б. осы ... ... ... ... ... ... тобының мынадай сызбасын ұсынуға болады:
Талаптар
• Техникалық
• Психологиялық
• Қолдану және дамыту
• Мазмұны және құрылымы
• Технологиялық
• Экономикалық
"Талап" сөзін бұл ... ең ... ... ... ... ... оның ... циклының қандай да бір сатысымен қойылатын
шектеу ретінде ... ... ... ... ... ... азаюына әкеледі. Қолданылуы мүмкін аппараттық -программалық
комплекс (құрылымын ықшам түрде аппараттық ... және ... ... ... ... болатын ЭЕМ) типтерінің өрісін
кеңейтуге тырысу керек. Және сол ... ... ... ... Ол өз ... әртүрлі жолдармен программалық жабдықтың
функционалдық мүмкіндіктерін шектемей -ақ ... ... ... әрқайсысынан ЭОБ-на қойылатын бірнеше талап көрсетуге
болады. Сонымен ... ... ... соңғы тұтынушы ... да ... ... ... ... жабдық соларға жасалады.
Техникалық талаптар тобында мыналарды көрсетуге болады:
• Компьютердің белгілі бір ... ... ... ... ... ... үшін ... Рentium
процессорының негізінде жасалған , тактілік жиілігі 200МГц ... емес ... ... ... CD-ROM және т.б. ... ... ... компьютердің аппараттық бөліміне қатысты.
• Перифериялық компоненттер мен ... ... ... ... ... ... шешуі кемінде 800*600
нүкте болатын түрлі-түсті монитор , принтер және ... үшін ... ... ... ... ... ос ... қолданушының программалық жабдығына
қойылатын талапты қосуға болады. Бағдарламалық жабдыққа шектеу
былай болуы мүмкін: Microsoft Windows ... Explorer 5.0 ... одан ... ... және ... ... ... талаптар өзара
байланысқан болуы керек: егер ЭОБ-ң дұрыс ... ... Internet ... және одан ... ... болса, онда техникалық талаптарда Pentium
133МГц -тен төмен процессорды жазуға болмайды, себебі Internet ... осы ... ... бұдан әлсіз компьютерде жұмыс істемейді, және
т.б.
Техникалық талаптар тобында қандай да бір ... ... ... ... ... кезінде пайда болатын шектеулер
ескеріледі. Қандай да бір ... ... ... оны қолданумен
байланысты көптеген сәттер мен сипаттамаларды ескерген дұрыс: ... ... ... қаншалықты жақсы іске асыруға болады,
қолданушыға ЭОБ-мен жұмыс істеу үшін ... ... ... ... ... алу ... болмай ма, қолданушылар шеңберін көбейтуге бола ма,
яғни ... да бір ... ... техникалық талаптарды көтеріп
жібермейді ме, технологиялардың қайсысының болашағы бар ... ... ... ... ... ... ... қажеті бар?!),
бұл программалық жабдықты қаншалықты жеңіл қолдап тұруға, жаңартуға болады
және т.б. факторлар.
Кез-келген программаны, ... ... ... ... ... ... ... үлкен шектеулер қоюы мүмкін. Бұл ... ... ... ... ... мүмкіндік беретін "ақысыз", яғни тегін
таратылатын программалардың бар екенін айту ... ... ... ... оның психологиялық қабылдануы.
Адамның сезім ерекшеліктерін ескеру қажет. Ол:
• Оқу құралының көрнекілігін ... ... есте ... ... Қолданушының жаңа программаға, оқу пәніне үйренуіне көмектеседі;
... ... ... ... шаршау деңгейін төмендетеді;
• Маңызды деген бөліктеріне зейін қойдыруға мүмкіндік береді;
Адамның ойлау ерекшеліктерін тиімді пайдалану арқылы оқу ... ... ... ... ... ... ... материалды қабылдауы
тек материал мазмұны мен оның оқулықта берілу ретіне , ... ... мен ... ғана ... ... ... оның безендірілуіне де
байланысты болды.
Материал мазмұны, оның берілу реті, ... мен ... алға ... ... сай толығымен оқулық авторларымен анықталады.
Авторларға тек "қиын" ұзақ сөйлемдерден арылуын тілеуге болады.
Міне ... ... ... ... барысында оның мазмұны мен
сыртқы келбеті, оқулық құрылымы тең дәрежеде маңызды. Сыртқы ... ... оқу ... даңқын асқақтату емес, бұл оқушының берілген ... ... ... ... көрсету әдістері
Экранда көрсетілген мәтінді қабылдау (сонымен бірге түсіну) процесіне
мынадай ... әсер ... ... ... ... Мәтінді туралау (выравнивание) әдісі;
• Оның экран парағында орналасуы;
• Шрифтің сызылымы, ... ... ... тиімділігі көз жеке сөздер мен сөз тіркестерін емес,
толық аяқталған бір фрагментті , ... ... ... ... ... жағдайда
күрт өседі. Бұл факт баспа ісінде кітап парағының ... ... рөл ... Сондықтан да парақтың өлшемдері үлкен болғанда мәтін
бағандарға бөлінеді, ал альбомдық форматтағы парақтар ешқашан бір ... ... ... ... ... ... ... шектеулерді ескере отырып, экран
дисплейіндегі мәтінге ... ... ... ... ... ... енін
толық алмауы керек, ал шрифт өлшемі 12 пункттен кем емес (14 ... ... ... , ... ... үшін 16 ... ... орындамау, әсіресе диагоналі 15 дюймнан ... , ұзын ... жолы ... ... ... ... қозғалуға, кейде
тіпті басты бұруға мәжбүрлейді. Нәтижесінде, адам тез ... ол ... оқу ... ... деңгейінің нашарлауына әкеледі.
Қарапайым болып көрінгенімен, тексті туралау - безендірудің тиімді
әдісі. Қандай да бір туралауды ... тек ... ... ... ... ... ... бірге тексті оқу ырғағын белгілеп, оны керек жерде
жылдамдатуға немесе бәсеңдетуге мүмкіндік береді.
Алфавитті қолданатын тілдердің көбінде ... ... ... ... ... оңға ... ... Сондықтан тексті солға (немесе екі
жақ шетке бірдей) туралау ең оңтайлы және оқу барысында жеңіл ... ... ... жолдар парақтың сол жағындағы бір тік сызықтан
басталады.
Текстік аймақтың оң ... ... ... кейбір тақырыптарды, кесте
атауларын немесе жеке бір мағыналық топқа біріктіру ... ... ... үшін қолданған абзал.
Ортаға туралау тақырыптарға жақсы келеді және де кейбір ... ... ... беру ... ... жақсы.
Қазіргі кезде пайда болған сан-алуан шрифтерді екі топқа бөлуге
болады: жармасы бар (Serif) және ... (San Serif). ... ... New Roman ... ... ... (San Serif) Arial- жатады.
Психологтардың айтуынша жармасы бар шрифтер жеңіл оқылады, себебі олар
көзге "ілінеді", жармалар әріптер бойымен бағыттауыш ... ... да, ... ... оқу барысында көбірек зейін мен күш салуды талап етеді,
бірақ оқылған ... есте ... ... ... ... ... аудару
қажет оқулықтың кіші-гірім бөліктерінде (мысалы , анықтама) майда шрифтер
қолданған жөн.
Электронды оқулық шрифтер түрі шектеулі ... ... ... ... ету керек. Осыны ескеріп, қолданылатын шрифтер ... ... ... оны ... ... ЭОБ-мен бірге тарату жолдарын
ойластыру қажет.
Оқулық мәтініне формулаларды енгізу жөнінде гі мәселе жеке шешімді
қажет ... ... ... формат түрлі формулаларды енгізуді
қолдамайды. Гипертекст тілі (xHTML) ... ... ... ... және т.б.) ... болады. Бірақ, бұл жағдайда оқулық ... ... ... ... үшін арнайы плеерді енгізу керек болады.
Назар аударту әдістері
Экрандағы тексті мынадай әдістермен бөлектеуге болады:
• Тұрған орнымен;
• Фонмен;
... ... ... бір ... ... кітаптарда қабылдау процесіне
түстер арқылы әсер етуге болады. Бірақ, мұнда шектен шықпау керек. ... ... яғни ... ... ... ең ... ... жеткізу.
Түрлі түстерді керек емес жерде қолдану оқулықты жасау барысындағы
барлық еңбекті жоққа шығаруы мүмкін.
Ең тиімдісі бір ... тек 3-4 ... ... қолдану және ортақ
тақырыппен байланысқан парақтар тобына бір түсті схема қолданылуы керек.
Бұл ... ... ... мазмұннан ауытқымас үшін оқулық толығымен
ортақ схемаға ... ... ... қара ... ... ... ... оқулықтарға бұл
келмеуі мүмкін. Оқушыны шаршатқанынан басқа ол ештеңе әкелмейді.
Көзге түсетін ... ... үшін ... ... ... бұл өз кезегінде контрастылықтың жоғалуына әкеледі. Оны
көбейту ... ... ... ... жайлы болмайды, адам шаршап, ақпаратты
қабылдау дәрежесі томендейді. Мұндай жағдайды болдырмаудың жолы қарапайым ... ... ... ... ... ... ... қарамен бояуға болады, басқадай да жасауға
болады (қара қоңыр, қара көк, т.б.). Ал, фон түсі ... ... ... тәуелді, бірақ қашан да фонға тек жұмсақ бояу реңін ... бір ... ... ... ... жақсы. Бір бөлім,
(тіпті , ... ... түсі және фон ... барлық парақтар үшін
тұрақты болып қалуы керек.
Түспен мәтіннің қажет ... ... ... үшін ... ... ... түс ... болмайды. Қанығу дәрежесі әртүрлі бір түс
қолданса жеткілікті. ... ... ... ... үшін тек ... және ... оның экрандағы орны мен (немесе) туралауын өзгертуге де болады. ... ... ... ... ... түрін қолдану ең жақсы нәтиже береді.
Қолдау мен дамыту және мазмұны мен құрылымдық талаптарды қарастырайық.
Бұлардың бірге ... ... ... тек ... ойластырылған
құрылым ғана басылымды қолдауға, өзгертуге, толықтыруға және қайта ... ... ... ... талаптарды көрсетуге болады:
• Модульділік (негізі программалық қабықшаға оңай қосылатын ... ... файл және ... ... ... принціп
бойынша жасалған оқулық бөліктерінің болуы);
• Оқу құралының құрылымына сай келетін анық, логикаға негізделген
бағыт-бағдар (навигация) жүйесі;
... ... ... ... ... ... үйренген қарапайым оқулықтардағыдай құрылым оған тез
дағдылануға көмектеседі);
• Икемділік ... ... ... жаңа ... бейімдеуге
болатындай, құрылымын өзгерту мүмкіндігі. Мысалы, локальды
немесе глобальды ... ... ... үшін немесе жеке
бір қолданушыға бейімдеу қажет болса);
Осы принціптерге сүйену және сәйкес технологияны таңдау ЭОБ-н қолдауды
жеңілдетеді. ... ... ... оқу басылымын жасап, ендіргеннен кейін
басталатын өмірлік циклы деген ... ... ... ... ... модернизациялау, сұранысқа икемдеу, қайта жасап шығару ... сол ... ... деп ... құрылымдық талаптар жөнінде айтсақ, оқулық құрамына мыналарды
қосқан абзал:
• Кіріспе;
• Оқу ... ... оқу ... міндеті;
• Бөлімдерге бөлінген негізгі мазмұн;
• Бақылау жаттығулары (тест, тапсырма);
• Негізгі және қосымша әдебиет тізімі;
• Автор (-лар) ... ... ... ... ... ұйым ... телефоны, электронды пошта жәшігі);
Жалпы талаптар төмендегі кетеде көрсетілген. Онда соңғы ... қоюы ... ... ... жазылған. Осыдан кейін талаптарға
сай электронды оқулықты ... ... ... ... ... ... ... талаптар
|Техникалық ... ... және ... ... шеңберін |ЭОБ-ң технологиялары |ЭОБ-ы оқулықтың ... үшін ... ... икемді, ... ... ... ... ... ... бар |бағыт-бағдар жүйесі мен|
|–программалық |және ойлас-тырылғанның |қамтылған және ... ... ... іске ... ... ... қоймауы керек. |алатындай болуы керек. |негізделген болуы |
| | ... ... ... ... ... |
|Арзан, әркімнің қолы |Құрылым икемді, ... ... ... ... ... ... |пакеттермен бірге жұмыс|
|арқасында ЭОБ-ң өзіндік|түсінікті, иерархиялық |істейтіндігі, ақпарттың|
|құнын және оны қолдану |болғаны дұрыс. ... ... өзі ... ... | ... ... істеу |
|азайту. | ... болы ... ... ... оқу ... ... мен әдістемесі
Жоғары сапалы ЭОБ-н жасау тек көп қаражат қана емес, ... ... ... ... ... ... ететін ұзақ процесс.
Көп нәрсе таңдалған технология мен ... ... ... (технологиялық
процеске) тәуелді. Бұрыс таңдау сәті түссе ... ... ... ... ... ... жағдайда жаңа технология таңдап, жобаны қайта
бастауға тура келеді.
Сондықтан, технология ... ... келу ... ... ... ... ойындағыны ең оңай жолмен өте жоғары деңгейде іске
асыруға мүмкінді береді.
Практикада ... ... ... ... ... Аудио және видео лекциялар жазу;
• ЭОБ-н Adobe компаниясы шығарған pdf форматының негізінде ... ... ... ... ... істейтін DjVu (дежавю)
форматы бар;
• ЭОБ-н MS Office пакетінің құрама бөлігі MS Word программасының
көмегімен doc ... ... ... ... Windows ... ... ... негізінде (яғни, hlp
форматында) жасау;
• ЭОБ-н мультмедия мүмкіндіктерімен ... ... ... тілі (Hyper Text Markup ... HTML -де
дайындау. HTML-Интернетте ақпаратты жариялаудың стандарты;
• Аралас әдіс.
Бұлардың бәрінің өз кемшіліктері бар. Және де ... ... ... ... жарамайды. Оларды біріктіріп қолдану да кей жағдайда авторды
қанағаттандырмауы ... ... көп ... ... ... қиын ... Оның ... шартты сатыларды көрсетуге болады:
• ЭОБ-н жасауға жауапты топ құру;
• ЭОБ-ң құрылымы мен дизайнын жобалау;
• ЭОБ-на қойылатын талаптар тізімін ... ... іске ... ... ... ... ... ЭОБ-ң құнын есептеу;
• ЭОБ-н тестілеу;
• ЭОБ-н жаңарту;
• ЭОБ-н ұйымның (оқу орнының) ақпараттық қамтамсыз ету ... ... ... менеджменттің қажеттігін түсіну керек. Жобаның
сәттілігі көп жағдайда адамдар мен қорды басқару, менеджмент ... және ... ... ... жағдайда ЭОБ-на жауап беретін топта менеджер, яғни жұмыстың
орындалуын бақылайтын, командаға бағыт-бағдар ... топ ... ... ... ... ... қиын жағдайлар, шиеленіс және
т.б. жұмыс барысындағы сұрақтарды шешетін басшы, ЭОБ-ң материалын ... және ... ... ... ... методикалық ойларды жүзеге
асыратын программист (немесе ... ... оқу ... ... ... ... ... дәрежесіне әсер ететін
тәсілдерді таңдап, оларды үйлестіруші психолог, сонымен қоса ... ... ... ... ... диктор болуы керек. Тәжірибеде көп жағдайда
методист рөлін , ... ... ... ... және ... видео
материалды автордың өзі орындайды. Дизайнер және ... ... бір адам ... мүмкін, себебі білікті web-программист web-дизайнер
бола алады.
Топқа кіретін ... саны ... ... қарай үштен алтыға дейін,
одан да көп болуы мүмкін.
Оқулықтың құрылымы мен дизайнын жобалауға үлкен көңіл бөлу керек.
Құрылым оқушы ... және ... ... ... оқу ... құрылымдық бірліктер қосуға болатындай модульділік талабына жауап
беруі керек. Көп жағдайда 3 ... ... ... икемді құрылым жақсы
таңдау болады.
Фрейм (frame-жақтау (ағылш.)) - парақта ... ... ... ... ... мәлімет көрсетіп тұратын бөліктерге
бөлуге мүмкіндік беретін HTML тілінің құралы.
HTML ... ... сай ... ... ... ... ... фреймде мазмұны орналасқан. Ережеге сәйкес, ол content-
frame (content-мазмұн (ағылш.)) деп ... ... ... оқу ... негізгі (main) беті жүктеледі. Әдетте ... пән ... ... ... мен ... ... ақпарат және де
байланыс нөмірі мен оқулық шыққан жыл көрсетіледі. Оқу ... ... жеке ... ... жүктеледі. Content-frame терезесінде
сілтемені ... ... ... ... сай ... ... Нөмірі екінші фреймде оқу барысында негізгі бетте ашылған тексті
толықтыратын ақыл-кеңес, анықтама сияқты маңызды мәлімет көрсетіледі.
Құрылыммен жұмыс осымен ... ... ... ... ... блоктарға бөлу керек. Кейін әрбір блок мазмұн ... ... ... ... ... психологиялық, техникалық және
методикалық талаптар ... ... ... ... ... ... алып, қолайсыз жағдай тудыруы мүмкін, бірақ тексті ұсақтаудың ... жоқ. ... ... ... жеке ... ... ... ... Lekn.htm файлдарына сақтап, содан әрбір файл ... және ... ... ... құрылым
ұйымдастыруға болады.
Файлішілік құрылымды, бағыт-бағдарды HTML және JavaScript тілдерінің
стандартты тәсілдерімен оңай ұйымдастырылады.
Мысалға мынадай жолды ұсынуға ... ... ... дәрежелі тақырыпта зәкір (ancor- байлау (ағылш.);
зәкір -гипертекстік сілтеме байланған сөз немесе сөз ... Ол ... ... ... 2-ші ... ... .
2. Осы ... сілтеме жасау керек болғанда, дәл осы зәкірге
ауысып, оны негізгі (main) ... ... ... беретін
келесі код қойылады: ... ... 2-ші ... ... ... ... # ... дейін файл атауы,
белгіден кейін зәкір атауы, target="main" параметрі сілтемені
шерткенде парақ бас ... ... ... ... ... ... ... деп аталатын оқулықтың басты
файлында береді. Ол өте ... ... ... онда ... ... және т.б. ... файлы мынадай болуы мүмкін


Электронды оқулық - ...










This page uses frames, but your browser doesn't
support them.
Бұл парақта фреймдар қолданылады, бірақ ... ... ... оны ... ... ... ... үш фрейм жазылады.
Статаус фреймге "status" атауын тағайындауға болмайды, себебі ол ... ... ... Сондықтан, "status" сөзінің соңына ( _ ) белгісі
қойылады. HTML ,xHTML, ... ... ... ... ... ... ... болады.
Тәжірибеде көбіне бағыт-бағдардың кейбір функцияларын xHTML ... коды ... ... жиі ... ... жасалған ЭОБ-ң сырт пішіні жоғарыдағы
суретте көрсетілген.
Мұндай ... ... ... функционалдық мүмкіндіктерімен
жабдықтауға жағдай жасайды:
• Ойластырылған бағыт-бағдар жүйесі:
• Бүктемелерді сақтау жүйесі;
• Интерфейс дизайнын өзгерту ... ... ... ... Қолданушы компьютерін қажет талаптарға сәйкестігін тексеру
жүйесі;
• Мәтінді автоматты түрде айналдыру (автопрокрутка) жүйесі;
• Ақыл-кеңес беру ... ... бір ... -ол ... және үш ... ... ... ... ... ... оқулықтарда
қолданылуы мүмкін. Мұндай жағдайда дизайнға үлкен рөл артылады. ... ... ... өз ... ... ... дизайн программа мен
оқушы арасындағы интерактивті "диалогты" жақсартады.
Суреттегі ЭОБ-ң қабықшасын жасауға Delphi қолданылды. Бұл ... ... оның ... ... функционалдығы мен программалаудың
қарапайым және логикалығында.
Delphi көмегімен Windows ... ... ... ... жасауға
болады және оның өзі программаларды жедел жобалау құралдары класына ... ... RAD) ... Бұл ... Delphi-дің мына екі
сипаттамасының арқасында: формаларды ... ... және ... (Visual ... Library, VCL) кеңінен қолдану. Визуальды
құрастыру программисті интерфейсті жобалаудың көптеген ... ... ... ... ... ... ... пішімдердің (заготовка) алуан түрін ұсынады. Пішімдер
мынадай маңызды қасиеттерге ие: программалық коды мен оның ... ... ... бәрі ... программистке жазылған нәрсені қайта жазып
қажеті жоқ. Delphi-мен бірге әртүрлі қолданыс аясына ... ... ... ... түсіндірме жазудан бастап күрделі текстік
процессорға дейін. Егер ... да бір ... ... функционалдық
мүмкіндіктерге ие пішім болмай қалса, онда оны Delphi құралдарымен-ақ
жасап, VCL ... ... ... тағы бір жолы ... ... Delphi-ге арнайы жасалған тегін және ақылы пішімдер табу.
Пішімдерді қолдану тек программаны жасауға кететін уақытты бірнеше ... ... ... қоса ... да болсын үлкен жобада болуы мүмкін
программалық қателердің алдын алады.
Қуаттылық пен ... Delphi ... ... ... ... ... ... қасиеттер. Delphi ядросын 60 ... ... ... ... студенттерді программалауға үйрету үшін
жасаған Pascal құрайды. Оның ... ... ... Канн (Kahn) ... Хейлсберг (Heilsberg) болды. Біріншісі Borland компаниясының
негізін салды, екіншісі оның бас ... ... ... жыл ... және ол ... ... тобы ... қазіргі заманғы
кез-келген қиындықтағы программаны жасауға болатын тілге ... MS Visual Basic ... ... ... ... табуға мүмкіндік беретін қатаң типтелу ерекшелейді.
С++ синтаксисі программа кодын күрделендіріп, біраз уқыттан кейін
автордың өзін ... ... ал Delphi ... ... ... ... салыстырмалы түрде шағын программалар жасауға
мүмкіндік беретін, ... және ... ... ... ... ... ... программаны жасау үшін ол өте тиімді болады.
Оқу құралының мазмұндық модулін жасау үшін келесі құралдар ... ... xHTML ... XML және XSLT ... ... ... ... жүйесін жасауға қолданылады. Сонымен
қоса, дизайнды басқару үшін CSS (каскадты кестелер стилі) қолдануға ... ... xHTML ... HTML ... өте ... ... ... Generalized Markup Language)- ге ... HTML ... xHTML XML ... Markup Language)-ге негізделген. xHTML
web-тің ескіріп бара жатқан тілі HTML мен ... ... тілі ... ... ... ... жасалған. Өкінішке орай көптеген браузерлер
(browser (ағылш.) – ... ... ... ... ... бар программалар) қазірге дейін XML–мен жұмыс істемейді. ... ... ... ... ... jpeg,GIF және PNG ... көрсетіледі.
JPEG –(“джейпег”) қозғалыссыз бейне суретті сығу (архивтеу) алгоритмі.
JPEG жұмыс тобы жасап шығарған бейнені шығынмен 25:1 және одан да ... сығу ... Оны ... ... ... ... көлемі мен ойдан шығатын сапасының арқасында бұл формат web-
құжаттарда қолданыс ... ... ... ... мәліметтермен алмасу
форматы -1987 жылы CompuServe ақпарат қызметі графиканы тиімді жөнелту үшін
жасады. Бір ... ... көп ... растрлық суреттерді сақтау үшін
қолданылады. Бейне 256 түсті, өлшемі 65536*65536 пиксельге ... ... ... ... анимацияланған суреттерді сақтауға болатын GIF89a
нұсқасы қолданыста.
PNG (Portable Network ... ... ... ...... ... , ... сығу алгоритмі күштірек, интернеттегі графикалық файлдарға
қолданылатын формат. Тегін таратылатын программаға (public domain) ... ... ... ... 1994 жылы ... GIF ... сығу алгоритмін қолданатынын жарияланғаннан ... ... ... ... Сондықтан басқа атауы PNG’s Not GIF (PNG ... ... ... оны визуализациялау , статикалық және
анимацияланған графикамен бірге ... ... ... де ... ... AVI ... ... көрсетіледі.
AVI (Audio Video Interleaved) –форматын дыбыспен синхронизацияланған
видеофильмдерді сақтау үшін Microsoft корпорациясының Multimedia Systems
Group ... ... ... Көру үшін қосымша арнайы ... ... ... AVI файлдарының заты (түрі, типі) .avi.
Оқу басылымына ... ... ... ... ... ... мүмкін кодектерді де қосу керек.
Codec (Compressor-Decompressor) –мәліметті ... ... , ... және ... дыбыстық сигналды сығылған сандық
формаға түрлендіруге және қалпына келтіруге мүмкіндік беретін ... ... ... құрамына тағы басқа бірқатар элементтер кіруі мүмкін.
ІІ-тарау.Физика пәнінен электрондық оқулық
1-сурет.Электронды оқулықтың басты беті.
2-сурет.Дәрістер ... ... ... терезесі.
5-сурет.Тестілеу терезесі.
ІІІ-тарау. HTML гипермәтіндік белгілеу тілі
3.1 HTML тілінің шығу тарихы
XX ғасырдың 60 ... IBM ... ... әр ... мен ... жүйелер арасында тасымалдаумен айналыса
бастады. ... ... ... GML (GENERAL MARKUP ... ... тілі ... табылды. Бұл тіл 1980 жылы кеңейтіліп халықаралық ұйым
стандартынан ... SGML ... ... ... тіліне айналды.
Көптеген құжаттарға қатынауды жеңілдету үшін тәуелсіз түрде жұмыс ... әрі ... әрі ... жүйе ... ... 1980 ... ... іспен Тим Бернерс-Ли айналысты. Барлық компьютерлерде барлық құжаттар
бірдей орындалатындай белгілеу тілдерін ... ... Жаңа ... аты
гипермәтінмен жұмыстың тәсілдерін қарастыратын HTML (Гипермәтінді ... тілі деп ...... ... және басқа да мәліметтерді
ұйымдастырудың тәсілі. Бұл ... ... Бум, Тед ... ... 1989 жылы ... ... өрмегі тәрізді сілтемелермен
байланысқан ақпараттық жүйені өңдеуді ұсынған. Бірақ бұл өте баяу ... ... HTTP ( ... ... ... деп ... ... тапты. Мұнда серверлер әртүрлі құжаттармен ... ... және web ... мен ... алғашқы бағдарламасын жазды.
1991 жылдан бастап ... web ... ... бастады.
WWW немесе WEB - бұл интернетте тасымалдау каналдары ретінде
қолданылатын ... ... ... ... ... Сонымен
HTML гипермәтіндік тілін (Hypertext Markup Language) 1989 жылы World Wide
Web гипермәтіндік ... ... ... ... компоненттерінің
бірі ретінде Тим Бернер-Ли ұсынғаны белгілі.
Интернеттің бар мәліметтерінің, яғни барлық Web – ... ... ...... барлығы да HTML тілінде жазылған. HTML тілінде ... ... ... программалауға ұқсас болғанмен, ол қарапайым бағдарламалау
тілі емес. HTML – гипермәтінді белгілеу тілі. Ол кәдімгі
мәтіндерді Web – парақтар түрінде бейнелеуге ... ... ... тілі World Wide Web қызмет бабымен бірге дами отырып, Web ... ең ... ... ... жүзеге асырып, оны кең пайдалану
жолдарымен толықтырылып отырылды. Ол World Wide Web ... ... ... оның өте кең ... ... ... HTML тілінің мағынасы
мен атқаратын қызметін оның атынан анықтауға ... HTML ... ... HTML ... ... ... тегтер жиынмен
анықталатын құрылымға ие. HTML ... ... ... ... ... сәйкес жабылу тегімен аяқталады. Құжаттың ішінде
екі негізгі бөлім орналасады: құжаттың ... ... және ... және ... ... ... тақырыптық
бөлігі тұрады да, жалпы құжат туралы мәлімет береді. Сонымен қатар, ... ... ... ... ... ... атауы
орналасады. Көптеген браузерлер оны терезе тақырыбында тұратын файл аты
ретінде қолданады.
Құжаттың денесі деп ... ... ... ... ... ... ... тегтердің күйін, егер олар ұмытылып
қалса да анықтау қиын емес. Сондықтан HTML ... ... тек ... ... ... сәйкес тегінің) бар болуын талап етеді.
Әйткенмен, HTML құжатын құру кезінде құрылымдық тегтерді ... ... HTML ... ... ... ... арнайы анықталған
құрылымнан тұрады:


Құжат тақырыбы

Құжат мәтіні

3.3   HTML тілінің тэгтері мен элементтері
HTML тілінің бастапқы ... ... ... ... ... ... деп ... Тэг символдар тізбігінен тұрады. Барлық тэг ... () ... ... ... ... ... ... жақшалар деп те аталады. Ашылатын бұрыштық жақшадан
соң команда аты болып табылатын түйінді сөз – тэг ... ... бірі ... ...... ... тэг ... бір әсер ету ісін бастайды, ал
жабатын тэг – сол ... ... Жабу ... ... сызық символымен (/)
басталуы тиіс.
HTML тіліндегі әрбір тэг бір ... ... ... ... әріптер регистрі ешбір рөл атқармайды, бас әріпті де, кіші
әріпті де қатар қолдана беруге ... ... ... тэг атауларын жай
мәтіннен ажырату ... ... бас ... жазу ... ... ... ... сілтеме, кесте, тізім, ... тағы ... ... ... ... ... құру үшін TABLE ... қолданылады және оның ішінде
қосымша элементтер орындалады. Әрбір кесте ... ... ... ... керек.
тегінің атрибуттары:
|тэгі |атрибут ... |
| | ... құру тэгі |
| |Align ... ... ішінде орналасуын |
| | ... |
| | ... жақ) |
| | ... |
| | ... жақ) |
| |Width ... ... мәні |
| | ... ... |
| | ... беріледі. |
| |Border ... мен ... ... |
| | ... енін ... |
| | ... ... параметрі |
| | ... ... |
| ... ... ... ... мен ... | ... ... ... |
| ... ... ... ... |
| | ... ... |
| ... ... ... ... ... |
| |Bgcolor=”#FFFFFF” ... ... ... анықтайды. |
| ... ... фоны ... ... ... |
| | ... ... анықтайды. |
| |Align |Жол ... ... ... |
| | ... ... |
| | ... |
| | ... жақ) |
| |Valign |Жол ... ішіңдегі мәтіннің |
| | ... ... |
| | ... |
| | ... ... ... |
| | ... орналасуын білдіреді: |
| | ... жақ) |
| | ... |
| | ... жақ) ... ... ... мәтіннің азат жолдары тізім түрінде ... ... ... келесі түрлері бар:
Маркерленген тізімдер: < UL >…
Тізімнің әр элементін белгілі бір ... ... ... ... жаңа элементін дара тегімен бастау қажет.
< UL > тегінің type ... disc, circle, square ... ... әр ... сыртқы пішінін өзгертіп, сәйкесінше дөңгелек,
шеңбер, ... ... ... ... ... ... тізімнің элементтерін ерекшелеуде сандар мен әріптер қолданылады.
тегінің type ... A, a, I, i, 1 ... ... ... ... ... пішінін өзгертіп, сәйкесінше үлкен және кіші латын
әріптер, үлкен және кіші рим ... ... ... ... ... start ... санақ басын бекітуді орындайды.
Кірістірілген тізімдер: тізімнің элементі басқа тізім түрлерінен ... ... ... саны ... ... й тізім
жоспар мен мазмұнды құру кезінде ыңғайлы.
Гиперсілтемелерді құру
HTML cілтемелері мәтінді немесе ... ... бір ... ... ... береді, яғни мәтіннің бір фрагментінен
басқа фрагментіне жедел көшуді жүзеге асырады.
Қарапайым гиперсілтеме келесі ... ... ... ...
тегі ... құру үшін ... Гипесілтемелерді құрған
кезде HREF=”...” атрибуты міндетті түрде болуы тиіс. Оның мәні сілтеме
көрсетіп тұрған файл ... ... ... URL - ... ... ... мен тегтерінің арасында орналасады.
Құжаттың функционалдық бөліктерін анықтау.
1. HTML тілі құжаттардың ішкі тақырыптарының көлеміне қарай 6 ... ... ... ... ...... Жаңа ... басталатын абзацтарды белгілеу үшін тегі
қолданылады. Бір абзацты жаппай жаңа ... ... ... , ... ... түрде жабылады. Сондықтан тегін жаппаса да ... ... азат ... ... тек ... ... бір бос ... кетеді. Көбінесе абзацтарды анық етіп бөліп тұру  үшін көлденең
горизонталь ... ... ... ... қою ... Оның жабу тегі ... Сөз ... қойылған бірнеше бос орынның тек біреуі ғана ... Сол ... ... ... ... Enter пернесі де HTML тілінде
ешбір әсер ... ... ... бос жол ... жаңа ... көшу ... болса, онда
жалғыз қолданатын
тегін пайдаланамыз.
Қаріп (шрифт) ... ... ... стильдер.
Сырғымалы жолдарды ұйымдастыру
         HTML 4.0 нұсқасынан бастап кез-келген құжатты әдемілеп
әшекейлеу ісін сол ... ... ... ... ... ... ... бұл
концепция тек байқау сипатына ие болып отыр. Және оны көптеген броузерлер
арқылы жасауға ... Сол ... HTML ... тек ғана ... ... Әріптің мөлшерін, түсін және сызылымын таңдап алу үшін тегін
пайдаланамыз. Бұл ... тег оның ... және ... ... орналасқан барлық мәтінді түрлендіруге болады. тегінде
қолдануға болатын  size=…., color=…, face=…,  тәрізді, 3 ... ... ... ... ... 1-ші атрибуты әріптің мөлшерін тағайындайды.
Әріптің алдын-ала берілетін 7 ... ... бар. Олар :1-7 ... Егер ... келісім бойынша 3-ке тең деп саналады. color=   — ... ... ... ... face=  – ... ... ... береді. Осы
атрибуттың мәні компьютерде орнатылған қаріп ... ... ... ... ... arial ... ... сары түсті әріптер.


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

 



негізгі қаріп Arial kz ... 5-ші ... ... ...
...
астын сызу
белінен сызу


Мәтін фрагменттерін логикалық стильмен безендіру.
Логикалық стильдер , , тегтері сияқты ... ... Олар ... ... ... немесе цытаталар келтірілген
кезде қолданады. Логикалық стильді ... ... ... ... ... айту қиын. Әртүрлі броузерлер экранға логикалық стильмен
берілген символдарды ... етіп ... ...... шыққан яғни курсив түрінде берілетін мәтін бөлігін қоршап ... ... ...... ... ... сөзден шыққан мәтін ішіндегі
қарайтылған қаріп болып көрсетіледі.
… программа мәтінін көрсету үшін қолданатын стиль түрі.
... ... үлгі ... ... ... ... ендері бірдей  моношрифт түрі экранға шығарарда  пайдаланылады.
… ағымның keyboard ... ... сөзі ... сөз ... ... ... қолданамыз.
… ағымының variable айнымалы сөзі программадағы айнымалы
аттарын жазу үшін енгізілген ... ... ... ... ... ... ...

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

логикалық стилдер
акцент сөзі
күшті акцент
программа ...
...
...
... сөзі ... ... ... Marquee>…. тегтері мәтіндерді үздіксіз жылжытып отыратын
сырғымалы жол түрінде ... ... Бұл ... ... ... ... бар. Олар ... жолдың жылжу жылдамдығын, бағытын,
әріптердің  түсін, т.б. өзгертеді. Енді жиі өзгертілетін параметрлерді және
олардың мүмкін мәндерін қарастырамыз.
Benaior-мәтіннің бір ... (scrool) ... қос ... ... немесе жылжымай тоқтап тұруын   қамтамасыз ... Яғни ... Scrool ... — сырғымалы  жолдың фондық түсін анықтайды.
Direction — жолдық сырғу бағытын ... ... ... ... , ...... ... биіктігін пиксель арқылы анықталатын бүтін
сан.
Оны пайызбен ... ... ... ... ... енін ... Оны да биіктік
сияқты пайызбен көрсетеміз. (%)
Мысалы:


Мысал ... ... ... ...
Marquee bgcolor = «blue» ... «Scrool Direction» right=30>
бұл алғашқы сырғымалы жол
< Marquee >
Marquee bgcolor=« green» height=30 widh=90 ... ... ... жол < /Marquee >
Marquee bgcolor=« green» ... » ... ... бұл ... ... жол ... ... текст элементін қоюдың жалпы схемасы келесі түрде
жазылуы мүмкін:
элемент мазмұны .
Элемент мазмұнының ... ... ... ... тегі ... ал ... ... кейін орналасқан конструкция элемент соңының
тегі деп аталады.
HTML құжатының ... ... ... бірі ... ... ... береді [1,4]. Шынында да, құжаттың өзі – бұл "HTML"
атымен аталатын бір үлкен контейнер:
... ... ... ... өзі немесе гипертексттік құжат құжаттың басынан
(HEAD) және денесінен (BODY) тұрады:


Тақырып мазмұны


Құжат денесінің ... ... ... өз аты бар, оны ... ... Оны ... бірінші жолында көруге болады. HTML бетінің аты ... ... ... ... ... ... ... отырып, оның сондай түрде ... ... ... құжаттың ең басына тегін қою жолымен жүргізіледі. DOCTYPE тегі ... тегі ... ... және ... HTML 3.2 ... ... ... хабарлайды.
Барлық программалау тілдеріндегідей HTML тілінде де тексттің ... ... ... ... ... бар. ... < ! - - ... - > тізбектерінің арасына жазылады. Түсініктеме мысалы:

1-мысал.




This is a Baner


Internet-ті администраторлау


Егер құжат денесінің ішінде ... ... ... ... содан соң
оны броузерде қарайтын болсақ, онда терезеде жай кіші шрифтпен жазылған
текст пайда ... ... ... ... ... бар жолдардың аудармасы
сақталынбайды. Броузерлер бетке тексттерді өздері қояды. Жолдарды аударуды
"күштеп" қою үшін тегін қолдану ... ... ... ... ... шыққан орынға жолдарды аударып қояды.
НАЗАР АУДАРЫҢЫЗ! ТЕГІ ЖАБАТЫН ЭЛЕМЕНТІСІЗ ҚОЛДАНЫЛАДЫ.
HTML-де басқа да қасиеттері ұқсас ... ... бар. ... ... бос ... ... деп атайды және де олар ... ... Егер ... ... бір ... жерінде бөлінбейтінін жасау
қажет болса, онда осы жерге тегін жазыңыз.
Тексті параграфтерге бөлу үшін тегі ... ... ... ... ... ... орналасады,
бірақ та іштестірілген параграфтар болмайтындықтан, жабылатын тегті
жазбауға болады.
тегінде параграфтың ... ... ... әдісіне көрсететін
ALIGN параметрі бар: текст оң жақ шеті бойынша (RIGHT), сол жақ ... (LEFT), ... ... (CENTER) ... ұзындығы бойынша (JUSTIFY)
тегістелуі мүмкін. Егер параметр ... онда ... сол жақ ... ... ... жазу үшін келесі түрдегі тегті қолдануға болады:
...
Текстті бөлікке бөлудің тағы бір әдісін ... ... деп ... ... HTML тілінің элементі болып табылады және текстке

тегінің көмегімен қойылады, мұндағы ... ... ... ... сызықтың ұзындығын береді. HTML-де өлшем бірлігі ... ... ... яғни ... ... ... деп ... онда ұзындығы 100 нүктеден тұратын сызық
құрасыз. Бірақ та бұл әдістің қолайлы емес ... ... тұр, ... ... түрлі шығару құрылғыларында әр түрлі ... ... ... ... ... ... ... өлшемдерін беру мүмкіндігі бар, яғни
кескіндеу облысының жалпы ұзындықтан пайызы (броузер немесе қағаздың беті).
Мысалы: тегінде ... ... ... сіз ... облысының қақ ортасындағы сызықты аласыз.
SIZE – сызықтың қалыңдығын береді.
NOSHADE – егер бұл параметр ... ... онда ... ... осы ... ... бетті қарайтын болсақ, онда ол бір ... ... Бір ... не ... ... ... ... басына
қарамайтын болсақ). Бетке "басты" тақырып жетпейді, яғни ... ... HTML ... алты ... тұратын тақырып аты бар. Оларды құру
үшін …–,…,… ... ... ... ... қолданылуын анықтайтын ағылшынның Heading
(яғни, тақырып) сөзінен ... ... 1 ең ... ... 6 ең кіші ... ... Олай ... тексттің негізгі жолының алдына
Welcome to my homepage!
жолын жазып, біздің бетті жазуды бастаймыз.
Енді біздің бетті броузерде қараймыз. Енді бет ... ... ... ... ... ... табылады, олардың қолданылу
жерінде абзацтарға бөлу жүргізіледі [9].
Тексттің шрифттерін көркемдеудің басқа жабдықтары болып курсивпен және
қарайтылған түрмен жазу ... Осы ... ... ... ... ... болады. Мысалы, бірінші және екінші ... ... ... ал ... деңгейдегі тақырыпты
қарайтылған шрифтпен белгілеу өте ыңғайлы. Курсивпен белгілеу (Italic
сөзінен), ал ... ... ... (Bold ... ... жүзеге асады.
Сонымен қатар HTML тілінде emphasis – жалпылама ... ... бар. ... ... ... ... Мұндай белгілеу– құжаттың
логикалық құрылысын сипаттайды. Осындай әдіспен белгіленген текст курсивпен
кескінделеді.
Логикалық белгілеудің басқа жабдығы ретінде ... ... ... ... ... күшейту үшін қолданылады. Тегтің мазмұны
қарайтылған шрифтпен кескінделеді.
Келесі тегтердің көмегімен шрифттердің өлшемін және ... ... ... ... болуы мүмкін:
SIZE=``value немесе value'' – шрифттің абсолютті немесе тәуелді
өлшемін береді. Тәуелді ... ... ... қатынасы бойынша беріледі.
Қабылдайтын мәндерінің диапазоны – бірден жетіге дейін.
COLOR – текст түсін көрсетеді.
FACE – Microsoft Internet Explorer және Netscape ... ... үшін ... ... тізімі, бар шрифттер жүйесінен
қажеттісі таңдалатын болады) беруге көмектеседі. Ақырғы нәтиже жүйеде
орналасқан шрифттердің санынан және әр ... ... ... Текстті басқа гарнитурамен белгілеу
мысалы.
Барлық құжат үшін шрифттердің базалық өлшемін

тегінің ... ... ... Ол бір ғана параметрден тұрады:
SIZE – шрифтің өлшемін береді.
Қолданушының назарын ... үшін ... ... ... ... Ол үшін

тегін қолданамыз. Бұл тегті байқап қолданған ... ... ... обьектілерге қарау әр уақытта жағымды емес.
Кей жағдайда құжатқа цитаталарды, программаның бастапқы текстін немесе
қарапайым ... ... қою ... ... HTML тілінде бұл жағдайлар үшін
мүмкіндіктер қарастырылған.
HTML тілінде цитаталар … тегтерінің көмегімен жазылады.
Құжатқа бастапқы текстті қою үшін
… тегін қолдануға болады.
Текст ... ... ... ... ... болады.
Құжатта белгіленген форматпен тексттің бар болу жағдайының қажеттілігі
ерекше таратылған. Мұндай мүмкіндік, мысалға электрондық хаттардың ... ... Usenet ... ... ... кезде қолданылады. Мұның
барлығы

1-текст ...
N-текст
тегтерінің көмегімен жасалады. Бұл жағдайда ол мына түрде кескінделуі
мүмкін:
1-текст
N-текст
HTML тілінде адрестерді жазу үшін қолданылатын ... бар. ... ... ... ... оны ... ... ул. Пирогова, д. 2 жолы
ул. Пирогова, д. 2. түрінде кескінделеді.
Тізімдермен жұмыс үшін қолданылатын ... ... ... ... үш түрі ... ... нөмерленбеген
және терминдер тізімі. Нөмерленбеген тізім келесі блоктың көмегімен
жазылады:

... ... мына ... ... ... ... ... Элемент 2
Нөмерленген тізімнің нөмерленбеген тізімнен ... ... қою ... ... пунктің реттік нөмері қойылады. Ол ... ... ... ... мына ... ... Элемент
2. Элемент
Тізімнің үшінші түрі терминдердің тізімі болып табылады. Ол барлық
мүмкіндіктерді көркемдеу үшін өте қолайлы. Мұндай ... ... ... ... ... ... 1-сипаттамасы
2-термин 2-сипаттамасы

Алынатын тізімнің түрі келесі түрде болады:
1-термин
1-сипаттамасы
2-термин
2-сипаттамасы
...
Тексттің екі жағының шеттерін құру үшін ... ... ... ... ... (%Color;) типті атрибуттың мәні түсті анықтайды. Түстің мәні
он алтылық саннан (диез белгісімен басталатын) немесе түстің келесі он ... ... ... ... атын ... ... отырады.
Түстердің аттары және RGB мәндері
Black = "#000000" Green = ... = ... Lime = ... = ... Olive = ... = ... Yellow = ... = ... Navy = ... = ... Blue = "#0000FF"
Purple = "#800080" Teal = ... = ... Aqua = ... "#FF0000" мәні және "Red" екеуі қызыл түсті береді.
– құжат ... ... ...... ... ... – шрифтің түсін анықтайды.
HTML-құжатында графиканы қолдану
HTML-де бейнелерді қолдау – графика әлеміне жол. Құжатқа суретті қою
үшін Сіз IMG ... ... ... ... ... құжатыңыздың бір
бөлігі болып табылады; егер қолданушы сіздің құжатыңызды қолданатын болса,
онда бейне де ... ... ... және оның бөлігі тәрізді шығарылады.
Егер броузер тек ... ... ... ... онда ... көре ... Ең қолайлы форматтар – GIF және JPEG.
Текстке текстік емес ақпараттар обьектісін қою үшін ... ...... ... ... ...... фрагментті қоюға арналған команда;
– видео фрагментті қоюға арналған команда.
Графиктік бейнелердің параметрлері
WIDHT – пиксельмен өлшенетін суреттің ұзындығы;
HEIGHT– пиксельмен өлшенетін суреттің ...... ... – сол жақ өріс ... ... – оң жақ өріс ... ...... ... ... – төменгі шекара бойынша, ALIGN=MIDDLE немесе CENTER – ортасы
бойынша);
HSPACE – графиктік бейнеден горизонталь ... ...... ... ... – бейнелерді белгілеу үшін қолданылатын альтернативті текст;
– құжаттың фоны ... ... ... мүмкіндік
береді.
Мысал :

HTML-құжатында сілтемелерді қолдану
WWW ең күшті мүмкіндіктерінің бірі ... ... ... ... ... болып табылады. HTML тілінің жабдықтарын
сипаттамастан бұрын мұндай байланыстарды ... үшін ... ... туралы әңгімелеу қажет. Internet-те ақпараттардың
көлемі өте үлкен және ... ... көп ... бар. ... ... ... ... үшін URL (Uniform Resource Locator) атымен
аталатын жазба қолданылады. Ол ресурсқа ену ... және оның ... ... URL түрі ... ... аты], ... – ресурсқа қарайтын әдісті теңестіреді,
қолданушы аты – жүйеде ... атын ... ... ... ...... ... хосттың желідегі атын (немесе желілік адрес)
көрсетеді;
порты – сервиске енетін порттың нөмері;
ресурс аты – хостағы ... ... және ену ... ... Internet ... үшін ... ену әдістерінің
идентификаторлары бар және белгіленулері төмендегідей:
http – WWW-да қолданылатын HTTP протоколы бойынша ену;
ftp – FTP протоколы ... ... – telnet ... ... ену, ... ...... ену;
wais – WAIS-ке (Wide Area Information System) ... – Usenet ... ...... ... ену.
Құжаттағы қандай да бір элементті текстік сілтеме ретінде жазу үшін
оны тегінің ішіне кіргізсе ... (anchor иои ... ... ... ... параметрлер келесі түрде болуы мүмкін:
HREF – міндетті параметр, біздің сілтеме жасайтынымыз URL немесе ... ... Егер біз ... ... ... болсақ, онда HREF өрісі
Web-сервер файлдық жүйесіндегі файл атынан тұрады.
NAME – егер бұр параметр көрсетілсе, онда ... ... ... та бұл ... тегі құжаттағы HREF параметріндегі # ... ... ... ... ... ... атын ... – құжаттың бейнеленетін терезесінің немесе ... ... ... Егер ... ... ... ... рамка жоқ болатын
болса, онда жаңа терезе ашылатын болады.
тегінің көмегімен ... ... ...... байланыс түсі (сілтемелер);
– бұрын болған сілтеме түсі;
– белсенді сілтеме түсі.
Мысал:
http://www.ru – ... ...... почта
адресімен берілген гипербайланыс.
Олай болса, мысалға автор элементтері H2, H3 және т.б. осы құжаттағы
тақырыптардың элементтеріне сілтеме ... ... ... мүмкін. Бүтін
anchors құру үшін А элементін қолданып, ... ... ... ... Мазмұны;
Кіріспе
Алғы сөз
Нақты белгілеулер
…мазмұнының ... ... ... ... ... ... белгілеулер
…2.1 бөлім…
Сілтеме ретінде суретті қолдану

IV-тарау. JavaScript сценарийлер тілі
JavaScript – бұл ... ... ... ... ... үлкейтуге арналған HTML құжаттарының құрамында
қолданылатын ... ... Ол Sun's Java ... ... Sun
Microsystems пен Netscape фирмасының бірлестігінің негізінде жасалған.
JavaScript тілінің көмегімен Web–парақтарда HTML ... ... ... нәрселерді орындай алады.
JavaScript тілін қолданатын негізгі обылыстар мынадай:
• Динамикалық парақтарды, яғни ... ... ... ... болатын парақтарды құру;
• Серверге жіберілгенге дейін ... ... ... ... ... ... ... (локальді) және басқа да сферадағы
мәселелерді шешу;
JavaScript ... және ... ... да ... қосымшалар
құруға мүмкіндік береді.Екі түрлі қосымшаларды құру кезінде де, стандартты
объектілерді анықтаулардан тұратын ядро ... ... ... қосымшаларды браузер орындайды.
Жалпыланған гипермәтіндік ақпараттық жүйе ақпаратты тізім контексінен,
осы тізімде ... ... ... және ... тізімдерді
манипуляциялау құрал саймандарынан тұрады. World Wide Web – ... ... ... жіктелген жүйенің ену технологиясы
сәйкесінше ол ... ... ... ... ... ... ... гипермәтін жүйесінің мүшелері Web-теде болу
керек ... ... ... ... тек ... ғана емес ... Java script, Netscape ... ауыстыру
құралы болып табылады. Бірақ ең үлкен танымдылықты ... ... ... ... программасының көмегімен Web–құжатты ... ... мен ... ... ... ... етеді. Кейбір қолданушылар
өздерінің құрылған редакторлерін қосады, сондықтан да ... ... ... етілмейді. Java тілімен тікелей байланысының ... ... тілі ... ... ... Java-апплеттердің
әдістеріне және ішкі ... ... ... Айырмашылығы
JavaScript программалары браузердің ішінде жұмыс істей алады, ал апплеттер
браузердің сыртында орналасады. Алдымен JavaScript бойынша ... ... ... ... оны ... ... Natscape ... құжаттар мен мысалдар түрінде және тағы басқа да жерлерде ... ... ... ... ... операторлар, түстер
және тағы басқалар туралы барлығы бір ... ... ... ... ... тілінің ерекшеліктері
Жаңа обьектілері:
• area обьектісі суреттің көрінісін анықтайды;
• function обьектісі функция тәрізді тексеруге қажет JavaScript кодтарының
қатарын анықтайды;
• image ... ... ... ... opener қасиеті шақыратын құжаттың терезесін анықтайды;
• type қасиеті форманың элементінің типін анықтайды;
Жаңа әдістері:
• blur мен focus ... енді ... үшін ... ... close ... ... жаңа ... болады;
• javaEnabled әдісі Java ашық па, соны анықтайды;
• reload әдісі ағымдағы құжаттың терезесінің жүктелуіне әкеліп соғады;
• replace әдісі ағымдағы ... ... ... ... URL–ді
жүктейді;
• reset әдісі қалпына келтіретін тышқанды модельдейді;
• scroll әдісі терезені айналдырады;
• split әдісі ... ... String ... ... ... HTML атрибуты үшін өте маңызды. Егер сіз HTML
символының обьектілерімен таныс болсаңыз, ... ... ... немесе
амперсант символының аттарының символдарын ажырата аласыз. ... ... ... ... ... ... ... нүктелі
үтірмен аяқталады. Аты мен нөмірдің ... ... ... ... көрінісін қолдануға болады. JavaScript обьектісін тек ... ... ... ғана ... Мысалы, айталық, сіз
barWidth–ті анықтадыңыз. Сіз белгілі бір ендегі горизонталды жолды пайыздық
қатынаста төмендегідей үлгіде құра ... ... ... ... обьектілерден және де осы
обьектіге ... әр ... ... ... ... ... Сол
сияқты JavaScript–те оқиғалар программаның үзілістердің ... ... ... ... Word Wide ... ... жасауға бағытталған, мысалы,
парақты Navigator жұмыс аймағына жүктеу ... ... ... ... ... ... және де Web–браузерлердің өңдеушісі
динамикалық обьектілерді ұйымдастыра алады. Мысалы, (жүгірмелі жол ... көп ... ... ... ... ... Java Script ... мен функциялары
Біз document обьектісінің әдістерінің бірі – writeln әдісі. Әдістердің
бірнеше мысалдары:
• document.write – ағымдағы Web–парағындағы мәліметтерді жазу;
...... ... ... жазу
және қатардың көшу символымен текстті аяқтау;
...... ... ... ... ... ... бұған дейін кірген Web–сайттар туралы
мәліметтерден тұрады;
• window.alert – браузерде алдын–ала диалогті терезесін бейнелеу;
... – жаңа ... ... ... жаңа ... ... ... бар. Оларды пайдалану ... ... ... ... ... ... өзгерту және оқу қасиеттер көмегімен
орындалады. Қасиеттердің кейбір мысалдары:
• document.fgcolor – ағымдағы Web–парақтың алдыңғы орнындағы түсі;
• document.lastmodified – ... ... ... ... ... құжаттар ақпараттың бұл типін
қолдамайды);
• document.title–Web–браузердің тақырып ... ... ... алғы ... ...... ... аты;
• document.bgcolor – ағымдағы Web–парақтың фондық түсі;
Мәліметтерді өңдеу JavaScript–тің кез–келген сценарийінде орындалады,
сонымен бірге бар мәліметтердің типтері ... ... көп: ... ... және тағы басқа. JavaScript тілінде сол сияқты басқа да
кез–келген программалау тілдеріндегі ... ... ... – жадының мәліметтер сақталатын аталған ... ... var ... сипатталады. Айнымалыларды
құруды аяқтағаннан ... ... ... ... ... ... ұйымдастыруға кірістіруге болады.
Функция: кез–келген программалау тілдеріндегідей ... ... де ... ... ... иеленеді. Бұл жағдайда код
фрагменті функция деп аталушы программаның модулінде ... ... бұл ... коды ... ... ... ... үшін
function кілттік сөзін пайдаланамыз. Бұл функцияның анықталуы төмендегідей:
Function функция_аты(,[аргумент1[,аргумент2[,…аргумент3]]])
{
код
}
Қорытынды
Қазiргi ... жаңа ... оның ... ... ... ... ақпаратпен жұмыс iстей ... үшін ... ... – ол ... ... ... ... өздігінен білімін толықтырып отыруға және мақсатты түрде
бітіру емтихандарына ... ... ... ... ... ... үшін ол өзінің педагогикалық тәжірибесі арқылы ... ... ... ... ашық ... ... оқулықтармен оқыту жүйесiнiң сапасын арттырумен қатар
бiрқатар пайдалы жақтары бар.
Біріншіден, әр оқушы ... тән ... ... ... ... ... жету үшiн ... төзiмдiлiктi
қалыптастырады.
Екіншіден, оқушы өз еңбегiнiң нәтижесiн ... өзiн - ... Өз ... жұмыс iстеу оқушының бiлiмiне әсер етпей, ... зор ... ... ... ... iсiн ... ... Жауапкершiлiгi оятады. Бұл өз ... ... ... қабiлетiн дамытады.
Электрондық оқулықтың тиiмдiлiгi мынада:
- оқушы арнайы бағдарламамен жұмыс ... ... ... компьютерлiк жүйе арқылы бағаланады;
- иллюстрациялық әдiс көп қолданылады;
- қисынды ... ... ... ... ... ... ... деген қызығушылығы артады.
Электронды оқулықтың нәтижелілігі мынада:
- тез арада қайтарма байланыс ... ... ... ... ... ... жылдам тауып алуға мүмкіндік береді.
- гипермәтіндік түсіндіруден жан-жақты ақпараттық материалдар ... ... жеке ... ... ... ... әрбір тараулар
бойынша тексеруге, бағалауға мүмкіндік береді.
Электронды оқулықты мынандай ... ... ... ... ... өз бетімен оқып үйренуге, зерттеуге мүмкіндік
береді;
- сабақты иллюстрациялық ... ... ... ... ... және сабақтан тыс уақытта өз ... ... ... ... орындауға мүмкіндік берілген;
- емтиханға дайындық кезеңдерінде пайдаланылады.
Болашақ мұғалімдерді кәсіптік ... ... ... өте ... ... өздерінің білім көлемін өз бетімен
толықтырып, емтихан материалдарына ... және ... ... ... ойлауын қабілеттіліктерін дамытады. Ал оқушылар үшін
ашық ... ... ... ... ... ізденістері негізінде оқулықты толықтырып, дамытып,
жетілдіруге ... ... ... белсенді дүниетанымын және
өзіндік ... ... ... оқыту үрдісін саралауға, жан-жақты
ақпараттандыруға, білім мазмұнын ізгілендіруге көмектеседі.
Қазақстанда ... ісін ... ... беру ... ... ... өсу ... қамтамасыз етеді. Орта арнаулы ... ... ... ... дайындық сапасын арттыруға және
оқу – танымдық ... ... ... ... ... аламыз.
Қорыта келгенде, электрондық оқулықтарды қолдану барысында
оқушылардың сабаққа ... ... күрт ... байқалады.
Сондай-ақ мұғалімдерге де өздеріне қажетті әдістемелік, ... ... ... ала ... Заман талабына сай жас ұрпаққа сапалы
білім ... ... ... ... ... ... бір түрі ретінде қарастыруға болады. ... ... ... ... ... жас ... ... беру жолындағы ортақ
міндетті өз мәнінде жүргізу үшін, бір-бірімізбен тәжірибе алмасып, кемшілік-
жетістіктерді айтып отырсақ жұмысымыз өнімді, анық болады.Web-беттер арқылы
жасалған оқу ... ... ... ... пайдаланылды және өзінің
жұмысқа жарамдылығы ... ... алға ... ... тапсырма толығымен орындалды деп есептеймін.
Қолданылған әдебиеттер
1. Хеслоп "HTML с самого начала", Санкт-Петербург, 1995.
2. ... ... для ... Москва 1996.
3. Перри "Секреты Word Wide Web", Москва 1996.
4. Фролов А.В., ... Г.В., ... сети ... М.: ... ... 1996
5. Рассохин, Лебедев "Word Wide Web - глобальная информационная паутина в
сети ... ... ... Уолл "Использование WWW", Москва 1997.
7. Kevin Werbach. Перевод: Станислав Малишев. - Краткое пособие по ... ... ... Е.Қ., ... Б, ... А. т.б. ... терминдерінің
қазақша-ағылшынша –орысша сөздігі. Алматы, 1998 ж.
9. Шарф Д. HTML 3.2: ... СПб ... ... Вуб Л. Web – ... ... СПб: Питер, 1998.
11. Семакин, Хеннер. «Задачник практикум», Москва, 1999 .
12. «Домашний компьютер» журнал, 2002, №2
13. «Компьютер пресс» журнал, 2003, ... ... и ... ... ... ... ... - Изергин Н.Д.,Кудряшов А.А.,Руднев А.Ю., Тегин В.А.
15. HTML-Первые шаги. Алленова Наталья. http://postroika.ru.
16. Язык XML: ... ... ... ... ... ... оқулық






body{
background:#333 url(elektrichestvo-kabeli-provoda-i-energiya.jpg) repeat
top left;
font-family:Arial;
}
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a{
color:#aaa;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 1px 1px #000;
margin-right:30px;
}
span.reference a:hover{
color:#ddd;
}
ul.sdt_menu{
margin-top:150px;
}
h1.title{
text-indent:-9000px;
background:transparent url(title.png) no-repeat top left;
width:633px;
height:69px;
}




Физика пәнінен ... ... ... ... №1
Дәріс №2
Дәріс №3
Дәріс №4
Дәріс №5
Дәріс №6
Дәріс №7
Дәріс №8
Дәріс №9
Дәріс №10







Бейне ... ... ... ... №2
Бейне №3
Бейне №4
Бейне №5
Бейне №6
Бейне №7
Бейне №8
Бейне №9
Бейне №10







Ережелер
Физика ережелері








Тест
Тесттер тізімі



Тест №1
Тест №2
Тест ... ... ... ... for each menu element, on ... we enlarge the image, and show both sdt_active span and
* sdt_wrap span. If the element has a sub menu ... then we slide it - if the element is the last one in the ... we slide it to the left, ... to the ... > ... $elem = $(this);
$elem.find('img')
.stop(true)
.animate({
'width':'170px',
'height':'170px',
'left':'0px'
},400,'easeOutBack')
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'140px'},500,'easeOutBack')
.andSelf()
.find('.sdt_active')
.stop(true)
.animate({'height':'170px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
var left = '170px';
if($elem.parent().children().length == $elem.index()+1)
left = ... $elem = ... ... = ...

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









Ұқсас жұмыстар
Тақырыб Бет саны
Ақтөбе қаласы май зауытындағы май тазарту процесінің автоматтандырылуын жобалау25 бет
Депоның басты жоспары4 бет
Кәсіптік білімнің электрондық оқулықтарын құрастырудың функционалдық – модульдік технологиясы45 бет
Электрлік жетек, электрлік жетек түсінігі, негізгі ұғымдар13 бет
Электронды құжаталмасу жүйесі53 бет
Қашықтықтан оқыту жүйесі және электронды оқулықтар68 бет
Ақпараттық-коммуникациялық технологияларды пайдалану арқылы білім беру деңгейін көтеру11 бет
Интерактивті тақтаның қолданыстағы артықшылықтары3 бет
Мектеп жасына дейінгі балалардың есте сақтау процесінің ерекшеліктері24 бет
Оқушыларды қазақ батырларының қаһармандық бейнесі арқылы отансүйгіштікке тәрбиелеу54 бет


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


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

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

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

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

Email: info@stud.kz

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

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