HTML тілінде программалау

Кіріспе ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...3
Негізгі ұғымдар ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...4

1. Интернет желісіндегі HTML тілі ... ... ... ... ... .5
1.1. Интернет технология ... ... ... ... ... ... ... ... .5.13
1.2. HTML тілі туралы түсінік ... ... ... ... ... ... 14.29

2. HTML тілінде программалау ... ... ... ... ... ... ...30
2.1. HTML тілінде гиперсілтеме құру ... ... ... 30.33
2.2. Мысал «Товар каталогы» ... ... ... ... ... ... .34.35

Қорытынды ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .36
Қолданылған әдебиеттер ... ... ... ... ... ... ... ... ... ... ..37
        
        Жоспар
Кіріспе.....................................................................
......3
Негізгі ұғымдар...........................................................4
1. Интернет желісіндегі HTML тілі.....................5
1. Интернет технология.................................5-13
2. HTML тілі туралы түсінік........................14-29
2. HTML тілінде программалау...........................30
1. HTML тілінде гиперсілтеме ... ... ... ... ... ... ... Интернет ақпараттарды жеткiзудiң негiзгi
құралына айналып отыр. Интернет - барлық жүйелерi ... деп ... ... яғни ережемен жұмыс iстейтiн ауқымды (глобальды)
компьютерлiк желi.
Интернеттiң дамуы мен таралуы 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 құжаттар
арқылы өрнектеледi. Желiдегi құжаттар бiр-бiрiмен сiлтеме адрестер ... ... ... HTML ... ... ... ... ұқсас болғанмен программалау тiлi емес, гипермәтiндi
белгiлеу тiлi. Сонымен ... ол ... ... ... бейнелеуге
арналған ережелер жиынын анықтайды.
Сондықтан әдiстемелiк нұсқауда ... ... ... ақпараттарды
iздеу технологиясы, электрондық поштамен жұмыс, HTML тiлдiң ... онда ... ... ... ... ... түсiнуге қажеттi командаларын үйрету қарастырылады.
Негiзгi ұғымдар
Internet – бүкiләлемдiк компьютерлiк желi.
WWW – World Wide Web – бүкiләлемдiк ... - ... ... – Hyper Text Transfer Protocol – ... ... ... яғни ... жiберу ережелерiнiң жүйесi, Web-бет.
HTML – Hyper Text Maker Language – ... ... ... (tags) – HTML ... ... – бұл қосымша элементтердi басқару мақсатында iшiне ... ... ... ...... ... ... түрде бiрiктiрiлген серверлер мен
қорлар тобы.
Хаттама – компьютер желiлерiнде ... ... ... ... ... ... ... формальды түрде анықтау, яғни
хабарламаларды жiберу ... мен ... ... ... ... ... ... желiде бiрге жұмыс жасау тәртiптерiн
орнатады.
b-бет –HTML тiлiнде жазылған құжат.
Web-сайт –веб-беттерiнiң тобы, виртуальды сервер.
Броузер –Web-беттерiн қарауға ... ... ... ... Navigator).
URL –Uniform Resource Locator – әмбебап ресурстық локатор (Интернет
желiсiндегi құжат ... - URL – ... ...... ... ... аты ... –каталог аты,
index.html –веб-беттерiндегi файлдар аты.
IP – Интернеттегi жеке компьютердiң сандық адресi, нүктемен бөлiнген 0-ден
255-ке дейiнгi 4 ондық сан.
DNS – Domain Name System – ... ... ... IP-адреске
аудару қызметiн атқаратын арнайы сервер
Гиперсiлтеме – белгiлi бiр түспен және асты сызылған веб-бетiнiң объектiсi
және ол басқа объектiлерге тез өту ... ... – жиi ... ... ... кеңiстiгiнде сақтауға
негiзделген.
Интранет –Интернетке жергiлiктi желi арқылы шығу.
1. ... ... HTML ... Интернет-технология. Интернетте ақпараттарды iздеу
Интернеттiң тарихы
Қазiргi уақытта кеңiнен тараған телекоммуникациялық желiлердiң бiрi –
Интернет ... Ендi оның ... ... ... ... атты американ мекемесi 1966 жылы телекоммуникациялық желiлердiң
жобасын ... Онда ... ... өте ... ... ... ... Жүздеген мамандардың жұмыстарының
нәтижесiнде 1969 жылы ... ... ARPANet ... ... пайда
болды. Ол әскери мақсатта пайдаланылды және онда ... ... ... ... ... электрондық хабарламаларды
жiберу және жүйеге ену құқықтарын қолданушы жүзеге асыра алды.
Ал 70-шы жылдары ARPANet ... ... ... ... желiлер енгiзiлдi. Бұның жалғасы, яғни 80-жылдары Интернеттiң
пайда ... ... ... Онда ... жалпы протоколдары қамтамасыз
етiлдi.
Бүкiләлемдiк желiнiң даму тарихын 4 кезеңге бөлемiз:
1 кезең (1969-1983 жж.). Бұл кезеңде ... ... ... ... ... және ғылыми салаларға пайдаланылды. Бiрақ оның деректердi жiберу
каналының дамуы өте әлсiз ... ... ... ... ... жасау қиындық келтiрдi.
2 кезең (1983-1989 жж.). ... ARPANet 185 ... ... Ол ... АҚШ-да, Англияда және Норвегияда орналасқан. Желiлер
бойынша ... ... ... ... ... ... спутниктiк
каналдары арқылы жүзеге асты. Сонымен, бұл ... ... ... ... ... жж.). Бұл ... WWW ... пайда болуымен
байланысты. Деректердi жiберу мен ... ... ... ... ... бастады. Ал 1986 жыл бүкiләлемдiк
компьютерлiк желi Интернеттiң ... ... деп ... ... ... 1991 жылы ARPANet ... желi ретiнде
қолданылмайтын болды. 90-жылдардың орта шенiнде видеоконференция ... ... ... ... жеткiзуде оның мүмкiндiгiн пайдалануға
болады. Бұл кезең WWW ... ... ... ... ... және ... ... қолданушылар саны тез өстi.
4 кезең (1994-1996 жж.). Бұл ... ... ... қарым-қатынас
тәсiлiн арттырумен сипатталады. Мұнда ... ... ... ... және ... кезеңдер аралығында Ресейде Интернет желiсi
қолданыла бастады. Ресейде 1990 жылы ... ... ... ... ... (off line) ... шектелген
бүкiләлемдiк желiге ену кезең басталды. Ал 1994 жылы хабарларды өңдеу,
жiберу және қабылдап алу ... ... ... on line ... ... және ақпарат
Интернет екi мағынада қарастырылады: физикалық және логикалық.
Физикалық ... ... – бұл ... және ... ... бiрiктiрiлуi. Логикалық мағынадағы Интернет - бұл жер
шарындағы ақпараттық кеңiстiктi қамтитын бүкiләлемдiк ақпараттық жүйе.
1.Интернетт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ң техникалық ... ... ... ... ... ... ... сымдар үшiн жылдамдықтың жоғарғы ... б/с. (33,6 ... ... екi ... бар: ... және ... жалғану жағдайында биттер тiзбектей берiледi. ... ... ... жүргiзiледi. Тiзбектей жалғанудың жылдамдығын биттiң
секундқа қатынасы алынады. Мұнда байт өлшемiне ... Ал ... ... ... 8 ... сым ... 8 бит 1 байтты
құрайды. Деректердiң 8 сымынан ... ... ... мен беру
процестерiн басқаратын қызметшi сымдар енедi. Оның жылдамдығын ... ... етiп ... ... ... ... таңдау
Модемдi таңдау жағдайында оның жылдамдығы 28 800 б/с кем болмауы қажет.
28,8 Кб/с модем стандарты V.34 деп ... Ал ... ... ... V.34 bis стандартын құрайды. Жылдамдығы 33,6 Кб/с кем модемдi
қолданудың мағынасы жоқ. ... ... және iшкi деп ... ... модем компьютер портының разьемына жалғанады. Ал iшкi ... ... ... ... платаның разьемына жалғанады.
Модемдi орнату.
Модем екi рет орнатылады. Бiрiншiсi - аппараттық, ал ... ... ... ... жағдайында ол қайда жалғану қажет болса,
сол жерге жалғанады. Ал программалық орнату жағдайында модемнiң ... ... ... ... ... ... Егер ... 95/98 операциялық жүйесiнде жұмыс жасаса, онда оның өзiндiк орнату
механизмi (plug-and-play) жұмыс жасайды және ... ... ... Пуск ( ... ( ... ... ( Модемы автоматты түрде
жүктеледi. Ашылған Свойства: Модемы хабар алмасушы ... ... ... үшiн ... ... ... ... Жұмыстың алғашқы кезеңiнде Мастера установки тiркелген СОМ-
портын тексередi және жаңа құрылғыны тексередi. ... ... ... ... ... Мастер оның драйверiн орнатуды
ұсынады. Егер модем дұрыс орнатылмаса, онда ... ... ... ... ... ... терезесiн аламыз да,
модемнiң жылдамдығы және нақтылы ... ... ... 3
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ске қосу қажет.
5. Сервис-провайдерiн таңдау
Сервис-провайдер (Интернет ... ... – бұл ... ... тұрақты түрде жалғануды қамтамасыз ... ... ... ... қосуды жүзеге асыратын мекеме. ... ... ... ... ... ... ... Бiрақ ерекшелiк бар. Егер ... ... ... ... ... онда қоюшыға Интернеттiң қызмет ... ... ... жөн. ... ... ... отказ
берiп, кез келген уақытта басқа мекемеге қосылуға болады.
Сервис-провайдердiң қызмет ету салалары бiрнеше:
- Желiге ақысыз қосылу;
- Уақытша ... ... ... шектеусiз қосылу;
- Интернет-карта бойынша қосылу.
Таңдауды қалай жүргiздiк, солай мынадай ақпараттарды алуға болады:
... ... iске ... ... нөмiрiн
таңдау. Ол процестi орындайтын программана баптау
қажет;
• Тiркеу аты (login). ... ... ... аты ... ... ... Ол ... үшiн қажет және оны
қолданушы өзi үшiн бередi;
• DNS негiзгi сервердiң атауы;
• DNS қосымша сервердiң атауы;
• Сервис-провайдердiң Web-адресi.
DNS негiзгi және қосымша ... ... ... ... ... ... ... Web-адрестi сервис-провайдер өз атын ешқашан да
пайдаланбауы мүмкiн, ... ол ... ... ... болған жағдайда
қолданылады. Мысалы, осы адрес бойынша Сiз ... ... ... және ... есебiңiзден басқа адамдардың жұмыс жасағандығын, не
жасамағандығын анықтай ... Wide Web ... ... ... ... ... жиынтығы әсер етедi: электрондық пошта,
жаңалықтар топтары (телеконференциялар), файлдарды беру ... және ... көп ... ... ... World Wide Web (бүкiләлемдiк өрмекшi)
енедi. Оны қысқаша WWW немесе жай Web деп ... Бұл ең көп ... ... енедi. Алайда, бұл Интернет емес, бiрақ көпшiлiк жұрт
оны Интернет деп есептейдi. Бiрақ WWW - бұл ... ... ... ... ... ... ... пайда болуы, ондағы ақпараттардың орасан зор ... ... оның ... ... ... ... броузер-
программалардың жасалуына әкеп соқты. Бұл ... ... ... ... ... ... iстеуге бағытталған және
әлемдiк желi өрмегi(WWW) ресурстарын көрудi ұйымдастырады. WWW мәнi ... ... ... ... ... ... және ... файлдар түрiнде беру болып табылады(5.1. кесте). Бұл файлдар бiр-бiрiмен
гипербайланыс арқылы ... ... ... ... ... Web-site) сияқты түсiндiрiледi. ... ... ... Ал ... Web-құжаттар Web-серверде
орналасады.
Web-құжатты iздеу және онымен қатынасу арнайы URL(Uniform Resource Locator)
көрсеткiшi арқылы орындалады. Стандартты URL ... беру ... үш ... ... ... орналасқан компьютердiң аты,
жолы. Мысалға Vermont Teddy Bears ... URL ... ... ... аты/файл аты
WWW-те қолданылатын ақпараттар мен файлдардың типтерi.
|Ақпарат типi |Файлдың типi |Түсiнiктеме ... |.htm, .html |HTML ... ... және ... |
| | ... ... ... арнайы|
| | ... ... ... |
| | | |
| | |Audio, sound, MIDI, MP3 ... ... |.au, .snd, .mid, ... ... |
| |.mp3 | |
| | | |
| | |GIF, JPEG, TIFF ... ... |
|Кескiн |.gif, .jpg, .tif ... |
| | | |
| | |MPEG, Apple ... ... Video ... |.mpg, .mov, .avi |форматтарында жазылған бейнеклиптер. ... ... ... қарап шығу үшiн ... ... ... ... ... кеңiнен таралған броузерлер қатарына
Internet Explorer(Microsoft фирмасының ... және ... ... Corp. ... ... ... Броузерлер WWW-тен ... ... ... ... FTP) де байланыса алады.
Қазiргi уақытта Интернеттiң ресурстарымен қатар операциялық жүйелердiң
функциясын орындайтын ... ... ... ... ... Corp. компаниясы өзiнiң шығарған Netscape Navigator
броузерiне операциялық жүйелерге ғана тән ... ... Ал ... Internet Explorer ... Windows операциялық жүйесiмен
бiрiктiрген. Нәтижесiнде пайдаланушы жұмыс ... ... ... ... iстей алады және Web-парақтардың жарлықтарын жұмыс ... қоя ... Бұл ... ... ... үстелi Active
Desktop(екпiндi күйдегi жұмыс үстелi) деп ... оның ... ... мен ... ... ... Outlook программасы
к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 тақырыптық каталогтарды атап өтуге болады:
-Yahoo!(http://www.yahoo.com) - тақырыптық ресурстан ... ... ... ... тақтасын пайдалану. Сондай-ақ пайдаланушы
жақын арада өткiзiлетiн iс-шаралар туралы анықтама беретiн қызмет(Интернет-
күнделiк ... - ... кең ... ... ... ... чаттар тағы басқалар).
-InfoSeek(http://guide.infoseek.com) - ақысыз пайдалану мүмкiндiгiн
беретiң коммерциялық iздеу қызметi. Iздеудi тек қана Web-парақтардан ... да ... да ... ... - Internet Explorer ... ... ... Онда Web-
құжаттары бейнеленедi.
Электрондық пошта. Электрондық пошта Интернеттегi аса маңызды ақпарат
алмасу қызметiнiң түрi болып табылады. Егер ... ... ... ... ... ... ресурстарымен тығыз байланыста екендiгiн
ескеретiн болсақ, онда ... ... ... ... пайдалану арқылы
ақпарат алмасуға болады.
Электрондық пошта қызметiнiң мүмкiндiктерiн ... ... ... ... ... ... компьютер арқылы пайдалануға
болады.
Электрондық пошта жұмыс принциптерi көп жағынан кәдiмгi ... ... ... ... оны ... дайындау
программасында немесе кәдiмгi текстiк редакторда дайындайды. ... ... ... ... ... (мысалға, SendMail). Пошта жөнелту
программасы кәдiмгi поштаны әрi қарай тарату үшiн байланыс ... ... ... ... Unix-жүйелерде SendMail программасы
байланыс бөлiмшелерiнiң қызметiн атқарады. Ол программа пошталық хабарларды
сұрыптап адресаттарға жiберiп отырады. Ал компьютерлерiнде пошта ... ... ... ... ... ... ... жұмыс iстейтiн
пайдаланушылар пошта жөнелту үшiн қосымша ... ... тиiс. ... ... қызметiн пайдаланушылар ... ... ... uupc ... iске ... тиiс, ал ... ... bml
программасында даярлай алады.
Кез-келген пошта байланысының негiзi болып адрестер ... ... ... адрес арқылы поштаны адресатқа жеткiзу мүмкiн емес.
Интернетте желiге қосылған компьютерлердiң домендiк адрестерiне ... жүйе ... Бұл жүйе ... ... екi ... ... аты; ... аты(мысалы Saule@saule.Rypkso.edu). SendMail
пошта жөнелту программасы қажет ... ... ... ... үшiн ... ... форматын UUCP(Unix to Computer
Protocol) форматына өзi түрлендiредi.
FTP(File Transfer Protocol) файлдар жүйесi ... ... ... файлдар алмасу мүмкiндiгiн ... ... ... екi ... ... Бiр ... ... компьютерде орындалса, екiншi бөлiгi сол файлды қажет еткен
компьютерде(клиент) ... ... ... ... ... тақтасы немесе компьютер ... бола ... ... орасан зор электронды хабарландыру тақтасы болып
табылады. Оған ... ... ... ... шыға ... әлемнiң әр түкпiрiнде тұратын кiсiлердiң бiр-бiрiмен байланысып,
дискуссиялар жасап пiкiр ... ... ... Ол үшiн Интернетпен
байланыс орнатқаннан кейiн USENET серверiне қосылып, компьютердегi арнайы
хабарлар оқу ... iске қосу ... Бұл ... ... және компьютерден шығатын(исходящие) хабарларын USENET-
тiң басқа ... ... үшiн ... ... ... ... пайдаланушыға өзiнiң байланысқан ... ... және ... ... ... ... тұрады. USENET ... ... ... қызығушылықтары мен тақырыптарға байланысты көптеген
конференцияларға бөлiнген.
Archie. Қазiргi кезде FTP ... ... ... жасайтын файлдар
өте көп және олардың саны күн ... ... ... ... ... ... ... дейiн). Сондықтан
керектi информацияны жылдам ... табу үшiн ... ... ... FTP ... ... ... жасайтын файлдар
тiзiмiн жасап оларды әрдайым жаңалап тұрады. Archie жүйесi екi әдiс ... ... ... ... ... Archie жүйесiнiң
локальдi версиясын iске қосу арқылы.
Telnet. Telnet-тiң FTP файлдар ... ... ... ... оны ... ... бередi. Алытағы
компьютермен байланысу электронды хабарландыру ... ... ... мұнда телефон қоңырауы қажет емес, оның орнына Telnet командасын
қажеттi параметрлермен(байланысатын компьютер аты) енгiзсе жеткiлiктi.
Gopher – ... ... ... мен ... арқылы керект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.
WAIS(Wide Area Information service) ... ... ... ... ... табу үшiн қолданылады. Бұл жүйеге әртүрлi
мәлiметтерден(кулинарлық рецептерден күрделi ... ... ... ... деректер қоры(ақысыздан өте қымбат ... ... ... ... ... тұратын Gopher-жүйелерден
айырмашылығы, ол жүйе ... ... ... ... ... ... ... Ол сервер таңдалған деректер қорынан
сұранысты орындайды да қажеттi мәлiметтердi қайтып ... ... ... ... мәлiметтер қай жерде бар екенiн дәл бiлген
жағдайларда ... HTML тiлi ... ... ... ... ... ... HTML тiлi болып табылады.
HTML (Hyper Text Maker Language) ағылшын ... ... мына ... ... ... тiлi. Ол құжаттың бастапқы мәнiне (ASCII-
файл) енгiзiлетiн қарапайым командалар жиынынан тұрады, олар осы ... ... ... ... бередi. Сонымен қатар, кез келген
мәтiндiк редакторда даярланған құжаттар HTML форматы ... ... ... түр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п, тышқанды шертсек, ... ... ... онда ... ... ... оқи аламыз.
Сонымен, HTML тiлi мәтiндердi осылайша байланыстыра отырып ... ... ... мына 3 ... ... ... Тақырыптық элементтер, яғни HEAD ("шапка", тақырып ... ... ... және оған ... ... ақпарат жатады:
TITLE
• Құжат құрылымын сипаттайтын элементтер, мысалы, құжаттарды бөлiктерге
немесе параграфтарға (азат жолдарға) бөлу элементтерi: H1, H2, H3, ... H6 және P, UL, OL, DL, PRE, CENTER, FORM, HR, ... ... ... Мәтiндiк элементтер құрамына:
o мәтiндердi өрнектеу белгiлерi: EM, STRONG
o қарiп өлшемдерi: TT, I, B, U, STRIKE, BIG, SMALL, SUB, ... ... ... A, FONT, ... – бұл Web-беттерiн (гипермәтiндiк беттердi) қарауға негiзделген
программа (Internet Explorer, Netscape Navigator).
Графикалық, бейнелiк және ... жеке ... ... ... ... ... сәйкес браузерлер оларды бiртiндеп iске ... ... ... мәлiметтердi қабылдап, браузер оларды реттеп
орналастырады да, HTML ... ... ... ... ... түстер
енгiзiп, терезе көлемiн, мәтiн қарiпi мен оның мөлшерiн және ... ... ... экранда көрсетедi.
HTML файлдары *.htm немесе *.html деген кеңейтiлулер арқылы өрнектеледi.
Оны құрастыру үшiн “Стандартные” программасындағы Блокнотты пайдаланамыз.
Ал оның ... ... көру үшiн ... Internet Explorer ... ... ... бастапқы мәтiндi белгiлейтiн командалары белгi ... ... деп ... Тэг ... ... ... ... тәг “кiшi” () символымен ... ... ... тiзбегi бұрыштық жақшалар деп аталады. Ашылатын ... ... ... аты ... табылатын түйiндi сөз – тәг орналасады. Бұл ... тэг ... ... ... ... ... ... регистрi
ешқандай роль атқармайды, яғни үлкен ... де, кiшi ... де ... болады. Бiрақ тәг атауларын жай мәтiннен айыру мақсатында оларды бас
әрiппен жазу қалыптасқан. HTML ... б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с. ... BODY ... жазу ... ... — дұрыс жазылуы;
- ... — қате ... ... ... ... ... ... тұлғасы


Атрибуттар
Әрбiр тэга үшiн атрибуттар жиыны анықталады. Тэгалардың ... ... ... атрибуттар арқылы жазылады. Атрибуттарды қолданбайтын
жағдайлар да кездеседi. Атрибуттар төмендегi реттер бойынша жазылады:
• атрибуттар аты, ... ... ... ... ... ... мәнi, онда символдар жолы берiледi, мысалы, "80".
HTML тiлiн ... ... ... сөзi ... термин ретiнде
қолданылады. Аты әрiптерден ... ... ... ... ... ... мына символдар енедi:
• латын алфавиттерi (A - Z, a - z)
• цифрлар (0 - ... ... ... ... ... мәнi бос ... ... толтырылмаған жолдармен ажыратылып
жазылады.
HTML-файлының анықтамасы
HTML тiлiнде жазылатын құжаттар тэгiнен басталып, соған ... ... ... ... ... ... ... ортасында
құжаттың тақырыптық бөлiгi мен тұлғасы болып келетiн негiзгi ... ... ... анықтау
Құжаттың тақырыптық бөлiгi ... тэгтерiнiң ... ... ... құжат туралы мәлiмет бередi. Аталған бөлiкте ...
тэгтерiмен шектелетiн ... ... ... ... ... ... бұл ... терезе тақырыбында тұратын файл аты
есебiнде пайдаланады.
Жазылу форматы:


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

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

Құжат тұлғасын анықтау
HTML тiлiндегi құжаттардың ... ... ... ... ... форматы:


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


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


1. HTML-де қарапайым файлды құр.
1. Құрылған Web-беттерiн сақтайтын “Lesson HTML” бумасын құр.
2. Блокнот программасын iске ... ... ... ... ... ... терезесiнде тер:


HTML-де практикалық жұмыс


HTML-де құжатты құру алгоритмi


4. Lesson 1.HTM файлымен сақта.
5. Файлды ... екi ... бар: ... тәсiл: Құрылған Web-беттi қарау
үшiн Microsoft Internet Explorer браузер программасын жүктеңiз де, ... ... Файл ( ... “Открыть” хабар алмасушы ... да, ... ... ... ... ... ашасыз. Екiншi тәсiлi:
Lesson 1.HTM файлына курсорды апарып, екi рет тышқанның оң жақ ... файл ... ... ... ... Сiз ... ... көре аласыз.
Оның атауы браузер жолының жоғарғы оң жақ бұрышында «HTML-де ... ... ... ... ... басқару
Браузерлер HTML-құжаттарын бейнелеуде автоматты түрде экранға мәтiндердi
орналастырады. Бұл жағдайда, файлдағы кездесетiн символдарды ... ... ... бiрi орналасқан символдардағы бос орындар ескерiлмейдi.
1. 1-тапсырмадағы 5-пунктiн орындаңдар.
2. Web-бетiн ашу үшiн мына команданы орындаңыз: Вид(В виде HTML. ... ... онда ... HTML командасы түрiнде өрнектелген.
3. HTML файлындағы мәтiнге өзгерiстер енгiзiңiз, «HTML-де» «құжатты құру»
«алгоритмi» сөздерiн түрлi ... ... ... ... ... ... құру
алгоритмi


4. Lesson 1.HTM файлына енгiзiлген өзгерiстердi мына ... ... ... Файл ... ... программасын жабыңыз.
5. Алынған Web-беттi F5 пернесiн басу немесе Вид(Обновить командаларын
орындау арқылы Microsoft Internet Explorer ... ... ... ... ... ... кейiн 2-тапсырмадағы 4 — 5
пункттердi орындаңдар.
Жолдарға өту мен азат ... беру үшiн ... ... ... ... ... ... форматтауды өзгерту мен
мәтiндердiң үзiндiлерiн экранға шығаруға тиым салатын командалар да бар.
Жолдарға өту үшiн ... ал азат ... ... үшiн ... форматы:
келесi жолға өту мәтiнi
азат жолдан бастап жазылатын мәтiн
1. HTML файлындағы ... ... ... HTML-де практикалық жұмыс


HTML-де
құжатты құру
алгоритмi


2. Енгiзiлген өзгерiстердi Lesson 1.HTM файлына сақтаңыз.
3. ... Internet Explorer ... ... ... ... ... бөлiп алу
Жеке символдар мен сөздердi бейнелеудi басқару үшiн мәтiн ... алу ... ... ... ... ... ... 3 түрлi тэгасы
бар, олар: — қарайтылған мәтiн; — қисайтылған мәтiн; — ... ... Lesson 1.HTM ... өзгерiстер енгiз:


HTML-де практикалық жұмыс


HTML-де
құжатты құру
алгоритмi


2.Алынған Web-бетiн қараңыз.
Тақырып стильдерiн қолдану мен ... ... ... ... ... ... басқарудың екi түрлi тәсiлi бар:
• тақырыптар ... ... ... құжаттың өлшемiн беру.
Тақырыптар стилiн қолдану
Тақырыптардың 6 тэгасы (-ден -ға ... ... ... ... ... ... ... нақты стиль сәйкес келедi.
Жазылу форматы:
мәтiн , мұндағы n=1,2,...,6
1. Lesson1.HTM файлына өзгерiстер енгiз:


HTML-де практикалық жұмыс


... ... құру ... ... ... ... мәтiндердi безендiру үшiн мәтiн үзiндiлерiн бөлiп алу,
жолдар мен азат ... ... ... ... ... ... ... қарiптердiң өлшемiн 1-ден 7-ге дейiнгi аралықта
беруге мүмкiндiк бередi.
Жазылу форматы:
мәтiн, мұндағы, n = 1,2,...,7
1. ... ... ... ... HTML-де практикалық жұмыс


HTML-де
құжат құру алгоритмi


1. ... құру ... ... үшiн ... ... ... өз ... бойынша өзгерт.
Қарiптер гарнитурасы мен түстерi
тэгасы мәтiн түстерi мен ... және ... ... ... ... гарнитурасын өзгерту үшiн тэгасына ... ... ... Мысалы, мәтiндердi жазуда Arial ... ... ... ... ... ... ... өзгерту үшiн тэгасына COLOR-="X" атрибутын
қолдану жеткiлiктi. X-тiң орнына ... ... ... ... ... ... қою ... Түстердi беру жағдайында ол үш ... ... ... (R — Red), жасыл (G — Green), көк (В — Blue), ал
оның ... ... FF-ке ... ... ... ... ... бiз RGB форматымен жұмыс жасайтын боламыз. Ал осы форматтағы ... ... ... ... түстердi жазу
Кесте № 1
|Түстер |RRGGBB ... |RRGGBU ... — қара |000000 |Purple — ... |FFOOFF ... — ақ |FFFFFF |Yellow ... |FFFFOO ... — қызыл |FFOOOO |Brown — ... |996633 ...... |OOFFOO |Orange — ... |FF8000 ...... |OOFFFF |Violet — ... түстi |8000FF |
|Blue — көк |OOOOFF |Gray — сұр ... ... ... , ... * - ... типiн көрсетедi.
мәтiн
1. Lesson1.HTM файлына төмендегiдей өзгерiстер енгiзiңiз:


HTML-де практикалық ... ... ... ... құру ... мәтiндерiндегi стильдi, қарiптер гарнитурасын, түсiн және өлшемiн
өздiгiңнен өзгерт.
Құжат фоны мен мәтiннiң түсiн беру
Браузер параметрлерi арқылы ... ... ... фоны ... ... беру ... ... Егер бiз басқа ... ... онда ... ... мәндерi HTML файлының бас
жағында жазылатын тэгiнде ... ... ... фондық түсiн, ал ТЕХТ= ... атрибуты жалпы мәтiн түсiн ... және VLINK= ... ... ... ... түсiн тағайындайды.
Аталған атрибуттар кейiнгi тақырыптарда ... ... - ... ... ... жазылуы;
- мәтiнге берiлетiн түстердiң жазылуы.
1. Lesson1.HTM файлына өгерiстер енгiз:


HTML-де практикалық жұмыс



HTML-де ... құру ... ... көлденең бағытта туралау
HTML тэгалары арқылы мәтiндердi көлденең бағытта ... ... Ол үшiн ALIGN=: ... ... ... кейiн мәтiндердi
қай бағытқа туралайтын тэгалар жазылады:
ALIGN=CENTER — ортасынан туралау;
ALIGN=RIGHT — оң жақ ... ... — сол жақ ... ... ...
1. Lesson1.HTM файлына төмендегi өзгерiстердi енгiз:


HTML-де практикалық жұмыс



HTML-де
құжаттарды құру ... ... ... ... RIGHT, LEFT ... ... келес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 (оң жақтан және
сол жақтан туралау)) қосып, қайтадан жаз:

HTML-де практикалық жұмыс ... ... ... құру ... ... ... мен оның атрибуттарын (, )
пайдаланып, төмендегi берiлген мәтiндi жаз:
Web-парақ iшiне суреттердi орналастыру
тэгi құжат iшiне суреттердi қою ... ... Ал ... осы тэг
жазылған орында пайда болады. Аталған тэг – ... тэг. ... ... ... Web-құжаттарындағы сурет немесе графика ереже бойынша үш
форматта жазылады, олар: GIF,JPG,PNG. Сiздiң ... ... ... ... ... ... ретiнде сақталуы керек және онда қалай
көрсетiлсе, солай ... Cол ... ғана Сiз оны ... ... ... ... файлына өзгерiстер енгiз:


HTML-де практикалық жұмыс



HTML-де
құжаттарды құру алгоритмi




Сурет атрибуттарын ... ... мына ... ... ALT, BORDER, ALIGN, HEIGHT, ... HSPACE. Ал ... ... форматы мен сипаттамасы 2-кестеде
берiлген.
Сурет атрибуттарының сипаттамасы
2-кесте
|Атрибут |Жазылу форматы ... ... | ... ... сурет атының |
| | ... не сол ... ... |
| | ... берiледi. ... | ... ... ... |
| | ... ... | ... көрсетiледi. Қызметшi |
| | ... ТОР - ... ... - |
| | |B0TTOM, ... – MIDDLE, LEFT – |
| | |сол ... RIGHT – оң ... ... | ... терезе биiктiгiнiң |
| | ... ... ... | ... ... ... ... ... | ... бос ... ... |
| | ... ... ... | ... бос ... ... |
| | ... ... ... ... ... көлемiнiң (байтпен берiлген) өзгеруiне назар
аударып отырыңыздар, себебi ол Web-құжаттың Интернеттен ... ... iшiне ... ... ... ... пайдаланып, “Lesson1.html” файлына өзгерiстер
енгiзiңiздер.
2. Төмендегi берiлген тапсырмаға программа жаз:
Төмендегi ... ... ... ... ... ...
... құру алгоритмi

………
HTML-де кесте жасау
Web-құжатының негiзгi бөлiктерiнiң бiрi - ... Ол ... мен ... ... ... тұратын торлар жиыны түрiнде
қарастырылады. Жолдар мен бағанның қиылысы ұяшық деп аталады. Бiр ... ... ... ... бiр ... ... ... алады. Кесте келесi
бөлiктерден тұрады:
... ... ... ... ... жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға ... ... ... сонан соң келесi ... ... ... ... ... Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
Кестенi құру ... - ... салу ... ... ... – фон ...... арасындағы сызықтың енi;
WIDHT - кестенiң енi
Кестенi безендiру тэгалары мен ... ... ... ... ... мен ... |Формат ... ... ... ... салу ... ... ... ... ... |мәтiн ... беру ... |
... ... ... ... ... | ... ... сызықты |
| | ... ... | ... енiн ... ... |
| | ... ... | |Жол ... iшкi фон ... тақырыбы тэгаcының атрибуттары
5-кесте
|Атрибут |Формат ... ... | ... ... ... (RIGHT. ... | |CENTER) ... | |Тiк бағытта ... (TOP, MIDDLE, |
| | |BOTTOM, ... ... |

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









Ұқсас жұмыстар
Тақырыб Бет саны
PHP тілі13 бет
HTML программасы арқылы құрылған Adobe Photoshop программасының қолдану оқулығы51 бет
HTML тілінде Corel Draw программасының мүмкіндіктерін демонстрациялау39 бет
Web программалау тілі9 бет
Информатика пәні, объектілері және құрама бөліктері56 бет
Қашықтан оқыту жүйесі49 бет
“Бәйтерек” фото салонының Web сайтын құру44 бет
HTML тілі көмегімен Web-парақтарды жасау технологиялары21 бет
Web- программалау тілдері6 бет
HTML - базалық технологиясы27 бет


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


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

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

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

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

Email: info@stud.kz

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

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