Сабақтың тақырыбы: Растрлік (bmp, jpeg,gif) векторлық (AI, cdr) форматтарды қолдану
жүктеу/скачать 216,97 Kb.
|
Поурочный Растрлік (BMP, JPEG,GIF) векторлық (AI, CDR) форматтарды қолдану
| Тапсырма 2.2.8. Графикалық редакторда үлкен емес суретті (қабырғалары 50-100 пиксел болатын) және оның дәл өлшемдерін анықтаңыз.
Тапсырма 2.2.9. Алдыңғы тапсырмада алынған картинаны мәтіннің орнасына бірінші абзацтан бастап орнатыңыз, ол файлда avtor.htm жүзеге асырылады. Мұнда негізінен тек қана атрибуттар SRC және ALT пайдаланылады. Алынған нәтижені браузерде талдаңыз. Атрибут SRC міндетті болғандықтан, бұдан ары атрибуттарды тега IMG нұсқаған кезде, біз қағида бойынша оны еске түсірмейтін боламыз. Картинаның өзін әріп секілді тұтатындығына назар аударыңыз. Ол қатарларды негізінен әріп түұрінде көрсетіп және қажетті өлшемгше келтіретін болады. Картинаның төменгі шекарасы қарапайым әріптер сияқты деңгейде орналасуы қажет. Және ол әріптен кейін мәнітінде сурет тегасы қойылған орынға орналасатын болады. Тапсырма 2.2.10. Компьютер буферіне барлық тега IMG жүктеңіз. Оны артынан бірінші тегқа орналастырыңыз. Олардың арасындағы қашықтық арасында тіпті бос орын болмағанын қадағалаңыз. Алынған нәтижені браузерде бақылап және талдау жүргізіңіз. Тегтар сурет файлының атымен сәйкес келуі үшін сіз екі бірдей карптинаны көре аласыз, олар бір біріне тығыз байланысқан немесе тығыз орналасқан болуы шарт. Яғни сол бір картинаны мәтінге көптеп қоюға болады (және сонымен қатар әртүрлі веб – беттерге де қоюға болады). Тапсырма 2.2.11. Картиналардың бірінде виртикальды өлшемі барын алып эксперимент жүргізіңіз. Оны үлкен және кіші етіп, яғни қасындағы басақа картиналармен салыстырғанда көлемін өзгертумен шынығыңыз. Картиналардың қайсысының мәтін қатары арасындағы ара қашықтығын қалай анықтайтындығын және қандай айырмада болатындығын қараңыз. Сонымен қатар эксперименттерде өзгеріп отырған картинаның ені өзін қалай ұстайтындығына да назар аударыңыз. Мұнда негізінен екі картина туралы сөз болып отыр, оларды дәлірек айтатын болсақ картиналардың көшірмелері туралы сөз болып отыр. Мұндағы тег әрбір суреттің сипаттамасын анықтап береді және соның ішінде көшірмелерін де анықтауға мүмкіндік береді. Бірақ егер бастапқы файлды өлшемін екінші бір картинамен алмастыратын болсаңыз, онда ол бірден барлық көшірмелерде пайда болады, барлық көшірмелерде сол сипаттамалар қайталанады. Картинаның өлшемдерінің бірі өзгерген кезде екінші өлшемі пропорционалды өзгеріп отыратындығын байқадыңыз ба? Ол негізінен барлық браузерлер үшін орындалады, сондықтан картина ауытқуларға ие болады. Мұндай орын алмауы үшін екі өлшемді де нұсқау қажет болады. Екі өлшемді де нұсқау қажеттігі бірқатар себептерге байланысты болады. Ол беттітиеу жылдамдығын бірнеше шамаға арттырады, себебі браузерге әрбір суреттің оны алғаннан кейін есептеуіне қажеттілік туындамайды. Бұл қағида негізінен кестелер ішіне орналасатын суреттер үшін нақты болып саналады. Веб – суреттердегі барлық суреттердің өлшемдерін міндетті түрде беріңіз. Суреттердің еннін және биіктігін тегта кіші жағына жән сонымен бірге үлкен жағына қарай өзгертуге болады. Бірақ суретті тиеу жылдамдығына бұл ешқандай да әсерін тигізбейді, себебі файл өлшемі болса өзгеріссіз қалады. Сондықтан абайлап суреттің өлшемін мүмкіндігінші кішірейтуге тырысыңыз, бірақ шектен тыс кішірейту көрушілердің ол суреттегі түсініксіздігін тудырады және шексіз кіші көлемджегі суреттерді жүктеу де қиынға соғады, себебі ондағы ақпараттар бір бөлігін жасырын болады. Ал өлшемдерді арттыру болса кері эффектіге алып келеді – сурет өлшемі орасан зор, бірақ файл жылдам тиеледі. Бірақ суретті олардың өлшемін өзгерту арқылы өлшемін өзгерту тегта ерекше жағдайларда ғана қажет болады, себебі картинаның сапасы шексіз ұлғайтуда нашарлайды. Ең жақсысы ол үшін қандай да бір графикалық редакторды пайдаланған дұрыс. Әрбір сурет веб – беттерде тік бұрышты формаға ие. Ол негізінен қолайлы болып табылады, себебі картинкалардың, диаграммалардың, тьетіктердің көпшілігі – тік бұрыштар болып келеді. бірақ дөңгелектер, логотиптер, карталар және басқа бейнелер дұрыс емес формаға иелері де сол түк бұрышты формаға келтірілуі тиіс. Осының нәтижесінде бейнелер тікбұрыштарды толықтыру үшін арналған өзінің меншікті қабырғалық түсіне ие болады. Егер құрылған сурет және веб – беттер бірдей түске ие болатын болса, онда ешқандай проблема туындамайды. Егер олардың қабырғалық түстері бір бірінен ерекшеленетін болса, онда тік бұрышты пішіндегі сурет көрінетін болып және беттің айқындылығы немесе көрнекілігі төмендейді. Өкінішке орай, бұл жағдайды HTML тілінің құралдарымен өзгертуге біз дәрменсізбіз. Бірақ оны суреттерді құру кезінде реттеуге болады. Суреттің қабырға түсін алып тастап және оны мөлдір ету қажет. Ол үшін файлды құру кезіндегі қабырға түспен үйлесетіндей ету қажет. Одан ары файлды GIF89A нұсқада және GIF форматта сақтаймыз. Айтпақшы, уақытиша сурет ретінде өлшемі 1 пиксел болатын қажетті биіктік пен енге ие суреттерді пайдалануға да болады. жүктеу/скачать 216,97 Kb. Достарыңызбен бөлісу:
|