Қазіргі ақпараттық техналогиялар негізінде веб беттерін құру әдістері

Кіріспе
Негізгі бөлім.
Білім беру жүйесінде қолданылатын веб беттерін құруға арналған ақпараттық коммуникациялық технологиялар
1.1.қазіргі веб беттерін құруға пайдаланып жүрген технологияларға талдау.
2.HTML тілін пайдаланып веб беттерін құру
2.1.HTML тілі туралы жалпы түсінік
2.2. HTML тілінің атқаратын қызметі
3. Броузерлер
4.HTML тэгтері (командалары)
5.Web беттерін құру негіздері
5.1.Тақырып стильдерін қолдану
5.2.Қолданылып отырған қаріптің көлемін өзгерту
5.3.Қаріп гарнитурасы (типі) мен түсін өзгерту
5.4.Құжат фоны мен жалпы мәтіннің түсін беру
5.5.WEB.парақ ішіне сурет орналастыру
5.6.Кесте жасау
5.7.Гипермәтіндік байланыстар орнату
5.8.Форма құру
Қорытынды
Пайдаланылған әдебиеттер
Ақпараттық қоғам заманында Интернет ақпараттарды жеткізудің негізгі құралына айналып отыр. Интернет- барлық жүйелері хаттама деп аталатын бірыңғай стандартпен, яғни ережемен жұмыс істейтін ауқымды (глобальды) компьютерлік желі.
Интернеттегі мәліметтерді бейнелеу HTML тілінде жазылады. Бірақ ол программалауға ұқсас болғанмен программалау тілі емес, гипермәтінді белгілеу тілі. Сонымен қатар, ол мәтіндерді WEB-беттер түрінде бейнелеуге арналған ережелер жиынын анықтайды.
Сондықтан курстық жұмыста HTML тілдің құрылымы мен онда құжаттарды форматтау ережелері, құжаттарды орналастыру принциптері, гиперсілтемелер жасау мүмкіндіктері мен WEB бетін құру негіздері қарастырылады.

Барлық оқулықтардың материалдарын модульдік түрде құрастыру оның мазмұнын бірыңғай тұрғыдан қарастыруға негізделген. Оқушылардың танымдық ерекшеліктері мен жас өзгешеліктеріне байланысты ғылыми теориялық ұғымдар жүйесі арқылы жалпыдан жалқыға, абстрактылықтан нақтылыққа көтерілу электрондық оқулықтардың кәдімгі оқу құралдарынан, оның ішінде соңғы буын оқулықтарынан басты айырмашылығы екеніне күмән жоқ. Жалпы, электрондық оқулықтар мен Web-парақтарды (Web-страничка) пайдалану үшін Mіcrosoft Іnternet Explorer, Netscape Navіgator сияқты программалық жабдықтар пайдаланылса, оларды дайындау үшін HTML (Hypertext Markup Language), FrontPage Express программалары қолданылады. Бұл программалар электрондық оқулықтар мен Web- парақтағы мәліметке мәтін, графика, аудио-видео ақпарат түрлерін орналастыруға мүмкіндік береді. Көрнекті де жоғары деңгейде электрондық оқулықтар мен Web-парақтар жасау үшін бұл программалармен қатар Java, JavaScrіpt, VBScrіpt, ActіveX қосымшаларын пайдалануға болады. Бұл қосымшалар HTML-дің мүмкіндігі жете бермейтін функцияларды, операцияларды орындауға қол жеткізеді. World Wіde Web (WWW), қысқаша айтқанда, Web қызметі – Интернеттегі барлық ақпараттар мен мультимедиялық ресурстарды сипаттайтын термин.
Web авторлары – Женевадағы элементар бөлшектер физикасының лаборатория қызметкерлері, физиктер Том Бернс-Ли және Роберт Кайо. Бұл ғалымдар физикалық зерттеу нәтижелерін талдау мақсатында бүкіл дүние жүзі ғалымдары арасында байланыс орнатуды жүзеге асыру үшін жүйе жасауды қолға алған. Мұнда ақпарат гипермәтінді формат (бір-бірімен байланысқан ақпараттар жиыны) арқылы таратылады. Гипермәтін мүмкіндігі Web мәліметтерінің бірінен екіншісіне оңай көшуді жеңілдетеді.
1. Крамер Э « HTML 4.0 » Санкт-Петербург 2001ж.
2. Жадаев А.Г « Самоучитель HTML 4.0» Киев 2001ж.
3. Матросов А, Сергеев А, Чаунин М « HTML 4.0 »
Санкт-Петербург 2003ж
4. Будилов В.А «Практические занятия по HTML »
Санкт-Петербург 2001ж
5. Кучеренко В « Практическое пособие по HTML 4.0 »
Москва 2001 ж
6.Айзекс С «Динамик HTML » Санкт-Петербург 2001ж
7.Мұхамбетжанова С, Бектем ісова А, Клащенко И
«HTML тілінде WEB- беттерін құру» Алматы 2003ж
8. Бөрібаев Қ « Интернетке кіріспе » Алматы 2004ж
        
        Қазіргі ақпараттық техналогиялар негізінде веб беттерін құру әдістері
Мазмұны
Кіріспе
Негізгі бөлім.
Білім беру ... ... веб ... құруға арналған ақпараттық
коммуникациялық технологиялар
1.1.қазіргі веб беттерін құруға пайдаланып жүрген технологияларға талдау.
2.HTML тілін пайдаланып веб беттерін ... тілі ... ... түсінік
2.2. HTML тілінің атқаратын қызметі
3. Броузерлер
4.HTML тэгтері (командалары)
5.Web беттерін құру негіздері
5.1.Тақырып стильдерін қолдану
5.2.Қолданылып отырған қаріптің көлемін өзгерту
5.3.Қаріп ... ... мен ... ... фоны мен ... ... ... беру
5.5.WEB-парақ ішіне сурет орналастыру
5.6.Кесте жасау
5.7.Гипермәтіндік байланыстар орнату
5.8.Форма құру
Қорытынды
Пайдаланылған әдебиеттер
Кіріспе
Ақпараттық қоғам заманында Интернет ақпараттарды жеткізудің ... ... ... ... барлық жүйелері хаттама деп ... ... яғни ... ... ... ауқымды (глобальды)
компьютерлік желі.
Интернеттегі мәліметтерді бейнелеу HTML ... ... ... ... ... ... ... тілі емес, гипермәтінді
белгілеу тілі. Сонымен қатар, ол мәтіндерді WEB-беттер түрінде ... ... ... ... ... жұмыста HTML тілдің құрылымы мен онда құжаттарды
форматтау ережелері, ... ... ... гиперсілтемелер
жасау мүмкіндіктері мен WEB бетін құру негіздері қарастырылады.
Барлық оқулықтардың материалдарын модульдік түрде құрастыру ... ... ... ... негізделген. Оқушылардың танымдық
ерекшеліктері мен жас өзгешеліктеріне байланысты ғылыми ... ... ... ... ... ... ... көтерілу
электрондық оқулықтардың кәдімгі оқу құралдарынан, оның ішінде соңғы буын
оқулықтарынан басты айырмашылығы ... ... жоқ. ... ... мен ... (Web-страничка) пайдалану үшін Mіcrosoft
Іnternet Explorer, Netscape Navіgator ... ... ... оларды дайындау үшін HTML ... Markup ... Express ... ... Бұл ... ... мен Web- ... мәліметке мәтін, графика, аудио-видео ақпарат
түрлерін орналастыруға мүмкіндік береді. Көрнекті де ... ... ... мен ... ... үшін бұл программалармен қатар
Java, JavaScrіpt, VBScrіpt, ActіveX қосымшаларын ... ... ... HTML-дің мүмкіндігі жете бермейтін функцияларды, операцияларды
орындауға қол жеткізеді. World Wіde Web (WWW), ... ... ...... ... ... мен мультимедиялық ресурстарды
сипаттайтын термин.
Web авторлары – Женевадағы элементар бөлшектер физикасының лаборатория
қызметкерлері, физиктер Том ... және ... ... Бұл ... ... нәтижелерін талдау мақсатында бүкіл дүние жүзі ғалымдары
арасында байланыс орнатуды жүзеге асыру үшін жүйе ... ... ... ... ... ... ... байланысқан ақпараттар
жиыны) арқылы таратылады. Гипермәтін ... Web ... ... оңай ... ... тілі ... жалпы түсінік.
Web-топтардағы құжаттардың негізгі форматы HTML тілі болып табылады.
HTML (Hyper Text Maker Language) ағылшын тілінен ... мына ... ... белгілеу тілі. Ол кәдімгі мәтіндерді Web беттер
түрінде бейнелеуге арналған ... ... ... HTML тілі ... ... бірге дами отырып, Web беттерінің ең жақсы ... ... ... оны кең ... жолдарымен толықтырылып
отырылды. Ол WWW жүйесінің негізі бола отырып, оның өте кең ... ... WWW сөзі ... ... Кеңейтілген бүкіләлемдік өрмек болып
аударылады. HTML тілінің мағынасы мен ... ... оның ... ... Ол ... ... мәніне (ASCII-файл) енгізілетін
қарапайым командалар жиынынан тұрады, олар осы құжаттың экранда көрсетілуін
басқаруға мүмкіндік ... ... ... кез ... ... редакторда
даярланған құжаттар HTML форматы ретінде сақталғаннан кейін ... ... – бұл ... элементтерді басқару мақсатында ішіне екпінді
элемент орналасқан мәтін түрі. Ол мәтін ішіне сурет, дыбыс ... ... және ... ... ... немесе осы құжаттың басқа
бөлігіне сілтемесі бар ... ... ... ... ... ... ... белгілеу келесі көрсетілетін құжат бөлігі қалай
бейнеленетін ... ... ... осы сөз ... ... ... ... Гипермәтінді бейнелеу үшін браузер деп аталатын арнайы ... ... Ал ... экранда белгіленген қарапайым сөз
ретінде тұрады, егер курсорды сол ... ... ... ... не
ENTER пернесін бассақ, онда онымен байланысты құжатты оқи аламыз.
Сонымен, HTML тілі ... ... ... отырып белгілеу
мүмкіндігін береді. Оның ... ... ... қамтамасыз ететін өз
заңдылықтары мен ережелері бар.
HTML элементтерін мына 3 категорияға топтауға болады:
... ... яғни HEAD ... тақырып
атауы)элементінде қолданылатын элементтер және оған құжаттар туралы
ақпарат жатады: TITLE
... ... ... ... ... ... ... параграфтарға (азат жолдарға) бөлу элементтері:
H1, H2, H3, H4, H5, H6 және P, UL, OL, DL, PRE, CENTER, FORM, ... ... ... ... ... ... Мәтінді өрнектеу белгілері: EM, STRONG
o Қаріп өлшемдері: TT, I, B, U, STRIKE, BIG, SMALL, ... ... ... A, FONT, BR
HTML тілінің атқаратын қызметі
Web беттері экранда ықшам түрде безендіріліп көрсетілгенмен, HTML тілі
мәтіндерді ... ... ... ... ... ... ... компьютерлерді пайдаланады. Сол себепті жаңа ғана зауыттан шыққан
бір компьютердің Windows жүйесінде жұмыс істей ... ... ... бар ... 2-ші бір тұтынушы компьютері тек LINUX жүйесінде
жұмыс істейтін броузерді ... ... ... ... ... ... ... әртүрлі болуы мүмкін. Ал, 3-ші компьютердегі
Web беттерінің мәтіндері зағиптарға арналған Брайль қаріптері ... оның ... ... ... ... ... ... тұтынушының
әртүрлі құрылғыларда және әртүрлі броузер программамен көретіндіктерін
ескерсек, HTML тілін мәтіндерді пішімдеу ... ... ... ... айтуға болиайды. Ол Интернеттегі мәтін бөліктерінің атқаратын қызметін
анықтап, соларды әрбір тұтынушыға ... ... ... ... түрде белгілейтін тіл болып табылады. Мысалы, егер ... ... ... ... онда HTML коды оны тақырып ретінде
көрсетуге тырысады. Тақырыптың белгілеу коды ... соң, оны ... өз ... ... оны ... ірі ... ... немесе тек экран жолдарының ортасына жылжытып қана ... ... Ал егер бұл ... ... дыбыс синтезаторы арқылы берілетін болса,
онда тақырып қаттырақ шығатын дауыс арқылы айтылып, одан соң аздап үзіліс
жасалуы да ... HTML ... ... ... ... де бар екенін
айтып кету керек, бірақ жалпы тұрғыдан ... ... ... мен оны
безендіріп көрсету жолдарының айырмашылығы сақталып отырады. Мысалы, ... HTML 4.0 ... ... ... ... ... – бұл Web – ... (гипермәтіндік беттерді) қарауға
негізделген программа (Internet Explorer, Netscape Navigator).
Графикалық, бейнелік және аудиомәліметтер жеке ... ... ... ... ... ... ... оларды біртіндеп іске қосу
қызметін атқарады. Файлдардағы мәліметтерді қабылдап, браузер оларды ... да, HTML ... ... ... ... ... түстер
енгізіп, терезе көлемін, мәтін қаріпі мен оның ... және ... ... нәтижесін экранда көрсетеді.
HTML файлдары *.htm және *.html ... ... ... ... ... үшін ... ... Блокнотты пайдаланамыз.
Ал оның нәтижесін экранда көру үшін Microsoft Internet Explorer ... ... ... ... ... ... ... командалары белгі немесе тэг
деп аталады. Тэг символдар ... ... ... тэг ... () ... аяқталады. Осындай қос
символ тібегі бұрыштық жақшалар деп аталады. А ... ... ... ... аты ... ... түйінді сөз - тэг орындалады. HTML
тіліндегі әрбір тэг бір арнаулы қызмет ... ... ... ... ... рөо атқармайды, бас әріпті де, кіші әріпті де қатар қолдана
беруге рұқсат етілген. Бірақ тэг атауларын жай ... ... ... бас ... жазу ... ... бір тэгі ... құжаттың белгілі бір бөлігіне, мысалы бір
абзацқа ғана әсер ... ... орай екі тэг ... ... ... 2-сі- ... ... тэг белгілі бір әсер ету ісін ... ... тэг- сол ... ... Жабу ... ... сызық символымен (/)
басталуы тиіс. Кейбір тэгтер өз жазылу орнына қарай тек бір ғана ... ... жабу тэгі ... болмай қалады да, ол жазылмайды. Егер тэг
ретінде HTML тілінде қолданылмайтын түйінді сөз ... ... онда ... ... ... ... арқылы құжат экранда көрсе тілген шақта
тэгтердің өздері бейнеленбей, тек олардың құжат мәтініне ... ... ... ... ... ... ... роль атқармайды, яғни үлкен
әріпті де, кіші әріпті де қолдана беруге болады. Бірақ тэг атауларын ... ... ... ... бас ... жазу қалыптасқан. HTML тілінің
бір тэгі құжаттың белгілі бір ... ... бір ... ғана әсер
етеді. Осы әрекетке байланысты екі тэг қатар қолданылады: бірі – ашады, ал
екіншісі – жабады. Ашатын тэг ... бір әсер ету ісін ... ... тэг – сол ... аяқтайды.
Тэгтердің екі түрі болады:
- бір элементті тэг. Ол белгілі бір әрекетті орындау үшін оны қажетті
орынға ... қою ... ... - ... ... ... ... тэг. Ол ашылу және жабылу тэгтері ортасындағы ... әсер ... ... тэгі ... «/» символы болуы тиіс.
Мысалы, … .
Тэганы жазу ережелері:
- ... - ... ... ... - қате ... ... құрылымы

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


құжат тұлғасы


Web беттерін құру ... ... Web ... құру үшін мәтіндік редакторды ... ... Сол ... ... ... ... арналған
Блокнотты айтуға болады. Web беттерін құру үшін, алдымен ... ... ... Оны ... және процессор тәсілімен форматтауға болмайды.
Кейін бұған HTML-дағы дескрипторды қолданамыз. ... ... ... ... соң, оны ... ... түрінде сақтау керек.
Web сайтындағы белгілі беттердегі файлдар ... ... ... ... негізгі дескрипторлар бар, солар әр түрлі Web беттердегі
мәтінде жазылуы ... ... Web ... ... ... дескрипторы
міндетті түрде болуы керек. Бұл дескриптор мәтіннің ең басында және ... ... Осы ... ... ... ... ... бар болуын көрсетіп, беттің атын береді.
дескрипторынан кейін дескрипторы ... Ол ... атын ... ... ... айтқанда әрбір беттің мәтінінің атын береді және
де беттің аты әдетте Броузер терезесінде көрсетіледі.
Web беттің аты ... ... сан және ... көмегімен алыну
керек. дескрипторы Web беттің бастапқы өзінің денесін көрсетеді.
Бұл бөлімге ... ... ... ... ... және т.б
қамтамасыз етілген элементтер кіреді және оны ... ... ... ... ... ... Web беттерде құрылған жұмысты көруге болады.
Осындай жұмысты орындау үшін ... Internet Explorer ... ... броузер программасын қолдану керек. Осы аталған программалардың
ең жаңа нұсқауларын www.microsoft.com/ie және www.netscape.com ... ... Web ... ... HTML кодын Web броузер есептейді.
Абзацты құру үшін, деген ... ... ... әйтпесе
ол Web броузерде көрсетілмейді. Align атрибуты абзац қай ... ... ... ... оң, сол және ... болу ...
дескрипторы келесі жаңа ... түсу үшін ... Бұл ... ... ... ... ... Мысалы, пошталық адрестер,
тақпақ жолдары және т.б. ... ... ... ... ... ... жабылмай жазылады.
Тақырып- бұл Web беттерде қамтамасыз етілген структуралық ұйымның ... ... ... ... ... ... ... үшін тақырыптар
топтамасынан көзді жүгірте салу оңай ... HTML ... ... ... қолданылады.1-ші деңгейдегі тақырыптар ең үлкен
шрифтпен, ал 6-шы ... ... ең кіші ... ... да align ... ... Web ... арнайы
символдарды қою үшін HTML-дағы кодтар топтамасынан көруге болады. Кодтар
топтамасы сандық және ... ... ... ... ... ... фунт, символдың номері және нүктелі-үтір белгілерімен құралады.
Ал ... код ... ... ... аты және ... ... ... мәтінді қарайтылған шрифтпен жазуға, ал
курсивпен жазуға ... ... ... ... ... ... ал ... мәтіннің үстінен сызуға арналған.
Тақырып стильдерін қолдану
Тақырыптарды жазудың алты ... ... бар ( ден ... тэг ... ... ... нәтінге белгілі бір нақты
стиль бере алады.
RASP.HTM файлына ... ... ... ... HTML файл

Сәрсенбі күнгі
Менің алғашқы парағым
... ... ... ... ... ... өзгерту
тэгі ағымдағы мәтін ішіндегі кейбір жолдарда қолданылып ... ... 1-ден 7-ге ... ... ... мүмкіндігін береді.
RASP.HTM файлына төмендегідей өзгерістер енгізіңдер:


Алғашқы HTML файлы ... ... ... ... Сәрсенбі күнгі сабақ кестесі


Қаріп гарнитурасы (типі) мен түсін өзгерту
тэгі мәтін бөліктерінің көлемін, ... және ... ... ... ... ... өзгерту тэгіне FACE атрибутын қосу
арқылы орындалады. Мысалы, мәтін бөлігін KZ Arial ... жазу ... ... ... ... ... беру үшін ... COLOR=”X” атрибутын жазу керек.
Мұрдағы X орнына ... ... түс атын ... оның он алтылық жүйедегі
сандық мәнін жазса болады. Он алтылық санды қолданғанда, түс құрамындағы
қызыл (R-Red), жасыл ... көк (B-Blue) ... ... мөлшерін 00
мен FF сандары аралығындағы мәндермен көрсету керек. Осы тәсілді бояу түсін
көрсетудің RGB ... деп ... ... түстерді жазу
|Түстер |RRGGBB ... |RRGGBB ... қара |000000 |Purple- ... |FF00FF ... ақ |FFFFFF |Yellow- сары |FFFF00 ... қызыл |FF0000 |Brown- ... |996633 ... ... |00FF00 |Orange- ... |FF8000 ... бирюзовый |00FFFF |Violet- ... ... |8000FF ... көк |0000FF |Gray- сұр |A0A0A0 ... ... ... өзгерістер енгізіңдер:


Алғашқы HTML файлы


Менің алғашқы парағым
... ...
... ... фоны мен ... ... түсін беру
Құжат фоны мен жалпы мәтінің ... беру ... ... ... ... ... пайдаланады,- олар броузер ... ... Егер біз ... ... ... ... онда олардың
бастапқы мәндері HTML файлының бас жағында ... ... Осы ... BG ... ... фон түсін, TEXT=…
атрибуты жалпы мәтін түсін анықтайды. LINK=…және VLINK=… атрибуттары әлі
қаралмаған және ... ... ... ... ... ... ... өзгерістер енгізіңдер:

Алғашқы HTML файлы

Менің алғашқы парағым

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









Ұқсас жұмыстар
Тақырыб Бет саны
География пәнін оқытуда ақпараттық техналогияны енгізу тәжерибием12 бет
Математиканы оқып үйренудегі компьютерді пайдаланудың әдістемелік ерекшеліктері22 бет
Осы заманғы әлем: жаһандану үрдісі мен сынақтары6 бет
Оқыту технологиясын топтастыру11 бет
Қазақ тілін оқыту әдістемесінің тарихи дамуына үлес қосқан ғалымдар еңбектерінің орны33 бет
Internet желісі және элементтері18 бет
Адам буындарының биомеханикасы 4 бет
Вебердің социологиясы және «веберлік қайта жаңғыруы»12 бет
Интернет желісі, веб-сайттар14 бет
Кәсіпорын клиенттер мәлімдемелерін есепке алу үшін веб серверлер64 бет


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


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

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

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

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

Email: info@stud.kz

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

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