Web-қосымшаларын құру технологиялары

HTML (HyperText Markup Language) тілі – бұл гипермәтінді белгілеу тілі. Бұл тілде компьютердің программалық және ақпараттық қамтуларының айырмашылықтарын ойламайтындай құжат құруға болатындай жасалынған. HTML технологиясы кәдімгі мәтіндік құжатқа басқарушы символдар (тэги – tage) орналасқан құрылымнан тұрады. Тэгтер мәтінінің өлшемін, сызылымын, түсін, мәтіннің орналасуын, беттегі графикалық бейнені, жасанды қозғалысты, дыбыс, видео енгізу мүмкіндігін береді, сонымен қатар, осындай Web-беттермен мағыналы байланыс орнатады. Web-бет браузерде HTML тэгі арқылы берілген түрде қарастырылады. Мұндай Web-бетті HTML-файл деп атаймыз. HTML-файлының кеңейтілуі .htm немесе .html.
HTML-файлдарының жетістігі:
• Аз ақпараттық көлем;
• Кез келген дербес компьютерден көру мүмкіндігі;
• Интерактивтілігі.

HTML гипермәтінінің тіл белгілеу дамуы жалғасуда. Осылайша DHTML (Dynamic HTML), XML, VRML және т.б. тілдер пайда болды.
Белгілеуі кеңейтілген XML (Extensible Markup Language) тілі HTML гипермәтін белгілеуінің кеңейтілуі болып табылады, сондай-ақ кеңейтілген басқарушы символдарды енгізу мүмкіндігі және де құжаттың дұрыстығын тексеру мүмкіндігі бар. Виртуалды шынайы тіл VRML (Virtual Reality Modeling Language) HTML гипермәтін тілінің белгілеуімен құрылған, ол көлемі 3D-графикті пайдалану мүмкіндігін береді.
Құрылымдық тэгтер
HTML тілінің командасы – тэг деп аталады. Тэг – ол браузерге тэг ішінде орналасқан мәтіндегі бейнелеуді көрсететін басқарушы символ. Тэг «кіші» (<) белгісінен басталады және «үлкен (>) белгісімен аяқталады (). Тэг жазылуында бас және кіші әріптердің айырмашылықтары болмайды. Тэгтер жұп және жұп емес болады. Жұп тэг тек ашылатын және слэш символымен жабылатын тэгтерді қамтиды. Жұп емес тэг тек ашылатын тэгті қамтиды. Жұп тэг ашылатын тэгтің басынан жабылатын тэгтің арасындағы мәтінге әсер етеді.
Тэгтер: құрылымдық, абзацты форматтау, символдар, гипермәтінді анықтау, графиканы қою, тізім құру және сол сияқтылар болады.
        
        № 7 тақырып.
Web-қосымшаларын құру технологиялары
HTML (HyperText Markup Language) тілі – бұл ... ... Бұл ... ... ... және ... ... ойламайтындай құжат құруға болатындай жасалынған. HTML
технологиясы кәдімгі мәтіндік құжатқа басқарушы ... ...... ... ... Тэгтер мәтінінің өлшемін, сызылымын, түсін,
мәтіннің орналасуын, беттегі графикалық бейнені, ... ... ... ... ... ... ... қатар, осындай Web-
беттермен мағыналы байланыс орнатады. Web-бет ... HTML тэгі ... ... ... Мұндай Web-бетті HTML-файл деп атаймыз. HTML-
файлының кеңейтілуі .htm немесе .html.
HTML-файлдарының жетістігі:
• Аз ақпараттық көлем;
• Кез ... ... ... көру ... ... ... тіл ... дамуы жалғасуда. Осылайша DHTML (Dynamic
HTML), XML, VRML және т.б. тілдер пайда болды.
Белгілеуі кеңейтілген XML ... Markup ... тілі ... ... кеңейтілуі болып табылады, сондай-ақ кеңейтілген
басқарушы символдарды енгізу мүмкіндігі және де құжаттың дұрыстығын тексеру
мүмкіндігі бар. ... ... тіл VRML (Virtual Reality ... HTML ... ... ... ... ол көлемі 3D-
графикті пайдалану мүмкіндігін береді.
Құрылымдық тэгтер
HTML тілінің командасы – тэг деп аталады. Тэг – ол ... ... ... ... ... ... ... символ. Тэг
«кіші» () белгісімен аяқталады
(). Тэг жазылуында бас және кіші ... ... ... жұп және жұп емес ... Жұп тэг тек ... және ... символымен жабылатын тэгтерді қамтиды. Жұп емес тэг тек ... ... Жұп тэг ... ... ... ... тэгтің арасындағы
мәтінге әсер етеді.
Тэгтер: құрылымдық, абзацты форматтау, символдар, ... ... қою, ... құру және сол ... болады.
HTML-файлының құрылымын сипаттау үшін құрылымдық тэгтер қоданылады:
• – ... басы мен ...... ... – бет ... – бет мазмұны.
Онда беттің құрылымдық HTML-коды келесі:







Web-бетте мәтінді безендіру
HTML-файлының негізгі элементі ... ... ... ... мәтін жазу
барысында оны жолдарға бөлу мәтіннің сыртқы түріне әсер етпейді. Мәтінді
«тарауларға» және тақырыптарға ... ... ... ... тарауы – бұл
беттегі кәдімгі мәтін. Ал, ... ... ... ... атау ... HTML ... алты түрін бере алады.
Кестелер
Кестелерді әртүрлі тэгтер қалыптастырады. Кесте өзінің ішкі құрылымы
мен мазмұнын сипаттайтын ... ... ... ... оның ... ... (Table ... берілетін жолдардан тұрады.
Ұяшықтар пішімі мен мазмұны (Table Data) тэгінде, ал ұяшық
тақырыпшалары (Table Header) тэгінде орналасады.
Кестелердің жалпы түрі ... ... ... мазмұны
ұяшық мазмұны



ұяшық мазмұны
ұяшық мазмұны



Кескін мен гиперcілтеме
Графикалық ... ... ... ... ... ... ... да, ал браузерге файлды ашу кезінде жүктеледі.
Графикалық файлдар ... ... өте ... ... келгендіктен желі
бойынша берілуі ұзақ болады. Сондықтан ... ... ... тек үш графикалық формат - GIF, JPG, PNG-тер ғана алынады.
GIF – Graphics Interchange Format – ... ... ... ... ... ... желі арқылы жіберуге арнайы жасалынған. Мұндай
форматтағы файлдар .gif кеңейтілуімен ... ... ... ... кезінде сапасын төмендетеді.
JPEG – Joint Photographic Experts Group – ... ... ... ... ... Фото ... ... үшін жасалынған. Бұл форматтағы файлдар .jpg кеңейтілуімен
беріледі. Бұл форматтағы ... ... ... ... сәйкес
келетін, ұсақ бөлшектерді қамтымайтын суреттер бола ... – Portable Network Graphics – ... ... ... ... ... файлдарды ауыстыру үшін жасалынған. Мұндай түрдегі
графикалық файлдар .png кеңейтілуімен ... Сығу ... ... ... ... ... ... жақсы сақтайды. GIF форматты
файлдар тәрізді сапасын ... ... ... алады.
Егер сурет басқа форматта сақталған болса, онда оны ... ... ... форматтардың біріне түрлендіру керек. Бұл форматтарға
түрлендіру үшін Photo Editor ... Adobe ... ... ... кез-келген графикалық редакторда өзіміз
салуымызға немесе сканердің көмегімен электрондық түрге түрлендіріп ... ... ... ... ... ... ... қойылған
суреттер жинақтарын пайдалануға болады.
Программалар терезелернің суреті
Кескіндерді қоюға тэгі пайдаланылады. Суреттерді қоюға
тэгінің ... ... ... SRC – ... ... ALT – кескіннің орнына мәтін шығару;
• ALIGN – кескіннің мәтіндік көркемделуін туралау.
Атрибуттар және оларға берілетін мәндер ... ... ... Бір ... ... бос ... ... бірнеше атрибуттарды
пайдалануға , ал бірдей атрибуттарды ... ... ... ... ALIGN атрибуты тэгінде пайдаланылады).
Кескінді қою үшін, браузерге графикалық ... ... және ... SRC ... IMG тэгі пайдаланылады.

Мысалы:
1 ескерту: Егер графикалық файл басқа бумада ... ... ... ... салыстырмалы түрдегі файлдың орнын анықтайтын жол ... ... ... де салыстырмалы жолды пайдаланған тиімді.
Мысалы: абсолютті жол
... ... ... Егер ... файл Internet ... ... ... онда
ол файлдың URL-адресі көрсетілуі қажет. Кескіннің өлшемін (пиксельде) WIDTH
және HEIGHT ... ... ... ... ... ... көпшілігі уақыт үнемдеу мақсатында,
кейде браузерге графикалық кескіндерді жүктеуді ... ... ... ғана ... ... да, ... ... жойылмау үшін,
суреттердің орнына түсіндірме мәтіндер шығарылады. Бұл үшін ALT ... ... ... ... ... ... ... болып қызыл қайшы
бейнеленген тіктөртбұрыш шығады.
Суретпен салыстырмалы мәтінді орналастыруға тэгінің ... ... ... жақ ... (top), ... (middle) ... төменгі жақ шетіне (bottom), кескіннің оң (right) ... ... ...
Егер кескіннің жанында мәтін болмауы керек болса, онда оны жеке ... ... ... ... ... ... ... Республикасының Мемлекеттік байрағы тіктөртбұрышты матада…

Бетті пайдалануда кескінді жүктеу жай орындалатынына байланысты,
пайдаланушы тек бет фонының ... ... Фон түсі BODY ... BGCOLOR
атрибутымен беріледі.

Мысалы:
Мәтін жақсы оқылу ... ... ... жарықтылығын құрастырушы
таңдалады: мәселен, ашық фонда – қарайтылған мәтін, немесе ... – ашық ... ... ... ... ақ ... ... – бетті
баспаға шығару кезінде көрінбей қалуы мүмкін.
Web-беттердің ... ... BODY ... ... атрибуты
көмегімен беруге болады.

Мысалы:

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









Ұқсас жұмыстар
Тақырыб Бет саны
«Ақпараттық технологиялар» пәні8 бет
Бағдарламалық жабдықтардың интернет-магазині үшін web-қосымша құру83 бет
"Мәтіндік редакторде кесте құру."18 бет
Flash MX-те жұмыс жасау мүмкіндігі25 бет
Internet желісі және элементтері18 бет
Internet желісі және қауіпсіздігі28 бет
Internet желісімен жұмыс істеу тәсілдері29 бет
MS-DOS-тағы файлдармен және каталогтармен жұмыс жасау36 бет
Алматы қаласы студенттері мен жастары үшін акпараттық Web-порталын құру46 бет
Инетернеттегі қызмет түрлері, оның ресурстарына қатынас құру26 бет


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


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

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

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

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

Email: info@stud.kz

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

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