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

Сервер (Server) – үлкен көлемді ақпарат сақталатын желіге қосылған арнайы компьютер. Сервер көптеген клиенттерден сұраныстар қабылдайды да оларға қандай да бір тәсілмен әрекет (мәліметтерді жібереді немесе басқа серверлерге жолдайды) жасайды.
WWW (World Wide Web) – бұл бүкіл дүние жүзі бойынша компьютерлерде сақталатын өте көп құжаттардың жиынын беретін Интернеттің бөлігі.
WWW-ді қысқаша веб деп айтады.
Веб-құжат әр түрлі ақпаратты – мәтін, сурет, фото, видео, аудиожазбаларды қамтуға қабілетті. Осындай құжаттар веб-серверлерде сақталады. Веб-серверлерде сақталған беттер басқа пайдаланушылардың пайдалануына мүмкін болады. Қандай да бір белгілермен біріктірілген Веб-беттер топтамасы веб-сайт немесе жай ғана сайт деп аталады.
URL (Uniform Resource Locator) – желідегі әрбір веб-бетте болатын бірегей адрес. Егер пайдаланушыға беттің URL белгілі болса, онда ол оның адресін браузер жолында теріп оны өзінің браузерінде бейнелей алады.
Жалпы жағдайда URL пайдаланылатын хаттаманың атауынан, сервер атауынан және бетке қатынау жолының белгілеуінен тұрады.
Хаттама веб-бетке жүгіну ережесін анықтайды.
Сервер атауы (домендік атау) – веб-беттің мәліметтері бар компьютерді белгілейді.
Қатынау жолы – сервер дискісіндегі беттің орналасу орнын көрсетеді.
Веб-браузер немесе браузер (browser) – бұл пайдаланушы компьютерінде орналастырылған және желіде ақпараттарды іздеуге немесе бейнелеуге қызмет ететін программа. Браузер беттерді және басқа файлдарды дискіден оқиды да олардың мазмұны пайдаланушы компьютерінің мониторында бейнеленеді. Белгілі, жиі қолданылатын браузерлер ретінде Microsoft Internet Explorer, Mozilla FireFox, Opera, Safari және т.б. браузерлерін айтуға болады.
Веб-бет – мазмұны веб-браузердің көмегімен өңдеу, манипуляциялау және қарау үшін тиімді құжат. Веб-беттер жергілікті– пайдаланушының дербес аппараттық құрылғысында – немесе жергілікті және ауқымды желілердегі желілік құрылғыларда (серверлерде) орналасуы мүмкін.
Қарапайым веб-бет басқа форматтардағы (мәтін, графикалық бейне, видео, аудио, мультимедия, қолданбалы программа, мәліметтер қоры, веб-қызметтер және т.б.) файлдарға сілтемені қамти алатын басқа беб-беттерге тез көшу үшін немесе сілтелінетін файлдарға қатынай алатын html немесе xml форматтарындағы мәтіндік файлды береді. Ақпараттық ресурс веб-бет мазмұнын ақпараттық құраушы болып табылады және контент деп аталады.
Ортақ тақырыппен және дизайнмен, сондай-ақ өзара сілтемелермен байланысқан бірнеше веб-беттер веб-сайтты құрайды.
        
        27.	Web-қосымшаларды дайындау технологиялары
28. Гипермәтіндер. HTML тілі, оның негізгі компоненттері,
29. HTML тілінің құрылымы. HTML тіліндегі ... ... және ... ... (Server) - үлкен көлемді ақпарат сақталатын желіге қосылған арнайы компьютер. Сервер көптеген клиенттерден сұраныстар қабылдайды да оларға ... да бір ... ... ... ... немесе басқа серверлерге жолдайды) жасайды.
WWW (World Wide Web) - бұл бүкіл дүние жүзі бойынша компьютерлерде сақталатын өте көп ... ... ... ... ...
WWW-ді қысқаша веб деп айтады.
Веб-құжат әр түрлі ақпаратты - мәтін, сурет, ... ... ... ... ... ... құжаттар веб-серверлерде сақталады. Веб-серверлерде сақталған беттер басқа пайдаланушылардың пайдалануына мүмкін болады. Қандай да бір ... ... ... ... ... ... жай ғана сайт деп аталады.
URL (Uniform Resource Locator) - ... ... ... ... бірегей адрес. Егер пайдаланушыға беттің URL белгілі болса, онда ол оның ... ... ... ... оны ... ... бейнелей алады.
Жалпы жағдайда URL пайдаланылатын хаттаманың атауынан, сервер атауынан және бетке қатынау жолының белгілеуінен тұрады.
Хаттама веб-бетке ... ... ... ... ... атау) - веб-беттің мәліметтері бар компьютерді белгілейді.
Қатынау жолы - сервер дискісіндегі беттің орналасу ... ... ... немесе браузер (browser) - бұл пайдаланушы компьютерінде орналастырылған және желіде ақпараттарды іздеуге немесе бейнелеуге қызмет ететін ... ... ... және ... ... ... оқиды да олардың мазмұны пайдаланушы компьютерінің мониторында ... ... жиі ... браузерлер ретінде Microsoft Internet Explorer, Mozilla FireFox, Opera, Safari және т.б. ... ... ... - мазмұны веб-браузердің көмегімен өңдеу, манипуляциялау және қарау үшін тиімді құжат. Веб-беттер жергілікті - пайдаланушының дербес ... ... - ... ... және ... ... желілік құрылғыларда (серверлерде) орналасуы мүмкін.
Қарапайым веб-бет басқа форматтардағы (мәтін, графикалық ... ... ... ... ... ... ... қоры, веб-қызметтер және т.б.) файлдарға сілтемені қамти алатын басқа беб-беттерге тез көшу үшін немесе сілтелінетін файлдарға ... ... html ... xml ... ... файлды береді. Ақпараттық ресурс веб-бет мазмұнын ақпараттық құраушы болып табылады және контент деп аталады. ... ... және ... ... ... сілтемелермен байланысқан бірнеше веб-беттер веб-сайтты құрайды.
Клиент-сервер - ... ... ... ... ... деп аталатын көрсетілетін қызметтерді жеткізушілер мен клиент деп аталатын көрсетілетін қызметтерге тапсырыс берушілер арасында үлестірілген ... ... ... архитектура. Физикалық клиент және сервер - бұл программалық жасақтама. Олар негізінен желілік ... ... ... ... ... өзара әсерлеседі және әр түрлі есептеуіш машиналарда болады, бірақ бір машинада да орындалуы мүмкін. Программалар-серверлер клиенттік программалардан ... ... және ... ... ... ... ... функциялар түрінде береді.
Веб-қосымша - бұл клиент ретінде ... ... ... - Веб ... ... ... клиент-серверлік қосымша. Веб-қосымшаның логикасы сервер мен клиенттің арасында ... ... ... ... жүзеге асырылады, ақпарат алмасу желіде жүргізіледі. Осындай тәсілдің ... - ... ... ... ... жүйесінен тәуелді болмайды, сондықтан Веб-қосымша платформааралық сервис ... ... ... ... тез ... ... береді. Гипермәтіндер пайдаланушы жүгінетін қажет беттің URL енгізу қажеттілігін болдырмайды. Гиперсілтемелер түсімен және астын ... ... ... ретінде графикалық кескін, болуы мүмкін, бұл жағдайда ол рамкамен белгіленеді.
HTML (HyperText Markup Language - ... ... ... ... құру тілі ... ... ... жағдайда гипермәтін ретінде басқа мәтіндер - көрсеткіштер-сілтемелермен байланысты мәтін түсініледі. HTML ... ... ... қарапайым кодтар жиынтығын береді. HTML мәтінде логикалық бөлімдерді жеке ... ... ... ... ... картинаны орналастыруға, бетте басқа құжаттармен байланысу үшін сілтемелерді ұйымдастыруға ... ... ... тілі
* мәтінді форматтауға;
* ол жердегі функционалдық элементтерді ажыратуға (кнопкаларды, кестелерді және т.б.);
* Интернеттің басқа ... ... ... ...
* ... ... әр түрлі сыртқы нысандарды қоюға (кескін, дыбыс жазу және т.б.).
* бетке программалау тілінде (мысалы, JavaScript тілінде) ... ... ... ... ... ... құжаттарды форматтауға нақты және дәл атрибуттарды бермейді. Құжаттың нақты түрін тек қана Интернет пайдаланушының компьютерінде программа-браузер анықтайды.
HTML негізгі ... Тег (tag). HTML тегі - бұл ... ... құру ... ... қою ... ... бір есепті орындауға команда беретін компонент.
* Контейнер. Жұпталған тег контейнер деп аталады. Олар екі ... ... ... және ... ... ... ... аргумент). HTML атрибуты тегті өзгертеді. Мысалы, тегтің ішінде абзацты немесе кескінді тегістеуге ... Мән. Мән ... ... және ... ... анықтайды. Мысалы, егер тег үшін тегістеу атрибуты пайдаланылса, онда осы ... ... ... ... ... left ... right ... типте бола алады, сонымен қатар мәні пиксельмен анықталатын кескіннің енін немесе ... ... ... ... де ... ... программасы тегімен басталып тегімен аяқталады. ... мен ... ... ... ... тегінде слэш таңбасының қойылуында.

...... (бұл жерде программаның басқа тегтері болады)
... ... екі ... ... ... ... және ... Атауы және тегтер жұбымен шектеледі, ал денесі және тегтер жұбымн шектеледі. ... ... мына ... ... ... (программа денесінің басқа тегтері)


Сонымен қатар, браузер терезесінің атауында орналасатын әрбір HTML- программаның ... ... ... терезесінің атауы және екі тегтің көмегімен құрылады және және тегтерінің арасында орналасады.


HTML негіздері ;


.... ... ... ... тегтері)


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



Это моя первая страничка!



Ура!!!! Я создал свою первую страницу на ... ... ... html ... ... сақтаймыз.
HTML тіліндегі форма - пайдаланушыға ... ... ... үшін ... ... ... ... құжат бөлімі. HTML-дағы форма FORM элементінің көмегімен беріледі және қарапайым элементтерді белгілеуге қосымша басқару элементтері, таңба және т.б. үшін ... ... ... ... формамен өзара әрекеттесу үшін қызмет атқарады. NAME атрибуты берілген форманың ... ... ... атын ... ... ... элементімен бастапқы және ағымдық мән байланысты. Бастапқы мән value атрибутымен берілуі мүмкін (textarea, object мәндерінен басқа). Элементтерге сәйкес ... ... ... ... ... ... әрекеттесуінде өзгеруі мүмкін. Форманы тазарту барысында элементтер жаңа бастапқы мәнді қабылдайды.
HTML-да келесі басқару элементтері анықталған:
* ... submit, image, reset, button ... input ... және button ... ... (жалауша): checkbox типі;
* радиокнопка: radio типі;
* мәзір: select ... ... optgroup және option ...
* ... ... text типі, сонымен қатар textarea элементі;
* пароль: password ... ... ... hidden ... ... file ... объект: object элементі;
Соңғы HTML 5 нұсқасында қосымша элементтер анықталады:
* datalist элементі - мәтін ... ... ... output ... - ... өрістер негізінде есептеу нәтижелері үшін;
* keygen элементі - ... ... ... кілттер жұбын генерациялау үшін.
Форма ішінде басқару элементтері орналасқан FORM элементінің көмегімен ... ... ... ... өзге FORM ... ... атрибуттар болуы мүмкін:
* action (амал) -- форма өңдеуші URI қамтитын міндетті атрибут;
* method ... ... ... -- GET ... ... ... POST ... қабылдайтын атрибут;
* enctype (ішіндегісі үшін кодтау типі) -- үнсіздік бойынша application/x-www-form-urlencoded (барлық кезде GET ... ... ... ... multipart/form-data қолданылады;
* accept -- файлдарды жүктеу үшін MIME-типіндегі ... name -- ... аты;
* onsubmit -- ... ...
* onreset -- оқиғасының өңдеушісі;
* accept-charset қолданылатын символдар жиынының тізімі.
Формаларды жөнелтудің екі формасы бар: GET және POST. GET ... ... ... сияқты қосымша амалдар орындалмайтын жағдайда серверде формаларды өңдеу кезіндегі жағдайда пайдалану ұсынылады. Кері жағдайда POST әдісін пайдалану талап ... ... ... ... ... ... ... статикалық және динамикалық болып бөлінеді.
Пайдаланушының браузеріндегі құжатқа ... ... html ... динамикалық html беттер болып бөлінеді.
Статикалық - бет пайдаланушының әрекетінен тәуелсіз барлық кезде біркелкі көрінетінін ... HTML ... ... ... ... ... беттер болып табылады. Динамикалық беттер пайдаланушының әрекетіне әсер етуі және өзгеруі мүмкін. Браузер ... ... сол ... ... беттер динамикалық беттер болып табылады.
Веб беттердің динамикасын құру үшін кеңінен таралған тілі - JavaScript тілі. Vbscript (visual basic script) тілі де веб ... ... ... ... тек ... ... салыстырғанда сирек қолданылады.
Perl, SSI, PHP, ASP, Python, Java, Бинарлық код (Си ... С++ ... ... ... ... ... генерациялайтын скрипттерді жазуға болады. Бұл тілдердің әрқайсысының өзінің ерекшеліктері бар. Скрипттерді кез келген тілде жазуға ... Ең ... ... ... және әлсіз жақтарын және оларды тиімді пайдалана білу керек.
Қазір гибридті жүйе көп қолданыста. Соның ішінде AJAX ... ... And XML) ... Бұл ... ... ... сервердегі қандай да бір скриптке қатынауға және серверден ақпарат алуға мүмкіндік береді.
Мысалы, егер сіз ... ... да бір ... ... келсін. Кітап жазылған, ол өзгерілмейді. Бұл жағдайда кітапты статикалық html ... ... ... ... және ... ... келеді.
Егер сізде сайтта өзгеретін ақпарат болса, онда скриптті пайдаланған дұрыс. Скрипттің бір кемшілігі: олар өздерінің жұмыстары үшін ... ... ... ... ... Егер html бетті серверден оқу және браузерге ... ... ... онда ... алдымен жүктеу және орындау керек болады. Сонымен қатар, скрипттер өзгерілетін мәліметтер үшін көбінесе МҚБЖ-н пайдаланады, ал бұл өз алдына ... ... ... ... ... ... ... сипаттамасы

Предназначен для создания ссылок (гипертекста). ... в ... ... ... ... пунктирной линией. ↑↓

Выделяет в тексте акроним. Обычно подчеркивается пунктирной линией. ... ... ... и его ... Обычно отображается курсивом. ↑↓

Определяет области карты-изображения которые являются ссылками на тот или иной ... ... ... тега ... ... ... Аналогичен тегу ↑↓

Определяет направление вывода текста. Основное предназначение работа с ... ... ... где ... ... ... - налево. ↑↓

Внедряет в документ звуковой файл. Файл проигрывается в качестве фоновой музыки.
↑↓

Делает текст крупным. ... ... ... ... ... ... ...
↑↓

Предназначен для создания цитат.
↑↓
Перенос строки.
↑↓

Горизонтальное выравнивание всех элементов по центру документа. ... в ... ... ... ... ... текст как некий программный код. Обычно отображается моноширинным шрифтом.
↑↓

Описание списка ... ... ... текст в новой версии документа. Выделенный текст станет перечёркнутым. ... ... как ... ... ... ... ... блок HTML. Преимущественно используется совместно с CSS.
↑↓

Создаёт список определений.
↑↓

Определение списка определений.
↑↓

Выделяет особенно важный фрагмент текста. Обычно ... ... ... ... ... ... в фреймовой структуре документа. Располагается внутри тега .
↑↓

Определяет фреймовую структуру документа. Используется вместо тега .
↑↓

Делает текст ... ... ... ... от 1-6. ... определяет место в документе не для отображения ... его ... ... может располагать в себе теги предназначенные для поисковых машин, а так же ... ... ... ... ...
↑↓

Указывает программам просмотра html страниц начало и конец документа.
↑↓

Делает текст наклонным.
↑↓

Вводит на страницу не ... ... ... ...
↑↓

Выводит графическое изображение (рисунок).
↑↓

Выделяет новый текст в новой версии ... ... ... станет подчёркнутым.
↑↓

От английского keyboard - клавиатура. Указывает текст вводимый с ... ... ... ... ...
↑↓

Обозначает элемент списка. Используется в нумерованных и ненумерованных списках.
↑↓

Указывает на связь документа с ... либо ... ... ... ... в коде ... в ... создаётся описание карты-изображения с помощью тега/тегов
↑↓

Бегущая строка.
↑↓

Определяет мета теги ... в ... ... для ... и ... ...
↑↓

Запретить перенос строки. Противоположенный по значению тег
↑↓

Тег выводит текст заключенный в него в том ... если ... ... не ... ... или они ... ... в его настройках.
↑↓

Тег выводит текст заключенный в него в том ... если ... ... не ... ... или они ... ... в его настройках.
↑↓

Определяет нумерованный (упорядоченный) список. ... ... ... предварительно отформатированный текст. Браузер при выводе текста на ... не ... ... и ... ... ... для ... цитат. От отличается тем что цитата не имеет отступов. А в отличие от тега ... ... ... ... ... ... в кавычки.
↑↓

Делает текст перечёркнутым. Аналогичент тегу .
↑↓

Выделяет текст как образец. Используется для отметки текста являющемся результатом работы ... ... на ... ... ... ... малым.
↑↓

Определяет контейнер для внутреннего текста. Как ... ... ... с CSS. ... ... ... ... тегу .
↑↓

Выделяет особенно важный фрагмент текста. Обычно браузерами отображается полужирным.
↑↓

Служит для определения стилей элементов страницы. Тег ... в ... ... ... . ... ... ... индекс.
↑↓

Создаёт таблицу.
↑↓

Создаёт отдельную ячейку в таблице.
↑↓

Создаёт ячейку в таблице которая определяется как заголовок.
↑↓

Заголовок и название ... ... ... в ... ... текст моноширинным.
↑↓

Делает текст подчёркнутым.
↑↓

Определяет ненумерованныый ... ... в ... ... Обычно отображается курсивом.
↑↓

Разрешает перенос строки.
↑↓

Отображает текст в том виде в ... он и был ...

Пән: Информатика
Жұмыс түрі: Материал
Көлемі: 8 бет
Бұл жұмыстың бағасы: 300 теңге









Ұқсас жұмыстар
Тақырыб Бет саны
PHP тілі13 бет
Delphi 7 жүйесінің негізгі түсініктері мен принциптері17 бет
Кристаллдағы жүйелер. Жобалау және дамыту106 бет
Windows NT ОЖ клиент-серверлі құрылымы. Жады серверлері және торап сервері оқып үйрену17 бет
Қосымшалардың мағыналық, құрылымдық ерекшеліктерін көрнекілік арқылы түсіндіру32 бет
Әдеби - патенттік шолу18 бет
Delphi COM технологиялары22 бет
Delphi компоненттерінің анықтамалығын құру технологиясы16 бет
Delphi программасының базалық компоненттері7 бет
Delphi-де мәліметтер қорын құру технологиялары6 бет


Исходниктер
Пәндер
Көмек / Помощь
Арайлым
Біз міндетті түрде жауап береміз!
Мы обязательно ответим!
Жіберу / Отправить


Зарабатывайте вместе с нами

Рахмет!
Хабарлама жіберілді. / Сообщение отправлено.

Сіз үшін аптасына 5 күн жұмыс істейміз.
Жұмыс уақыты 09:00 - 18:00

Мы работаем для Вас 5 дней в неделю.
Время работы 09:00 - 18:00

Email: info@stud.kz

Phone: 777 614 50 20
Жабу / Закрыть

Көмек / Помощь