Суреттермен жəне графикамен жұмыс

жүктеу/скачать 53.72 Kb.

Дата	13.10.2022
өлшемі	53.72 Kb.
	#462564

Суреттермен және графикамен жұмыс

Суреттермен жəне графикамен жұмыс

Беттегі суреттер сайтты бай, қабылдауға жағымды етеді, оған ерекше кескіндер мен түс береді. Суретті, суретті, суретті HTML тілінің көмегімен < img>тегін пайдалана аласыз. Сурет орналастырылған файлдың жолы міндетті src атрибутында сақталады.
Мысал:
< < img src= " winter.jpg">
Web–беттерде көбінесе келесі сурет форматтары ұсынылған: GIF, JPG, PNG. Суреттер беттің фоны немесе оның жеке алынған элементтері, соның ішінде гиперсілтеме ретінде пайдаланылуы мүмкін. Барлық графикалық файлдарды сайт сияқты қалтада сақтау ұсынылады. Егер суреттер басқа қалтада сақталса, файлдың толық жолын жазу керек. Суретпен жұмыс істеу мүмкіндігін кеңейту үшін келесі кестеде берілген графикалық файл пішімдерінің ерекшеліктерін ескеру қажет:

Форматы

Артықшылықтары

Кемшіліктері

Қолданылуы

GIF

Қысудың жоғары деңгейін қамтамасыз етеді
анимацияны сақтай алады
сурет бөліктерін ашық қалдыруға мүмкіндік береді

ең көп түс саны

256

GIF ашықтығы бір биттік, яғни əрбір пиксель

бейнесі мөлдір немесе көрінетін, бұл фон мен

Баннерлер, пернелер, ашық фоны бар шағын суреттер. Бөлу желілері жəне т. б. графика

суреттің арасында ауысуға мүмкіндік бермейді.

анимациясы бар файлдың елеулі салмағы
нашар

масштабталады

PNG

жоғары қысу кезінде ең аз шығындар
түстің үлкен тереңдігі
ашық облыстармен жұмыс істеу

кезіндегі шексіз мүмкіндіктер

- анимацияны қолдамайды

- ашықтық
əсерлердін жасау кезінде ең кең: градиентті құю, суретке жартылай ашық облыстар салу, су белгілерін, трафаретті
бейнелерді салу əсерлерін береді

JPG

- қысудың жоғары деңгейін қолдайды
– 16.7 млн. түс санымен суреттерді сақтауға мүмкіндік береді.

қысудың жоғары дəрежесі редакциялау мүмкіндіктеріне кері əсер етуі мүмкін (жеке пикселдерге қолжетімділік жоқ)
жақсы

масштабталады

ашықтықты қолдау жоқ

- негізінен
фотосуретті сақтау үшін қолданылады

2.2-кесте. Графикалық форматтардың ерекшеліктері
(Информатика оқулығынан бейімделген, Е. А. Вьюшкова, Н.В. Параскун)

Тег атрибуттары :

Align = " ... " суретті туралау режимін анықтайды
bottom-төменгі жиегі (əдепкі), top-жоғарғы жиегі,
middle-жолдың ортасында,
left-терезенің сол жақ шетінде, right-терезенің оң жақ шетінде.
alt= " ... " - браузерлер үшін суретті сипаттайтын мəтінді анықтайды
(немесе өшірулі графикамен), іздеу машиналары жəне т. б.
border= " N " - n тең суреттердің айналасындағы жақтаудың қалыңдығын орнатады
пиксель, 0-раманы өшіру үшін;
height= " N " - пикселдер немесе пайызбен сурет биіктігі; width= " N " - пикселердегі немесе пайызбен сурет ені.
HTML тілінде сурет салу арқылы негізгі фонды орнату тəсілі бар. Тег
бет фоны бар атрибут бар: Background. Ол толық көлемде шығарылатын фондық суретті орнатады. Мысалы,
Сурет шолғыш терезесінің өлшемі шолғыш терезесінің өлшемінен аз болса, шолғыш терезесінде қайталанады. Сондықтан тиісті параметрлері бар суретті алдын-ала таңдау қажет.

Мысал:

Сурет 2.2 Файл 1.jpeg

фондық суретті тестілеу
< / head>

< / body>
< / html>

Браузердегі нəтиже келесідей болады:

Сурет 2.3 браузерде фондық суреттің түрі

Тапсырма:

Index құжатына.html аты астында өз суретін қосу.
< Img> тегінің төлсипаттарын пайдаланып, Сурет өлшемін өзгерту.
Interes құжатына фондық суретті қосу.html.

жүктеу/скачать 53.72 Kb.

Достарыңызбен бөлісу: