Резеңке қақпақты қалай жасауға болады

Мазмұны:

Резеңке қақпақты қалай жасауға болады
Резеңке қақпақты қалай жасауға болады

Бейне: Резеңке қақпақты қалай жасауға болады

Бейне: Резеңке қақпақты қалай жасауға болады
Бейне: Передний ведущий мост МТЗ-82 старого образца. Ремонт конечной передачи. Устраняем потёки масла. 2024, Желтоқсан
Anonim

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

Резеңке қақпақты қалай жасауға болады
Резеңке қақпақты қалай жасауға болады

Қажетті

сіздің жеке веб-сайтыңыз болуы керек

Нұсқаулық

1-қадам

Резеңке қақпақты жасау үшін алдымен оны Photoshop-қа салыңыз. Содан кейін суреттің 3 бөлігін бөліңіз: 2 жағы мен ортасы. Бұл бөліктердің ені шамамен 10-20 пиксель және сіз қалаған тақырыптың биіктігі болуы керек. Әр элементті сізде 3 түрлі файл болатындай етіп сақтаңыз: 1.gif, 2.gif, 3.gif. Бұл суреттерді сайтқа жіберіңіз.

2-қадам

Әрі қарай, сайттың жоғарғы жағында орналасқан элементтерді орналастыратын кесте жасаңыз. Ол үшін HTML кодына жазыңыз:

100% ені бар үстел пайдаланушының экран өлшеміне байланысты созылады немесе кішірейеді.

3-қадам

Кестеге сызық жасаңыз, оның ұяшығына 1

4-қадам

.header {background-image: url ('images / 2.gif');}

5-қадам

Енді кестенің бір қатарында басқа ұяшық жасаңыз және оған сайттың жоғарғы бөлігінің ортаңғы элементін CSS кодындағы оның атауын көрсете отырып орналастырыңыз:

Сайттың атауы

>

6-қадам

Кесте жолында үшінші ұяшықты құрып, 3

Сайттың атауы

Ұсынылған: