ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 08.11.2023
Просмотров: 54
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
HTML
HTML деген не? –
Гипермәтінді белгілеу тілін түсіндіруHTML гистограмма Hypertext Markup Language дегенді білдіреді. Интернеттегі мазмұнды жазу үшін пайдаланылатын негізгі белгілеу тілі. Интернеттегі әрбір веб-бетте кем дегенде HTML кодтамасы бастапқы кодта қамтылған, ал көптеген веб-сайттар көпшіліктен тұрады. HTML немесе HTM файлдары.
Сіз веб-сайт құруды қаламайсыз ба, әлдеқайда маңызды емес. HTML-ны білу, оның қалай пайда болғаны және түзетілу тілі қалай құрастырылғанының негізі шынымен осы негізгі веб-сайттың архитектурасының таңғажайып әмбебаптығын және веб-ке қарайтынымыздың негізгі бөлігін қалай көрсете алатынын көрсетеді.
Егер онлайн режимінде болсаңыз, онда сіз HTML-тің кем дегенде бірнеше данасын көріп отырсыз, тіпті оны тіпті түсінбейсіз.
HTML кім ойлап тапты?
HTML 1991 жылы бізді қазір Бүкіләлемдік тор ретінде білетінімізді негізін қалаушы және негізін қалаушы Тим Бернерс-Ли құрған.
Ол компьютердің орналасқан жеріне қарамастан, ақпарат алмасу идеясымен пайда болды ( HTTP (веб-серверлер мен веб-пайдаланушылар үшін байланыс хаттамасы) және URL (Интернеттегі әрбір веб-бет үшін ыңғайлы мекен-жай жүйесі).
HTML v2.0 1995 жылдың қарашасында шығарылды, содан кейін жеті басқасы 2016 жылдың қараша айында HTML 5.1 пішінін құрды. Ол W3C ұсынысы ретінде жарияланды.
HTML неге ұқсас?
HTML тілі кронштейндермен қоршалған сөздер немесе акронимдер деп аталатын тегтер деп аталады. Әдеттегі HTML тегі жоғарыда көрсетілген суреттегідей көрінеді.
HTML тегтері жұп ретінде жазылады; кодтың дұрыс көрсетілуін қамтамасыз ету үшін басталу тегі мен аяқталу тегі болуы керек. Мұны сіз оны ашу және жабу туралы, немесе сөйлемді бастау үшін бас әріппен және оны аяқтауға арналған секілді ойлануға болады.
Бірінші тег келесі мәтінді топтастыру немесе көрсету жолын көрсетеді және жабу тегі (кері қиғаш сызықпен белгіленеді) осы топтың немесе дисплейдің соңын көрсетеді.
Веб-беттер HTML-ды қалай пайдаланады?
Веб-браузерлер веб-беттердегі HTML-кодты оқиды, бірақ олар пайдаланушы үшін HTML түзетулерін көрсетпейді. Оның орнына браузер бағдарламалық жасақтамасы HTML кодтауды оқылатын мазмұнға аударады.
Бұл белгілеу веб-беттің негізгі құрылымдық блоктарын тақырыптар, тақырыптар, параграфтар, дене мәтіні мен сілтемелері, сондай-ақ сурет иелері, тізімдер және т.б. сияқты болуы мүмкін. Сондай-ақ, ол мәтіннің негізгі көрінісін, тақырыптарын және т.б. HTML-тің ішіндегі қалың немесе тақырып тегінің көмегімен.
CSS
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 файлы сілтемелер жасыл болса, бұл түс әдепкі көк түспен бас тартады. Астыңғы сызба осы мысалда қалады, өйткені сіз басқаша айтқан жоқсыз.
CSS қолданылған қайда?
CSS, басқа веб-сайттарда веб-шолғыштан қарағанда, веб-беттердің қалай көрінетінін анықтау үшін де пайдаланылуы мүмкін. Мысалы, веб-беттің қалай басып шығарылатындығын анықтайтын басып шығару мәнерінің парағын жасауға болады. Навигация түймешіктері немесе веб-пішіндер сияқты веб-беттер элементтері басып шығарылған бетте ешқандай мақсатқа ие болмағандықтан, басып шығарылған стиль кестесін бет басып шығарылған кезде сол жерлерді «өшіру» үшін пайдалануға болады. Көптеген сайттарда әдеттегі тәжірибе болмаса да, басып шығару стилінің парақтарын құру мүмкіндігі қуатты және тартымды (менің тәжірибем - көптеген веб-мамандар мұны жасамайды, себебі сайттың бюджет көлемі осы қосымша жұмыс жасауды талап етпейді) ).
Неге CSS маңызды?
CSS - бұл веб-дизайнер үйренетін ең қуатты құралдардың бірі, себебі сіз веб-сайттың бүкіл көрнекі көрінісіне әсер ете аласыз. Жақсы жазылған стильдердің парақтары жылдам жаңартылып, тораптарға басты HTML-нен түзетуге ешқандай өзгеріс енгізбестен, өз кезегінде, келушілерге құндылық пен фокус көрсететін экранда көрнекі түрде бейнелейтін нәрсені өзгертуге мүмкіндік береді.
JavaScript
JavaScript тілі, оның қысқаша тарихы - Netscape Communications корпорациясы ең басынан бастап World Wide Web динамикалық дамуына айтарлықтай үлес қосты. Осы саладағы жетістікке жету үшін Netscape Navigator браузерін жасау және тегін тарату (үйде пайдалану үшін) арқылы насихатталды. Содан кейін, Netscape қысқа уақыт ішінде LiveScript деп аталатын сценарий тілін құрды, ол статикалық құжаттарды көп немесе аз интерактивті бағдарламаларға айналдыруға мүмкіндік беретін керемет құрал рөлін атқарады. Netscape Navigator браузерінің алғашқы нұсқаларында қолдау көрсетілетін LiveScript өте танымал және табысты болды. Сонымен қатар, Sun Microsystems-дағы инженерлер әртүрлі интерфейстердің стандарттарына сәйкес бағдарламалық жасақтамаға бейімделіп, Java тілін дамытты. Netscape Communications және Sun Microsystems арасындағы келісімнің арқасында LiveScript-дің идеяларын Java құрылымымен біріктіре отырып, желілік қосымшаларды әзірлеуге және, ақырында, динамикалық веб-беттерді жасауға арналған «Mocha» деп аталатын орта болды. Ол ашық сипатта және қолданылатын бағдарламалық жасақтамадан тәуелсіз болды. Жоба екі нұсқада 1995 жылы желтоқсанда 1.0 нұсқасында JavaScript атауымен жарияланған техникалық сипаттамаларды жасақтауға әкелді. Өз өнімдерінде JavaScript тілін қолдануға мүдделі көптеген компаниялар жаңа технологияға қызығушылық танытты. Microsoft корпорациясы JavaScript тілін Internet Explorer браузері арқылы көрсете алады деп жариялады. Бірақ Microsoft корпорациясы JavaScript-ні пайдалануда кейбір қиындықтарды бастан кешірді, өйткені JScript деп аталған осы тілдің алғашқы іске қосылғандығын Internet Explorer 3.0-де жеткілікті сенімді деп санауға болмайды. Бұл Microsoft-тың мәжбүрлі, стандартты JavaScript нұсқасын пайдалануына мәжбүрледі және Internet Explorer авторлық шешімі болып табылатын VBScript (Visual Basic Script) тіліндегі сценарийлерді іске қосу мүмкіндігін қамтамасыз ете бастады. Оның 6 синтаксисі мен мүмкіндіктері JavaScript-ке өте ұқсас. Алайда, JavaScript әмбебап және кеңінен қолданылатын технология болып табылады. HTML тілі Web-беттер авторларына мәтіндік және графикалық ақпаратты бейнелеу үшін үлкен мүмкіндіктерді береді. Бірақ HTML тілі көмегімен құрылатын HTML беттер статистикалық болып қала береді – яғни, пайдаланушы бетте орналасқан ақпаратты өзгерте алмайды және де көптеген интерфейстік элементтерді қолдана алмайды. Бетті интерактивті түрде жасау үшін – скриптілік тіл қажет. Скриптілік тілдер интерактивті беттерді құру үшін қолданылады. Сондай скриптілік тілдің бірі JavaScript.
JavaScript –бұл қарапайым объектілі-бейімделген, браузерге түсінікті программалау тілі. Браузер бұл тілдегі командаларды орындай алады, яғни оның ішкі интерпретаторы бар. Ол Internet үшін клиенттік және серверлік қосымшаларды құру үшін арналған. JavaScript программасы скрипт немесе сценарий деп аталады. JavaScript тілінде жазылған бағдарламалар HTML-құжаттарының құрамына кіреді және солармен бірге тарайды. Netscape Navigator және Ms Internet Explorer типті көру программалары (яғни, браузерлер) құжаттың мәтініне енгізілген кірістірілген программаларды (Script-кодтар) таниды және оларды орындайды. JavaScript коды HTML тілін толықтырып, оны көрнекі етеді. JavaScript тілі арқылы гипермәтіндер жаңа мүмкіндіктерге ие болады. JavaScript тілінде программаларды құру үшін JavaScript-ті тілін қолдайтын сәйкес версиялы браузер және HTML-құжаттарын құруға мүмкіндік беретін мәтіндік редактор қажет. JavaScript программасы HTMLқұжатының мәтініне кірістірілген болғандықтан, сіз өз жұмыстарыңыздың нәтижесін, құжатты браузермен көрген уақытта көре аласыз және қажет жағдайда өзгертулер енгізе аласыз.
Скриптілік тілдер көбінесе мыналар үшін қолданылады:
браузердің статустық жолындағы сұхбаттық тақталарды және хабарламаларды бейнелеу үшін;
жүктелу уақытында беттің құрамын динамикалық түрде құру;
беттің құрамын өзгерту; пайдаланушы көретін ақпаратты өзгерту;
басқа беттер бойынша навигация;
Web-бетке Java–апплет және Active X элементтері сияқты кірістірілген объектілерді басқару. JavaScript көмегімен келесіні жасауға болады:
веб-беттердің мазмұнын динамикалық түрде өзгерту;
оқиғаларды өңдеушілерді элементтерге байланыстыру (кодты белгілі бір әрекеттер орындалғаннан кейін ғана атқаратын функциялар);
кодты белгілі бір уақыт аралығында орындау;
браузердің әрекетін басқару (жаңа терезелерді ашу, көрсетілген құжаттарды жүктеу және т.б.);
cookie файлдарын жасау және оқу;
пайдаланушы қай браузерді қолданатындығын анықтау (oж-ні, экранның кеңейтпесін, пайдаланушының қолданған беттерін және т.б. анықтау);
серверге жіберместен бұрын форманың деректерін және тағы басқаларын тексеру.
Негізгі ұғымдар
JavaScript программалау тілін Netscape Communications-тегі Брендан Эйк ойлап тапқан. Бұл клиент тарапынан жұмыс істейтін сценарилерді жазуға арналған объектілі-бағдарланған тіл. JavaScript тілі объектілерге негізделген. JavaScript объектісі – реттелмеген қасиеттер жиынтығы. Олардың әрқайсысының осы қасиеттің қалай пайдаланатындығын анықтайтын атрибуттары болады. JavaScript-тің бірге орнатылған ішкі Global, Object, Error, Function, Array, String, Boolean, Number, Math, Date, RegExp сияқты объектілері бар. Сонымен қатар JavaScript-тің ішкі амалдары болады, олардың функция не әдіс болулары міндетті емес. Оларға қоса оның программаның орындалу логикасын басқаратын ішкі операторлар жиынтығы бар. JavaScript тілінің негізгі ұғымдарына тоқталайық: Типі. Деректер мәндерінің жиынтығы. Қарапайым мәні. Типтерінің бірі Undefined–тің элементі (анықталмаған), Null (нөлдік), Boolean (логикалық - true немесе false), Number (сандық) немесе String (жолдық). Қарапайым мәндер – бұл тікелей меншіктелетін және тілді ең төменгі деңгейде жүзеге асыратын деректер. Объект. Object; әрқайсысы қарапайым мән, объект немесе функция бола алатын реттелмеген қасиеттер жиынтығы типінің элементі болып табылады. Функция болып табылатын қасиет әдіс деп аталады. Құрастырушы/Конструктор. Объектілерді құратын және оларды инициализациялаушы функция. Әр құрастырушының қасиеттерді мұраға қалдыруы және бөлектеуі үшін пайдаланатын сәйкес прототипі болады. Прототип. JavaScript-те құрылымды, жағдайды және өзін-өзі ұстауды мұраға қалдыруды жүзеге асыруға арналған объект. Құрастырушы объект құрғанда осы объектінің қасиетіне сілтеме жасауға мүмкіндік беретін құрастырушы прототипіне көрінбейтін сілтеме құрады. Прототип қасиеттері соның негізінде жасалған барлық объектілерге бөлінеді. Тіл объектісі. JavaScript тілін жүзеге асыруды қолдайтын, бірақ сценарилердің орындалу ортасы болып табылмайтын кезкелген объект. Тіл объектісінің бір бөлігі өзімен бірге орнатылады, басқалары сценарилерді орындау барысында жасалады. 8 Бірге орнатылатын объект. Қандай ортада орындалуына қарамастан javascript тілін жүзеге асыруды қолдайтын және сценаридің орындалуының бастапқы сәтінде бар кезкелген объект. Барлық бірге орнатылған объектілер тіл объектісі болып табылады. Орта объектісі. Тіл объектісі