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

Автор работы: Пользователь скрыл имя, 12 Июня 2013 в 21:25, курсовая работа

Краткое описание

Қазіргі кезде қоғам әрекеттерінің барлық саласында компьютер көмегімен ақпараттық ресурстар орын алады. Яғни, ХХІ асыр бүкіл дүние жүзі ақпараттық қоғамға көшіріле басталды деуге болады. Оған қоғамдағы барлық білім, ғылым, экономика және басқару салалары арқылы ақпараттандыру белгісіне қол жеткізуге болатындығы.
Қазіргі таңда негізінен білім жүйесінің барлық сатыларын үшін электрондық оқулықтар жасаумен шұғылданып келеді. Электрондық оқулық студент үшін ақпарат көзі болып, сонымен қоса электрондық оқулықтармен жұмыс істеу әрбір студенттің өз мүмкіндігін есепке ала отырып, оқып үйрену ісін жеке дара жүргізу болып саналады.

Содержание

Кіріспе.................................................................................................................9
Электрондық оқулық туралы түсінік...........................................................10
1.1 Электрондық оқулықты пайдалану саласы...............................................12
1.2 Электрондық оқулық және оның құрылымы...........................................13
1.3 Электрондық оқулыққа қойылатын талаптар..........................................13
Flash анимациялық ортасымен танысу ......................................................15
2.1 Flash ортасында батырма жасау жолдары...............................................19
2.2 Flash ортасында жоба құру сипаттамасы................................................20
3 “Берілгендер қорын басқару жүйесі” электрондық оқулығын құру .......23
3.1 HTML ортасымен танысу..........................................................................23
3.2 HTML тілінде құжат жасау негіздері......................................................25
3.3 HTML ортасында кесте мен тізімдер құру.............................................31
3.4 HTML тілінде форма жасау......................................................................36
3.5 HTML құжатта графикалық кескінмен жұмыс .....................................39
3.6 Web бетте анимациялық кескiндердi бейнелеу технологиясы.............43
3.7 Visual FoxPro ортасында лабораториялық сабаққа кесте құру.............44
3.8 Кестелер арасында байланыс құру..........................................................47
3.9 Сұраныс құру.............................................................................................48
3.10 Форма құру................................................................................................50
3.11 Есеп құру...................................................................................................52
4 Бизнес-жоспарлау.........................................................................................53
4.1 Аннотация...................................................................................................53
4.2 Түйін...........................................................................................................53
5.3 Кәсіпорын сипаттамасы............................................................................54
5.4 Өнімнің сипаттамасы................................................................................55
5.5 Маркетинг жоспар.....................................................................................55
5.6 Өндірістік жоспар.......................................................................................56
5.7 Ұйымдастырушылық жоспар....................................................................56
5.8 Қаржылық жоспар......................................................................................57
5.9 Жұмыстардың орындалу тізбесі...............................................................57
5.10 Жобаның тәуелділігін талдау..................................................................58
Қорытынды .....................................................................................

Скачать полностью (3.07 Мб) Сколько стоит заказать работу?

Прикрепленные файлы: 1 файл

Дип.-Электрондық-оқулық-құру.doc

— 3.60 Мб (Скачать документ)

Шрифттермен жұмыс. Web-беттiң дизайн тиiмдiлiгi оның қаншалықты деңгейде дайындалғанын анықтайды. Шрифттермен жұмыс iстей бiлу осы дизайн тиiмдiлiгiне сол жеткiзудiң негiзгi шарттарының бiрi. Сондықтан әрбiр Web -бет құрушы шрифттермен жұмыс iстеу тәсілдерін толық меңгеруі тиiс.

Қазiргi кезде шрифттер өте көп болғандықтан оларды, белгiлi бiр топтастырып алған жөн. Негiзiнен мұндай үш түрлі топ бар:

Категория – шрифттердiң негiзгi класы. Ол шрифті «аты». Гарнитура – белгiлi бiр қасиетіне байланысты топтастырылған шрифттер класы. Мұны шрифттiң “фамилиясы” деп түсiнуге болады.
Кескiн – әрбiр шрифттiң қайталанбайтын өзіндік ерекшелігі.

Кесте 1 - Негiзгi шрифт категориялары, гарнитуралары

Категориялар

Гарнитуралар

Serif

Sans-Serif

Monospaced

Script

Decorative

Times, Century Schoolbook, Garamond

Hevletica, Arial, Verdana

Courier, Courier New

Nuptical Script, Boulevard, Signature

Whimsy, Arriba!, Bergel

Кесте 2 - Гарнитуралар және кескiндер

Гарнитура

Кескiн

Times

Arial

Courier

Whimsy

Roman (тiк), Italic (көлбеу)

Regular (кёдiмгi), Bold Italic (жартылай қалың көлбеу)

Regular, Oblique (қиғаш)

Regular, Bold (жартылай қалың)

HTML-де шрифттермен жұмыс iстеу <FONT> элементiмен жұмыс iстеуге негiзделген. FONT тегтердің негiзгi үш атрибуты бар:

size (өлшем) – мәтін таңбаларының биiктiгi;
color (түс) – шрифт түсi. Шрифт түсі көп жағдайда оналтылық кодта берiледi. В қосымшасы бойынша қараңыз;
face (гарнитура) – қажетті шрифтті таңдау.

1-мысалдағы мәтiнге <FONT> тегтерді пайдалану:

<BODY>

<!—Мәтін шрифт атауы Times New Roman, өлшемі 2, түсi – көгілдір>

<H1> Мәтінді форматтау </H1> <BR>

<!—Мәтін шрифттің өлшемі 4, түсi – жасыл -->

World Wide Web </FONT>

</B> жүйесінің негiзгi қызметі қажетті ақпараттарды <I>

iздеу, жинау, экранға шығару. </I>Оны» экранға шығаратын мәлiметтерi Web-беттер түрiнде сақталған <B><U> электрондық құжаттар </B> </U> </P>

</FONT>

</BODY>

Сурет 13 - Шриф, өлшемi, түсi берiлген HTML құжат

HTML ортасында кесте мен тізімдер құру

Кесте. Кестелердiң HTML құжаттарға енгiзiлуi кестелiк берiлгендердi экранға шығару мақсатында пайда болды. Кесте пайдаланушыға көптеген жеңiлдiктер бередi. Онда берілген мәтіндермен қатар графикалық берiлгендердi де орналастыруға болады. Кестемен жұмыс iстеу тегтері[11]:

<TABLE>..</TABLE> - кестенi» басы мен аяғын бiлдiретiн негiзгi тегтер. Бұл тег көптеген атрибуттарға ие:

Кесте 3 - <TABLE> тегтердің негiзгi атрибуттары

Атрибут және оның мәнi

Сипаттамасы

align=“x”

border=“x”

cellspacing=“x”

cellpadding=“x”

width= “x%” не width= “x”

Ұяшың iшiндегiсiн орналастыруға арналған: мүмкiн болатын мәндерi: left (сол жақ шетiне), right (оң жақ шетiне), middle (ортасына);

Кесте қабырға жуандығын анықтайды;

Кестенiң көршi ұяшықтар арасындағы ара қашықтықты анықтайды

Кестенiң ұяшығының қабырғасы мен ондағы ақпарат арасындағы ара қашықтықты анықтайды

Кесте енiнiң өлшемiн анықтайды.

<TR>..</TR> - кесте қатарын ашатын және жабатын тегтер атрибуты бар: align – ұяшықтағы мәліметтің көлденеңнен орналасуы; valign - ұяшықтағы мәліметтің тiгiнен орналасуы. Бұл атрибуттарды <TABLE>, <TD> дескрипторына қолдануға да болады;
<TD>..</TD> - кестенiң жеке ұяшығын басқаратын тег.

Тегтерді пайдаланып кесте құрайық:

<HTML> <HEAD> <TITLE> Кесте 1 </TITLE>

<BODY>

<TABLE BORDER="2" WIDTH="750"

BGCOLOR="#eeaaaa">

<TR>

<TD>Объект атауы</TD>

<TD>Кеңейтілуі</TD>

</TR>

<TR>

<TD>Проект</TD>

</TR>

<TR>

<TD>Берілгендер қоры</TD>

</TR>

<TR>

<TD> Visual FoxPro кестесі</TD>

</TR>

<TR>

<TD>Индекстік файл</TD>

</TR>

<TR>

<TD>MEMO-өріс және өріс типі GENERAL</TD>

</TR>

<TR>

<TD>Форма</TD>

</TR>

<TR>

<TD>Сұраныс</TD>

</TR>

<TR>

</TR>

<TR>

<TD>Почта</TD>

</TR>

<TR>

</TR>

<TR>

<TD>Кітапхана классы</TD>

</TR>

<TR>

<TD>Бағдарлама, текст мәзірі, текст сұраныс</TD>

</TR>

<TR>

<TD>Сурет</TD>

</TR>

<TR>

<TD>Дыбыс</TD>

</TR>

</TABLE>

Сурет 14 - Кесте құру

Кей жағдайларда кесте ұяшықтарының параметрлерi бiр-бiрiмен сәйкес келе бермейдi, яғни ұяшықтардың енi, биiктiктерi, iшiндегi ақпараттардың орналасуы т.с.с. түрліше болуы мүскін. Мұндай жағдайда ұяшық атрибуттары қолданылады. Келесі кесте бойынша келтірілген:

Кесте 4 - <TABLE> тегінің негiзгi атрибуттары

Атрибут және

оның мәнi

Сипаттамасы

width= “x%” не width= “x”

align=“x”

colspan=”x”

rowspan=”x”

bgcolor=”x”

background=”url”

height=”x”

Ұяшықтың енінін ұзындығын анықтайды.

Ұяшықтың ішіндегі мәліметтің көлденең орналасу түрiн анықтайды.

Ұяшықтың ішіндегі мәліметтің тiгiнен орналасу түрiн анықтайды.

Кесте қатарының х ұяшығын бiрiктiру;

Кесте бағанының х ұяшығын бiрiктiру;

Ұяшықтың фон түсiн анықтайды;

Ұяшықтың фоны ретiнде сурет алынады;

ҰяшыҚ биiктiгiн анықтайды.

Кесте ұяшығының атрибуттарын қолданып HTML- құжатын құрамыз:

<TITLE> Кесте ұяшықтары </TITLE> </HEAD>

<BODY>

<TABLE border=“1” width= “525” cellpadding=”5”

cellspacing="5">

<TR>

<TD width=”200” valign=”top” align=”middle”

bgcolor=”808080”>

Кесте қатарының 1-ші ұяшығы </TD>

Кесте қатарының 2-ші ұяшығы </TD>

<TD width=”200” valign=”top” align=”middle”

background=”backgrnd.gif”>

Кесте қатарының 3-ші ұяшығы </TD>

</TR>

<TR>

Кесте қатарының 3-ші ұяшығы </TD>

Кесте қатарының 4-ші ұяшығы </TD>

</TR>

</TABLE> </BODY> </HTML>

Сурет 15 - Біріктірелген ұяшықтар

HTML-де енi шектелген кестелерден басқа динамикалық кестелер де қолданылады. Бұл кестелердiң енi мен ұзындығы пайдаланушының броузер өлшеміне қатысты өзгерiп отырады. Мұндай кестелердi құру үшiн ең, ұзындық шамаларын пиксель түрiнде емес пайыздық өлшем түрiнде беру керек. Мысалы, width=”25%”, height=”100%” т.c.c.

Тiзiмдер. Web беттегi ақпараттың анық және байланысты болуының маңызды мәселе екенiн жоғарыда атап кеткенбiз. Тiзiмдер пайдаланушыға web-беттегi ақпараттың негiзгi бөліктерінің басты идеяларымен таныстыруда үлкен маңызға ие. HTML-де тiзiмдер ақпараттарды логикалық элементтер тiзбектерiне бөлiп қарастыруға мүмкіндік бередi .

Тiзiмдер сонымен қатар web - дизайнда да көп пайдасын тигiзедi. Оның көмегiмен маңызды ақпараттар тiзбегiн ерекшелеп қоюға, глоссарий жасауға, т.с.с. болады.

HTML тiзiмдерiн құруда келесi тегтер қолданылады:

<UL>..(/UL) – маркерлi тiзiм;
<OL>..(/OL) – нөмiрленген тiзiм;
<LI> - тiзiм элементiнiң тегтері;
<DL>..</DL> - анықтамалар тiзiмiнiң тегтері;

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

<UL>

<LI><P> Жалмурзаева </P>

<LI><P> Айгерим </P>

<LI><P> Калдыбаевна</P>

</UL>

Нәтижеде броузерде төмендег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м қарастырайық:

<HTML>

<HEAD>

<B> Берілгендер қорын басқару жүйесі <OL>

<LI> <P> Кіріспе </P>

<LI> <P> Ақпараттық жүйені жобалау принциптері </P><OL>

<LI> <P> Берілгендер қорының классификациясы </P>

<LI> <P> Берілгендер қорын басқару желісі</P></OL>

<LI> <P> Берілгендер қорының реляциялық желісі </P><OL>

<LI> <P> Visual FoxPro ортасымен танысу </P>

<LI> <P> Visual FoxPro объектілері </P></OL>

<LI> <P> Visual FoxPro ортасымен жұмыс істеу</P>

<LI> <P> БҚБЖ ортасында элементтік жоба құру</P>

</B></P></OL>

</HTML>

Сурет 16 - Тізім шығару терезесі

HTML тілінде форма жасау

Бұл жерде оқырманның HTML-бетті Web-түйін сервер мүмкіндігімен қарастырылады. Мұнда жазылатын HTML , толығымен HTML –формасына ие болады.

Формалар WWW-де қолданушының ақпаратты жеткізіп беруіне және қолданушы туралы құрастырылған жиынтық. Форма толтырылғаннан кейін қолданушыға және процесстің іске қосылуы оның өңдеуі ақпарат, одан бағдарламаға серверде жұмыс істеуге болады. Мұнда <MAILTO> тегіне қолданудың қарапайымдылығы формада кішігірім беттердің иелеріне өздерінің оқырмандарынан алуларына мүмкіндік береді. Кең көлемдегі ашылатын өңдеу үшін Comman Gateway Interface(CGI) ұстайтын және серверде орналасқан, мекен-жайына түсетін бағдарламалар қолданылады. Осылайша қолданушы белсенді Web-серверін Internet арқылы қолдануына болады[12].

Форма тапсырмасы - Form элементі

Form элементі форма секілді құжатты білдіреді және өзге де тегтердің қолдану шекраларын анықтайды, формада көрсетілгендей. <FORM> тегі <INPUT> тегінің ақырын, <FORM> және </FORM> параларының ішінде анықтайды. Формада (method) әдісі арқылы қолданылады, сондай-ақ іс-әрекет (action) ретінде де берілгендерді өңдеуді сипаттау үшін де қолданылады. Берілгендерді қалай форманы өңдеу керектігін анықтайды, ал іс-әрекетті URL(Uniform Resource Identifier) бағдарламасын көрсетеді, осы берілгендерді өңдеуге жауапты бағдарлама көрсетеді.

Форманы басқаратын элементтерді анықтау - <INPUT> тегі

Бұл тег берілгендер игеретін форманың ішкі облысын анықтау үшін қолданылады. Ол форматталған өріс үшін пайдаланушыға кіргізу үшін басқарады. Бұл текстік өріс опция, көрініс немесе батырма арқылы болуы мүмкін. Мұндай өріс TYPE атрибуты мен анықталады.

TYPE=text атрибуты

Пайдаланушыға қандай да бір кішігірім көлемде мәтін енгізу қажет болса, <INPUT> тегі қолданылады, және TYPE атрибуты text мағынасында қондырылады. Бұл мағына үнсіз қабылданған және оны көрсету міндетті емес. Сонымен қатар NAME атрибуты беріледі, өрістің атын анықтау үшін.

Информация о работе Электрондық оқулық құру