Сіз өзіңіздің жеке веб-сайтыңызды құрған кезде, қолданушының браузер нұсқасына қарамастан, оны мүмкіндігінше тартымды етіп көрсеткіңіз келеді. Атап айтқанда, фондық сурет созылып, компьютер мониторының ажыратымдылығына сәйкес келтірілуі үшін.
Бұл қажетті
html, css, java-сценарийлерімен жұмыс істеу дағдылары
Нұсқаулық
1-қадам
Сіздің сайтыңыздың кодын кез-келген редактордан ашыңыз, мысалы Блокнот немесе арнайы веб-дизайн бағдарламасы, Dreamweaver. Сайттың фонын созу үшін келесі жолдарды кодқа салыңыз. Фон қосу: url (‘Суретке сілтеме енгізу’).
2-қадам
Суретті көлденеңінен өлшеу үшін келесі кодты қолданыңыз: Фон: url (‘Суретке сілтеме салыңыз’ қайталау-х), тігінен - кодтың соңында х-ті y орнына ауыстырыңыз. Егер сайт css файлында орналасса, оған кодты қойыңыз. Осылайша сіз өзіңіздің сайтыңызға резеңке фон қоя аласыз.
3-қадам
Параққа фондық суретті орналастыру және оны парақ қаралатын монитордың ажыратымдылығына сәйкес автоматты түрде созу үшін келесі код мысалын пайдаланыңыз. Мысал коды: денесі {өң: «Фондық кескінге сілтеме енгізу» () қайталанбайтын бекітілген сол жақ орта; содан кейін фондық өлшем: […].
4-қадам
Фондық кескінді созу үшін суретті фон ретінде енгізіп, оның енін 100% етіп қою жеткілікті. Мысалы, парақтың кодына келесі мәтінді енгізіңіз: фондық сурет «alt =» Суреттің атын енгізіңіз «/>. Осылайша, ол суреттің еніне сәйкес келеді, бірақ оның пропорциясы бұзылады.
5-қадам
Сол сияқты, сіз суретті биіктікке созылатын етіп орнатуға болады, ені атрибутының орнына биіктігін қолданыңыз. Немесе css үшін келесі код мысалын қолданыңыз: сайттың фондық суреті) «> және одан кейін алдыңғы мысалдағыдай суреттің 100% енін қосыңыз. Сонымен қатар сіз сценарийді қолданушының экран ажыратымдылығын біліп, өлшемін өңдеуге болады ол үшін сіздің үстеліңіз.