Веб -сайтқа фонды қалай қосуға болады: 14 қадам (суреттермен)

2024 Автор: Gilbert Ryder | [email protected]. Соңғы өзгертілген: 2024-01-31 09:03

Фон - бұл веб -сайттың маңызды элементтерінің бірі. Жақсы фон веб -сайттың үнін шығарады және мазмұнды толықтырады. Фонды қосудың әр түрлі әдістері бар, олардың әрқайсысы әр түрлі мақсатта. Кейбір әдістер фонды веб -сайттағы барлық беттерге қолдануға мүмкіндік береді, ал басқалары фонды тек белгілі бір бетпен шектейді. Бұл мақала HTML немесе CSS көмегімен веб -сайтқа фон қосуды үйретеді.

Қадамдар

1 -ші әдіс 2: HTML әдістері

Қатты түсті фон

Қадам 1. Қатты түсті фон - бұл веб -сайтқа қоюға болатын фонның ең негізгі түрі

Шындығында, әрбір веб -сайт әдепкі ақ фоннан басталады. Ақ фон үйлесімді түс схемасымен қолданылған кезде өте тегіс және таза көрінетін болса да, әр түрлі тақырыптағы басқа түсті фон қолайлы болуы мүмкін.

Қадам 2. Веб -кодты (дереккөз) ашыңыз

3 -қадам. Негізгі тегке bgcolor деп аталатын төлсипатты қосыңыз

Енді сіздің дене тегіңіз келесідей болуы керек-

мұнда COLORNAME - түстің атауы. COLORNAME түстердің көптеген түрлерімен толтырылуы мүмкін.

• (түс атауы)
• (он алтылық мән)
• (RGB мәні)

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

Есіңізде болсын, сирек кездесетін түсті «Ультрамарин көкшіл жасыл» деп теру ақ түс береді.

Фондық сурет қосу

Фондық суретті қосу ашық түсті фонға қарағанда біршама күрделі

Қадам 1. Негізгі тегке фон сипатын қосыңыз, осылайша көрінеді

мұнда SRC - суреттің көзі, SRC сол қалтада немесе басқа қалтада/веб -бетте болуы мүмкін.

• (сол қалтада)
• (басқа қалтада)
• (басқа веб -бетте)

2 -қадам.gif /-j.webp" />

2 -ші әдіс 2: CSS әдістері

Қатты түсті фон

Қадам 1. CSS -те бір түсті фон қосу үшін стиль атрибутын қосыңыз

Сіз сондай -ақ идентификаторлар мен сыныптарды бере аласыз және сыртқы және ішкі стиль кестелерін қолдана аласыз.

2-қадам. Дене белгісі келесідей болуы керек:

мұнда COLORNAME - түстің, он алтылық мәннің немесе RGB атауы (HTML -де біркелкі түсті фонның соңғы қадамдарын есте сақтаңыз, бұл жерде де қолданылады).

Кескін қосу

Қадам 1. Кескін қосу үшін стиль атрибутын негізгі тегке қосыңыз

Сіз сондай -ақ идентификаторлар мен сыныптарды бере аласыз және сыртқы және ішкі стиль кестелерін қолдана аласыз.

2-қадам. Сіздің дене тегіңіз енді келесідей болуы керек

Қадам 3. SRC көзі екенін ұмытпаңыз

Бұл бір қалтадан, басқа қалтадан немесе басқа веб -беттен болуы мүмкін.

• (сол қалтада)
• (басқа қалтада)
• (басқа веб -бетте).

4 -қадам. Кеңейтімдерді қосуды ұмытпаңыз

Қайталанатын өрнекті фон

Қадам 1. Қайталанатын үлгі фонын жасау үшін жоғарыдағы қадамдарда айтылғандай фон қосыңыз

Енді сіздің дене тегіңізді келесіге өзгерту керек:

Мұндағы REPEAT-SETTINGS-параметрлер. Көптеген қайталау параметрлері болуы мүмкін, мысалы:

• (Фон тігінен де, көлденеңінен де қайталанады.)
• (Фон көлденеңінен қайталанады.)
• (Фон тігінен қайталанады.)

Кескіннің тұрақты фоны

Қадам 1. Бекітілген кескіннің фондары керемет көрінеді және төмен жылжытқанда өзгермейді

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

мұндағы SRC-фондық суреттің көзі, POSITION-кескіннің орналасуы (ол ортасынан оңға қарай ауытқуы мүмкін); фондық тіркеме-бұл фондық типтің негізгі «катализаторы». Ол фонның орнын айту үшін қолданылады және оны өзгертпеу ұсынылады.