Веб-сайттың резеңке тақырыбын қалай жасауға болады

Мазмұны:

Веб-сайттың резеңке тақырыбын қалай жасауға болады
Веб-сайттың резеңке тақырыбын қалай жасауға болады

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

Бейне: Веб-сайттың резеңке тақырыбын қалай жасауға болады
Бейне: Вебинар №3. О мягкой робототехнике (профессор Роберт Шеферд) 2024, Сәуір
Anonim

Интернетте веб-сайт жасағанда, әзірлеуші ескеруі керек маңызды сәттердің бірі оның функционалдығы, әмбебаптығы және өнімділігі болып табылады. Экранның ажыратымдылығы әр түрлі компьютерлерде сайт кез-келген шолғышта толық және дұрыс көрсетілуі үшін, сіз бірнеше графикалық элементтерден тұратын ыңғайлы «резеңке» тақырып жасай аласыз.

Веб-сайттың резеңке тақырыбын қалай жасауға болады
Веб-сайттың резеңке тақырыбын қалай жасауға болады

Нұсқаулық

1-қадам

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

2-қадам

Тақырыпты кесіп тастағаннан кейін оны веб-форматқа сақтау кезінде файлдарды оңтайландыру арқылы сақтаңыз (Save for web). Сақтау үшін қажетті файл пішімін орнатыңыз - мысалы, gif, jpeg немесе png. Кескіннің әрбір фрагментін өзгерту үшін мәзірдегі «Бөлшектерді таңдау құралы» опциясын шертіп, кескіннің өлшемін экрандағы визуалды дисплей сапасының ең аз жоғалуымен олардың мөлшері мүмкіндігінше кішірек болатындай етіп өзгертіңіз. Өңделген суреттерді HTML және кескін ретінде сақтаңыз.

3-қадам

Суреттер сақталғаннан кейін HTML кодын блокнот арқылы сақталған HTML құжатын ашып өңдеңіз. Блокнотта барлық қажет емес код жолдарын өшіріңіз. Тек қажетті сызықтарды қалдырыңыз - суреттер салынған кесте туралы деректер:

4-қадам

Бұл жолдарда yourimage

5-қадам

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

6-қадам

Жасалған тақырып суреттерін сайтыңыздың түбірлік каталогына жүктеңіз, содан кейін HTML кодын сервердегі тақырып суреттеріне жаңа жолдармен өңдеңіз. Тақырып кодын тегтер арасына қойыңыз.

Ұсынылған: