Web беттің аты
жүктеу/скачать 0,75 Mb.
|
Айтмұрат Аружан ОТЧЕТ[1]
| Төртіншіден Енді тура кодтың өзінде микробелгілеуді және бұрын XML бөлшегі болған спецификацияны пайдалануға болады, мысалы HTML-құжаттың кодында SVG спецификациясын пайдлануға болады.
HTML5-те қандай жаңа технологиялар пайда болды? HTML5-те вебмастерге қызықты мүмкіндіктерге жол ашатын көптеген технологиялар пайда болды, оның ішінде:canvas элементі (тег) – векторлық графика құруға, оны анимациялауға, тіпті ойындар құрастыруға мүмкіндік береді. Бұл технологияның мақсаты – сайттағы флеш анимациялардың толықтай орнын басу. Шектеулі мәліметтерді сақтау бойынша жұмыс істегенде Cookies файлдарына қарағанда біршама жеңіл істелінетін жаңа технологиялар пайда болды.Тұтынушының орнын geolocation арқылы анықтау мүмкін болды. Жоғарыда аталғандай, әуен, видео, анимация, ойын, барлығында да басқа плагинге қосылмай-ақ тыңдауға болады.Басқа да технологиялар. HTML5 тілі HTML4 пен XHTML тілінен немен ерекшеленеді? HTML5-те HTML-құжаттың құрылымы біраз өзгерді, мысалы, тек бір ғана доктайп қалды, жаңа тегтер мен атрибуттар, бетті жоғары, төмен, екі жағынан бөлікке бөлетін семантикалық бөлгіштер пайда болды. HTML4-гі көптеген тегтермен атрибуттар енді ескірген деп есептеледі. Бірақ, соның өзінде, алдыңғы HTML3, HTML4 және XHTML сияқты белгілеу тілдерімен толықай сәйкестігін сақтап қалды. HTML5 спецификациясында DOM технологиясында JavaScript бағдарламалау тілінің бетіндегі элементтердің қалай өзара жұмыс істеулері керектігін көрсетіп берді. HTML5 спецификациясына браузерлер HTML-кодта кездесетін қателіктерді қалай түзетулері керектігі туралы сипаттама енгізілді (бұл браузер дайындаушылар үшін маңызды). Осыған дейін браузер дайындаушылар арасында тек браузердің қатесі жоқ кодты дайындауы туралы ғана сипаттама болған еді. Қазіргі уақытта HTML5 қолдану қажет пе? Ия, қажет! Барлық дерлік ірі ойын веб-индустриялары HTML5 қолдануға көшті, себебі бұл тіл - толықтай болашақтың тілі. Барлық заманауи браузерлер HTML5 тілін тұтынады. CSS CSS тарихы сабағы CSS алдымен 1997 жылы веб-әзірлеушілерге өздері жасаған веб-беттердің визуалды көрінісін анықтауға мүмкіндік беретін құрал ретінде жасалды. Веб-мамандар веб-сайттың кодының мазмұнын және құрылымын көрнекі дизайннан ажыратуға мүмкіндік берді, бұл осы уақытқа дейін мүмкін болмады. Құрылымның және стилдің бөлінуі HTML-ға бастапқыда негізделген функцияны көбірек орындауға мүмкіндік береді - мазмұнның белгіленуі, беттің өзін «дизайны мен сезімі» деп аталатын беттің дизайны мен орналасуына алаңдамай, беттің. Веб-браузерлер осы таңбалау тілінің негізгі қаріптері мен түстік аспектілерінен артық пайдалана бастаған кезде, 2000-ға дейін CSS танымал болмады. Бүгінде барлық заманауи браузерлер CSS-тің барлық деңгейі 1-де, CSS-нің 2-деңгейінің көпшілігін және тіпті CSS-нің 3-деңгейінің көптеген аспектілерін қолдайды. CSS бұрынғыдай дамып келе жатқанда және жаңа стильдер енгізілсе, веб-браузерлер бұл браузерлерге CSS-ді жаңа CSS-ті қолдана алатын модульдерді енгізе бастады және веб-дизайнерлерге жұмыс істеу үшін қуатты жаңа стилі құралдарын береді. Көптеген жылдар өткеннен кейін веб-сайттарды жобалау және дамыту үшін CSS-ні пайдаланудан бас тартқан веб-дизайнерлер таңдалды, бірақ бұл тәжірибе бүгінгі күні саладан кетіп қалды. CSS қазір веб-дизайнда кеңінен қолданылатын стандарттар болып табылады және бүгінгі күні салада жұмыс істейтін кез-келген адамды табу үшін қиындық тудыруы мүмкін, ол кем дегенде осы тіл туралы негізгі түсінікке ие болмады. CSS - бұл аббревиатура Жоғарыда айтылғандай, CSS термині «Каскадты стиль кестесін» білдіреді. Осы фразаны осы құжаттардың немен айналысатындығын толығымен түсіндіру үшін біраз қысқартамыз. «Стильдік парақ» сөзі құжаттың өзін білдіреді (HTML сияқты, CSS файлдары - әртүрлі бағдарламалармен редакциялауға болатын нақты мәтіндік құжаттар). Стиль кестелері көптеген жылдар бойы құжат жасау үшін пайдаланылды. Олар баспа немесе онлайн режимінде орналасу үшін техникалық сипаттамалар. Баспа дизайнерлері өздерінің конструкциялары өз ерекшеліктеріне сәйкес басып шығарылғанын қамтамасыз ету үшін ұзақ уақыт стильдер кестелерін қолданған. Веб-парақ үшін стилистикалық парақ бірдей мақсатқа қызмет етеді, бірақ веб-шолғышты қарауға болатын құжатты қалай жасайтынын айтып беретін функционалдығы бар. Бүгінгі күні CSS стильдерінің парақтары беттердің әртүрлі құрылғылар мен экран өлшемдерін көру әдісін өзгерту үшін медиа сұрауларын пайдалана алады. Бұл өте маңызды, себебі ол бір HTML құжатына қол жеткізу үшін пайдаланылатын экранға сәйкес әр түрлі түрде көрсетіледі. Каскад - бұл «каскадты стиль кесте» терминінің ерекше бөлігі. Веб стилі парағы сол парақтағы стильдер сериясынан, мысалы, сарқыраманың үстіндегі өзен секілді каскадталған. Өзендегі су сарқыраманың барлық тастарына шабуылдайды, бірақ төменгі жағында ғана судың ағыны қайда барады. Веб-сайттың стильдер кестесіндегі каскадқа қатысты. Веб-дизайнер кез-келген стильді қолданбайтын болса да, әрбір веб-бетке ең болмағанда бір стиль парағы әсер етеді. Бұл стиль парағы - пайдаланушы агенттерінің стилі парағы - егер веб-шолғыш басқа нұсқаулар берілмесе, бетті көрсету үшін пайдаланатын әдепкі мәнерлер ретінде де белгілі. Мысалы, әдепкі бойынша гиперсілтемелер көк түспен көрсетілген және олар сызылған. Бұл мәнерлер веб-шолғыштың әдепкі мәнері парағынан келеді. Егер веб-дизайнер басқа нұсқауларды ұсынса, браузер қандай нұсқаулардың басымдықты екенін білуі керек. Барлық браузерлердің өздерінің әдепкі мәнері бар, бірақ олардың көбісі (көк сызылған мәтін сілтемелері сияқты) барлық немесе негізгі браузерлерде және нұсқаларда ортақ пайдаланылады. Браузердің әдепкі бойынша басқа үлгісі үшін менің веб-браузерімде әдепкі қаріп өлшемі « Times New Roman » өлшемі 16 өлшемінде көрсетіледі. Мен баратын беттердің ешқайсысы сол қаріп тұқымдасы мен өлшемінде көрсетілмейді. Себебі, каскадтың өзі дизайнерлердің өздері белгілеген екінші стиль кестелерін қаріп өлшемін және отбасын қайта анықтау үшін , менің веб-браузерімнің әдепкі мәндерін басымырақ деп анықтайды. Веб-парақ үшін жасайтын кез-келген стильдер браузердің әдепкі мәнерлеріне қарағанда ерекше сипатқа ие болады, сондықтан бұл мән-жайлар сіздің мәнер кестеңіз оларды алмастырмаса ғана қолданылады. Егер сіз сілтемелердің көк және асты сызылғанын қаласаңыз, онда сіз ештеңе істеудің қажеті жоқ, себебі ол әдепкі болып табылады, бірақ егер сіздің сайтыңыздың CSS файлы сілтемелер жасыл болса, бұл түс әдепкі көк түспен бас тартады. Hyper Text Markup Language HTML дегеніміз не? HTML Hyper Text Markup Language дегенді білдіреді HTML – веб-беттерді жасауға арналған стандартты белгілеу тілі HTML Web-беттің құрылымын сипаттайды HTML бірнеше элементтерден тұрады HTML элементтері браузерге мазмұнды қалай көрсету керектігін айтады HTML элементтері мазмұн бөліктерін белгілейді, мысалы, «бұл тақырып», «бұл абзац», «бұл сілтеме» және т.б. 1.1-сурет Мысал түсіндірілді Декларация бұл құжаттың HTML5 құжаты екенін анықтайды Элемент HTML бетінің түбір элементі болып табылады Элемент HTML беті туралы мета ақпаратты қамтиды Элемент жүктеу/скачать 0,75 Mb. Достарыңызбен бөлісу:
|