Html -ге кіріспе. Html тілінің атқаратын қызметі, командалары

жүктеу 451,57 Kb.

Дата	25.11.2017
өлшемі	451,57 Kb.
	#1375

HTML тізімдерінің түрлері

Вертикал бойынша таблица ұяшықтарын біріктіру.

Мысал:

Біріктіру мысалы

Мазмұны

HTML –ге кіріспе. HTML тілінің атқаратын қызметі, командалары
HTML құжатының құрылымы.Құжаттың функциональдық бөлігі мен негізгі бөлігі .
HTML құжатында кестелерді қалыптастыру. Кесте параметрлерін тағайындау тегтері.
Гипермәтіндік сілтемелерді ұйымдастыру.
HTML құжатында графиканы қолдану.
HTML құжатында формаларды өңдеу. Айырғыштар, флажоктар.
Web – сайтты басқару. Парақтарды WWW орналастыру.
Қорытынды
Әдебиеттер тізімі:

Кіріспе

Қазіргі кезде Web – парақты құру үшін HTML ( Hypertext Markup language – гипертексті бөлу тілі) тілі қолданылады , яғни құжатқа қойылатын тегтердің көмегімен құжаттың логикалық құрылысын сипаттайды , құжатты форматтауды және обьектілерді қоюды басқарады. WWW айырмашылығынан ерекшеліктері тақырыбы бойынша байланысты, адресі анық түрде көрсетілмеген бір құжаттан басқа құжатқа ауысу жабдығының бар болуы болып табылады .

HTML гипертекстік тілін 1989 жылы World Wide Web гипертекстік жүйесін бөлудің өңдеу технологиясының компоненттерінің бірі ретінде Тим Бернер – Ли ұсынды.

Бұл оқу құралы жазушылардың басы артық лирикасын ұнатпайтындар үшін аса қажетті . Оқу құралы компьютерлік желі Интернет үшін басылымды құруға арналған .Мұнда HTML тегтерінің көмегімен электрондық құжаттарды құру технологиясы және оларды басылымдау әдістері қарастырылған. Теориялық білім мысалдар арқылы қолданысы анықталған. Сонымен қоса, оқулықта HTML-де қолданылатын тегтер қызметі мен арнайы символдар жайында қарапайым тілде түсінікті етіп баяндалған. Оқу құралын пайдалана отырып, сіздер Интернет үшін басылымдарды құру мүмкіндігін жүзеге асыратын негізгі командаларды меңгере отырып, өзіңіздің Web- сайтыңызды құруыңызға болады..

Жаңа технологиялардың дамуы, оларды пайдалануын ескерсек Web парақтарды құруда қарапайымдылығы мен әмбебаптығымен ерекшеленетін HTML тілін меңгерудің маңызы зор.

HTML –ге кіріспе. HTML тілінің атқаратын қызметі, командалары.

HTML гипертекстік тілін 1989 жылы World Wide Web гипертекстік жүйесін бөлудің өңдеу технологиясының компоненттерінің бірі ретінде Тим Бернер – Ли ұсынғаны белгілі. Гипертексті бөлу негізіне құжаттың әрбір элементі тегтерімен қоршаған элементтердің жиынтығы түрінде көрсетуге болатын құжатты сипаттаудың тегтік моделі жататын болған. Өзінің мәні бойынша тегтер программалау тілдеріндегі «BEGIN / END» жақша ұғымдарына жақын және локальды айнымалылардың HTML аттарының арасындағы амалдардың облысын білдіреді , құжаттағы тексттік э лементтерді түсіндіру ережелерінің амалдарын анықтайды және т. б.

HTML тілінің атқаратын қызметі .

Web – парақтары экранда ықшам түрде безендіріліп, көрсетілгенмен, HTML тілі мәтіндерді пішімдеп көрсететін тілге жатпайды. Өйткені әрбір тұтынушы әртүрлі компьютерлерді пайдаланады. Сол себепті жаңа ғана зауыттан шыққан бір компьютердің Windows жүйесінде жұмыс істей алатын броузері бар болса, екінші бір тұтынушы компьютері тек MS DOS жүйесінде жұмыс істейтін ескі броузерді пайдалануы мүмкін. Бұл екеуінің көрсету мүмкіндіктері әртүрлі болғандықтан, бір файл екеуіне 2 түрлі болып көрсетіледі. Ал үшінші компьютердегі Web – парақтың мәтіндері зағиптарға арналған. Брайль қаріптері арқылы берілсе, оның нәтижесі тіпті басқаша болады. Құжаттарды әртүрлі тұтынушының әртүрлі құрылғыларда және әртүрлі броузер программалармен көретіндіктерін ескерсек, HTML тілін мәтіндерді форматтау тәсілдерін жазуға арналған тіл деп атауға болмайды. Ол Интернеттегі мәтін бөліктерінің атқаратын қызметін анықтап, соларды әрбір тұтынушыға бейімдеп жеткізе алатын құжатты функционалды түрде белгілейтін тіл болып табылады.

HTML командалары.
HTML тілінің бастапқы мәтінді белгілейтін командалары тег (tag) деп аталынады. Тег символдар тізбегінен тұрады. Барлық тег «кіші» (<) символдарынан басталады да, «үлкен» (>) символымен аяқталады. Осындай қос символ тізбегі бұрыштық жақшалар деп те аталады. Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз – тег орналасады.

HTML тіліндегі әрбір тег бір арнаулы қызмет атқарады. Олардың жазылуында әріптер регисторы ешбір роль атқармайды, бас әріпті де, кіші әріптерді де қатар қолдана беруге рұқсат етілген. Бірақ тег атауларын жай мәтіннен айыру мақсатында оларды бас әріппен жазу қалыптасқан. HTML тілінің бір тегі әдетте құжаттың белгілі бір бөлігіне, мысалы бір абзацқа ғана әсер етеді. Осыған орай екі тег қатар қолданылады. Бірі – ашады, екіншісі – жабады. Ашатын тег белгілі бір әсер ету ісін бастайды, ал жабатын тег сол әсерді аяқтайды. Жабу тегтері қиғаш сызық символымен басталуы тиіс.

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

Тег атрибуттары.

Көбінесе ашылу тегтерінің тигізетін әсерлерін түрлендіретін олардың атрибуттары болады. Атрибуттар немесе сипаттамалар - тег атауының және бір бірінен бос орын арқылы бөлініп жазылытын қосымша түйінді сөздерден тұрады. Кейбір атрибуттар оның мәнін жазуды талап етеді. Атрибут мәні оның түйінді сөзінен теңдік белгісі (=) арқылы бөлініп жазылады. Атрибут мәні қостырнақшаға алынып жазылуы тиіс, бірақ кейде қостырнақшаны жазбауға да болады.

Түсініктемелер

Программалау тілдерінде түсінік беретін сөздер – комментарийлер жазылатыны сияқты мұнда да программаның орындалуына еш әсер етпей, оны түсінуді жеңілдететін түсініктеме мәтіндер жазып отыруға болады. HTML тілі комментарийлері арнайы символдардан басталады да, түсінік беретін мәтін осыған жалғаса жазылады.

HTML құжатының құрылымы.Құжаттың функциональдық бөлігі мен негізгі бөлігі .
HTML құжаты сол құжаттың негізгі мәтіні мен белгілі тегтер деп табылады. Сондықтан оны құрастыру үшін жай мәтіндік редакторды, Windows ортасындағы блокнотты пайдалана беруге болады.

HTML құжатының кез-келгені тегінен басталып соған сәйкес жабылу тегімен аяқталады.
Осы екеуінің ортасында құжаттың тақырыптың бөлігі мен тұлғасы болып келетін негізгі бөлігі орналасады. Құжатың тақырыптық бөлігі типтерінің ортасында тұруы, жалпы құжат туралы мәлімет береді. Әдетте бұл бөлікті тегтерімен шектелетін құжаттың ресми атауы орналасады. Бұл атау терезе тақырыбында тұратын функцияның аты. <li/> Жазылатын мәтін құжат тұлғaсы деп аталатын <body> бұл мәтін экранға шығады Алдарыңызда 4”> төртінші мөлшермен arial типімен аталған сары түсті әріптер. <base font size=5 face=”Arial kz ”> негізгі қаріп Arial kz типінде 5-ші мөлшермен жазылған. қарайтылу курсивті астын сызу <s> белінен сызу </s> <center> <h2> мәтін фрагментін белгілеп ерекшелеу тәсілдері </h2> мәтінді төмендегідей түрде <a href="/saba-kni-sabati-tairibi-bejneleudi-asietteri-isipen-jmis-jrgiz.html">ерекшелеуге болады </a> <hr> қарайтылған қаріп қисайтылған курсив астын сызу мәтінді қаріптеу арқылы логикалық стильде жазу <hr> <h3> логикалық стилдер </h3> <hr> акцент сөзі күшті акцент <code> программа мәтіні </code> <samp> мысал </samp> <KBD> KBD-клавиатура </BDD> <var> айнымалы сөзі </var> </center> =red> <center> <h2> мысал: сырғымалы жол </h2> <hr> <h3> Marquee bgcolor = «blue» behavior= «Scrool Direction» right=30> бұл алғашқы сырғымалы жол < Marquee > <h3> Marquee bgcolor=« green» height=30 widh=90 % Бұл екінші сырғымалы жол < /Marquee > Marquee bgcolor=« green» «behavior= » «alternate» Direction= «left» Height=30> бұл үшінші сырғымалы жол </ Marquee> <hr> </center> <h2> HTML тізімдерінің түрлері </h2> <DL> <DT> <a href="/saba-materiali-pen-bafdarlamalau-tilderi-tairibi-tizimder-jene.html">номерленген тізімдер </a> <DD> номерленбеген тізімдер сол жақтан арнайы символдар белгіленеді. <h2> <DT> Алпамыс <li> Ертарғын <li> Есет </h2> <DT> номерленбеген тізімдер . <DD> номерленген тізімдер . <ol> <li> Арай <li> Шапақ <li> Сәуле </ol> <DT> Анықталған тізімдер. <DD> Бұл тізімдер алдыңғы екеуінен өзгеше. Тізімдердің ішкі элементі бірнеше абзацтан тұруы мүмкін. </DL> <table border> <tr> <td>Меркурий </td> <td>70 млн км</td> </tr> <tr> <td>Венера </td> <td>108 млн км</td> </tr> </table> </BODY> </NTML> Таблица тақырыбы таблицаның жоғарғы немесе төменгі бөлігінде орналаса алады.Бұл өзгерісті жасау үшін CAPTION тегінің ALIGN параметірінің мәндері LEFT,CENTER,RIGHT,BOTTOM (таблицаның айнымалысына) өзгеріп қолдануға болады. Мысал: <body> <table border> <CAPTION ALIGN=RIGHT VALIGN=BOTTOM> Күнге жақын планеталар </CAPTION> TABLE-тегінің BORDER-параметірі таблица шекараларының өлшемін береді. Мысал: <table border=15> TABLE тегінің CELLSPACING параметрі ұяшықтардың арасындағы қашықтық мөлшерін береді.Осы TABLE тегінің WIDTH, HEIGHT параметрі сәйкесінше таблицаның биіктігі мен енін береді.Бұл параметірлердің мәні % -к мөлшерде жазылады. Мысал: 1. <HTML> <HEAD> <TITLE> Күнге жақын планеталар

Меркурий 70 млн км
Венера 108 мле км

Меркурий 70 млн км
Венера 108 млн км

Таблица ұяшықтарының ішіндегі мәліметтерді тегістеу жұмыстары- бұл яғни, оң жаққа, солға,ортаға

тегінің ішінде align параметрімен жасалады.

Мысал:

Меркурий

Меркурий	70 млн км
Венера	108 мле км
Земля	150 млн км

< /BODY >

< /HTML >

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

Олар: align='' bottom''- мәтін суреттердің төменгі жағында.

align='' lest''- мәтін суреттердің сол жағында.

align='' middle''- мәтін суреттердің ортасында.

align='' top''- мәтін суреттердің жоғарғы жағында.

align='' right''- мәтін суреттердің оң жағында.

Фреймдер.Фрейм құрылымы .

( Web-парақта бірнеше құжаттардың орналасуы).
HTML тілі броузер программасы терезелерін бірнеше бµлікке бµліп тастау м‰мкіндігін береді жєне олардыњ єрќайсысында жеке ќ±жаттар бейнеленеді. Осындай бµліктерді фрейма деп атаймыз.

1) Фреймдерді ќ±ру ‰шін HTML ерекше ќ±жаты пайдаланылады, оныњ ќ±рылымы кєдімгі ќ±жаттардан бµлек болады. Осындай ќ±жаттарда ќ±жат «денесініњ» бµлімдері болмайды, ол шын мєнінде ќандай да болсын мєтінде м‰лде болмайды. Оныњ орнына б±л ќ±жаттарда

< FRAMESET> жєне < /FRAMESET> тегтерініњ арасында орналасќан фреймдер болады. Б±л сипаттамада броузер терезесіндегі бµліктердіњ µлшемдері мен олардыњ орналасу тєртібі сипатталады. Сонымен ќатар аталмыш бµліктердіњ єрќайсысынан шаќырылуы тиіс ќ±жаттар кµрсетіледі.

2) тегі, терезелерді бµлу єдістерін аныќтайтын, COLS= жєне ROWS= міндетті атрибуттарына ие болуы тиіс. COLS= атрибуттарын пайдаланѓан уаќытта терезелер вертикаль сызыќтармен, ал ROWS= атрибутын пайдаланѓан уаќытта горизонталь сызыќтармен бµліктерге бµлінеді. Егер аталмыш атрибуттыњ екеуі де берілсе, терезеде бµлімшелерден ќ±ралатын тор пайда болады.

Осы атрибуттардыњ мєндері терезе бµліктерініњ биіктігін (немесе енін) аныќтайды. Єр баѓанѓа (жолѓа) арналѓан параметрлер пиксель µлшем бірлігі бойынша ‰тірлер арќылы немесе пайызбен (% белгісі) беріледі. Соњѓы параметр ретінде (*) ж±лдызша белгісін де пайдалануѓа болады. Осындай фрейм ‰шін барлыќ ќалѓан бос кењістіктер бµлініп беріледі.

3) жєне тегтерініњ арасында ќалыптастырылѓан бµліктердіњ ќажеттілігін кµрсететін ќосымша тегтер орналастырылады. Осы маќсаттар ‰шін, терезені ќосымша бµлу м‰мкіндігін беретін, ендірілген тегін немесе экрандаѓы жеке бµліктеріне шаќырылатын ќ±жаттарды аныќтайтын, жеке даралыќ тегтерін пайдалануѓа болады.

жєне тегтерініњ араларына орналастырылѓан элементтердіњ саны, ќалыптастырылѓан бµлік санына сєйкес болуы керек.

4) тегінде аталмыш бµлікке шаќырылатын ќ±жаттарды аныќтайтын , SRC= міндетті атрибуттары болуы керек. Ќосымша атрибуттар жєне фреймдер арасындаѓы ќоршауларды жєне оныњ басќа кейбір ќасиеттерін реттеу м‰мкіндігін береді.

навигациялыќ панелі бар параќ

Мысал2.

Ќ±жаттыњ к‰рделі ќ±рылымы 

HTML құжатында формаларды өңдеу. Айырғыштар, флажоктар.
Форма-HTMLқұжатта сыртқы дүниенің алдын-ала анықталған бір нүктесіне ақпаратты жіберуді ұйымдастыруға пайдаланылған . Формалар сайтқа енушілерге сұрақ- жауап ұйымдастыруда , электрондық поштаны жіберу қызметінде өте кең қолданылады . Форма жұмысының принципі келесідей . Сіздің Web-парағыңызға неуші өзінің компьютеріне жіберілген , броузерде бейнеленген форманы толтырады . Осы форма бар анықталған батырманы шерткеннен кейін , броузер қолданушы жолақтарға толтырған мәліметтерді алып, көрсетілген орынға жібереді . Форманы сипаттау тегтерінің арасында орналасады . HTML құжатта бірнеше форма болуы мүмкін, бірақ олар бір-бірінің ішінде орналаспайды .

тегінің параметрлері:

Параметр	Сипатталуы
ACTION	Міндетті параметр . Бұл форманы өңдеушінің орнын анықтайды .
METHOD	Формадан мәліметтер өңдеушіге қандай түрде берілетіндігін анықтайды .Мүмкін мәндері : POST -Форманың тақырыбы сипаттамасында көрсетілген URL формадағы ақпараттың аяғына жалғанады . GET-бұл әдіс формадағы барлық ақпараттарды көрсетілген URL-ге қатынас жасағаннан кейін лезде жібереді .Егер форма сипаттамасында берілмеген болса , үнсіз түрде GET әдісі деп есептеледі .
ENCTYPE	Формадағы ақпараттар өңдеуге жіберілу үшін қандай ???? етілетіндігін анықтайды .

Қолданушы өзінің ақпаратын формаға енгізу үшін Input тегі қолданылады. Бұл тегі броузерге қолданушы ақпаратын енгізу өрістерін сипаттауды қамтамасыз етеді.Әрбір Input тегі осы өрістің атын анықтаған name параметрі, енгізілген жолдардың символ түрінде максимальды мәнін беретін MAXLENGTN параметрлері , символдарды енгізу терезесінің енін беретін SIZE параметрлерінен тұрады , ал TYPE параметрі келесідей мүмкін мәндермен жұмыс жасайды.

text- текстік жолдарды енгізу жақтарын анықтайды , қосымша параметрлер де болуы мүмкін :

бұл өрісте қолданушы өзгертуге болатын Текст сөзі бейнеленеді

< input type =”text” size=”20” name=”user” value =”текст”>

password-парольды енгізу өрісін анықтайды .

Пароль енгізу полесін беретін мысал .

radio-айырғыштар батырмасын анықтайды. Сhecked-қосымша параметрі белгіленген дегенді көрсетеді . Мұнда тек бір батырма ғана белгіленеді

Айырғыштарға мысал .

да

нет

возможно

checkbox –флажок өрісін анықтайды . checked параметрі флажок белгіленгендігін көрсетеді . Айырғыштардан айырмашылығы бірнеше опция белгіленуі мүмкін .

Флажоктарға мысал.

процессорлар

видеоадаптер

модем

submit немесе button- шерткен кезде өңдеушіге формадан мәліметтерді жіберу процесін орындаған батырманы анықтайды .

Қарапайым батырманы құратын мысал .

Текстік мәліметтерді жазатын область беретін программа фрагменті .

 
HTML құжаттағы мультимедиялық обьектілер.
Қызметі қолданымға кеңінен енген мерзім барысында мультимедиа да кеңінен тарай бастайды . Себебі HTML тілі Web парақтарында мультимедиялық обьектілерінің пайда болуына бірден үйлесіп кете алмады . Бейне және дыбыстық файлдар бүгінгі күнге дейін қосымша жалғанған және тіркелген қосылғылар арқылы жарыққа шығарылатын «сыртқы» обьектілер ретінде қарастырылуда . Мультимедияның бейне және дыбыстық файлдары әртүрлі форматтарды қолдана алады . Күнделікті қолданып жүрген форматтар , оны қайта бейнелеу мүмкін болғанға дейін файлдың толық көрініс беруін талап етеді . Бүгінгі күні ағымдық форматтар мәліметтерді жадыдан шығару барысындағы нақты уақыт кезінде дыбыс пен бейне көріністерді жарыққа шығару мүмкіндігін береді.

Интернеттің ағымдық форматтарында радиохабарлар беріледі. Мысалы: Ресейде осындай формат арқылы «күміс жаңбыр» радиостанциясы хабар таратады.

Web параққа мультимедиялық объектілерді енгізудің ең қарапайым әдісі бұл «А» гиперсілтеме тегін пайдалану. Осындай сілтемені қалыптастыру ең жеңіл нәрсе . Бұл жағдайда мультимедиялық файл оқырманды HTML құжатындағы басқа мазмұндық мәліметтерден назарын аудартпайды. Кейбір жағдайларда дыбыстық немесе мультимедиялық файлды тікелей Web параққа енгізу талап етіледі. Мысалы: аталмыш файлды автоматты түрде жарыққа шығару үшін қайсыбір аталмыш операцияларды жүзеге асырады. Бүгінгі күні бұл мақсатқа жету үшін HTML стандартына қатаң түрде кірмегеніне қарамастан «EMBED» тегін қолданған ыңғайлырақ. Бұл тегтерді кеңінен тараған екі броузерлер арқылы тану мүмкіндігін аламыз. Олар Internet Explorer , Next Cup Navigaition . Алайда мультимедиялық файлды жарыққа шығару мүмкіндігін тек қана қосалқы ретінде жалғанған тиісті қосымшалар арқылы ғана анықтайды.

«EMBED» тегі дара болып табылады. Себебі оған жабылатын тег талап етілмейді. Оның міндетті SRC= атрибуты бар. Оған қоса width , height атрибуттарын да пайдалану мүмкіндіктері бар. Олар мультимедиялық объектіні жарыққа шығару үшін бөлінген, экрандағы тік төртбұрыш аумақтағы өлшемдердің (ені, биіктігі) мәнін анықтайды.

HTML тілінің редакторы . MS Front Page HTML редакторы.

Front Page программасы Web-құжаттар жасауға арналған көп мүмкіндіктері бар және қолдануға ыңғайлы программа. Front Page программасы Office құрамына кіретін басқа да программалармен үйлесімді , демек қажетті жағдайда басқа программалармен деректерді ауыстыру жеңіл орындалады.

Web- түйін жасау.

Web- түйін белгілі-бір тақырыпқа байланысты жасақталған Web-беттер шоғыры. Web- түйін сіздің Web-беттер щоғырындағы HTML файлдары мен ондағы пайдаланған графикалық файлдарыңызды арнайы папкаларда орналастырып сақтайды. Егер сіз Web-бет жасағыңыз келсе, онда сіз жұмысты Web- түйін құрастырудан бастаймыз. Front Page программасында бұл амал жеңіл орындалады. Сіз жаңа Web-бет ашарда программа сізге автоматты түрде

My Webs бумасында Web- түйін жасайды. Web- түйін жасау үшін төмендегі амалды орындаңыз:

File => New => Web...

Экранда ашылған сұхбат терезесінен ұсынылған үлгілердің тиістісін таңдап алуға болады.

2. Web-бетті көркемдеу.

Front Page программасында сіз қалауыңызша шрифтерді, олардың көлемін, түсін басқа мәтіндік редакторлардағы сияқты пайдалануыңызға болады. Мұнда ұсынылатын шрифтер ол сіздің компьютердегі бар шрифтер, яғни Front Page қосымша шрифтер ұсынбайды.

Web-беттің фонын көркемдеу.

Сіз қалауыңызша Web-бет фонына Front Page программасындағы стандартты фон суреттерін немесе басқа бір графикалық файлдардағы суреттерді пайдалануыңызға болады. File => Properties... ашылған сұхбат терезесіндегі қажетті файлды немесе өзіңіз ұнатқан түсті орнатыңыз.

3. Web-бетке сурет орналастыру.

Web-бетке сурет орналастыру амалы дәл Word программасындағыдай орындалады.

Пайдаланған суреттер түйін сақталған кезде автоматты түрде түйін орналасқан папкаға көшіріледі. Егер файл.bmp форматында болса, онда jpeg форматына ауыстырылады.

4.Гиперсілтеме. (Гиперссылка)

Гипермәтін дегеніміз тышқан батырмасымен шерткенде қолданушы броузерінде Web-беттің келесі бір торабын ашатын ерекшеленген мәтін немесе графикалық объект. Гипермәтін объектісі ретінде мәтін немесе суреттер пайдаланылады. Font Page программасы гипермәтін орнату амалын дұрыс әрі жеңіл орындауға мүмкіншілік береді.

Гиперсілтемені орнату үшін қажетті объектіні немесе мәтінді белгілеп құралдар тақтасындағы (Hyperlink) гиперсілтеме құралын немесе тышқанның оң жақ пернесін басып ұсынылған тізімнен Hyperlink Ctrl+K командасын таңдап алуға немесе Ctrl+K пернелерін басып гиперсілтеме орнатуға арналған сұхбат терезесін ашамыз. Мұнда қажетті файлды тізімнен белгілеп көрсетіп, ОК батырмасын басамыз.

Front Page программасы гиперсілтемеден басқа закладка пайдалануыңызға болады. Закладка орнату тәртібі төмендегідей:

Мәтіндегі қажетті сөзді белгілеп, Insert => Bookmark мәзірлерін таңдаймыз. Экранда пайда болған терезе автоматты түрде толтырылып тұрады, сондықтан ОК батырмасын бассақ жеткілікті. Келесі орындайтын амалымыз гиперсілтеме орнатуға ұқсас орындалады. Мұнда гиперсілтеме орнату терезесінде файлды емес Bookmark нүктесінен өзіміз белгілеп көрсеткен мәтіндегі сөзді белгілейміз де, ОК батырмасын басамыз.

5.Кесте салу.

Кесте салу амалын орындау үшін:

Table => Insert => Table мәзірін пайдаланамыз. Экранда ашылған сұхбат терезесінде салынатын кестенің бағандары мен жолдары санын көрсетеміз. Кестені өңдеу үшін орындалатын амалдар да өте қарапайым, баған немесе жол қосу – Table => Insert => Rows or Colymns... ашылған сұхбат терезесінен жол (Rows) не бағанның (Columns) қажеттісін таңдаймыз.

6. Web-бетке анимация орнату.

Анимациялар сіз жасаған Web-беттерге қызығушылықты арттырып қана қоймай, ондағы материалдардың өз оқырмандарын табатынына да себебін тигізеді. Анимация орнату үшін Format Page Transition... (Переход страницы) мәзірін таңдап аламыз.

Экранда анимацияның қолдану тәртібін бекітетін сұхбат терезесі ашылады. Мұнда сіз анимацияның нұсқасын таңдап ала аласыз. (Event – Событие, Transition effect – Эффект анимации, Duration – Продолжительность).

7.Жүгіртпе жол. Жүгіртпе жол Marquee командасы арқылы орындалады.

Экранда ашылған сұхбат терезесінде жүгіртпе жолдағы мәтінді теріп жазып, оның ұсынылу тәртібін көрсетеміз (Direction – появление,Speed - скорость, Behavior – поведвние).

Дербес Web -сайтты құру.
Функционалды және қызықты сайт құру үшін біздер «қайсыбір инструменттерді пайдаланамыз».Ол үшін біздерге 2-программа қажет.

HTML Writer –редакторы және графикалық Paint Shop Pro редакторы.

Кез-келген HTML документтің құрылымын жасау және өңдеу үшін оның мазмұны мен күрделілігіне қарамастан оларды құру кезінде қайсыбір процесс жүзеге асырылады. HTML документ кез-келген жағдайда да ақпараттық , зейін аударушы және қолданған кезде, қарапайымдылығымен ерекшеленуі тиіс. Ең алғашқы қадам күрделі қадам болып есептеледі , яғни WEB-сайттың тақырыбын таңдау. Ал егер парақтар бірнешеу болса, олардың әрбіреуіне бөлек тақырыптар ойластырған жөн. Көптеген дербес сайттардың мазмұны нашар ойластырылған. Көптеген авторлар өздерінің дербес сайттарын, отбасылық хабарлармен өздерін қызықтырушы хоббиларымен немесе кәсіби іскерлік мәліметтерімен толтырады. Шындығын айтқанда Web –сайтты құрудағы яғни тақырыбын таңдаудағы бұл жол сайтқа енушінің санын көбейтеді. Сондықтан тақырыпты таңдаудың маңыздылығын бірінші орынға қойған жөн. Егер сіз 1-тақырыптан көбірек қамтығыңыз келсе әрбір параққа орналастыру мүмкіндігіңіз бар.Бұл жағдайда сайттың қалған бөліктеріне бағыттайтын есте қаларлықтай мазмұны болуы тиіс. Есіңізде болсын: сайттан алған ең алғашқы жеріңіз сайтқа келесі тағы да енуіңізге мумкіндік жасайды. Бүкіл әлемдік өршек миллионнан сайттарды өз нарығына шығаруда сондықтан сіздің конкуренттеріңіз көп екенін ұмытпаңыз. Ал сіздің сайтыңызға енушілердің сіздің отбасылық парағыңызда көп уақыт оқымайтындығы белгілі. Сайттың тақырыбын анықтап болған соң, оның мазмұнын анықтау жұмысына кірісіңіз. Сайттың тақырыбына тәуелдісіз өзіңіздің сайтыңызда аудио файлды, графиктерді, видеоклиптерді, сілтемелер тізімін, текстік файлдарды , мәліметтер қорын кірістіруіңізге болады. Мазмұнын анықтаған соң материалды ұйымдастыру жұмысына көшіңіз.

Автор төмендегідей 4-категориалы материал түрлерімен жабдықталуы тиіс.

1. Суреттер (Фотография)

2. Сілтемелер

3. Мәтін

4. Библиография

Материалды орналастырмас бұрын сайттың « скилетін» құрып алу тиіс. Бұл дегеніміз HTML редакторын іске қосып жаңа дербес парақты құру жұмысын бастау деп есептелінеді. Автор өз жұмысына қанағаттанғаннан кейін сайтты шығаруға дайын деп есептесе интернет қызметін пайдаланып өзінің сайтын WWW-ға орналастырады.

Коммерциялық сайтты құру.

Егер сіз бизнесте қызмет жасайтын болсаңыз, сіздің компанияңыздың WWW-ға қызметіне жүгінетін себебіңіз болса , сонда сіздің коммерциялық сайт құруға қажеттілігіңіз бар деген сөз. Ең алдымен мұнда сіздің компанияңыздың негізгі қажетті затын білуіңіз қажет, содан соң қандайда бір іс- әрекетке баруыңызға болады. Мұнда негізгі 4-мақсатта WWW қызметіне жүгіне аласыз.

1. Товарды сату немесе қызмет көрсету.

2. Сауда маркаларының мойындағанын қалаймыз.

3. Тұтынушылардың қажеттігін өтеу мақсатында.

4. Инвестициаларды шақыру мақсатында.

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

Web – сайтты басқару. Парақтарды WWW орналастыру.
Web – сайтты өңдеп аяқтағаннан кейін сіздің материалдарыңыз желі қолданушыларына қарауға, оқып – меңгеруге ашық болуы тиіс. Құжатыңызды WWW-ға орналастырудың екі жолы бар.

Провайдер серверде сіздің парағыңызды орналастыру немесе жеке өзіңіздің Web – серверіңізде орналасу. Сіз өзіңіздің материалдың желіге шықпас бұрын жариялау әдісін қай түрде жасайтыңызды шешіп алуыңыз керек.

Өзіңіздің серверіңізді ұйымдастыру немесе интернет қызметін пайдалану ол өзіңіздің жеке жағдайыңыз бен қойылған есебіңізге тәуелді. Егер сіз үлкен компания үшін сайт өңдеу жұмыстарын жасамайтын болсаңыз және интернеттің басқа қосымшаларын қажет етпейтін болсаңыз: FTP тәрізді, электронық почта немесе мәліметтер қоры, онда сізге жеке сервердің қажеті жоқ. Жергілікті провайдер қызметінің бағасына талдау жасай отырып, өзіңіздің сайтыңызды осылардың біреуіне орналастырғаныңыз жөн. Қасыбір провайдерді таңдау шешімін қабылдамас бұрын оның жүргізіп жатқан жұмысы туралы жеткілікті мәліметтеріңіз болуы қажет.

Web парағыңызды провайдер серверіне орналастыру.

Келесі тізбектегі іс - әрекеттерге көңіл аударыңыз.

Провайдер машинасының UNIX жүйесіне қарым-қатынасыңыз (доступ) болуы қажет.
Сіздің сайтыңыз орналасқан каталогқа қарым-қатынас беруде қамтамасыз ету.

Сайттың ішкі каталогтарын құру.

НТМL файлдарды орналастыру.

Сіздің сайтыңызға қатысты басқа файлдарды орналастыру.

Интернетке көрсетуге файлдарды дайындау. Ең алғашқы сіздің орналасқаныңыз сіздің файлдарыңыз орналасатын желілік кампиотлерде орын дайындау.

Провайдер компьютерлерімен Теlnеt клиентінің көмегімен желіге қосыңыз. Ары қарай сіздің жұмысыңыз келесідей түрде болады.

Провайдер машинасының адресін енгізіңіз. Клиент желіге қосылуды жүзеге асырады.
Атыңызды және парольді енгізіңіз.
PWD - командасын енгізіңіз. Ол арқылы сіз қай каталогта орналастырылуды біле аласыз.

Жауап келесідей түрде болуы мүмкін: USER / Home / user ice

Егер сіз Telnet желіге қосылу қызметін бірінші рет қолдансаңыз, онда оның негізгі командаларымен танысуыңыз қажет.

ls - (файлдарды) ағымдағы каталогтың ішкі каталогтарын және файлдарын көрсетеді.

Жасырын тұрғандарынан басқа (скрытый)

la немесе ls-а-ағымдағы каталогтың ішкі каталогтын файлдарын және жасырын (скрытый) тұрғындарын көрсетеді.

mk dir - каталог немесе ішкі каталогты құрады.

rt – (каталог) файлдарды жояды.

rm dir – каталогтарды жояды.

Қорытынды

Гипертексті бөлу негізіне құжаттың әрбір элементі тегтерімен қоршаған элементтердің жиынтығы түрінде көрсетуге болатын құжатты сипаттаудың тегтік моделі жататын болған. Өзінің мәні бойынша тегтер программалау тілдеріндегі «BEGIN / END» жақша ұғымдарына жақын және локальды айнымалылардың HTML аттарының арасындағы амалдардың облысын білдіреді , құжаттағы тексттік э лементтерді түсіндіру ережелерінің амалдарын анықтайды және т. б.

Жаңа технологиялардың дамуы, оларды пайдалануын ескерсек Web парақтарды құруда қарапайымдылығы мен әмбебаптығымен ерекшеленетін HTML тілін меңгерудің маңызы зор

Әдебиеттер тізімі:

М. Браун, Д. Наникат. НТМГ- С.П. « ВНГ- Санкт-Петербург», 2000.
М. Дмитриева, JavaScript-СПБ: БХВ- Петербург, 2002.
Wев-дизайн. С.В. Лебедев. Издательский дом « Альянс пресс»,

2004 Москва.

Информатика гуминитарлық мамандық студенттері үшін оқу- әдістемелік кешені.
А.П. Сергеев « НТМГ и ХМГ». Профессиональная работа, 2004.
« Информатика негіздері » журналы. 2002ж.
В.Дригалкин . « HTML в примерах ».