Сайтқа ену

Оқулық-бағдарламалар

Интернетке орналастыру

Оқулық-бағдарламалар

Матфизика есептерінің шешімдері

Бейнелермен жұмыс істеу

Бейнелер – интернеттегі кезкелген сайттың бөлінбес бөлігі. Олар барлық жерде қолданылады, сондықтан оны талдап көрелік. Бейнелердің үш түрі болады:

· GIF (Graphics Interchange Format)

· JPG / JPEG (Joint Photographic Experts Group)

· PNG (Portable Network Graphics)

GIF - 256 түс түрін қолданады цветов және бұл кішкене суреттер қолайлы.
JPEG – бұл пішімде бейне миллионға дейінгі түс түрлерін пайдаланады. Әдетте бұл фоторграфия мен сапалы графиктер үшін қолданылады. Мөлдірлігі бар.
PNG – бұл жаңа формат . Көптеген параметрлері бойынша JPEG мен GIF асып түседі: миллион түс пен жақсы сығымдалады, аз орын алу үшін. Мөлдірлігі тағы бар.

Қай пішімде бейнені алу өз еркіңізде, бірақ сурет өлшемі кіші болса, ең сапалы түсті таңдау дұрыс болады.

Бейне бетке оңай қойылады. Мысалы бейне бет жатқан папкеде болса, онда.

<img src=" gul.png ">

Браузердегі нәтижесі:

Бұл жерде IMG элементі және то SRC параметрі қолданылды, ол бейненің қайда тұрғанын көрсетеді. Сіз басқа қалталар мен сайттарда орналасқан бейнелерді де оңай қоя аласыз. Тек жолын дұрыс көрсетсеңіз болды сілтеме құру кезінде.

Түсіндірмесімен бірнеше мысал келтірейік:

<!—егер бейне images қалтада болса-->
< img src="images/ gul.
png ">
<!—егер бейне басқа сайтта тұрса www.nnr.kz -->
<img src="http://www.nur.kz/ gul.png ">
<!—егер бейне images қалтада www.nur.kz сайтында тұрса -->
<img src="http://www.nur.kz/images/ gul.png ">

Қажетті атрибуттар:

ALIGN – көлденеңінен суретті теңестіру әдісін анықтайды. Мәтін суретті орап өту кезінде аса пайдалы сипат. Әдетте қолданылады LEFT (сол жағымен теңестіру, мәтін оң жағынан орап өтеді) және RIGHT (оң жағына теңестіру, мәтін сол жағынан орайды). Егер бетті мәтін болса, бұл сипаттар міндетті.

HSPACE-көлденең шегініс және VSPACE – тігінен шегініс – бұл суреттің құжаттың басқа құжаттарына дейінгі арақашықтық.

HEIGHT және WIDTH – бейненің пикселмен ерілген биіктігі мен ені. Суреттің HEIGHT и WIDTH шамаларын міндетті түрде көрсету керек браузерге қоймастан бұрын. Олай болмаса сурет қайтадан сызылады. Бұл компьютердің жылдамдығын көп төмендетеді, сурет бүлінуі де мүмкін.

Ладно, лучше все смотреть на примерах:

<!— сол жағымен теңестіру шегінісіне мысал -->

< p align="justify">
<img src="gul. png" width="65" height="59" hspace="15" vspace="15" align="left">


Кезкелген интернеттің сайтсыз мағынасы болмайды. Сондықтан сайт туралы ең болмаса түсінік болған дұрыс. Тіпті өзіңіз сайт құрсаңыз да артық болмайды. Сайт құруды кім болсада оңай меңгере алады. Бұл жағдайда &quot фразасы; &quot сайт құруды үйрену деген сөз; бұл дегеніміз – жақсы деңгейде HTML гипертекстік белгілеу тілі мен CSS каскадты стилдер кестесін білу деген сөз. Осыларды білу арқылы әркім-ақ сапалы сайт құра алады.</p>

<!-- оң жағымен теңестіру шегінісіне мысал -->

<p align="justify"> <img src="pchela. png" width="65" height="59" hspace="15" vspace="15" align="right">
Кезкелген интернеттің сайтсыз мағынасы болмайды. Сондықтан сайт туралы ең болмаса түсінік болған дұрыс. Тіпті өзіңіз сайт құрсаңыз да артық болмайды. Сайт құруды кім болсада оңай меңгере алады. Бұл жағдайда &quot фразасы; &quot сайт құруды үйрену деген сөз; бұл дегеніміз – жақсы деңгейде HTML гипертекстік белгілеу тілі мен CSS каскадты стилдер кестесін білу деген сөз. Осыларды білу арқылы әркім-ақ сапалы сайт құра алады.</p>

<!-- сол жағымен теңестіру шегініссіз мысал -->
<p align="justify"> <img src="pchela. png" width="65" height="59" align="left">
Кезкелген интернеттің сайтсыз мағынасы болмайды. Сондықтан сайт туралы ең болмаса түсінік болған дұрыс. Тіпті өзіңіз сайт құрсаңыз да артық болмайды. Сайт құруды кім болсада оңай меңгере алады. Бұл жағдайда &quot фразасы; &quot сайт құруды үйрену деген сөз; бұл дегеніміз – жақсы деңгейде HTML гипертекстік белгілеу тілі мен CSS каскадты стилдер кестесін білу деген сөз. Осыларды білу арқылы әркім-ақ сапалы сайт құра алады.</p>

Браузерде:

Бұдан басқа ALT және TITLE атрибуттері де қолданылады.
ALT – браузер көрсететін бейне орнына мәтін ұсынады, егер браузер бейнесі бар файлды таба алмаса немесе мәтіндік режим қосылған болса. Мән ретінде бейненің суреттемесі ұсынылады. Мысалға қараңыз:

<img src=" gyl.jpg" alt="Гүл!!!" width="65" height="59">

Браузер суретті таба алмаған жағдайда, ол файл атымен ауыстырылды, Ол ALT атрибутінде көрсетілді.

TITLE – Сурет тақырыбын анықтайды, яғни суретке жақындағанда title атрибутінен мәтіні жазуы көрінеді. Мысалы:

<img src=" gyl.jpg" width="65" height="59" title="Гүл!!! " >

Бейнеге көрсеткішті жақындатып көріңіз:

Бейнеге сәлтеме жасауға бола ма?

Ол үшін сілтеме мәтінінң орнына, бейнені қойыңыз. Мысалы:

<a href="http://www.karakoz.kz">
<img src=" gyl.png " width="65" height="59" title="
Гүл!!! " border="0" >
</a>

Нәтиже:

border="0" атрибут те керек болады, бейнеге сілтеме жасаған кезде, бейненің төңірегінде қисық рамкалар болады. Оны жою үшін осы атрибут қолданылады.



Қараңыз

Келесі - Фон түсі және мәтін
Алдыңғы – html сілтемелерін қарастыру

Сайт бойынша іздеу

Мазмұны

Copyright © 2015 Матаев Саркытбек | Интернеттік бағдарламалар мен математика жетістіктерін жариялауға арналған сайт – www.karakoz.kz