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



Дата13.10.2022
өлшемі56.5 Kb.
#462564
Суреттермен және графикамен жұмыс



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


Беттегі суреттер сайтты бай, қабылдауға жағымды етеді, оған ерекше кескіндер мен түс береді. Суретті, суретті, суретті 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 браузерде фондық суреттің түрі


Тапсырма:



  1. Index құжатына.html аты астында өз суретін қосу.

  2. < Img> тегінің төлсипаттарын пайдаланып, Сурет өлшемін өзгерту.

  3. Interes құжатына фондық суретті қосу.html.









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




©dereksiz.org 2022
әкімшілігінің қараңыз

    Басты бет