Web-беттің мәтініне суретті кірістіру үшін жалғыз тег қолданылады. (Кесте P 1). Бұл тегтің атрибуттары бетте орналастырылған кескіннің барлық параметрлерін орнатады. Графикалық файлдың адресі мен атын анықтайтын SRC атрибуты қажет. SRC төлсипаты орнатылмаса, тек бос кескін белгішесі көрсетіледі.

Тег құрылымы SRC атрибутымен келесідей көрінеді:

.

Институт атты графикалық файл Web-парақпен бір қалтада орналасса, оны орналастыру үшін мынаны жазу керек:

.

Файл атауы пішімі

D:\Collection\Cities\MINSK.GIF мекенжайында орналасқан MINSK атауы бар графикалық файлды орналастыру үшін мынаны жазу керек: .

Тегті пайдалану Web-бетте Интернеттегі басқа компьютерде орналасқан графикалық файл бар.

Суретте көрсетілген біздің институттың фотосуреті бар Web-парақшасын жасау. 4.1, келесі HTML кодын енгізу керек:

Біздің институт

Күріш. 4.1. Институт суреті бар веб-парақ

Жоғарыдағы мысалда фотосуреттің биіктігі (HEIGHT) 200 пиксель және ені (WIDTH) 300 пиксель. Фотосуретті орналастыру үшін ортасына туралау арқылы абзац жасалады.

Көлденең сызықтар

Көлденең сызықтар бір тег арқылы Web-бетте орналастырылады

---

. SIZE, WIDTH, COLOR және ALIGN атрибуттары сәйкесінше сызықтардың қалыңдығын, енін, түсін және туралануын өзгертеді.

Көлденең сызықтардың орналасуын түсіндіру үшін бірнеше мысалды қарастырайық:

1.

---

- бүкіл бет бойынша көлденең сызық, қалыңдығы 2 пиксель.

2.

---

WIDTH = "200" ALIGN="RIGHT"> – жасыл түстің көлденең сызығы, қалыңдығы 15 пиксель, ені 200 пиксель және оңға тураланған.

3.

---

– бүкіл бетті қамтитын көлденең көк сызық, қалыңдығы 25 пиксель.

4.

---

WIDTH = "300" ALIGN = "LEFT"> – қызыл түсті көлденең сызық, қалыңдығы 20 пиксель, ені 300 пиксель және солға тураланған.

Жазылған төрт мысал үшін сызықтық дисплей суретте көрсетілген. 4.2.

Күріш. 4.2. Web бетіндегі сызықтар

КЕСТЕЛЕР

Кестелер құру

Кесте жұпталған тег арқылы жасалады

… . Бұл тег қосылған жерде кесте жасайды
HTML кодында.

Кез келген кесте жолдардан, ал жолдар ұяшықтардан тұрады. Кесте жолдары мен ұяшықтарын қалыптастыру үшін келесі тегтер қолданылады:

... – жаңа жол;

... – тақырып ұяшығы;

... – кәдімгі кесте ұяшығы.

Бұл тегтер жұпталған тегтің ішінде жазылады

… .

Кесте жолдар бойынша қалыптасады - алдымен бір жол көрсетіледі және онда ұяшықтардың қажетті саны көрсетіледі, содан кейін екінші жол және т.б.

Суретте көрсетілген кестені алу үшін. 5.1, келесі HTML кодын теру керек:

Күріш. 5.1. Кесте беті

Кесте тақырыбының ұяшықтарындағы мәтін (5.1-сурет) жартылай қалың шрифтпен көрсетіледі және ұяшықтың ортасына тураланады, ал кәдімгі ұяшықтарда мәтін ерекшеленбейді және солға қарай тураланады.

Айта кету керек, жоғарыдағы беттің HTML кодында тег бар

Автомобильдер	Бағасы	Форд	5000	Гольф	6000

құрамында "1" мәні бар BORDER атрибуты бар. Бұл суретте көрсетілген кестеде екенін білдіреді. 5.1, сыртқы шекараның қалыңдығы
1 пиксель. Жазсақ

… ,

онда сыртқы жиектің қалыңдығы 6 пиксель болады. Кесте жиектерінің көрсетілуіне жол бермеу үшін BORDER төлсипатын 0-ге орнату керек немесе жай ғана бұл төлсипатты өткізіп жіберу керек.

Көптеген веб-беттер графикалық бейнелерден тұрады. Ол ақпаратты түрлі-түсті және анық көрсетуге мүмкіндік береді. Көп жағдайда ұзақ мәтіндік сипаттама бергенше суретті көрсеткен дұрыс.

Графикті бетке орналастырудың екі жолы бар:

• жеке суреттерді енгізу;
• фонды суретпен толтыру.

Кез келген жағдайда графикалық кескін файлдан алынады.

Графиканы енгізу

Графикалық форматты файлдан бетке графикалық кескінді кірістіру тегтің көмегімен жүзеге асырылады (ағылшын тілінен, сурет - сурет) файл мекенжайын SRC атрибутына аргумент ретінде көрсете отырып:

< IMG SRC = "адрес_графического_файла" >

Графикалық файл мекенжайы URL мекенжайы немесе файл атауы, мүмкін жолы бар. Мысалы, logotip.jpg графикалық файлын көрсету үшін тегті жазу керек:

< IMG SRC = "logotip.jpg" >

Тегтегі графикалық кескінді тасымалдау жылдамдығын арттыру үшін атрибутын пайдалана аласыз ( қосымша параметр) LOWSRC, ол графикалық файлдың адресін дәлел ретінде қабылдайды. Екі графикалық файл жасауға болады: бірінде (мысалы, logotip.jpg делік) жоғары ажыратымдылықтағы кескін, екіншісінде (мысалы, logotip.gif) ажыратымдылығы төмен кескін бар. Содан кейін тег:

< IMG SRC = "logotip.jpg" LOWSRC = "logotip.gif" >

...шолғышқа алдымен logotip.gif файлын жүктеп алуды, содан кейін оны қабылдау кезінде logotip.jpg файлымен ауыстыруды тапсырады.

Графикалық кескінді жүктеуді жылдамдатудың тағы бір жолы - атрибуттардың көмегімен графика орналастырылатын төртбұрышты аймақтың өлшемін орнату. ЕН(ені) және БИІК(биіктігі), пиксельмен өлшенеді. Егер сіз осы атрибуттарды көрсетсеңіз, браузер алдымен графикаға орын бөледі, құжаттың макетін дайындайды, мәтінді көрсетеді, содан кейін ғана графиканы жүктейді. Браузер кескінді көрсетілген кадр өлшеміне сәйкестендіру үшін қысатынын немесе созатынын ескеріңіз. Кескін өлшемдерін көрсету мысалы:

< IMG SRC = "logotip.gif" WIDTH = 40 HEIGHT = 20 >

Графика әдетте мәтінмен бірге қолданылады, сондықтан мәтін мен графиканы туралау мәселесі туындайды. Бұл мәселе атрибуттың көмегімен шешіледі ТЕГЕНДІРУтег әртүрлі аргументтерді қолдану. Мысалы, мәтіннің суреттің айналасында оңға немесе солға ағып кетуін қалауымыз мүмкін. Әдетте сурет мәтінмен тығыз ендірілген, ол ұсқынсыз болуы мүмкін. Бұған жол бермеу үшін суреттің айналасында бос жиектер орнатуға болады. Өрістер атрибуттар арқылы жасалады VSPACEжоғарғы және төменгі жиектер үшін және НSPACEтегтің бүйірлік шеттері үшін . Бұл төлсипаттардың аргументтері өрістердің өлшемін пикселдермен көрсететін сандар ретінде көрсетіледі. Графиканың айналасындағы мәтінді ораудан бас тарту үшін тегті пайдаланыңыз
.

Келесі тег logotip.jpg файлындағы сызбаларды оңға орау үшін орнатады (сурет мәтіннің сол жағында орналасады):

< IMG SRC = "logotip.jpg" ALIGN = LEFT >

Суретті мәтіннің оң жағына орналастырғыңыз келсе, онда атрибут қажет ТЕГЕНДІРУаргумент тағайындау ДҰРЫС:

< IMG SRC = "logotip.jpg" ALIGN = RIGHT >

Кескіннің айналасындағы шеттерді орнату үшін келесідей тег жазу керек:

< IMG SRC = "logotip.jpg" ALIGN = LEFT HSPACE = 20 VSPACE = 10 >

Мұнда 20 және 10 сандары өрістердің өлшемін анықтайды.

Мысал қарастырайық бөлісуграфика және мәтіндер. Блокнотты ашыңыз (Блокнот мәтіндік редакторы) Windows. Жоғарыда қарастырылған тегтерді пайдаланып, оған HTML кодын жазыңыз. Төменде кейбір мәтіндер мен графикаларды шығаратын бағдарлама берілген. Сізде бар файлдардың кез келгенін графикалық файл ретінде пайдалануға болады. Мұнда пайдаланылған файл logotip.gif болып табылады.

< HTML >

< HEAD >

< TITLE >1-жаттығу< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

< IMG SRC = "logotip.gif " ALIGN = LEFT >

< H1 >Мәтін оң жақтағы графиканы айналдырады< / H1 >

Күріш. 657. Мәтін оң жақтағы суретті айналдырады

Беттегі кескіндерді (басқа элементтер сияқты) дәл орналастырудың кең мүмкіндіктері кестелерЖәне стильдер. Бұл HTML элементтері кейінірек талқыланады. Мысалы, көрінетін жақтаулары жоқ кестені анықтауға және осы кестенің ұяшықтарына суреттерді, мәтіндерді және басқа элементтерді орналастыруға болады.

Анықтама 1

Web-парақ мәтіндік файл, HTML тілінде жасалған және World Wide Web (WWW) жүйесінде орналастырылған. Мәтіннен басқа, Web-бетте басқа веб-беттерге өтуге және қарауға болатын гипермәтіндік сілтемелер, сондай-ақ графика, анимация, бейнеклиптер және музыка түріндегі кірістірулер болуы мүмкін.

HTML көмегімен сіз:

1. Web беттерін құру және өңдеу.
2. Құжатқа енгізілген барлық объектілердің (суреттер, анимациялар және т.б.) жұмысын ескере отырып, Интернеттен HTML құжаттарын өңдеңіз.
3. Гипермәтіндік сілтемелерді және HTML құжатына сызбаларды, диаграммаларды, анимацияларды, бейнеклиптерді, музыка мен сөйлеуді сүйемелдеуді, мәтіндік арнайы эффектілерді енгізу мүмкіндігін пайдалану, мультимедиялық презентациялар, слайд-шоулар, демо-жобалар.

Ескерту 1

Графикалық кескіндер әдетте бөлек файлдарда сақталады. HTML тілінде Интернеттегі осы файлдардың нақты адрестері болып табылатын Web-беттердің кодтарында сілтемелер жазылатын арнайы тегтері бар. Мұндай тегтерді кездестірген кезде веб-шолғыш веб-серверге сурет, аудио немесе бейне бар сәйкес файлға сұраныс жасайды және оны осы тег орналасқан жерде веб-бетте көрсетеді. Web-беттен бөлек файлдарда сақталатын кез келген деректер (суреттер, аудио және бейнелер және т.б.) Web-беттердің енгізілген элементтері деп аталады. Web-парақшаға сурет қосу процесін егжей-тегжейлі қарастырайық.

Веб-бетке кескіндерді қосу

Web-парақтардың тартымдылығы оларда қолданылатын графикада және басқа да әртүрлі нысандарда. Бетке сурет қосу қиын емес. Және жасай алатын графиканы қосыңыз сыртқы түрі Web-беттер неғұрлым көрнекті және кәсіби, әлдеқайда күрделі және арнайы білімді қажет етеді.

Кескіннің көзі тегін пайдаланып бетке сурет қосуға болады, ол келесідей көрінеді:

мұнда тегтің өзі, ал scr - оның атрибуты. scr атрибуты қажет болғандықтан, бұл жазбаның барлығы бір жалпы тег деп айта аламыз. Кескін көзі тегі сәйкес жабу тегін пайдаланбайды, себебі бастапқы тегі дербес және сондықтан пайдаланған кезде соңында қиғаш сызықты қажет етеді: .

Баламалы субтитрлерді қосу

Интернетте тінтуірді Web-беттегі кез келген графикалық нысанның үстіне апарған кезде көрсетілетін әртүрлі жазуларды жиі кездестіруге болады. Бұл жазулар әдетте суреттің өзі немесе ол орналасқан беттің аумағы туралы қосымша ақпаратты қамтиды.

Төменде тегтің ішіне қосылған alt төлсипаты бар HTML коды берілген. Бұл src атрибутына ұқсас атрибут браузерге кескін туралы кейбір қосымша ақпаратты береді және оны әрқашан тегпен бірге пайдалануға болады.

alt="Бұл сурет!" />!}

Alt атрибутының функциясы веб-бетке қосылған графикалық элемент үшін балама мәтінді анықтау болып табылады. Ол альтернативті деп аталады, себебі ол бейненің өзіне балама ретінде экранда көрсетіледі. Alt атрибуты тағы бір маңызды функцияны орындайды. Бұл веб-дизайнерге егер бетке кіруші өз экранында кескінді көрмесе, ол кем дегенде осы суретке қосылған мәтіндік ақпаратты көре алатынына сенімді болуға мүмкіндік береді.

Әрбір тег үшін alt төлсипатын пайдаланған кезде, графикалық элементтерге сәйкес емес мәтіндік хабарларды тағайындаудан сақ болған жөн. Мысалы, бет дизайн элементтеріне балама мәтін белгілерін қосудың қажеті жоқ. Мұндай қателерді болдырмау үшін осы элементтердің alt төлсипатын бос мәнге орнатуға болады (alt=" "). Егер сіз басқа атрибуттарды орнатпасаңыз, шолғыш кескінді бастапқы өлшемімен көрсетеді, бірақ кескіннің жоғарғы жиегін көрші мәтін жолының жоғарғы жиегімен туралайды. Дегенмен, стильдер кестесі тегтерін пайдаланып, осы екі параметрді де өзгертуге болады.

Кескін атрибуттары

Тегте кескіндердің өлшемін өзгертуге мүмкіндік беретін атрибуттар бар. Міне, олардың кейбіреулері:

• биіктік – кескіннің биіктігін пиксель немесе пайызбен анықтау үшін қолданылады;
• ені – кескіннің енін пиксель немесе пайызбен анықтау үшін қолданылады.

Кескіннің биіктігі мен енін реттеу

Веб-беттерде орналастырылған кескіндердің өлшемдерін жоғарыдағы атрибуттар арқылы орнатуға болады. Сонымен қатар, олардың мәндері пикселдердің белгіленген саны ретінде немесе бет өлшеміне қатысты пайыз ретінде орнатылады. Төмендегі HTML кодында бірінші тегте түпнұсқа кескіннің пиксельдегі өлшемдері (тігінен 60 пиксель және көлденеңінен 60 пиксель), екінші тег сол суреттің енін бет енінің 6%, ал биіктігін Бет биіктігінің 10%.

alt="Бұл сурет!" биіктігі="60" ені="60" />

alt="Бұл сурет!" биіктігі="10%" ені="6%" />

Ескерту 2

Суреттерді өз терезесінде көрсету кезінде браузер мәндердің екі түрін де бірдей жақсы өңдейді. Дегенмен, веб-беттерге кірушілердің компьютерлеріндегі экран ажыратымдылығы сіздікінен басқаша болуы мүмкін екенін есте ұстаған жөн. Сондықтан кескіннің өлшемін өзгерту кезінде кескіннің екі мәнін де (биіктігі мен ені) көрсету керек. Осы мәндердің тек біреуін өзгертсеңіз, экрандағы кескін тігінен немесе көлденеңінен созылған болып көрінуі мүмкін.

Оны суреттерді тезірек жүктеу елесін жасау үшін пайдалануға болады. Бұл әрекетті орындау үшін, кескіннің өлшемі өзгертілген немесе өзгертілмегеніне қарамастан, әрқашан биіктік және ен атрибуттарының мәндерін көрсету керек. Өйткені олар браузерге суретті бетке орналастыру үшін қажетті орын көлемі туралы маңызды ақпаратты айтады. Жауап ретінде браузер кескінге қажетті кеңістікті бөледі және кескіннің өзін жүктеуді тоқтатпай беттің басқа элементтерін құруды жалғастырады. Бұл бет жылдамырақ жүктелетін көрінеді, себебі келушілер беттегі басқа ақпаратты көрмес бұрын кескіннің толық жүктелуін күтудің қажеті жоқ.

Кез келген экрандағы кескін, оның рұқсатына қарамастан, беттің ені бойынша нақты белгілі бір кеңістікті алуын қамтамасыз ету үшін пайыздық мәндерді пайдалану қажет. Егер сіз суреттің ажыратымдылығы тұрақты болуын қаласаңыз (оның пиксельдегі өлшемі), пиксельдегі мәндерді пайдалануыңыз керек.

Мәтін мен графиканы туралау

Кескінді мәтін жолының оң немесе сол жақ шетіне туралау үшін тегтің туралау төлсипатын пайдаланыңыз. Мысалы:

alt="Бұл сурет!" биіктік = "60" ені = = "60" туралау = "оңға" />

Кескінді мәтіндік жолға қатысты тігінен туралау үшін жоғарғы, төменгі және орта мәндерін қабылдай алатын осы атрибутты пайдалануға болады. Жоғарғы мән кескіннің үстіңгі шеті қоршаған мәтіннің жоғарғы жиегімен туралану керектігін көрсетеді. Төменгі мән кескіннің төменгі жиегі қоршаған мәтіннің төменгі жиегімен туралану керектігін көрсетеді. Орталық мән кескіннің ортасы мәтін жолының ортасына туралану керектігін көрсетеді.

Суреттерді сілтеме ретінде пайдалану

Суреттер басқа құжаттарға гиперсілтемелер жасау үшін де қолданылады. HTML тілінде сурет мәтіндік жолақ сияқты гиперсілтемеге айналады. Ол үшін сілтемеге айналуы тиіс бет элементін (біздің жағдайда сурет) қамтитын тег қолданылады. Сілтеме осы суретті басу арқылы орындалады.

Нобай кескіндері

Сурет гиперсілтеме ретінде әрекет ететін жоғарыда аталған әдіске қосымша, оны бір суреттен екіншісіне ауысатын гиперсілтеме ретінде де пайдалануға болады. Бұл веб-бетте жариялағыңыз келетін кескіннің өлшемі айтарлықтай үлкен болған және жүктеуге өте ұзақ уақыт алатын жағдайларда қажет, бұл көптеген келушілер үшін қолайсыз. Сондықтан олар осы суреттің (нобай) кішірейтілген көшірмесін жасайды және оны гиперсілтемемен көрсетеді. Егер бетке кіруші осы суретке қызығушылық танытса, ол толық суретті көру үшін нобайды баса алады. Міне код мысалы:

alt="Қалыпты кескінді көру үшін басыңыз."

биіктігі="60" ені="60" />

Суреттерді сәтті пайдалану құпиялары

Суреттер келушілер үшін көптеген көрнекі ақпарат береді және бұл оларды тартымды етеді, сонымен қатар оларды веб-бетке қосу өте оңай, бірақ сайтты жасаудың белгілі ережелері бар, егер біз оның танымал болуын қаласақ, сақталуы керек. ғаламтор.

Беттерді жасаған кезде оларға шағын кескіндерді орналастыруға тырысу керек, өйткені үлкен кескіндерді жүктеуге көп уақыт кетеді, ал кейбір пайдаланушылар желіге кіру үшін әлі де төмен жылдамдықты байланыс арналарын пайдаланады. өткізу қабілеті, сондықтан жүктелген файлдардың өлшемі олар үшін маңызды.

Ескерту 3

Бүкіл HTML құжатының жалпы файл өлшемі де маңызды, ол өз кезегінде ондағы кескіндердің өлшеміне ғана емес, сонымен қатар олардың санына да байланысты болады. Мәтіндік хабардың мазмұны әрқашан кескіннің өзіне сәйкес келуі үшін alt төлсипатын пайдалану кезінде абай болу керек. Ал керісінше жағдайда: суреттің бетте ұсынылған мәтіндік ақпаратқа сәйкес келуін қамтамасыз ету қажет.

Жасап жатқан бетте Интернеттен алынған суреттерді пайдаланған кезде, бұл кескіндердің авторлық құқықпен қорғалғанын тексеру керек.

Жоғарыда айтылғандай, HTML бүгінгі күні World Wide Web-те кез келген веб-парақша жазу үшін негіз болып табылады. CSS-ті пайдаланған кезде HTML кодын жасау күрт өзгереді. Белгілі бір көрнекі әсерлерге қол жеткізу үшін күрделі HTML тегтерін қайта өңдеумен қоштаса аласыз. Кейбір HTML тегтері немесе атрибуттары туралы, мысалы, ескірген тег...

Үй

Веб-сайтқа тапсырыс беріңіз және бизнесті бастаңыз!

Бұл фразаны көптеген сайттарда естуге және көруге болады, бұл бекер емес!

Веб-сайт — бұл компанияның бет-бейнесі. Және бұл әлеуетті тұтынушылармен ең заманауи және тиімді байланыс арнасы. Тек интернет-сайттың мүмкіндіктері ғана пайдаланушыға ақпараттық хабарламаны жеткізудің барлық әдістерін толық пайдалануға мүмкіндік береді. Тұтынушыны олармен таныстыру үшін мәтіндік, аудио және бейне ақпаратты бір сайтта ұсынуға болады.

Қолдану арқылы бағдарламалық қамтамасыз етуСайтта төлемдерді қабылдауға, телефонмен сөйлесуге, деректер базасын жүргізуге, факстарды жіберуге және алуға, SMS хабарламалармен алмасуға және басқа да көптеген әрекеттерді орындауға болады. Заманауи интернет сайт – бұл кез келген компанияның ғана емес, кез келген интернет пайдаланушының ақпараттық орталығы.

Және бұл өз идеяларыңызды немесе әзірлемелеріңізді кең аудиторияға тиімді және сонымен бірге қарапайым және анық жеткізудің ұтымды тәсілі. Ал бүгінгі күні HTML гипермәтіндік белгілеу тілінде жазылған Web-құжаттары Web ортасында мәліметтерді ұсынудың негізгі формасы болып қала береді.

HTML тілінің ең маңызды артықшылықтары:

• HTML тілін қысқа мерзімде үйренуге мүмкіндік беретін қарапайымдылық.
• өз веб-беттеріңізді құру мүмкіндігі
• және HTML бүгінгі күні бар барлық платформаларда бірдей жұмыс істейді; қосымша жабдықты сатып алудың қажеті жоқ. Және кез келген қолжетімді пайдалану жеткілікті мәтіндік редактор, мысалы Блокнот.

Бұл сайтта мен өзіңіздің веб-сайтыңызды құрудың бүкіл процесін, атап айтқанда, барлық пайдаланушыларға қолжетімділікті қамтамасыз ету үшін дайын жобаны Интернетте жариялауды егжей-тегжейлі сипаттауға тырыстым.

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

Web-бетте орналастырылған графикалық кескіндер ақпаратты жақсырақ қабылдауға ықпал етіп қана қоймайды, сонымен қатар беттерді жарқын және есте қаларлық етеді. Графикалық кескіндерді өзіңіз дайындауға немесе дизайнерлердің қызметтерін пайдалануға болады. сияқты бағдарламалық өнімдердің графикалық файлдар кітапханаларын да пайдалануға болады Microsoft Office, CorelDraw және т.б.

Өзіміз жасап жатқан веб-сайттың басты бетіне Microsoft Office бағдарламасына кіретін Клип-арт кітапханасынан графикалық кескінді орналастырайық. Ол үшін мына қадамдарды орындаңыз:

1. Құрылған веб-сайтты ашыңыз.
2. Ашық басты бетпанельдегі index.htm файл атауын екі рет басу арқылы Қалталар тізімі(Қалталар тізімі).
3. Мәзірде Кірістіру(Кірістіру) пәрменін таңдау Сурет салу Суреттер(Клип-арт). FrontPage бағдарламасының терезесінде панель пайда болады Сурет енгізу(Клипті кірістіру).
4. Осы панельден пәрменді таңдаңыз Суреттер жинағы(медиа галереясы). Графикалық кескінді таңдауға мүмкіндік беретін диалогтық терезе ашылады (Cурет 15.8).

Күріш. 15.8.

Диалогтық терезенің жоғарғы жағында терезеде көрсетілген объектілерді көрсетуді, сондай-ақ объектілерді көшіруді және жоюды басқаратын түймелерден басқа тағайындау түймелері орналасқан (кестені қараңыз).

1. Панель Жинақтардың тізімімультимедиялық файлдары бар компьютер қалталарын, сондай-ақ Clip Art кітапханасының сурет файлдарын қамтиды. Сізді қызықтыратын суреттер санатының қалтасын ашыңыз. Осы санаттағы суреттер терезенің жұмыс аймағында пайда болады. Курсорды суретке қойғанда кескіннің атын, өлшемін және құрамындағы файлды, сондай-ақ графикалық кескіннің пішімін көрсететін анықтама көрінеді (15.9-сурет).

1. Таңдалған кескіннің оң жағындағы көрсеткі түймесін басыңыз. Контекстік мәзір пайда болады.
2. Мәтінмәндік мәзірден пәрменді таңдаңыз Көшіру(Сора).
3. Кез келген ыңғайлы құралды пайдаланып веб-парақшаға өтіп, алмасу буферіндегі суретті оған қойыңыз. Мысалы, пернелер тіркесімін басыңыз +.
4. Түймені басу арқылы графикалық кескіні бар веб-бетті сақтаңыз Сақтау(Сақтау) стандартты құралдар тақтасында. Диалогтық терезе пайда болады Енгізілген файлдарды сақтау(Енгізілген файлдарды сақтау) (15.10-сурет), бетте орналастырылған суретті қалтада сақтауды ұсынады. суреттерКітапханада файл орналасқан атаумен веб-сайт. Бұл терезеде келесі түймелер бар:
   • Атын өзгерту(Rename) - файлдың атын өзгертуге мүмкіндік береді.
   • Қалтаны өзгерту(Қапшықты өзгерту) - диалогтық терезені ашады Қалтаны өзгертуФайлды сақтау үшін басқа қалтаны таңдауға мүмкіндік беретін ағымдағы веб-сайттың қалталарын қамтитын (Қалтаны өзгерту).
   • Әрекет(Әрекетті орнату) диалогтық терезені ашады Әрекет тапсырмасы,мәнін өзгертуге мүмкіндік береді СақтауӘрекет бағанын келесіге сақтаңыз Сақтамаңыз(Сақтамау) мәнді таңдаған кезде СақтауСызба сіз көрсеткен веб-сайт қалтасында сақталады, әйтпесе веб-бетте Clip Art кітапханасында орналасқан кескінге сілтеме болады.

Аймақ Сурет салу(Суреттерді алдын ала қарау) орналастырылып жатқан кескінді көрсетеді. Диалогтық терезеде орнату арқылы Енгізілген файлдарды сақтауқажетті параметрлерді таңдап, түймесін басыңыз Жарайды.Графикалық файл сіз көрсеткен веб-сайт қалтасында сақталады.

Күріш. 15.10.

Файлдан графикалық кескінді орналастыру

Clip Ait кітапханасынан графикалық кескінді Web-парақшаға орналастыруды қарастырдық. Файлдан графикалық кескінді бетте орналастыру үшін келесі әрекеттердің бірін орындаңыз:

• Мәзірде Кірістіру(Кірістіру) пәрменін таңдау Сурет салу(Сурет), содан кейін ашылатын ішкі мәзірде - опция Файлдан(Файлдан)
• түймешігін басыңыз Файлдан сурет қосыңыз(Файлдан суретті кірістіру) стандартты құралдар тақтасында
• түймешігін басыңыз Файлдан сурет қосыңыз(Файлдан суретті кірістіру) құралдар тақтасында Сызбалар(суреттер)

Осы әрекеттердің кез келгенін орындаған кезде диалогтық терезе ашылады Сурет салу(Сурет) (15.11-сурет). Осы терезенің көмегімен қажетті графикалық файлды тауып, оны Web-парақшаға орналастыру үшін түймені басыңыз Кірістіру(Кірістіру). Диалогтық терезе жабылады және сурет бетте орналасады.

Күріш. 15.11.

Сурет қасиеттерін орнату

Веб-бетке суретті орналастырғаннан кейін диалогтық терезе арқылы оның қасиеттерін конфигурациялау қажет Сурет қасиеттері(Сурет қасиеттері) (15.12-сурет). Оны ашу үшін суретті басып, келесі әрекеттердің бірін орындаңыз:

• Мәзірде Формат(Формат) пәрменін таңдаңыз Қасиеттер(Сипаттар)
• Команданы таңдаңыз контекстік мәзір Сурет қасиеттері(Сурет қасиеттері)
• Пернелер тіркесімін басыңыз +

Диалогтық терезе Сурет қасиеттеріүш қойындыдан тұрады: Жалпы(Жалпы), Бейне жазу(Бейне) Көру(Сыртқы түрі). Осы дисплей терезесін пайдаланып теңшеу опцияларын толығырақ қарастырайық.