Jebkuras vietnes dizains ir balstīts uz fona attēliem un krāsām, piemēram, māju uz pamatiem. Ja jums ir vēlme aizstāt tipisko interneta resursu pamatu ar kaut ko individuālāku, jums jāsāk ar dizaina izstrādi. Un, kad tas būs gatavs, paliks tīri tehniskā daļa, tas ir, aizstājot veco vietnes fona dizainu, kas norādīts lapu avota kodā, ar jauno. Ir vairāki veidi, kā to īstenot praksē.
Instrukcijas
1. solis
Vispirms jums jānoskaidro, kurš no veidiem tiek iestatīts fonā vietnes pašreizējā versijā. Lai to izdarītu, atveriet lapas HTML kodu. To var izdarīt, izmantojot vienkāršu teksta redaktoru, iepriekš lejupielādējot failu no servera. Vai arī varat izmantot satura pārvaldības sistēmas lapu redaktoru, ja tādu izmantojat. Lapas redaktoram nav nepieciešams lejupielādēt failu, bet tas tiek modificēts tieši serverī, izmantojot pārlūku kā interfeisu. Atvērtās lapas HTML kods (HyperText Markup Language) sastāv no pārlūka instrukciju rindām. Tajos aprakstīti katra tīmekļa lapas elementa veidi, izskats un atrašanās vieta. Šīs instrukcijas parasti sauc par "tagiem". Pašu tagu secība lapas kodā arī ievēro HTML valodas noteikumus - tie ir sadalīti blokos, no kuriem pirmajam jābūt virsrakstu blokam, kas sākas ar tagu un beidzas. Tam vajadzētu sekot blokam, kas jūs tagad interesē vairāk - dokumenta pamatteksts. Tas attiecas tikai uz tagiem un. Šī bloka sākuma tagā () varat ievietot informāciju par lapas fonu. Šādu informāciju tagos sauc par "atribūtiem". Teksta taga atribūts, kas nosaka fona krāsu, tiek apzīmēts kā bgcolor, un kodā tas varētu izskatīties šādi: Šeit mēs lapas fona krāsu iestatām uz sudraba krāsu. Pārlūkprogramma dažas krāsas var atpazīt pēc nosaukuma, taču, lai nekļūdītos, labāk norādīt to heksadecimālos kodus. Šī versija ar sudraba krāsu heksadecimālajā izteiksmē izskatīsies šādi: Tātad lapas kodā jāatrod tags, kas sākas ar <body, un jāpārbauda, vai tam ir fona krāsa. Ja tā, nomainiet tajā esošo krāsu norādi ar jauno versiju un saglabājiet izmaiņas lapā.
2. solis
Jūsu vietnes pašreizējā noformējuma fonu var iestatīt nevis pēc krāsas, bet gan pēc attēla. Atbilstošo ķermeņa taga atribūtu sauc par fonu, un tas kodā var izskatīties šādi: Šeit fons ir bg.jpg
3. solis
Raksturojot salīdzinoši sarežģīta dizaina lapu izskatu, izmantojiet "kaskādes stila lapas" - CSS (Cascading Style Sheets). CSS koda blokus var iekļaut tieši lapas kodā vai ietvert ārējā failā ar paplašinājumu "css". Jums ir jāmeklē stila apraksta tags, kas sākas ar <style lapas koda galvenes daļā (starp un tagiem). Ja tajā ir saite uz ārēju failu, tas izskatīsies apmēram šādi: @import "style.css"; Šeit ir saite uz stila lapu ar nosaukumu style.css. Rediģēšanai jāatver norādītais fails. Un, ja nav saites, un pēc sākuma <style tag ir stila instrukcijas, tad jums tās šeit ir jārediģē. Abās opcijās, starp stilu aprakstiem, jāmeklē tie, kas saistīti ar dokumenta pamattekstu (pamattekstu). Šis aprakstu bloks var izskatīties šādi: body {
fona krāsa: sudrabs;
krāsa: melna;
} Šeit fona krāsas parametra vērtība ir jāaizstāj ar jaunās krāsas vērtību un labāk ar tām pašām heksadecimālām vērtībām. CSS instrukciju fona attēla opcijai jāizskatās šādi: body {
fons: # C0C0C0 URL (img / bg.jpg) atkārtot-y;
krāsa: melna;
} Šeit saite uz attēlu ir līdzīga iepriekš aprakstītajai, un # C0C0C0 pirms saites nozīmē, ka lapas laukumam, kuru neaizņem fona attēls, būs sudraba fons. "Atkārtot-y" norāda, ka fona attēls ir jāreizina pa Y (vertikālo) asi."Atkārtot-y" var aizstāt ar "atkārtot-x" (horizontāla replikācija) vai "neatkārtot" (neatkārtot). Ja vispār nenorādīsit atkārtojumu, fona attēls visos virzienos tiks virzīts uz lapas fona vietu.
