Сабақ тақырыбы Модуль /пән атауы: км03 Web ресурстарды құру
жүктеу/скачать 180,18 Kb.
|
1 2
- Бұл бет үшін навигация:
- Сонымен
- 27-сурет. Алгашқы web-6emi
| Тег атрибуттары
Көбінесе ашылу тегтерінің тигізетін эсерлерін түрлендіретін олардың атрибуттары болады. Атрибуттар немесе сипаттамалар - тег атауының жэне бір-бірінен бос орын арқылы бөлініп жазылатын косымша түйінді сөздерден түрады. Кейбір атрибуттар оның мэнін жа- зуды талап етеді. Атрибут мэні оның түйінді сөзінен теңдік белгісі (=) аркылы бөлініп жа- зылады. Атрибут мэні қос тырнақшаға алынып жазылуы тиіс, бірақ кейде қос тырнақшаны жазбауға да болады. Программалау тілдерінде түсінік беретін сөздер - комментарийлер жазылатыны сияқты мұнда да программаның орындалуына еш эсер етпей, оны түсінуді жеңілдететін түсініктеме мэтіндер жазып отыруға болады. HTML тілі комментарийлері арнайы сим- волдардан басталады да, түсінік беретін мэтін осыған жалғаса жазылады. HTML қүжатының қүрылымы 2 бөлімнен түрады: қүжаттың функционалдық бөлігі жэне негізгі бөлігі. HTML құжатын кұру үшін жай мэтіндік редакторды, Windows ортасындағы блокнот- ты пайдалана беруге болады. HTML қүжатының кез келгені тегінен басталып, соған сэйкес жабылу тегімен аяқталады. Осы екеуінің ортасында қүжаттың тақырыптың бөлігі мен түлғасы болып келетін негізгі бөлігі орналасады. Қүжаттың тақырыптық бөлігі типтерінің ортасында түруы, жалпы қүжат туралы мэлімет береді. Сайт дегеніміз не? Web-сайт дегеніміз - дизайндары қайталанган web-парақтардың навигациялык. физикалық жэне магыналық жағынан да бір серверде біріккен жиынтыгы. Бүрынгы кезде web-сайты бір адам - web-мастер жасаган болса, қазіргі кезде web- сайттарды бірнеше адам жасайды. Олар web-дизайнер, программалаушы, бизнес-кеңесші. маркетинг бойынша басқарушы, менеджер. Дайын материалдардың web-сайтта орнала- суын web-басылым немесе web-публикация деп атайды. Web-сайттың дербес бөлігін, URL адреспен қамтылган қүжатты web-парақ деп атаймыз. Web-парақ статикалық немесе динамикалық күрылымға ие. Әдетте web-парак мэтін, кескін, дыбыс күжаты, видео немесе анимациялары бар гипермэтін түрінде үйымдастырылады. Ғаламторда web-парактар браузер арқылы көрсетіледі. Бірақ web-парақтар html тілінің тегтерінсіз браузерде дүрыс, анық көрсетілмейді. Web-парақ 2 логикалық бөлікке бөлінеді: тақырыбы жэне мазмүны. Web-парақтың тақырыбы <HEADX/HEAD> контейнерінде бекітіледі. Беттің атауы <TITLE>TITLE> контейнерінде орналасады жэне браузердің жоғары бөлігінде бейнеленеді. Ал беттің мазмүны <BODY>BODY> контейнерінде жазылады. Мы- салы, web-сайттың алгашцы парагын HTML коды арқылы құру үшін мына сызбаны пайдалануга болады (26-сурет): HTML тілінде web-парақ немесе сайт қүру үшін кәдімгі блокнот қосымшасын қолдануга болады. Код- ты блокнотта жазамыз да, сақталу орнын көрсетіп, Файл => Сақтау (Сохранить как) => Файл атауы де- генге паше*.html, ал Файл типтері дегенге Барлық файлдар таңдаймыз да, Сақтау батырмасын баса- мыз. Сосын браузермен ашып, жүмыс нәтижесін қараймыз. IV Бекіту кезеңі Сонымен, біраз мағлұмат алдық, енді HTML тілінде web-парақ құрып көрейік. №1 тапсырма Блокнот қосымшасын ашамыз. Төмендегі кодты тереміз. <HEADXTITLE> Менің алғашқы парағым.TITLE> HEAD> <BODY> Құрметті достар, алғашқы web-парағыма қош келдіңдер! Кұжатты сақтаймыз. Браузерден қараймыз (27-сурет). Бұл жұмыстың нэтижесін қарасақ, мэтініміз бір жақ шетінде орналасыпты. Ендігі келесі тапсырмада істейтін әрекетіміз, осы мэтінді тег атрибуттары арқылы жұмыс алаңының ортасына қарай орналастыру жэне эріп өлшемін өзгерту болады. №2 тапсырма Мәтіннің стилін өзгерту үшін <Н№>мәтін< /Н№> тегін пайдаланамыз. Мұндағы нөмір белгісінің орнына стиль нөмірін жазамыз. Ол нөмір 1-ден 6-га дейін болады. Яғни, <Н1>Тақырып1 <Н2>Тақырып2 <НЗ>ТақырыпЗ <Н4>Тақырып4 <Н5>Тақырып5 <Нб>Тақырыпб Мен "Құрметті достар, алғашқы web-парағыма қош келдіңдер!" мәтініне<Н2>Тақырып2стилін қолдандым. Сонда былай болады : <Н2> Құрметті достар, алғашқы web-парағыма қош келдіндер! Енді мен бұл мэтінді жолдың ортасына карай қоюым керек. Ол үшін мына тегті қолданамын: <Н№ ALIGN="CENTER">мәтінН№> Сонымен осы текті қолданайық. <Н2 ALIGN="CENTER"> Құрметті достар, алғашқы web-парағыма қош келдіңдер!Н2> 27-сурет. Алгашқы web-6emi Ал енді мэтінімізді қоюлатылған, курсивті, асты сызылган етіп көрсету үшін <В>, , тегтерін қолданамыз. Жазудың түсін өзгерту үшін түстер тегін қолданамыз: мәтін . Қызыл түсті алу үшін кілт сөзді немесе қызыл түстің он алтылык кодын жазамыз. Red-қызыл, #ҒҒ0000 - қызыл түстің он алтылық коды. Яғни, алдыңғы қолданған тегтерді өшірмей, түстің тегін қоссақ былай болады: <font color="#FF0000"><H2 ALIGN="CENTER">Құрметті достар,алғашқы web-парағыма қош келдіңдер! H2x/f ont> Құжатты сақтап, нэтижесін браузермен қараңдар. VII Бағалау кезеңі Сабақтың барысында оқушылардың белсенділігіне, тапсырма нэтижелеріне қарай бағалаймыз жүктеу/скачать 180,18 Kb. Достарыңызбен бөлісу:
|
1 2