Веб-сайтқа суретті қалай қою керек

Мазмұны:

Веб-сайтқа суретті қалай қою керек
Веб-сайтқа суретті қалай қою керек

Бейне: Веб-сайтқа суретті қалай қою керек

Бейне: Веб-сайтқа суретті қалай қою керек
Бейне: HTML сабақтары #9 - Сурет қоюдың жолдары 2024, Сәуір
Anonim

Веб-серфер сайттың беттерінен не көреді, оған веб-сервер жіберген толық ақпарат негізінде шолушы ұсынады. Бұл ақпарат парақтың html-коды деп аталады және әр жеке элементтің сыртқы түрі мен орналасуын сипаттайтын жеке нұсқаулардан - «тегтерден» тұрады. Сайт парағына жаңа элементті (мысалы, сурет) қосу үшін оның бастапқы кодына сәйкес нұсқау (тег) орналастыру керек.

Веб-сайтқа суретті қалай қою керек
Веб-сайтқа суретті қалай қою керек

Нұсқаулық

1-қадам

Мазмұнды басқару жүйесін пайдалануға мүмкіндігіңіз болса, парақты редактордың көмегімен суретке қосыңыз. Алдымен қажетті бетті редакторға жүктеп, визуалды редакциялау режимі қосылғанына көз жеткізіңіз. Кейде оны WYSIWYG ағылшын тіліндегі қысқартпа деп те атайды (сіз не көресіз, сіз соны аласыз). Көрнекі режимде парақ сайттағыдай көрінеді. Суретті салу керек орынды тышқанмен шертіп, редакторлар тақтасындағы «сурет кірістіру» батырмасын басу керек.

2-қадам

Серверде бар тізімнен суретті таңдаңыз, ол сізге кескіндерді енгізу үшін диалог терезесінде визуалды редакторды ашады. Егер сіз оны әлі жүктеп алмаған болсаңыз, компьютердегі қажетті файлды іздеу батырмасын басыңыз («Шолу»), оны тауып ашыңыз, содан кейін «Жүктеу» (немесе «Жүктеу») батырмасын басыңыз. Файлды серверге жүктеу процесінің соңында сурет тізімге қосылады, оны сіз де таңдай аласыз.

3-қадам

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

4-қадам

Егер сіз басқару жүйесінің бет редакторын қолдана алмасаңыз немесе оның визуалды редакциялау режимі болмаса, онда сізге қажет HTML тегін жазып, бастапқы кодқа қосу керек. Қарапайым опция келесідей болуы мүмкін: мұнда img - тегтің аты, ал браузер оны осы жерде сурет бейнеленуі керек деген қорытынды жасау үшін қолданады. Src атрибутында кескін файлының адресі мен аты болады. Егер файл парақпен бірдей қалтаға орналастырылса, онда толық URL мекенжайы қажет емес. Тақырып төлсипатын пайдаланып қалқымалы құралдар кеңесін қосуға болады және шекара енін шекара төлсипатында көрсетуге болады: Қажетті атрибуттарды мәндеріңізбен ауыстырыңыз және алынған HTML-код тегін парақ көзіне қойыңыз. Мұны қарапайым мәтіндік редакторда сайттың серверінен дереккөзді жүктеп, содан кейін кері жүктеу арқылы жасауға болады.

5-қадам

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

Ұсынылған: