Html тіліні Кмегімен webпаратарды ру мазмны
 Скачать 2.01 Mb.
|
|
HTML ТІЛІНІҢ КӨМЕГІМЕН WEB-ПАРАҚТАРДЫ ҚҰРУ Мазмұны 1 HTML тіліне кіріспе 2 HTML тілінің негізгі ұғымдары 3 HTML тілінің тэгтік үлгісі 3.1 Мәтіндерді безендіру 3.2 Кестелерді тұрғызу 3.3 Графика мен мультимедианы web-параққа қою 3.4 Фреймдерге бөлу 4 HTML тэгтерінің атрибуттары 5 Практикалық жұмыстар мен бақылау сұрақтары Интернетте бағдарламалау JavaScript тілі HTML тілі PHP тілі Flash бағдарламасы Мазмұны HTML тіліне кіріспе HTML тілінің негізгі ұғымдары HTML тілінің тэгтік үлгісі HTML тэгтерінің атрибуттары Практикалық жұмыстар мен бақылау сұрақтары Мәтіндерді безендіру Кестелерді тұрғызу Графика мен мультимедианы web-параққа қою Фреймдерге бөлу HTML ТІЛІНЕ КІРІСПЕ Интернеттің қазіргі дамуы 90-жылдар басында компьютерлер арасында мәлімет алмасудың жаңа хаттамасы (protocol) пайда болғаннан кейін басталды. Бұл хаттама HTTP (Hyper Text Transfer Protocol- гипермәтінді тасымалдау хаттамасы) деп аталған болатын Осы хаттамамен қатар НТТР серверлерінің кеңейтілген желілері болып табылатын, Интернет арқылы файлдар тасымалдай алатын World Wide Web қызмет бабы (WWW немесе тек Web) пайда болды World Wide Web сөзі қазақ тіліне кеңейтілген бүкіләлемдік өрмек болып аударылады HTML (Hyper Text Markup Language) – гипермәтінді белгілеу тілі. Ол кәдімгі мәтіндерді Web-парақтар түрінде бейнелеуге арналған ережелер жиынын анықтайды. Бұл файлдардың басым көпшілігі Web- парақтар түрінде HTML тілінде жазылған арнаулы файлдар түрінде болды HTML тілінің мағынасы мен атқаратын қызметін оның атынан анықтауға болады Осы файлдарды НТТР серверлерінде (Web- тораптарында) орналастыру жолымен Web-парақтар қалың көпшілік пайдалатындай түрінде интернетте жарияланады Web-парақтар мазмұны әр түрлі бола береді және олар әр түрлі тақырыптарды қамтиды, бірақ олардың бәрінің де негізгі жариялану, яғни жазылу тілі HTML болып табылады HTML ТІЛІНІҢ НЕГІЗГІ ҰҒЫМДАРЫ Гипермәтін – қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді элемент орналасқан мәтін. Ол мәтін ішіне дыбыс, сурет, мәтінді безендіру, пішімдеу істерін орындауды белгілейтін сөздер орналасады. Сөзді ерекшелеп белгілеу – келесі көрсетілген құжат бөлігі қалай бейнеленетіндігін анықтайтын айрықша кодты енгізу Гиперсілтеме – парақ элементтерінің ортасында гиперсілтеме көрсетілген мәтінмен немесе суретпен, кейбір объектілермен немесе адрестермен байланыс жасайды Гиперсілтемені анықтау үшін:Көшетін екінші құжатқа қыстырма жасайды Қыстырма жасалғаннан кейін сақтайды Гиперсілтеме жасалынатын сөзді белгілеп, гиперсілтемені жасайды Қосымша терезе ашылады HTML ТІЛІНІҢ ТЭГТЕРІ (командалары) HTML тілінің бастапқы мәтінді белгілейтін командалары тэг (tag) деп аталады Тэг символдар тізбегінен тұрады. Барлық тэг «кіші» (<) символынан басталады да, «үлкен» (>) символымен аяқталады HTML тіліндегі әрбір тэг бір арнаулы қызмет атқарады Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз – тэг орналасады Мәтіндік редакторлар ішінде Блокнот редакторы жиі қолданылады Блокнот редакторы терезесінде төмендегі көрсетілген қарапайым HTML файлының мәтінін теру керек: Сәрсенбі күнгі сабақ кестесі | Құжаттың денесі | |
| | Бос жол қою | |
| | Батырма | |
| | Кестеге не суретке тақырып беру |
| | Жиектеріне қатысты ортаға қою | |
| | Кестенің бағаны | |
| | Мәтінді ерекшелеу | |
| | Объектіні еңгізу | |
| Қаріптің локальді өзгеруі | ||
| | Басқару элементтері бар форманы құру | |
| | Фреймді құру | |
| | Фреймдар жиыны | |
| - | Құжаттың тақырыптары 1-ден 6-деңгейге дейін | |
| Бірінші абзац Екінші абзац Кез келген мәтінді жазу Мәтіннің жалғасы жазуы құжаттың фонының түсінің ақ екендігін көрсетеді Тізімдер
Тізімнің тақырыбы міндетті емес элемент болып табылады және ол Тізімнің құрамы жолдардан тұрады және әрбір жол Маркерленген тізім Үнсіз келісім бойынша маркерлер қара боялған дөңгелекше тәріздес болады, бірақ оның формасын өзгертуге болады. Ол үшін type атрибуты қолданылады. Мысалы, оның келесі мәндері бар: Нөмірленген тізім type=1 - араб цифрларымен нөмірлеу type=А – латынның үлкен әріптерімен type=а – латынның кіші әріптерімен type=І – римнің цифрлерінің үлкен сандарымен type=і – римнің цифрлерінің кіші сандарымен Мысалы, нөмірленген тізімнің түрлері: КЕСТЕЛЕРДІ ҚҰРУ | Мысалы: Нәтижесі: Графика мен мультимедианы web - параққа қоюWeb-ке арналған графикалық файлдардың форматтарыGIF (Graphics Interchange Format – алмасудың графикалық форматы), кеңейткіші- .gif JPEG (Joint Photographic Expert Group – фотосуреттер эксперттерінің біріккен тобы), кеңейткіші- .jpg және .jpeg PNG (Portable Network Graphics – тасымалданатын желілік графика), кеңейткіші- .png Кескінді параққа қою Оның ең қарапайым жолы Сурет арқылы аудио не видео файлға сілтеме жасау Мына суретке шертсе видео файл ойнатылады Келесі ойнатқыш терезесі шығады ФРЕЙМДЕРГЕ БӨЛУ Оның ең қарапайым жолы тэгінің орнына Ал фреймнің ішіндегілері тэгі арқылы анықталады Мысалы: cols – тік фреймдердің санын береді rows – көлденең фреймдер санын lime yellow cyan Cуреттегідей үш тік фреймдерге бөледі Тік және көлденең фреймдердің бірге қолданылуына мысал: Lime Yellow Cyan White Aqua Red Cуреттегідей тік және көлденең фреймдерге бөледі Lime Yellow Cyan White Aqua Red Lime Yellow Cyan White Aqua Red Мына суретке шертсеңіз осы парақты браузер арқылы көресіз Практикалық жұмыстар мен бақылау сұрақтары Бір мысалды қарастырайық: Интернетке хош келдініздер! BODY> Блокнотта HTML кодын жазу Блокнотта жазған кодты htm кеңейткішімен сақтау Сақталған файлды таңдау 1-ші деңгейдегі бос тақырып мәтіні 2-ші деңгейдегі ішкі тақырып мәтіні абзац басы тәгі, жол арасына бос орын қалдырады. горизанталь сызықтан кейінгі мәтін екі жолға бөлу ... ... Бақылау сұрақтары: HTML тілі қандай тіл, атқаратын қызметі қандай? HTML тілінің қандай негізгі ұғымдары бар? WWW қазақ тіліне қалай аударылады? Web-парақ дегеніміз не? HTML тілі қандай хаттаманың пайда болуына байланысты шықты? Тэг дегеніміз не? Атрибут дегеніміз не? Мәтінді безендіру үшін қандай тэгтер мен атрибуттар қолданылады? Кестелерді құруға арналған тэгтер мен атрибуттарын ата. Кескінді параққа қоюға арналған тэг қандай? Фреймдерге бөлуге қолданылатын тэгтер мен атрибуттарды ата. |
|---|