Веб бетке арналған графика

#1 слайд
Сахиев Муратбек Бекпатшаевич
Информатика пәні мұғалімі
10 – сынып
ІІІ Бөлім. Дизайн теориясы
Web- бетке арналған графика
1 слайд
Сахиев Муратбек Бекпатшаевич Информатика пәні мұғалімі 10 – сынып ІІІ Бөлім. Дизайн теориясы Web- бетке арналған графика
#2 слайд
Ойланыңдар: компьютерлік графика деген не?
2 слайд
Ойланыңдар: компьютерлік графика деген не?
#3 слайд
Саба қ тақырыбы: Web- бетке арналған графика
О қу мақсаты :
10.2.2.4 Кестеде берілген функцияның графигін тұрғызу
Ба ғалау критерийлері:
растрлық графика және векторлық графика үшін әмбебап және арнайы
графикалық файлдардың пішімдерін ажыратып кестені толтырады;
растрлық графикалық редакторда суреттерді құрып, әрекеттерді өңдей
отырып сақтайды ІІІ Бөлім. Дизайн теориясы
3 слайд
Саба қ тақырыбы: Web- бетке арналған графика О қу мақсаты : 10.2.2.4 Кестеде берілген функцияның графигін тұрғызу Ба ғалау критерийлері: растрлық графика және векторлық графика үшін әмбебап және арнайы графикалық файлдардың пішімдерін ажыратып кестені толтырады; растрлық графикалық редакторда суреттерді құрып, әрекеттерді өңдей отырып сақтайды ІІІ Бөлім. Дизайн теориясы
#4 слайд
Сендер о қып үйренесіңдер:
Title in here
графикалық
файлдарды
түрлендіру
қажеттілігін; Title in here Графикалық
файл
пішімдерінің
әртүрлілігін
Растр − растр− raster
Түс− цвет− colour
Конвертация−конвертация− conversionТерминдер
4 слайд
Сендер о қып үйренесіңдер: Title in here графикалық файлдарды түрлендіру қажеттілігін; Title in here Графикалық файл пішімдерінің әртүрлілігін Растр − растр− raster Түс− цвет− colour Конвертация−конвертация− conversionТерминдер
#5 слайд
Б ұл қызық!
Компьютерлік графика ̶̶̶̶ дербес компьютерді қолданудың танымал бағыты, оны бұл мақсатта тек
кәсіби суретшілер мен дизайнерлер ғана қолданбайды. Онсыз бірде - бір заманауи мультимедиалық
программа жұмыс істей алмайды.
Графикамен жұмыс программалық
өнімдерді әзірлеушілердің жұмыс
уақытының 90%- ына дейінгі бөлігін
алады
5 слайд
Б ұл қызық! Компьютерлік графика ̶̶̶̶ дербес компьютерді қолданудың танымал бағыты, оны бұл мақсатта тек кәсіби суретшілер мен дизайнерлер ғана қолданбайды. Онсыз бірде - бір заманауи мультимедиалық программа жұмыс істей алмайды. Графикамен жұмыс программалық өнімдерді әзірлеушілердің жұмыс уақытының 90%- ына дейінгі бөлігін алады
#6 слайд
Файл пішімдерін және олардың мүмкіндіктерін білу негізгі факторлардың бірі.
Файл пішімі оның кеңейтілуі бойынша анықталады.
Растрлық графиканың редакторлары, баспа
жүйелері, растрлық объектілерді қолдайтын
векторлық графиканың редакторлары
LZW, Lempel-Ziv-Welch. Растрлық графиканың редакторлары,
растрлық объектілерді қолдайтын векторлық
графиканың редакторлары
JPEG,Joint Photographic Experts GroupWindows- тің барлық программалары
RLE, Run-Length Encoding Web- ке арналған графикалық файлдардың форматы
6 слайд
Файл пішімдерін және олардың мүмкіндіктерін білу негізгі факторлардың бірі. Файл пішімі оның кеңейтілуі бойынша анықталады. Растрлық графиканың редакторлары, баспа жүйелері, растрлық объектілерді қолдайтын векторлық графиканың редакторлары LZW, Lempel-Ziv-Welch. Растрлық графиканың редакторлары, растрлық объектілерді қолдайтын векторлық графиканың редакторлары JPEG,Joint Photographic Experts GroupWindows- тің барлық программалары RLE, Run-Length Encoding Web- ке арналған графикалық файлдардың форматы
#7 слайд
Графикалық редакторлардың стандартты және жеке
пішімдерінде суреттерді сақтау
Графикалық қосымшаның
файлдарын сақтауға арналған
жеке және ең тиімді пішім Бұл сыртқы
тасымалдаушыларды
графикалыұ деректерді
ұсыну тәсіліЖеке файл пішімі Графикалық
файлдың пішіміГрафикалық редакторлар суреттерді сыртқы
жадта сақтау үшін өз пішімдерін пайдаланады Жеке файл пішімі Графикалық
файлдың пішімі
7 слайд
Графикалық редакторлардың стандартты және жеке пішімдерінде суреттерді сақтау Графикалық қосымшаның файлдарын сақтауға арналған жеке және ең тиімді пішім Бұл сыртқы тасымалдаушыларды графикалыұ деректерді ұсыну тәсіліЖеке файл пішімі Графикалық файлдың пішіміГрафикалық редакторлар суреттерді сыртқы жадта сақтау үшін өз пішімдерін пайдаланады Жеке файл пішімі Графикалық файлдың пішімі
#8 слайд
Есте сақтаңдар!
Стандартты графикалық пішім - түрлі графикалық қосымшаларға арналған жалпы пішім .
Стандартты растрлық пішімдер -BMP,PCX,GIF,TIFF,TGA,IMG,JPEG
CorelDRAW- дың жеке пішімі
Adobe Photoshop Fractal Design Painter
Paint(Windows- тің
стандартты программасы)
8 слайд
Есте сақтаңдар! Стандартты графикалық пішім - түрлі графикалық қосымшаларға арналған жалпы пішім . Стандартты растрлық пішімдер -BMP,PCX,GIF,TIFF,TGA,IMG,JPEG CorelDRAW- дың жеке пішімі Adobe Photoshop Fractal Design Painter Paint(Windows- тің стандартты программасы)
#9 слайд
Ба ғалау критерийлері: Графикалық файлдардың пішімдер кестесін толтырады.
1- т апсырма : Растрлық графика және векторлық графика үшін әмбебап және арнайы
графикалық файлдардың пішімдерін ажыратып кестені толтырыңыз.
Графикалық файлдардың пішімдері
Әмбебап Арнайы
Растрлық графика үшін
Векторлық графика үшін
WMF, FLA , BMP, TIFF, PSD, CDR, GIF, PNG, JPEG , EMF PS
Дескрипторлар :
•
Файл пішімдерін таңдайды;
•
Графикаға сәйкес бағытталған файл пішімін ажыратып жазады;
•
Графикалық файл пішімдері кестесін толтырады.
9 слайд
Ба ғалау критерийлері: Графикалық файлдардың пішімдер кестесін толтырады. 1- т апсырма : Растрлық графика және векторлық графика үшін әмбебап және арнайы графикалық файлдардың пішімдерін ажыратып кестені толтырыңыз. Графикалық файлдардың пішімдері Әмбебап Арнайы Растрлық графика үшін Векторлық графика үшін WMF, FLA , BMP, TIFF, PSD, CDR, GIF, PNG, JPEG , EMF PS Дескрипторлар : • Файл пішімдерін таңдайды; • Графикаға сәйкес бағытталған файл пішімін ажыратып жазады; • Графикалық файл пішімдері кестесін толтырады.
#10 слайд
Графикалық
деректерді сығу
−
деректреді ұйымдастыру әдісін өзгерту
арқылы файлдың өлшемін азайту
10 слайд
Графикалық деректерді сығу − деректреді ұйымдастыру әдісін өзгерту арқылы файлдың өлшемін азайту
#11 слайд
JPEG әдісі бойынша сығу
растрлық суреті бар файл
өлшемін айтарлықтай
азайтады. Сығудың
жоғарғы коэффициенті
деректердің жоғалуымен
қол жеткізіледі,
нәтижесінде алынған
файлда бастапқы
ақпараттың бөлігі
жоғалады PLE әдісі арқылы сығылған
кезде қайталанатын
мәндердің тізбегі жұппен -
қайталанатын мәнімен және
оның қайталану санымен
ауыстырылады. Сурет растр
жолдары бойынша байт
тізбегімен шығарылады.
PLE- дегі сығудың өзі
бастапқы суреттегі бірдей
байт тізбектеріне
байланысты. Деректердің сығылу алгоритмдері
Деректердің жоғалып сығылуы Деректердің жоғалмай сығылуы
11 слайд
JPEG әдісі бойынша сығу растрлық суреті бар файл өлшемін айтарлықтай азайтады. Сығудың жоғарғы коэффициенті деректердің жоғалуымен қол жеткізіледі, нәтижесінде алынған файлда бастапқы ақпараттың бөлігі жоғалады PLE әдісі арқылы сығылған кезде қайталанатын мәндердің тізбегі жұппен - қайталанатын мәнімен және оның қайталану санымен ауыстырылады. Сурет растр жолдары бойынша байт тізбегімен шығарылады. PLE- дегі сығудың өзі бастапқы суреттегі бірдей байт тізбектеріне байланысты. Деректердің сығылу алгоритмдері Деректердің жоғалып сығылуы Деректердің жоғалмай сығылуы
#12 слайд
Графикалық файлдарды бір форматтан екіншісіне түрлендіру
қажеттілігінің түрлі себептері болады:
пайдаланушы жұмыс істейтін программа оның
файлының бұрынғы пішімін қабылдамайды(үйлеспеушілік);
сығу алгоритмін қолдану арқылы файл өлшемін
азайту керек;
файлды суретті өңдеуді белгілі бір әрекеттерін орындауға
болатын программамен үйлесімді пішімге түрлендіру қажет;
файлды орналастыру ортасының(мысалы, Интернетте) немесе
пайдаланушының(мысалы, тұтынушының) қоятын талаптары.
12 слайд
Графикалық файлдарды бір форматтан екіншісіне түрлендіру қажеттілігінің түрлі себептері болады: пайдаланушы жұмыс істейтін программа оның файлының бұрынғы пішімін қабылдамайды(үйлеспеушілік); сығу алгоритмін қолдану арқылы файл өлшемін азайту керек; файлды суретті өңдеуді белгілі бір әрекеттерін орындауға болатын программамен үйлесімді пішімге түрлендіру қажет; файлды орналастыру ортасының(мысалы, Интернетте) немесе пайдаланушының(мысалы, тұтынушының) қоятын талаптары.
#13 слайд
Ба ғалау критерийлері: Растрлық графикалық редакторда суреттерді құрады, өңдейді және сақтайды .
2- т апсырма : Растрлық графикалық редакторда суреттерді құрып, әрекеттерді өңдей отырып сақтаңыз.
1.Paint графикалық
редакторын ашыңдар
( Пуск→Программы→
Стандартные→ Paint ) 2 . Файлды өз бумаларыңа кез келген атаумен
BMP пішімінде сақтаңдар
3. Мой компьютер терезесінен
өз файлдарыңды табыңдар;
Үстінен шертіп,
Файл→Свойства командасын
орындаңдарДескрипторлар:
•
Paint графикалық редакторын ашады;
•
Файлды бумаларға кез келген атаумен BMP
пішімінде сақтайды;
•
Мой компьютер терезесінен файлды тауып,
Файл→Свойства командасын орындайды;
•
Paint программасында суретті BMP, TIFF, GIF,
PNG, JPEG пішімдерінде сақтау әрекетін
орындайды;
•
Н әтижені кестеге енгізеді.
13 слайд
Ба ғалау критерийлері: Растрлық графикалық редакторда суреттерді құрады, өңдейді және сақтайды . 2- т апсырма : Растрлық графикалық редакторда суреттерді құрып, әрекеттерді өңдей отырып сақтаңыз. 1.Paint графикалық редакторын ашыңдар ( Пуск→Программы→ Стандартные→ Paint ) 2 . Файлды өз бумаларыңа кез келген атаумен BMP пішімінде сақтаңдар 3. Мой компьютер терезесінен өз файлдарыңды табыңдар; Үстінен шертіп, Файл→Свойства командасын орындаңдарДескрипторлар: • Paint графикалық редакторын ашады; • Файлды бумаларға кез келген атаумен BMP пішімінде сақтайды; • Мой компьютер терезесінен файлды тауып, Файл→Свойства командасын орындайды; • Paint программасында суретті BMP, TIFF, GIF, PNG, JPEG пішімдерінде сақтау әрекетін орындайды; • Н әтижені кестеге енгізеді.
#14 слайд
4.Paint программасында суретті BMP, TIFF, GIF, PNG, JPEG пішімдерінде сақтау әрекетін орындаңдар
14 слайд
4.Paint программасында суретті BMP, TIFF, GIF, PNG, JPEG пішімдерінде сақтау әрекетін орындаңдар
#15 слайд
5 . Н әтижені мына кестедегідей енгізіңдер
Файлдың ақпараттық сыйымдылығының пішімдері
BMP TIFF GIF PNG JPEG
2,32 МБ
(2 433 654 байт) 1,25 МБ
(1 317 284 байт) 337 КБ (345 851
байт) 503 КБ (515 176
байт) 385 КБ (394 559
байт)
15 слайд
5 . Н әтижені мына кестедегідей енгізіңдер Файлдың ақпараттық сыйымдылығының пішімдері BMP TIFF GIF PNG JPEG 2,32 МБ (2 433 654 байт) 1,25 МБ (1 317 284 байт) 337 КБ (345 851 байт) 503 КБ (515 176 байт) 385 КБ (394 559 байт)
#16 слайд
Бүгінгі сабақта:
Растрлық графика және векторлық графика үшін әмбебап және арнайы
графикалық файлдардың пішімдерін ажыратып кестені толтырдым
Растрлық графикалық редакторда суреттерді құрып, әрекеттерді өңдей
отырып сақтадым Қорытынды
16 слайд
Бүгінгі сабақта: Растрлық графика және векторлық графика үшін әмбебап және арнайы графикалық файлдардың пішімдерін ажыратып кестені толтырдым Растрлық графикалық редакторда суреттерді құрып, әрекеттерді өңдей отырып сақтадым Қорытынды
#17 слайд
Оқу тапсырмасы : Сұраққа жауап беріңдер
Графикалық файл пішімдерінің әртүрлілігін қалай түсінесіңдер?
Web- беттерге қолданылатын файл пішімдерін атаңдар?
17 слайд
Оқу тапсырмасы : Сұраққа жауап беріңдер Графикалық файл пішімдерінің әртүрлілігін қалай түсінесіңдер? Web- беттерге қолданылатын файл пішімдерін атаңдар?
шағым қалдыра аласыз













