Вебсайтта сүрөттү кантип жайгаштыруу керек

Мазмуну:

Вебсайтта сүрөттү кантип жайгаштыруу керек
Вебсайтта сүрөттү кантип жайгаштыруу керек

Video: Вебсайтта сүрөттү кантип жайгаштыруу керек

Video: Вебсайтта сүрөттү кантип жайгаштыруу керек
Video: Вязание: ОБУЧАЮЩИЙ МАСТЕР КЛАСС для начинающих ажурная кофточка крючком ВАСИЛЬКОВОЕ ПОЛЕ ЧАСТЬ 2 2024, Ноябрь
Anonim

Сайттын баракчаларында келгендердин баардыгы сервер тарабынан берилген толук көрсөтмөлөрдүн негизинде браузерде көрсөтүлөт. Бул көрсөтмөлөр барактын html-коду деп аталып, ар бир элементтин түрүн, көрүнүшүн жана жайгашкан жерин өзүнчө сүрөттөгөн өзүнчө "тэгдерден" турат. Бардык жаңы элементтерди (мисалы, сүрөттү) баракчага жайгаштыруу үчүн, анын баштапкы кодуна тиешелүү көрсөтмөнү - тегди кошуу керек. Мунун эң жөнөкөй жолун карап көрүңүз.

Баракка сүрөт киргизүү
Баракка сүрөт киргизүү

Нускамалар

1 кадам

Эгер сиз кандайдыр бир мазмунду башкаруу тутумун колдонсоңуз, анда ал баракча редакторун камтышы толук ыктымал. Биринчиден, ушул редактордо керектүү баракты ачуу керек. Андан ары - варианттары мүмкүн. Эң жакшы учурда, баракча редактору "визуалдык режимге" ээ болот, башкача айтканда - "WYSIWYG режими" (Көргөнүңүз - Сиз алган нерсе - "көргөнүңүз - сиз алганыңыз"). Бул режимде, сиз баштапкы HTML коду менен таптакыр иштешпешиңиз керек болот! Редактордогу баракча сайттагыдай болуп көрүнөт, чычканды каалаган жерине тыктырып, редактордун панелиндеги "сүрөт киргизүү" баскычын басуу жетиштүү болот.

2-кадам

Натыйжада, сиз каалаган сүрөттү тандашыңыз керек болгон диалог терезеси ачылат. Эгер сиз аны жүктөй элек болсоңуз, анда компьютериңиздеги сүрөттү тандап, аны серверге жүктөө баскычы бар. Мындан тышкары, бул диалогдо сиз сүрөттүн айланасындагы алкактын түсүн жана туурасын, алкак менен сүрөттүн ортосундагы толтуруунун аралыгын жана түсүн, инструменталдык кеңештин текстин орното аласыз. Бул жерде өлчөмдөрдү белгилөөнүн кажети жок, бирок баракчаны жүктөөнү тездетүү жана дизайндын бурмаланышына жол бербөө үчүн, муну дагы деле болсо жакшы. Диалогдун бардык талап кылынган талаалары толтурулганда, "ОК" баскычын басып, андан кийин түзөтүлгөн баракты сактап коюңуз.

Сүрөт диалог кутучасын кыстарыңыз
Сүрөт диалог кутучасын кыстарыңыз

3-кадам

Башкаруу тутумдары үчүн бирдиктүү стандарт жок болгондуктан, сиздин системаңыздын визуалдык режиминде сүрөттү киргизүү процедурасы бир аз айырмаланышы мүмкүн, бирок принцип ошол эле бойдон калат. Ушул эле себептен, WYSIWYG режими сиздин сайтыңыздын башкаруу тутумунда көрүнбөй калышы мүмкүн. Андан кийин дагы эле баракчанын баштапкы кодун HTMLде түзөтүшүңүз керек (HyperText Markup Language - "гипертекст белгилөө тили"). Сиз браузерге сүрөттү ушул жерде көрсөтүшүңүз керек деген кодду туура жерге тегин киргизишиңиз керек. Жөнөкөй түрүндө ал мындай болушу керек: Сүрөттүн "салыштырмалуу дареги" - бул дарек боюнча браузер серверден кайрылып, андан сүрөт файлын алуу керек. Эгерде дарек салыштырмалуу болсо, анда браузер файлды барактын өзү сыяктуу эле сервер папкасында (же кичи папкада) деп эсептейт. Бирок, жаңылышпаш үчүн, "абсолюттук даректи" белгилеп койгонуңуз оң - мисалы, ушул сыяктуу: Албетте, сервер сүрөттү браузерге таап, жөнөтүшү үчүн, ал көрсөтүлгөн жерге жүктөлүшү керек жайгашкан жер. Муну жасоонун эң оңой жолу - бул ар бир контентти башкаруу тутумунда, ошондой эле хостинг компанияңыздын башкаруу панелинде жайгашкан файл менеджери. Муну FTP-протоколун (File Transfer Protocol - "файлды өткөрүп берүү протоколу"), атайын программаны - FTP-кардын жардамы менен жасай аласыз. Алардын көпчүлүгү акы төлөнүүчү жана акысыз - мисалы, Cute FTP, FlashFXP, WS FTP ж.б., бирок, албетте, программаны орнотуу, өздөштүрүү жана конфигурациялоо убакытты талап кылат, андыктан сизге керектүү нерселердин бардыгын жүктөп алуу үчүн файл менеджери. браузер - бул жеңилирээк вариант.

4-кадам

Сүрөттүн html-тегиндеги даректен тышкары, кошумча маалыматты - тегдин "атрибуттарын" көрсөтсөңүз болот. Мисалы, alt="Image" атрибутунда сүрөт боюнча чычкан курсорун жылдырганда пайда болгон куралдар кеңешинин текстин камтыйт: Аны - атрибуту менен алмаштырууга болот: - браузер керек болгон тик бурчтуктун көлөмү сүрөттү чагылдыруу туурасы жана бийиктиги атрибуттары менен белгиленет: - border атрибуту сүрөттүн тегерегиндеги чек аранын кеңдигин аныктайт (пиксел менен): Эгерде сүрөт шилтеме менен жасалса, анда браузер анын айланасына көк түстөгү чек араны тартат. Андан арылуу үчүн чек ара мааниин нөлгө коюңуз: - Калган эки атрибут сүрөттүн жанаша элементтерден чегинүү көлөмү жөнүндө маалыматты камтыйт (тексттин саптарынан, башка сүрөттөрдөн ж.б.) - hspace чегинүү туурасынан (сол жана оң), боштук - тигинен (төмөн жана жогору):

Сунушталууда: