JavaScript- та бағдарламалау

КІРІСПЕ 3
ЖАЛПЫ БӨЛІМ 5
1.1 Программалау тілдерінің элементтеріне шолу 5
НЕГІЗГІ БӨЛІМ 7
2.1 Есептің жалпы қойылуы 7
2.2 Программа комплексінің сипатталуы 8
2.3 Комплекстің макро блок схемасы 12
2.4 Комплекстің идентификаторларының кестесі 13

2.5 Берілгендер тобының сипатталуы 20
2.6 Файлдарды жазудың құрылымы 21
2.7. Проблемалық программаның (процедураның) қойылымы 23
2.7.1 Проблемалық программаның сипатталуы (алгоритм) 23
2.7.2 Проблемалық программаның блок.схема(блок.схема) 23
3 ЖҰМЫСТЫҢ ҰЙЫМДАСТЫРЫЛУЫ 24
3.1 Есепті шешудегі керекті техникалық жабдықтар комплексі 24
3.2 Программамен жұмыста қолданушыға берілген нұсқау 24
4 ҚОРЫТЫНДЫ 26
5 ҚОСЫМША (Программа листингі, блок.схема, программа) 28
6 МӘЛІМЕТТЕР АЛЫНҒАН КӨЗДЕР ТІЗІМІ 31
Бүгінгі таңда әлеуметтік-экономикалық жағдайы ақпараттық технологияны өмірдің әрбір саласында жаппай пайдаланумен сипатталады. Студенттердің танымдық іс-әрекеттері күшейіп, өзіндік жұмыстарды тез орындау мүмкіндіктері артты. Қазіргі кезде мәліметтерді сақтау және өңдеу жұмыстарын соңғы жылдарда шыққан программалық өнімдер арқылы жылдам әрі тиімді ұйымдастыруға болады. Компьютерл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ммен қамтамасыз етуi керек. Бұл айтылғандардан электрондық оқулық үздiксiз, әр қадам бойынша бiлiм беру режимiн қамтамасыз етуi керектiгi шығады.
Электрондық оқулықтың тиімділігі:
- Мұғалімнің ғылыми әдістемелік потенциалын дамытып, оның сабақ үстіндегі еңбегін жеңілдетеді;
- Әр пәннен өтетін емтихандарға дайындығын жеңілдетеді.
Сондықтан мен web бағдарламалау тілдерінің мүмкіндіктерін пайдалана отырып «Web бағдарламалау» пәнінен электронды оқулығын жасауды ойладым. Жасап шығарылған бағдарлама қолданушыға кез-келген уақытта HTML және CSS тілдерін толық қолдану жолдары мен бағдарламасын пайдалануға мүмкіндік береді.
Тақырыптың өзектілігі:Қазіргі жоғары оқу орнының даму болашағы қоғамның даму үрдісі мен үнемі өсіп отыратын ақпарат көлемінің әртүрлі тегімен анықталады. Оқушыларға және студенттерге білім беруде жаңа оқыту технологияларын қолдану, инновациялық бағытта жұмыс жасау, электронды оқулықпен жұмыс жасай білу заман талабына сай талап етілуде. Оқу процесінде компьютерді тиімді пайдалану және қолдану кейінгі жылдары айтарлықтай оң тәжірибе беріп отыр. Атап айтсақ, студенттің өз бетімен ізденісі, пәнге деген қызығушылығын арттырып, шығармашылығын дамытуға, оқу қызметінің мәдениетін қалыптастыруға, дербес жұмыстарын ұйымдастыруға ерекше қолайлы жағдай туғызып отыр.
1. Ганеев Р.М. Проектирование интерактивных WEB-приложений.М.:2001.
2. Косентино К. РНР. WEB-профессионалам: Пер. с англ.-К.: Издательская группа BHV, 2001.
3. Леонтьев Б. WEB-дизайн: Хитрости и тонкости:-М.:Познавательная книга плюс, МиК, 2001.
4. Николенко Д.В. Практические занятия по JavaScript.СПб.:2002.
5. Гультяев А.К., Машин В.А. Уроки WEB-мастера. СПб.:2002.
6. Рик Дарнелл, JavaScript- справочник. 2001.
7. Жумагалиев Б.И. Лабораторный практикум по интернет-технологиям.
8. Дузбаева Р.М. Основы создания HTML-документов. Уч. пособ. для студентов. –Алматы, КБТУ 2003. –82 с.
9. Нидерст Дж. Web-мастеринг для профессионалов. –СПб.:Питер, 2001. –576 с.
10. Информатика и образование, №8, 2000.Е. В. Давыдова
11. Симонович С., Евсеев Г., Алексеев А. Специальная информатика: Уч. пособ. -М.: АСТ-ПРЕСС: Инфорком-Пресс, 1998.-480с.
12. А. Гончаров. HTML в примерах. – СПб: "Питер", 1997.
13. Лэмонт Вуд. Web-графика. Справочник. – СПб: "Питер", 1998.
14. С. Бейн, Д. Грей. Как сделать красиво в Интернете. Перевод с англ. – СПб: "Символ-Плюс", 1998.
15. А.О. Коцюбинский, С.В. Грошев. Современный самоучитель работы в сети Интернет. М.: "Триумф", 1997.
16. Internet. Шаг за шагом. (на CD-ROM). – СПб: "Питер Мультимедиа", 1997.
17. Энциклопедия пользователя Internet. (на CD-ROM). – М.: "Демос", 2000.
18. Шапошников И.В. Самоучитель HTML 4. –СПб.: БХВ-Петербург, 2001. –288 с.
19. Пайк М. Internet в подлиннике. СПб.: BHV-Санкт-Петербург, 1996.
20. Ералиева М. Оқытудың қазіргі технологиялары 2006. - №5. 3-5 бет.
        
        КІРІСПЕ
3
ЖАЛПЫ БӨЛІМ
5
1.1
Программалау тілдерінің элементтеріне шолу
5
НЕГІЗГІ БӨЛІМ
7
2.1
Есептің жалпы қойылуы
7
2.2
Программа комплексінің сипатталуы
8
2.3 ... ... блок ...
Комплекстің идентификаторларының кестесі
13
2.5
Берілгендер тобының сипатталуы
20
2.6
Файлдарды жазудың құрылымы
21
2.7. ... ... ... ... ... программаның сипатталуы (алгоритм)
23
2.7.2
Проблемалық программаның блок-схема(блок-схема)
23
3 ЖҰМЫСТЫҢ ҰЙЫМДАСТЫРЫЛУЫ
24
3.1
Есепті шешудегі керекті техникалық жабдықтар комплексі
24
3.2 ... ... ... берілген нұсқау
24
4 ҚОРЫТЫНДЫ
26
5 ҚОСЫМША (Программа листингі, блок-схема, программа)
28
6 МӘЛІМЕТТЕР ... ... ... таңда әлеуметтік-экономикалық жағдайы ақпараттық технологияны өмірдің әрбір саласында жаппай пайдаланумен сипатталады. Студенттердің танымдық іс-әрекеттері күшейіп, ... ... тез ... ... ... Қазіргі кезде мәліметтерді сақтау және өңдеу жұмыстарын соңғы жылдарда шыққан программалық өнімдер арқылы жылдам әрі тиімді ұйымдастыруға ... ... ... ... б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 бағдарламалау тілдерінің мүмкіндіктерін пайдалана отырып ... ... ... ... ... ... шығарылған бағдарлама қолданушыға кез-келген уақытта HTML және CSS тілдерін толық қолдану жолдары мен бағдарламасын пайдалануға мүмкіндік ... ... ... ... ... оқу ... даму болашағы қоғамның даму үрдісі мен үнемі өсіп отыратын ақпарат көлемінің әртүрлі ... ... ... және ... ... ... жаңа оқыту технологияларын қолдану, инновациялық бағытта жұмыс жасау, электронды оқулықпен жұмыс жасай білу заман талабына сай талап етілуде. Оқу ... ... ... ... және ... кейінгі жылдары айтарлықтай оң тәжірибе беріп отыр. Атап айтсақ, студенттің өз ... ... ... деген қызығушылығын арттырып, шығармашылығын дамытуға, оқу қызметінің мәдениетін қалыптастыруға, дербес жұмыстарын ұйымдастыруға ерекше ... ... ... ... ... орай сабақ беру үрдісінде қазіргі күннің жаңа технологияларын, яғни электрондық ресурстардың ... ... ... ... ... ... ... табылады. Сол себепті HTML және CSS тілдерін қолданып пәнінен электронды оқулық дайындадым.
Тақырыптың мақсаты: Электрондық білім беру ресурстарын қолдана ... ... ... пәнінен электронды оқулық дайындау және оқу курсында оны қолдану тиімділігін теориялық-практикалық ... ... ... ... келесi міндеттер қойылды:
* Оқу процесінде жаңа технологияларды қолдануға қойылатын талаптарды зерттей отырып, электронды оқулықты қолдану мәселерін ... ... ... ... ... ...
* ... оқулықтармен танысу.
Зерттеу объектісі: Web-бағдарламалау пәнінен тарауына электрондық ... ... ... ... ... ... ... элементтеріне шолу
JavaScript (/ˈdʒɑːvɑːˌskrɪpt/) -- объектіге бағытталған скрипттік ... ... ... ... ... ... ... болып табылады. ECMA-262 спецификациясының Conformance бөліміне сәйкес ECMAScript спецификациясының ... ... ... 1992 жылы Nombas ... Cmm ... ... өңдеуінен басталады. JavaScript - Бұл тіл де скрипттер тілі. Бұл тіл де ... уеб ... ... Бұл ... PHP ... айырмашылығы - бұл тіл серверде емес, клиенттің (қолданушының) компьютерінде жұмыс істей алады. Бұл кейбір ... ... ... ... жібермей-ақ жасау керек болған кезде пайдалануға тиімді болып табылады. Мысалы: осы жауапты жазып отырғанда, төменгі жағынан жазып отырған нәрсең ... ... міне осы ... ... ... іске ... Сонымен қатар осы сайттағы жауап жазатын өрістің жоғарысында жазуды қалың қылатын, жатай қылатын, сурет қоятын белгілер бар. ... ... B ... ... сол ... ... ... Міне, осы сияқты операциялар JavaScript тілінің көмегімен орындалады. Сонымен қатар қазіргі таңда кең етек алып жатқан Ajax технологиясы да осы ... ... ... ... бағдарламалау тіліне түсінік. Web бағдарламалау - веб косымшаларды құруға бағытталған программалаудың бөлімі. Web ... ... - веб ... ... істеуге арналған тілдер. Web бағдарламалау тілдері негізінен екіге топқа бөліп қарастырамыз: клиенттік және серверлік.
Клиенттік бағдарламалау тілдері - ... ... ... ... оларды браузер орындайды. Бұл клиенттік тілдердің негізгі мәселесін тудырады, яғни бағдарламаның ... ... ... ... байланысты. Егер де қолданушы клиентік п бағдарламаларды орындауға тыйым салса,онда програмист қанша тырысса да, бағдарлама орындалмайды. Кейде әртүрлі ... бір ... ... орындалуы мүмкін. Басқа жағынан алғанда, егер де программист серверлік программаларды қолданатын болса, онда ... ... және ... ... Ең көп таралған клиенттік тілдер болып мыналал есептеледі: HTML, CSS, JavaScrit. Java, VBscript, Actionscriрt және т.б.
1-кесте. ... ең кең ... ... ... ... ... талап етуі, кодты құру қарапайымдылығы
Қауіпсіздігі нашар
CSS
Стиль мен кодтарды өзгерту оңай, браузерлерде тез ... ... ... ... ... ... колдану жеңілдігі
Тек Windows опер. жүйелерінде жұмыс істейді
Java
Жылдамдығы тез, арзан, библиотекасы ... көп ... ... ... ... жұмысын жеңілдетеді, скпиртар библиотекасы үлкен,барлық браузерлерді қамтиды, арзан
JS көмегімен құрылған скриптар ... ... ... ... - ... ... бір ... сұраныс жасағанда, шақырылған бет бірінші файл болып қолданушы жіберіледі. Ол файл мынадай кеңейтулері болады: HTML, PHP, ASP, ASPX, SSI, XML, DHTML, XHTML. ... ... ... сайт ... серверге толығымен тәуелді.
2-кесте. Әлемдегі ең кең таралған серверлік тілдер
Серверлік тілдер
Артықшылықтары
Кемшіліктері
ASP
Компоненеттерді қолдану жеңілдігі ... аз, ...
XML ... ... ...
Көлем үлкен
SSI
Жылдамдығы жоғары
Меңгеру қиындығы
PERL
Мәтінмен жұмыс істеуде зор ... ... ... ... аз
PHP ... ... ... ОЖ қамтиды,көптеген мәліметтер қорымен, протоколдармен жұмыс істейді
Үлкен проекттарды құруда тиімсіз
НЕГІЗГІ БӨЛІМ
2.1 Есептің жалпы ... бар ... яғни ... Web-парактарының бір ортақ қасиеті-олардың барлығы да HTML тілінде жазылған HTML тілінде Web-парақтар жасау программалауға ұқсас болғанмен, ол қарапайым ... тілі емес HTML - ... ... ... Ол ... мәтіндерді Web-парақтар түрінде бейнелеуге арналған ережелер жиынын анықтайды.
HTML тілі World Wide Web қызмет бабымен бірге дами отырып, Web ... ең ... ... ... ... ... оны кең пайдалану жолдарымен толықтырылып отырылды. Ол World Wide Web жүйесінің негізі бола отырып, оның өте кең тарауына себепші болды. World Wide Web сөзі ... ... ... бүкіләлемдік өрмек болып аударылады. HTML тілінің мағынасы мен атқаратын қызметін оның атынан анықтауға болады
Гипермәтін - қосымша элементтерді басқару мақсатында ішіне ... код, яғни ... ... (anchor) ... ... Ол ... ... сурет, дыбыс енгізу, мәтінді безендіру, пішіндеу (форматтау) ісін орындайтын немесе осы күжаттың басқа бөлігіне сілтемесі бар алғашқы ... ... ... белгіленген сөз. Сөзді ерекшелеп белгілеу дегеніміз- келесі көрсетілетін кұжат бөлігі калай бейнеленетінін анықтайтын айрықша кодты осы сөз ... ... ... бейнелеу үшін броузер (browsers) деп аталатын арнайы көрсету программалары қолданылады. Гипермәтін ... ... ... сөз ... ... егер ... сол сөзге жеткізіп, тышқанды шертсек (ENTER пернесін бассақ), онда сонымен байланысты (ол ... ... ... құжатты оқимыз. Ол құжаттар мәліметтер ішіндегі басқа парақтарда немесе Web ... ... ... ... ... сурет, жазылған дыбыс күйінде болуы мүмкін.
Сонымен, мәтіндерді осылай байланыстыра отырып белгілейтін мүмкіндікті беретін HTML miлі. Оның ... ... ... ... ... өз ... мен ережелері бар.
HTML тілінін атқаратын қызметі
Web парақтары экранда ықшам түрде безендіріліп ... HTML тілі ... ісі ... ... ... ... ... тұтынушы әртүрлі компьютерлер пайдаланады. Сол себептен ғана ... ... бір ... Windows жүйесін жұмыс істей алатын броузері бар болса екінші бір тұтынушы ... тек MS DOC ... ... ... ескі ... ... мүмкін. Бұл екеуінің көрсету мүмкіндіктері әртүрлі болғандыктан, бір файл екеуіне екі ... ... ... Ал, үшін ... ... ... ... арналған Брайль қаріптері аркылы берілсе, оның нәтижесі тіпті басқаша болады.
Құжаттарды әрбір тұтынушының ... ... және ... броузер программалармен көретіндіктерін ескерсек, HTML тілін мәтіндерді пішімдеу (форматтау) ... ... ... тіл деп ... болмайды. Ол Интернеттегі мәтін бөліктерінің аткаратын кызметін анықтап, соларды әрбір түтынушыға бейімдеп жеткізе ... ... ... ... белгілейтін тіл болып табылады. Мысалы, егер мәтін тақырыбын бейнелеу керек болса онда HTML коды оны такырып ретінде көрсетуге ... ... ... коды ... соң, оны ... өз ... пайдаланып, оны үлкейтіп ірі әріптермен жазуы ыктимал немесе экран жолдарының ортасына жылжытып қана көрсетуіне де болады. Ал егер бұл ... ... ... ... ... ... ... онда такырып қаттырақ шьғатын дауыс аркылы айтылып, одан сон аздап ... ... да ... тілінде мәтінді пішімдеу тәсілдерінің де бар екенін айтып кету керек, ... ... ... ... ... мазмұны мен оны безендіріп көрсету жолдарының айырмашылығы сакталып отырады. Мысалы, тілдің соңғы HTML 4.0 нұсқасында ... ... ... ... ұсынылмаған.
2.2 Программа комплексінің сипатталуы
Декоративтік жақтау.
--------------------------------------------------------------------------------
Керекті жақтауды жасау үшін оны қажетті түрде қандайда бір ... ... ... салу ... ... 1 - ... ... бұрыштары бар жақтау көрсетілген. Содан кейін 9 күлгін сары сызықтармен және ... ... ... 9 ... ... Мысалы, бейнені ImageReady немесе соған ұқсас программаларда бөлуге болады.
1-сурет.
2-сурет.
--------------------------------------------------------------------------------
Салынып біткен домалақ ... ... бар ... ... жақтау құру
 Содержимое 
Кестеде borden,cellspacing және cellspadding параметрлері нольге тең болуы керек, әйтпесе сызықтар өзара байланыспайды. IMG ... ... ... ... ... сияқты қоямыз, ал горизонтальді және вертикальді сызықтарды background параметрлері мен ... ... ... ... ... беруге болады. Бұл біздің жақтауымыздың көлемін үлкейтеді және ... ... ... ... ... бір - ... тақасып тұрып араларында бос сызық болмау үшін міндетті түрде ұяшықтар мен суреттердің өлшемдерін көрсету керек. Ұяшықтарда ... және ... ... фон ... ... ... міндетті түрде орналастыру керек - бұл немесе бос сызық, әлде өлшемі 1 де 1 пиксель (мысалда файл 1 х 1 gif деп ... GIF ... ... ... Бұл Netscape - ні ... үшін жасалады, өйткені ол бос ұяшықтың мазмұнын көрсетпейді. Келтірілген тәсіл әр ... ... ... ... ... ... көмегімен рамканы әрбір блоктік тектерге қолдануға болады, мысалы, парагрфке (Р тек), ... мен ... DIV. ... ... жеңіл және қолайлы етіп жасайды, Кестелерді қолданғанша 3 - суретте көрсетілгендей әр ... ... ... Стиль арқылы жасалған рамкалардың түрі.
Бірінші орналасқан екі рамка - dottet және dashed тек қана ... Netscape және Internet Explorer ... ... ... ... border ... арқылы оның түрі, қалыңдығы және түсі беріледі. Кесте құру үшін ... ... ... оның ... ... бөлімді кесте құрамы қолданылады. Стильдер кестелер құрылымын толықтырып және жақтаулардың ... ... жәй ... ретінде көрсетеді. Төменде әртүрлі сайттардың кеңінен тараған жақтауларды қабылдауы көрсетілген.
border кестесінің параметрлерін қолдану
Жақтау құрудың ең қарапайым ... border ... ... ... және оған түс ... bordercolor және жақтаулардың қалыңдығын анықтайды. Осындай бейнемен ... ... ... ... ... ... (4 - сурет)
Internet Explorer
Netscape
Opera
4-сурет. Border параметірінің көмегімен жақтау алу.
Жақтаудың үш өлшемділігін Netscape имитирлейді, Opera браузері оның түсін өзгеріссіз ... ал Internet Explorer ... ... ... ... жақтауларды бірдей көрсетпеуі үшін, bgcolor және ... ... ... ... шығу ... қолдануға болады. Bgcolor параметрі арқылы барлық Кесте жақтаудың түсімен сәйкес түске боялады. Ұяшықтың ішкі фонына түс беру керек, мысалы, ақ. ... ... ... ... аз, ... ... көрінетін ішнара болады. Ұяшықтардың ара қашықтығы ұяшық өлшемін кіші өлшемге cellspacing Кестесінің ... ... ... және Internet Explorer ... фреймдар арасындағы жақтауларды анықтау үшін түрлі қадамдар қолдануда. Netscape-дегі frameborder параметрі Yes немесе No ... ... ... ол тек IE-де ... ... ... ... арасындағы қоршауны алып тастау үшін келесі кодты пайдалануға болады.
Фреймдар арасындағы жоқ жақтау

Мысалда frameborder ... ... ... ... ... алу үшін 2 рет ... Жалпы бір ғана мағына frameborder=0 параметрімен шектеуге болады. Netscape үшін ... жазу ... ... ... бірақ бұл жағдай тура қабылданады. Opera браузері өкінішке орай ... тек ... ғана ... Егер ... ... ... ... браузерде ол еш параметрлерді енгізбей-ақ келісім бойынша салынады. Сонымен қатар FRAMESET және FRAME тегтерінде қолданылатын bordercolor параметрінің көмегімен қоршауның түсін ... ... Түс ... ... немесе он алтылық мағынасы бойынша көрсетіледі.
Жақтау түсінің өзгеруі

Мысалда қоршау Netscape неммесе Internet Explorer браузерлерінде түрі ... ... көк ... ... Style ... - каскадты кестелер стилі. Кестелер стилі - беттің ... ... оның ... мен ... бөліп көрсету.
Классикалық түрде HTML құрылымы мен дизайны аралас болды: ... ... ... оның түсі, шрифт өлшемі, шрифт типі және т.б. Егер web- ... ... ... ... қарапайым параметрді өзгерту керек болса,онда барлық беттерге жазып шығу керек болады. CSS сипаттамасы бөлек бір ... ... ... ... ... басқаруға көмектеседі. CSS
қолдана отырып стильдер сипаттамасы бар файлды түзету ... ... ... ... ... ... ... Стильдер әр түрлі болған сайын дизайнды да жақсырақ өзгертуге болады. Ең бастысы серверде жатқан дайын HTML құжаттарды ... ... ... ... файлға стильдермен (сілтеме бойынша) жүгінеді де сәйкес қалыпты береді. CSS тарихы. 1996 ж. ... W3C ... ... ... қабылданған бірінші деңгейдегі CSS алға жылжыған үлкен қадам болды, себебі WEB-беттердің ... ... ... және т.б..) оның ... ... және мәтін сипаттамасы, мысалы, шрифттар туралы ақпарат) айыруға ... ... соң HTML тілі ... функционалды- бағытталған болды (формаға бағытталған емес), бірақ қолданушыға бетті басқаруға кедергі келтірмеді. 1998 ж. ... ... ... ... ... ... ... асыратын CSS2 стандарты қабылданды. Бұл стандарт бірінші деңгейдегі CSS негізделген және ... ... ... мен элементтерін тура орналастыру, сонымен қатар арнайы бағдарламалық қамтамасыздандыруға WEB-беттердің мазмұнын оқуға мүмкіндік беретін жаңа ... ... CSS құру ... CSS ... құрушылармен түсі, шрифті, бөлек блогтардың орналасуы мен веб-беттердің сыртқы түрінің басқа аспектілерін көрсету үшін қолданылады. CSS өңдеудің ... ... ... ... ... ... осы ... сыртқы түрінің сипаттамасынан (CSS тілі көмегімен) бөлу болып табылады ( HTML ... ... да ... ... ... ... бөлу құжаттың рұқсатын ұлғайтуға, оның көрсетілуімен басқару мүмкіндігі, ... ... ... ... ... пен қайталануды төмендетеді. Одан басқа CSS бір құжатты әр ... ... ... ... көрсету, баспа көрсетілімі, дауыспен оқу (арнайы дауыстық браузермен немесе экраннан оқу ... ... ... әдістерінде, немесе Брайль шрифтін қолданатын
құрылғылармен шығару кезінде көрсетуге мүмкіндік береді.
2.3 Комплекстің макро блок схемасы
Басы
Басты бет
Соңы
HTML беті
CSS беті
Глоссарий
2.4 ... ... ... басы және ... ... тақырыбы мен денесі

Бет атының сипатталуы

TITLE элементі

Бет ... ... ... денесі
Қазіргі ақпараттандыру жағдайында білім берудің міндеттерін табысты шешу дайын электрондық ... беру ... ... қана қоймай, өзіндік шығармашылығы мен төл әдістемесін жүзеге асыруға бағытталған электрондық оқулықтарды жасау және пайдалану болып табылады.
Электронды оқулық - өз ... ... ... ... оқу ... ... оның бiр ... компьютердiң көмегiмен меңгерудi қамтамасыз ететiн программалық - әдiстемелiк кешендi айтады.
Электронды оқулыққа қойылатын ... ... ... ... ... ... ... тұжырымдар мен ережелердің, сонымен қатар берілген оқу курсында оқытылатын объектілердің, құбылыстар мен ... ... мен ... ... болып табылатын сандық, мәтіндік, графикалық, аудио, видео және басқа оқыту ақпараты болуы керек.
* ЭО оқу мақсаттарына тікелей сәйкес келмейтін, ... оқу ... ... ... және ... ... өзіне аудартатын ақпаратты қамтымау керек.
* ЭО-та интерфейс көрнекті, түсінікті, бірмәнді болуы мен ... ... қате ... жібермеуі үшін бүтін ЭО-тың және оның жеке бөліктерінің жұмыс істеу логикасын түсінуге көмектесетін түрде болу ... ... ... ... үрдістер мен құбылыстардың құрылымын және параметрлерін беру және өзгерту үшін, сонымен қатар сыртқы әрекеттердi имитациялау үшiн, имитациалық компьютерлiк моделдер ыңғайлы ... ... ... Компьютерлік моделдермен өзара-әрекет мәселелері оның көмегімен шешілетін дидактикалық есептердің мазмұнынан оқушының көңілін бөлмей, оларды меңгеру үшін интеллектуалды ынтаны ... ... ... ... ЭО жабық та, ашық та ортада қолданылу мүмкіндігіне ие болу ... ... ... ... ... тасушыларда орналасуы және жеке алынған компьютерде немесе локалды компьютерлік желіде орындалушы программалар сияқты жұмыс істеу мүмкіндігіне ие болу керек. ЭО ашық ... ... ... ... орналасады және жұмыс істеу үшін программа-браузерлерді қолданады.
* ЭО қосымша программалық құралдарды талап етпейтін операциялық жүйенің, ... ... ашық ... ... ... ... ескере отырып автоматты түрде орнатуының мүмкіндігіне ие болу керек. Орнату комплектінде мемлекеттік немесе халықаралық стандарттарына сәйкес ЭО-тың ... ... үшін ... ... ... драйверлер және программалар пакеттері болуы керек.
* ЭО қажетті өзгертулерді енгізуді оңайлату және сынақтан кейін программаның алғашқы ... ... ... ... ... ... ... керек, сонымен қатар оқу материалы мен статистикалық деректерге рұқсатсыз қолжетпек болдмауы керек.
Электрондық оқулықтың ... ... ... ... ... ... ... утилиталар, көмекшi және құжаттама енгiзiлу керек.
* Титулдa ЭО-тың шығу мәліметтері орналасады. Шығу мәліметтеріне қойылатын талаптар осы стандарттың сәйкес тарауында ... ... ... ... мен барлық семантикалық оқу бірліктерінің атаулары көрсетілуі керек.
* Контентте ЭО-тың мақсaттaры мен есептеріне қатысты, және ... ... ... ... ... барлық оқу материалы берілуі керек. Оқу материалы ғылыми терминологияны пайдаланып түсінікті, дәл, толық және қарамақайшылықсыз жазылуы керек.
* ... ... ... статистикалық деректерді шығару, мазмұнды қарау, оқу траекториясын анықтау және сонымен оқыту, ағымдағы, аралық, белестік және қорытынды тестілеуді ... үшін ... ... ЭО-тың жұмысын басқару бойынша ақпарат және ЭО-тың iске қосылу моментiнен бастап қолжетпек болу керек.
ЭО-тың функцияларына қойылатын талаптар:
ЭО-пен жұмыс жасау үшiн ... ... ... ... керек: пайдаланушыны тiркеу; деректердi қорғау; бағыттама; мазмұн қарауды ұйымдастыру; оқыту траекториясын анықтау; оқыту және бiлiм ... ... ... есеп ... Пайдаланушыны тiркеу функциясы ЭО-та пайдаланушы туралы деректердi енгізу, өзгерту және жоюды қамтамасыз ету керек.
* Деректердi қорғау функциясы ... ... мен ... ... ... сақтау керек, сондай-ақ, белгілі бір деректерге рұқсатты қолжетпек және басқа деректерге шектеулі қолжетпек жасау үшін пайдаланушыларды ... ... ... ... ... ... бойынша қозғалу мүмкіндігін қамтамасыз ету керек.
* Мазмұн қарауды ұйымдастыру функциясы тапсырмалар орындауды, сұрақтарға жауап беруді және білім бақылауды талап етпей, ... ... ... ала ... ... ... ету керек.
* Оқыту траекториясын анықтау функциясы міндетті ... және бiлiм ... ... үшін ... ... ... тестілік немесе толық таңдау негізінде құру мүмкiндiгін қамтамасыз ету керек.
* Қолмен таңдау ЭО-тың мазмұнындағы модулдердің, блоктардың және сабақтардың нөмiрлерiн белгiлеу ... ... ... ... ... ... беру керек.
* Тестілік таңдау ЭО-тағы оқу материалының барлық көлемi бойынша тестiлеу кезінде дұрыс жауаптың саны жеткiлiктi емес ... ... ... мен сабақтарды оқыту траекториясына автоматты түрде енгізуге мүмкіндік беру керек.
* Толық таңдау автоматты түрде ЭО-тың барлық модулдерін, блоктарын және ... ... ... ... мүмкіндік беру керек.
* Оқыту және білім бақылау функциясы теориялық материалды оқу, ... ... ... қойылған сұраққа жауап беру және оқыту траекториясы көлемінде ағымды, аралық, ... және ... ... өту ... ... ету керек. Осы жағдайда сұрақтардың дұрыс жауаптар саны жеткіліксіз болса, оқушы ЭО-тағы ағымды оқыту бірлігін қайталауға ... ... ... имитациялық компьютерлік моделдеу функциясын қосуы мүмкін. Оқыту үзілуі және үзіліс болған жерден жалғасуы мүмкін.
* Тестілеу функциясы тұтас ЭО ... ... өту ... ... алатын және нәтижелерді тіркеу мүмкіндіктері бар автоматты тестілеу құралдарын қамтамасыз ету керек. Сұрақтар мен ... ... оқу ... сұрақтар базасынан кездейсоқ таңдау арқылы беріледі. Тестілеудің нәтижесі экранға шығады. Тестілеудің қанағаттандырылмайтын нәтижесінде, жауабы дұрыс берілмеген кез келген ... ... көшу ... ... ... есеп беру ... ... берілген оқыту бірлігін меңгеру деңгейі туралы нақты ақпаратты және ол туралы сұратымға ... ... ... ... беру ... ие ... ... оқулықтың мазмұн құрылымына қойылатын талаптар:
ЭО-тың контенті үш деңгейлі семантикалық оқыту бірліктеріне бөліну керек: 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стемелiк мәлiметтер қамту керек.
* ... ... және ... оқу ... оқытылатын объекттер, үрдістер мен құбылыстардың ең маңызды жақтары мен жағдайларын ашу және көрсету үшін қажеттi қосымша дидактикалық ... ... ... ... ... пән ... ... терминдер және қысқартулар сөздігін қамту керек.
Электрондық оқулықтың оқыту элементтеріне қойылатын ... ... , , , , , , , , және ... ... элементі оқылатын сабақтың теориялық материалдарының гипермәтiндi ... ... ... мүмкіндік беру керек.
* Оқыту элементі мысалдардың сипаттамасы мен олардың түсініктеріне қолжетпек жасауына мүмкіндік беру керек.
* Оқыту элементі ... ... ... ... және ... ... қатар оларды орындау мен шығаруға байланысты көмекке қолжетпек жасауына мүмкіндік беру керек.
* Оқыту ... ... ... ... тест ... дейін жауаптары интерактивті берілетін және тексерілетін сұрақтарға қолжетпек жасауына мүмкіндік беру керек.
* ... ... ... ағымды бірлігі бойынша білім бақылауды өздігінен жүзеге асыру үшін ... ... ... ... ... ... беру ...
- сабақ деңгейінде - ағымдағы білім бақылау;
- блоктар деңгейінде - аралық білім бақылау;
- ... ... - ... ... ... ... ... - қорытынды білім бақылау.
* Оқыту элементі ЭОБ-да кездесетін және олардың анықтамаларына гипермәтіндік сілтемелері терминдер және ... ... ... жасауына мүмкіндік беру керек.
* Оқыту элементі ағымды сабақ бойынша ... ... ... ... беру ... Оқыту элементтері , және қосымша дидактикалық материалдарға қолжетпек жасауына мүмкіндік беру керек.
* Оқыту элементі ... ... ... ... және ... соның ішінде анимацияларға қолжетпек жасауына мүмкіндік беру керек.
* Оқыту элементі оқылатын сабаққа қатысты негiзгi ... ... ... және ... ... ... ... мүмкіндік беру керек.
* Оқыту элементі оқылатын сабаққа қатысты объектiлердің, үрдістер фрагменттерiнің және құбылыстардың қасиеттері мен ... және ... оқып ... үшін қажет атақты ғалымдардың, саясаткерлердің және басқа тұлғалардың ... ... ... қолжетпек жасауына мүмкіндік беру керек.
Электрондық оқулықтың кері байланысына қойылатын талаптар:
ЭО-тың пайдаланушыға беретін кері ... ... және ... ... керек.
* Пішім кері бaйлaныстың болуын қaмту керек, ол қaлaй және ... ... ... Кері ... ... ... кері ... қандай пішімде көрсетілуін сипаттау керек.
* Егер пайдаланушы дұрыс ... онда ... ... ... ... ... ... ЭО-та түзеткіш және ақпаратты кері байланыс берілуі керек.
* Пайдаланушы кері ... ... ... ... керек, ол айқын және көңіл аударатындай берілуі керек.
* Кері байланыс пайдаланушы ... ... ... оны ... ... ... ғана өшуі ... Кері байланыс мейлінше ақпаратты пішімді (мәтін, графика, дыбыс, тамға, және т.б.) пайдалану ... ... ... кері ... беретін ақпараттың түрін көрсетуі керек Кері байланыстың мазмұны ол беретін ақпараттың түрін сипаттау керек.
* Кері байланыс ... ... ... Кері байланыс оқушыны қате жауап үшін еш жағдайда кемітпеуі керек. Кірісінше, ол оны ... ... алу ... өзінің нәтижесін көтеретіндігін қолдау керек.
* Кері байланыс ақпаратты болуы керек. Егер жауап ... ... онда оның неге ... емес ... ... ... берілуі керек, ал егер жауап дұрыс болса, онда оқушы бұл жауаптың неге ... ... ... ...
* Кері ... өзінің болмысы бойынша білікті болып және жауапты түзетуі керек.
* Кері байланыс анық болуы, сленгті пайдаланбауы және екімәнді ... ...
* Кері ... ... ... және ... сәйкес болуы керек. Тестілеу кезінде мейлінше жалпы қателер шығуы мүмкін. Оқушылар ұқсас, бірақ маңызы басқа, түсініктерді шатастырмау үшін ЭОБ-да осы ... ... ... кері ... ... керек.
Электрондық оқулықты рәсімдеуге қойылатын талаптар:
* ЭО-тың рәсімделуі оқу ... ... ... үшін ... және ... түрде берілуіне мүмкіндік жасауы керек. Мәтіндік материалдың көлемі ... ... үшін ... саны ... болу ... ... шрифті ГОСТ 7.83-2001-на сәйкес эргономикалық көрсеткіштердің талаптарын есепке ала отырып таңдалыну керек. ... түрі мен ... ... ... ... ... ... оқылуына айтарлықтай әсер етеді. ЭО-тың беті бір-бірінен өзгеше, қарама-қарсы болатын шрифтерді аз қамту керек. Беттің негізгі мәтінінде ... ... ... ... ... ... шрифттерді мәтіннің тақырыптарында және қысқа жазуларда қолдану ұсынылады. Біркелкі және сәндік шрифтерді қолдану тек қана қажет болған жағдайда ұсынылады. Барлық ... ... ... ... ... сәйкес болу керек.
* ЭО-тағы түстер ақпаратты жақсы және шаршамай қабылдауды қамтамасыз және материалдың жеңіл игерілуіне және эстетикалық ... ... ... керек. Қара фондарда ашық түсті мәтінді тек қана ол анық көрінетін болса пайдалануға болады, ал анық көріну үшін ... ... ... ... рәсімдеу қажет. Бетте мәтіндік информация басымырақ болса, онда фон ақ болуы керек. Қара фон ешқандай жағдайларда ... ... ... түсін стандартты қара, қою-жасыл немесе қою-көк қылып жасау керек. Қызыл ... тек қана ... ... және ең ... ... ... үшін ... болады.
* ЭО-тың мақсаты мен міндеттеріне қатысты негізгі мазмұны назардың ортасында болу керек. Фондық мазмұнға ең аз ... ... ... Оқу ... көзбен қарап қабылдау жеңіл болу үшін негізгі мазмұнда абзацтар үлкен болмау керек.
* ЭО-тағы ... ... ... оқу ... ... ... ... үшін қолданылу керек. Ұлттық және мәдениеттік ерекшеліктермен байланысты діни, саяси және басқа материалдарды жариялауда суреттерді өте мұқият іріктеп алу ... ... мен ... оқушының талабы бойынша негізгі мазмұнына ену керек.
* ЭО-тың басқару элементтері оқушының назарын негізгі оқу ... ... ... ... және қарапайым болулары керек.
* Ашық ортада шығарылған ЭО-тар үшін графикалық объекттердің және аудио-видео материалдың саны ... болу ... ... олар ... ... көп орын ... және ... алу кезінде желідегі компьютерлердің арасындағы байланыс арнасының ... ... ... болып табылады.
* ЭО-та көрсетілу жылдамдығы өте дәл болуды талап ететін кез ... ... ... ... ... ... керек.
2.5 Берілгендер тобының сипатталуы
HTML (HyperTextMarkupLanguage) - бұл құжаттарды ... үшін ... ... ... ... HTML ... ғаламторда браузерден серверге, жай текст немесе жасырын символдар(шифрлар) арқылы HTTP және HTTPS хаттамаларымен жіберіледі.HTML таңбаланған ... ... ... ... ... қандай да бір таңба тұратын тізім.Үнсіздік бойынша ол таңба боялған дөңгелек болып келеді.Ол тізім HTML тегтерінің бірі ... ... ... ... әр ... тегтерімен шектеледі. Таңбалар 3 түрден ... ... ... ... және ... енді осы ... белгілеу үшін HTML тегі - дің ... "type" ... HTML ... тізім.Нөмірленген тізім дегеніміз рет саны жазылған элементтер жиынтығы болып табылады.
Мұндай тізімді жасау үшін HTML дің жұптасқан ... ... және ... ... осы тегтің атрибутына байланысты болады.
Ал бұл тізімнің әрбір элементі тегтерінің ортасына орналасады.
- парақшаның басын , ал ... ... - бұл ... ... ... қанадай кодировкада(кирилица ма әлде басқа тілде) сипаталатыны, жүктелетін басқа ... ... ... ... ... бұл ... сайт бетіне шықпайды.
- бұл тег парақшаның денесі деп аталады яғни бұл жерде HTML тегтерімен не жазылса сол сайт ... ... ... title - бұл сіздің web парақшаңыздың тақырыбы.
2.6 Файлдарды жазудың құрылымы
Бұл курстық жобада html,css, javascript,isping кеңейтілімі қолданылды. Бұл жоба 4 ... ... 1) ... бет, 2) html беті ,3) css ... глоссарий.
Басты бет
5-сурет. Басты бет
Html беті
6-сурет. HTML беті
HTML (ағылш. ... Markup Language -- ) -- ... ... арнаулы еренмәтін мен басқа ақпараттан тұратын веббеттерді жасауға арналған белгілеу тілі
Css беті
7-сурет. CSS ... ... ... -- ... кестелер стилі) - - көбінесе веб-бетірінің сыртқы көрінісін ... үшін ... Оған ... кез келген XML құжаттарына қолданылады, мысалы SVG немесе XUL. Бұл ... ... ... ... Глоссарий беті
2.7 Проблемалық программаның (процедураның) қойылымы
2.7.1 Проблемалық программаның сипатталуы
(алгоритмі)
* Ең алдымен электрондық ... HTML ... жазу ... ... ... ... ... оқулық жасауға кірісу.
* Тақырыптарға лекция және глоссарий жасау үшін Ispring Suite, JavaScript бағдарламасын ғаламтордан көшіріп, компьютерге ... ... Ispring Suite ... ... ... арналған Ispring Kinetcs- ті таңдау керек.
* JavaScript - ... web ... ... HTML беттерін түрлендіруге тиімді болып табылады. ... ... ... ... ... ... беті
Глоссарий
3 ЖҰМЫСТЫҢ ҰЙЫМДАСТЫРЫЛУЫ
3.1 Есептің жалпы қойылымы
Delphi программалау ортасының мүмкіндіктерін пайдаланып пәнінен электрондық оқулық дайындау. Бұл оқулық пәннің ... ... ... және ... ... тест ... ... сұрақтарын, глоссарий, пайдаланылған әдебиеттер, қолданушыға нұсқаулықты қамтуы тиіс.
3.2 Есепті шешудегі керекті техникалық жабдықтар комплексі
Бұл программаның орындау ... ... ... ... және ... ... ... болады:
Техникалық жабдықтар:
- Pentium IV (компьютері);
* тышқан, пернетақта;
Программалау ... HTML ... ... жүйе Windows ... Программамен жұмыста қолданушыға берілген нұсқау
пәніне арналған электронды оқулық төмендегі бөлімдерді қамтиды.
Ол 1-ші форма ... : ... ... ... форма : Бұл формада HTML тілінің тақырыптары төгілмелі жол арқылы көрсетілген. Әр тақырыптың үштіне ... ... ... ... сол ... ... төгілмелі жол ашылады(6-сурет).
6-сурет. HTML беті
3-ші форма : Бұл ... CSS ... ... ... жол ... көрсетілген. Әр тақырыптың үштіне тышқанды апарсаңыз автоматты түрде сол тақырыпқа байланысты төгілмелі жол ашылады(7сурет).
7-сурет. CSS ... ... : Бұл ... тақырыпқа сәйкес анықтамалар Ispring Suit өнімінің көмегімен дайындалған. Әр сөздің үстіне бассаңыз келесі фреймге сол сөздің анықтамасы шығады(8-сурет).
8-сурет. Глоссарий ... ... ... броузер көмегімен ашылады.
ҚОРЫТЫНДЫ
Білім беру жүйесін ақпараттандырудың негізгі мақсаты елімізде ақпараттық технологияларды пайдалану негізінде қазақстандық білім беру ... ... ... барлық деңгейде білім алу құқығымен қамтамасыз ету, сондай-ақ, республикадағы ... ... ... ... беру кеңістігімен интеграциялау болып табылады.
Аталған тұжырымдамадағы қойылған мақсатқа жету және ... ... ... ... тиімді пайдалану үшін айтарлықтай мәні бар, шешілетін кешенді ... бірі - ... ... ... ... оқулық құрып, оны оқу процесіне енгізіп, тарату және дәстүрлі оқу ... ... ... білу болып табылады. Бұл біздің Республикамыздағы білім беру жүйесіндегі өзекті де, алдыңғы ... ... ... бірі.
Білім беру саласында электронды оқулықты пайдалану оқытушылардың танымдық белсенділігін арттырып қана ... тез және ... ... еңбек етуіне жағдай жасайды. Электронды оқулықты қолдану тәжірибесі студентттер мен оқушылардың берілген материалды сапалы түрде ... ... ... ... мұғалімнің ғылыми-әдістемелік потенциалын дамытып, оның сабақ үстіндегі еңбегін жеңілдетеді. Оның қолданылуы нәтижелі болуы үшін ... ... ... ... оқытушының және оқушының алдына қойған мақсатына жетуін және шығару жолдарын қамтамасыз ету керек.
Курстық жұмыста осы электронды ... ... ... ... оның ... ... ... зерттеліп, тілін оқытуға арналған оқулық және берілген пән ... тест ... ... ... ... қазіргі кездегі жоғары оқу орындарында дәстүрлі қолданылып жүрген ... ... ... ... ... ... ісінің олардан гөрі тиімді екені көрсетілді.
Қазіргі уақытта оқу ... ... ... ... ... оқулық құрылуда. Мұндай оқу көздеріне деген қызығушылықтың артуы мультимедиалық технологиялардың пайда болуымен және коммуникациялық құралдар, Интернет желісінің дамуымен байланысты. Бүкіл ... ... оның ... жақтарын қамтамасыз ететіндей бір мезетте бірнеше технология қолдану керектігіне ... ... ... ... ... өмірде бұл жағдай әрқашан іске аса бермейді.
Студенттер үшін электронды оқулық колледж және университет қабырғасында оқыған ... ... да ... ... ... алатын және нәтижелік емтиханға дайындалуға көмектесетін мәліметтер базасы болып келетін ... ... жеке ... ... ... ... жүйе. Оқу курсының қажетті бөлімдерін қайталап, игеру тәсілі мен логикасын да өзіне тән етіп таңдап алып, осы сәтте ең ... ... ... ... ... ... ... Оның гипермәтіні нақты құрылымдардан тұрады да, бір-бірімен ... ... ... логикалық жүйе болып табылады. Бұл жүйемен танысу арқылы студент практикалық ... ... ... ... ... ... Ал ... қажетті мәліметті компьютер жадының керекті ұясынан іздеп таба білу де әрбір баланың бүгін талап етілетін стратегиялық ... ... ... Электронды оқулықпен жұмыс істеу әрбір студенттің өз мүмкіндігін есепке ала отырып, оқып ... ісін жеке дара ... ... ... ... ... қойылымына сәйкес мына теориялық материалдарды зерттедім:
* Электронды оқулық және оның негізгі талаптары, электронды басылым стандарты және оқу ... ... ... ... ... ... ... анықтау және мүмкіндіктерін меңгеру;
* Гиперсілтемелі құжаттар құру технологиясы.
Курстық жұмысымның практикалық бөлімінде пәні бойынша электронды ... ... Осы ... ... ... сабақтары, практикалық және зертханалық сабақтардың, интерактивтік тапсырмалардың, ... ... ... ... мен ... және ... ... ретінде тест тапсырмасы келтірілген. Құрылған электронды оқулық ашық өнім болып табылады, яғни программаға толықтырулар, өзгерістер ... ...
5 ... ... листингі)
Негізгі программа проекті:




Курстық жұмыс

















Курстық жұмыс



Басты бет
HTML
CSS
Глоссарий











.verticalaccordion>ul {
margin: 0;
padding: 0;
list-style:none;
width: 500px;
}
.verticalaccordion>ul>li {
display:block;
overflow: hidden;
margin: 0;
padding: 0;
list-style:none;
height:40px;
width: 835px;
/* Decorative CSS ... CSS3 ... Effect ... height 0.3s ... height 0.3s ... height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
}
.verticalaccordion>ul>li>h3 {
display:block;
margin: 0;
padding:10px;
height:19px;
/* Decorative CSS */
border-top:#f0f0f0 1px solid;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
color: #000;
background: #cccccc;
/* CSS3 Gradient Effect ... ... top, #999999, ... ... left top, left bottom, ... ... progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)"; /* IE 8 */
}
.verticalaccordion>ul>li>div {
margin:0;
overflow: auto;
padding:10px;
height:230px;
}
.verticalaccordion>ul>li:hover {
height: 300px;
}
.verticalaccordion:hover>ul>li:hover>h3 {
/* ... CSS ... ... CSS3 Gradient Effect ... ... top, #454545, ... /* FF, Flock */
background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 ... ... ... /* IE 8 */
}
.verticalaccordion>ul>li>h3:hover {
cursor:pointer;
}




HTML гипермәтінді белгілеу тілі



#sign {
padding: 10px; margin: 0px 10px 10px ... ... 1px solid ... 100px; float: left; ... ... HTML ... кіріспе


6 Мәліметтер алынған ... ... ... Р.М. ... ... ... Косентино К. РНР. WEB-профессионалам: Пер. с англ.-К.: Издательская ... BHV, ... ... Б. ... ... и ... ... плюс, МиК, 2001.
* Николенко Д.В. Практические занятия по JavaScript.СПб.:2002.
* Гультяев А.К., Машин В.А. Уроки WEB-мастера. СПб.:2002.
* Рик Дарнелл, ... ... 2001.
* ... Б.И. ... ... по интернет-технологиям.
* Дузбаева Р.М. Основы создания HTML-документов. Уч. пособ. для студентов. - Алматы, КБТУ 2003. - 82 ... ... Дж. ... для профессионалов. - СПб.:Питер, 2001. - 576 с.
* Информатика и ... №8, 2000.Е. В. ... ... С., ... Г., ... А. Специальная информатика: Уч. пособ. -М.: АСТ-ПРЕСС: Инфорком-Пресс, 1998.-480с.
* А. Гончаров. HTML в примерах. - СПб: ... ... ... Вуд. Web-графика. Справочник. - СПб: "Питер", 1998.
* С. ... Д. ... Как ... красиво в Интернете. Перевод с англ. - СПб: "Символ-Плюс", 1998.
* А.О. Коцюбинский, С.В. Грошев. ... ... ... в сети Интернет. М.: "Триумф", 1997.
* Internet. Шаг за ... (на CD-ROM). - СПб: ... ... ... ... ... ... (на CD-ROM). - М.: "Демос", 2000.
* Шапошников И.В. ... HTML 4. - СПб.: ... 2001. - 288 ... Пайк М. Internet в ... СПб.: ... 1996.
* Ералиева М. Оқытудың қазіргі технологиялары 2006. - №5. 3-5 бет.

Пән: Информатика
Жұмыс түрі: Курстық жұмыс
Көлемі: 25 бет
Бұл жұмыстың бағасы: 1 100 теңге









Ұқсас жұмыстар
Тақырыб Бет саны
Web-технологиялар көмегімен html пәні бойынша электронды оқулық68 бет
Бағдарламалық жабдықтардың интернет-магазині үшін web-қосымша құру83 бет
Қазіргі WEB технологиялар25 бет
Java бағдарламалау тілі28 бет
Java және Android бағдарламасында мобильді құрылғы құру30 бет
«Жылан» ойыны тақырыбы бойынша JAVA бағдарламалау тілі14 бет
E-leaning - де білімді бақылау жүйесін құру92 бет
Web программалау тілі9 бет
Банк клиенттерінің әртүрлі төлемдерді орындауы үшін тіркелудің автоматты жүйесін жасау34 бет
HTML тілінде «Мұхтар Шаханов» атты сайт жасау15 бет


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


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

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

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

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

Email: info@stud.kz

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

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