Ankstesniuose skyriuose sudarėme pagrindinį HTML dokumentų šabloną, nustatėme, kas yra HTML žymos, sužinojome, kaip išsaugoti ir redaguoti HTML failus, o šiame skyriuje mes Susipažinkime su žymų atributais ir pakeisti teksto bei puslapio fono spalvą.

Atidarykime savo index.html, redaguoti: Sugebėjau!!! Ir šiek tiek pakeiskime, pridėkime atributų: text="#000000" bgcolor="#ffffff"> Aš tai padariau!!! Atributas yra žymos parametras, kuris įterpiamas į žymą kaip „pora“ (parametro pavadinimas + parametro reikšmė).
Įterpiamos žymos atributų reikšmės:
1) text=#000000 be kabučių;
2) tekstas="#000000" viengubomis kabutėmis;
3) tekstas "#000000" dvigubomis kabutėmis.
Bet kuri iš šių parinkčių yra teisinga, bet jei jums rūpi kodo etika, geriau naudoti dvigubas kabutes, kaip mano pavyzdyje aukščiau.

Atributas "tekstas" valdo teksto spalvą visame puslapyje ir "bgcolor" valdo puslapio fono spalvą.

Dabar siūlau pakalbėti apie HTML dokumentų spalvas. Nustatyta spalva:
1) tekstas = "auksas"- žodžiai anglų kalba, pavyzdžiui: auksas (auksinis), raudonas (raudonas), žalias (žalias) ir taip toliau...
Tačiau spalvą gali sudaryti tik vienas žodis, pavyzdžiui, „raudona“, bet jei parašysite „žalia-raudona“, naršyklė to nesupras ir tiesiog ignoruos.
2) text="#000000"- RBG spalvų schema (raudona žalia mėlyna). "#" šis simbolis rodo, kad tai yra spalvos skaičius, pirmieji du simboliai (mano pavyzdyje nuliai) nurodo, kiek „raudonų“ spalvų pasirinkome, antrieji yra žali, o paskutiniai du – mėlyni.
Kiekviena spalva nurodoma nuo 00 iki FF (0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F), pvz., #000000-juoda, #ffffff-balta, #ff0000-raudona, # 00ff00- žalia #0000ff-mėlyna

Kaip premiją iš svetainės siūlau atsisiųsti spalvų paletę (2kB), kuri parodyta aukščiau esančiame paveikslėlyje. Turite išpakuoti archyvą ir paleisti failą color.html, tada dideliame lauke užveskite pelės žymeklį ant jums reikalingos spalvos, kuri bus rodoma mažame lange, o jei šiuo metu spustelėsite pelę, spalvos kodas atsiras mažame lange dešinėje.

Dabar grįžkime prie savo bylos index.html ir išsaugokite kaip tsvet.html, dabar pažiūrėkime, kas atsitiko. Koks jis buvo ir koks išliko? Ir jūs esate visiškai teisus, nes balta skirta fonui, o juoda tekstui yra numatytoji spalva. Norėdami pastebėti skirtumą, pakeiskime atributų reikšmes:

text=gold" bgcolor="#0900b8"> Aš tai padariau!!! Išsaugokime ir žiūrėkime (atsidaro naujame skirtuke)

Yra ir kitų būdų, kaip nustatyti tekstą HTML failuose, tačiau šie du yra laikomi pagrindiniais.

Kitame skyriuje sužinosime, kaip manipuliuoti tekstu naudojant BR žymas ir perkelti tekstą į kitą eilutę.

HTML svetainės foną galima pakeisti naudojant abu žymos atributus kūnas, ir naudojant žymai taip pat taikomus CSS stilius kūnas. Apsvarstykime abi svetainės fono kūrimo galimybes.

Fono spalvos keitimas naudojant HTML

Žyma kūnas, kaip ir beveik bet kuri HTML žyma, turi savo atributus. Norėdami pažymėti atributus kūnas susieti:

• bgcolor- apibrėžia puslapio fono spalvą;
• fone- leidžia nustatyti paveikslėlį kaip tinklalapio foną (ši problema išsamiai aptariama straipsnyje:);
• slinkti- valdo slinkties juostos rodymą puslapyje;
• tekstą- nustato pagrindinę teksto, kuris bus rodomas tinklalapyje, spalvą;
• bgypatybės- nurodo, ar fonas slinks kartu su puslapiu;
• nuoroda- valdo numatytąją nuorodų spalvą puslapyje;
• nuoroda- nustato aktyvios nuorodos spalvą;
• vlink- apibrėžia aplankytos nuorodos spalvą puslapyje;
• kairioji paraštė / dešinė paraštė- nustato turinio įtrauką iš kairiojo arba dešiniojo naršyklės lango krašto;
• viršutinė marža / apatinė marža- nustato turinio įtrauką iš viršutinio arba apatinio naršyklės lango krašto;

Norėdami pakeisti fono spalvą naudodami HTML, naudosime atributą bgcolor:

Tai balto teksto pavyzdys, nurodytas naudojant body žymos teksto atributą.

Pastaba: Rekomenduojama nurodyti puslapio fono spalvą, net jei fonas yra baltas. Taip yra todėl, kad kai kurie naudotojai savo naršyklėje gali naudoti nestandartinę fono spalvą, todėl jūsų svetainės tekstas gali būti neįskaitomas.

Puslapio fono spalvos keitimas naudojant CSS

Tai yra balto teksto rinkinio naudojant fono CSS pavyzdys. Puslapio fonas taip pat nustatomas naudojant CSS.

„Nubex“ svetainių kūrimo priemonėje bet kuriai svetainei galite pasirinkti paruoštą foną iš didelės vaizdų bibliotekos arba pridėti savo.

Iš autoriaus: Sveiki atvykę į webformyself ir šiandien noriu jums pasakyti, kaip pakeisti svetainės foną. Fono spalva arba vaizdas fone gali turėti didžiulį vaidmenį svetainės išvaizdai, todėl turite žinoti, kaip ją nustatyti.

Kaip pakeisti foną wordpress

Vėlgi, jei turite „WordPress“ variklį, pakeisti bendrą puslapio foną nebus sunku. Jums tereikia spustelėti mygtuką „Tinkinti“ skirtuke „Išvaizda“. Čia reikia pasirinkti „Spalvos“. Priklausomai nuo pasirinkto šablono, galite pasirinkti skirtingų elementų spalvas. Bet puslapio spalvą galite pasirinkti bet kuriuo atveju – prieš jus atsivers patogus spalvų skydelis.

Nustatymų skaičius čia priklauso nuo to, kokį šabloną turite. Bet kokiu atveju tikrai turėtų būti įmanoma nustatyti viso puslapio spalvą, skirtinguose šablonuose taip pat galite nustatyti foną ir spalvą antraštėms, nuorodoms ir pan.

Tiesą sakant, tai viskas, ką jums reikia žinoti. Jei reikia atsisiųsti fono paveikslėlį, pasirinkite atitinkamą elementą ir savo kompiuteryje raskite reikiamą failą.

JavaScript. Greita pradžia

Gerąja prasme vaizdas neturėtų būti per sunkus, nes tai labai paveiks svetainės įkėlimo greitį. Idealu naudoti vadinamuosius besiūlius fono paveikslėlius, kurie kartojasi horizontaliai ir vertikaliai ir taip užpildo visą erdvę.

Įkėlus vaizdą, jums bus pateikta keletas naudingų nustatymų, kuriuos reikia konfigūruoti. „WordPress“ patogumas yra tas, kad iškart matote pakeitimus, priklausomai nuo pasirinktų nustatymų.

Pirmiausia jūsų bus paprašyta pasirinkti kartojimo metodą. Jau yra 4 variantai: kartoti tik horizontaliai, tik vertikaliai, iš abiejų pusių ir nekartoti. Priklausomai nuo naudojamo vaizdo, turite pasirinkti.

Kartojimas leidžia žymiai sutaupyti nuotraukos dydžio, kai jis yra mažas, ir gali būti kartojamas, kad nebūtų matomi ryškūs perėjimai tarp pasikartojimų. Tokiu būdu galite sutaupyti dešimtis kilobaitų, palyginti su metodu, kai įkeliamas viso dydžio didelių dydžių vaizdas.

Padėtis. Čia nėra ką aiškinti, tiesiog pažiūrėkite, kaip keičiasi puslapio išvaizda esant skirtingoms fono pozicijoms. Pasirinkite jums labiausiai patinkantį variantą.

Įrišimas. Tai labai įdomus nustatymas, leidžiantis pasirinkti, ar fono paveikslėlį slinkti kartu su turiniu, ar fiksuoti vienoje vietoje. Asmeniškai man visada patinka pasirinkti fiksuotą parinktį, nes slenkant žemyn juda tik turinio blokai.

Pavyzdžiui, jei jūsų fono paveikslėlio aukštis yra 1000 pikselių ir jo nekartojate ir neužfiksuojate, tada, kai slinksite žemyn, jis tiesiog išnyks. Pataisę foną, vaizdas visada išliks matomas. Kartais tai yra labai efektyvus sprendimas.

JavaScript. Greita pradžia

Išmokite „JavaScript“ pagrindus naudodamiesi praktiniu pavyzdžiu, kaip sukurti žiniatinklio programą.

Tiesą sakant, visa tai skirta „WordPress“ fono keitimui. Kaip matote, viskas yra kuo paprasčiau.

Kaip pakeisti svetainės foną html

Gerai, mes pažvelgėme į grynai vaizdinę versiją, kurioje jums nereikia įsigilinti į kodą ir nieko ten rašyti. Dabar išsiaiškinkime, kaip pakeisti foną naudojant html ir css. Kokią naudą tai suteikia? Galite nustatyti fono paveikslėlius ne tik svetainei apskritai, bet ir kiekvienam elementui atskirai. Pavyzdžiui, tam tikram valdikliui, meniu, antraštei ir pan. Tai suteikia daug daugiau galimybių kuriant svetainę ir keičiant jos dizainą.

Norėdami pasiekti visą šį stilių, turite rasti pagrindinį savo šablono stiliaus lapą. Paprastai jis yra šaknyje arba css aplanke ir vadinamas style.css arba main.css.

Jame pamatysite kodą, kuris kuria įvairius jūsų svetainės elementus. Jei norite nustatyti foną visame pasaulyje, tai galite padaryti priskirdami foną kūno parinkikliui, tai yra, puslapio turiniui.

Kaip nustatytas fonas?

Atsiminkite – fono savybė. Šiandien geriau naudoti sutrumpintą šios nuosavybės rašymo versiją. Pavyzdžiui:

body(fonas: #ccc url(bg.png) be kartojimo 50% 50% fiksuota; )

Ką visa tai reiškia? Pirmasis parametras paprastai yra vientisa spalva. Tarkime, kad nustatėme pilką. Spalva gali būti nenurodyta, jei nurodytas fono vaizdas. Kaip matote, vaizdas nurodomas naudojant url (failo kelio) konstrukciją. Atitinkamai, turite teisingai užsirašyti kelią į failą, taip pat būtinai nurodyti jo plėtinį.

Visi parametrai, kuriuos užsirašiau po to, yra neprivalomi ir gali būti nurodyti pagal pageidavimą. Taigi, nurodžiau, kad fono paveikslėlis neturėtų kartotis, būti centre tiek horizontaliai, tiek vertikaliai, taip pat fiksuotas vienoje vietoje, kad slenkant nedingtų.

Kaip matote, čia yra visi tie patys parametrai, kuriuos sukonfigūravote vizualiai, tačiau čia jie užregistruoti kaip fono ypatybės reikšmės.

Šiame pavyzdyje naudojau sutrumpintą ypatybių žymėjimą, tai tiesiog patogiau, bet iš tikrųjų kiekvienas atskiras parametras turi savo ypatybes: fono spalva spalvai, fonas vaizdas paveikslėliui, fonas padėtis padėties nustatymui.

Žinoma, norėdami laisvai naudotis šiomis savybėmis, patariu pirmiausia išklausyti mūsų kursą, o jei norite tapti pažengusiu css kalbos vartotoju, tada. Ten sužinosite, kaip vienu metu nustatyti kelis fonus, nustatyti jų pasikartojimą, naudoti gradientus ir pan. Informacija yra labai įdomi ir naudinga svetainių kūrėjams.

Na, aš jums papasakojau apie darbo su fonu pagrindus. Prenumeruokite mūsų portalą, kad gautumėte naujienas ir sužinotumėte daugiau apie svetainės kūrimą.

JavaScript. Greita pradžia

Išmokite „JavaScript“ pagrindus naudodamiesi praktiniu pavyzdžiu, kaip sukurti žiniatinklio programą.

Galite labai lengvai visiškai tinkinti savo tinklaraštį ar svetainę. Šiame straipsnyje parodyta, kaip paprasta pakeisti puslapio antraštės šriftą ir fono vaizdą.

Tinklaraštininkai ir svetainių savininkai paprastai keičia foną, kad jų svetainė būtų vizualiai patrauklesnė lankytojams. Tačiau neteisingai pridėtas fono paveikslėlis gali suklaidinti lankytoją ir netgi sukelti nepasitikėjimą jūsų svetaine ar tinklaraščiu ir nebenorėti joje apsilankyti. Norint tinkamai pridėti foną, svarbu naudoti tinkamus HTML kodus.

Yra tik keli paprasti būdai, kaip pakeisti esamos svetainės išvaizdą. Daugelis vartotojų net nesuvokia, kaip tai paprasta.

Kaip tinkinti šriftą

Visų pirma, bet kur po to turėsite pridėti keturias metažymes< head >. Galite tiesiog nukopijuoti toliau pateiktus simbolius ir įklijuoti juos į savo šaltinį, pirmiausia pašalindami tarpus.

Kaip tinkinti fono spalvą

Atidarykite savo tinklaraščio arba svetainės HTML puslapį. Redaguodami puslapį galite jį atidaryti Dreamweaver, kad palengvintumėte darbą. Jei jūsų svetainė buvo sukurta naudojant svetainių kūrimo priemonę, kai kurios paslaugos leidžia keisti HTML nustatymus internete, nuėjus į puslapį „Dizainas“ ir pasirinkus skirtuką „Redaguoti HTML“. Bet kuriuo atveju turėtumėte turėti prieigą prie savo tinklaraščio ar svetainės HTML kodų. Sąrankos procesas gali labai skirtis priklausomai nuo to, kokios paslaugos jums prieinamos ir kokį variklį naudojate.

Nėra prasmės bandyti rasti atskirą vaizdą su kita spalva, jei tereikia pakeisti fono spalvą. Vietoj to galite tiesiog redaguoti HTML ir pakeisti esamą spalvą į tą, kurią norite pasilikti.

HTML spalvų diagramas galite lengvai rasti specializuotuose leidiniuose. Kiekviena spalva žymėjime rodoma kaip šešių skaitmenų kodas. Pavyzdžiui, baltas fonas žymimas #FFFFFF.

Taigi suraskite spalvos kodą, kurį norite matyti savo svetainėje kaip fono spalvą. Žymėjime tai atrodys taip:

fono spalva:#XXXXXX; (

Išsaugoję fono spalvą HTML, pamatysite, kad pasikeitė jūsų puslapio išvaizda.

Fono paveikslėlio pridėjimas

Pasirinkite vaizdą, kurį norite pridėti kaip foną. Yra daug svetainių, kuriose galite atsisiųsti tokius fonus. Arba galite naudoti paveikslėlį, kuris jau yra išsaugotas jūsų kompiuteryje.

Įkelkite paveikslėlį į internetą. Daugelis leidžia jums įkelti vaizdus nemokamai. Gaukite URL nuorodą į fono paveikslėlį. Norėdami tai padaryti, naršyklėje turite atidaryti vaizdą ir nukopijuoti URL.

Įklijuokite kodą, kad pridėtumėte vaizdą kaip foną. HTML tai atrodo taip:

background-image: url(vaizdo URL);

Turite pridėti kodą ten, kur HTML prasideda puslapio turinys. Išsaugokite pakeitimus po redagavimo ir įkelkite svetainę. Pamatysite, kad vaizdas visiškai pakeitė fono spalvą.

Tačiau atminkite, kad per didelių vaizdų įkėlimas gali užtrukti labai ilgai, o tai bus nemalonu daugeliui lankytojų. Dėl šios priežasties pabandykite šiam tikslui pasirinkti mažus vaizdus.

Su pagalba CSS spalva ir fonas Galite priskirti jį beveik bet kuriam tinklalapio elementui, laisvai valdyti fono paveikslėlį ir jo pasikartojimą horizontaliai ir vertikaliai. Be to, naudodami CSS, bet kurioje ekrano vietoje galite įdėti fono paveikslėlį naudodami padėties nustatymą. Kol kas neikime per toli į priekį, eikime eilės tvarka.

SPALVOS savybė

Ši savybė nurodo elemento spalvą, tiksliau, teksto spalvą elemento viduje. Vertė nurodoma viena iš galimų formų:

• spalvos pavadinimas (ŽALIA, JUODA, RAUDONA...);
• šešioliktainis spalvos kodas (008000, 000000, FF0000...);
• dešimtainis spalvos kodas RGB (spalva:rgb (40, 175, 250));

Ypatybė COLOR yra paveldima, o jei jokiam elementui nenustatyta reikšmė, ji paveldima iš jo protėvio. Bet gali atsitikti taip, kad jis nenustatytas ir protėviui – tada naršyklės stiliaus lapas bus pritaikytas naudojant numatytąsias reikšmes. Elemento spalva šiuo atveju greičiausiai bus juoda.

Kaip jau minėjau, galite nustatyti spalvą beveik visiems elementams, tai gali būti (H1... H6), (strong, em) ir net sveikieji skaičiai (p) ir net lentelės kraštinės, bet apie tai vėliau.

Pažvelkime į teksto spalvos nustatymo naudojant CSS pavyzdį:

h1 (spalva: mėlyna)

Šiame pavyzdyje visos pirmojo lygio tinklalapio antraštės bus mėlynos:

stiprus (spalva: raudona)

Tokiu atveju viskas, kas yra puslapio tekste, bus paryškinta žyma stiprus, taps raudona.

Galite parašyti taip:

h1, p, stiprus (spalva: žalia)

Tada pirmo lygio antraštės, visos pastraipos ir viskas, kas paryškinta žyma, bus žalia.

Kai reikia paryškinti antraštes skirtingomis spalvomis, naudojami klasių parinkikliai. Norint apibrėžti klasę HTML, naudojamas atributas klasė, kuris gali būti taikomas bet kokiems elementams. HTML kode turėsite parašyti:

class="Mėlyna" > Šios klasės antraštės spalva bus mėlyna

CSS stiliaus lape šiuo atveju rašome taisyklę, kur parinkiklis bus H1 elementas, o per tašką ( . ) klasės pavadinimas:

h1.Mėlyna (spalva: mėlyna)

HTML dokumentuose taip pat naudojami parinkikliai pagal identifikatorių; jie nustatomi pagal atributą id. Identifikatorius yra svarbesnis ar prioritetinis požymis nei klasė. Ir jei HTML kode elementui nurodyta ir klasė, ir identifikatorius, bus taikomas identifikatoriaus stilius. Identifikatorius nurodomas maišos ženklu ( # ). Norėdami naudoti identifikatorių HTML kode, turėsite parašyti:

id="Mėlyna" > Šio ID antraštės spalva bus mėlyna

Savo ruožtu stiliaus lape:

h1#Blue (spalva: mėlyna)

FONO SPALVOS savybė

Ši savybė leidžia nustatyti viso puslapio, pastraipos, nuorodos arba, apskritai, bet kurio HTML elemento fono spalvą. Norėdami tai padaryti, nuosavybės vertė nurodo spalvą arba vertę skaidrus(skaidrus). Puslapio fono kodas parašytas:

korpusas (fono spalva: vandens)

Tokiu atveju puslapio fonas bus turkio spalvos, o norėdami suteikti foną antraštei, rašome:

h1 (fono spalva: geltona)

Pirmojo lygio antraštėms gauname geltoną foną.

Spalva ir fonas CSS

FONAS-REPEAT nuosavybė

Ši savybė naudojama nustatant, ar ji kartosis horizontaliai ir vertikaliai. Galiojančios reikšmės:

• kartoti- vaizdas kartojamas vertikaliai ir horizontaliai;
• kartoti-x- vaizdas kartojamas tik horizontaliai;
• kartoti-y- vaizdas kartojamas tik vertikaliai;
• nekartoti– vaizdas nesikartoja.

Kodas parašytas taip:

p(
fono vaizdas: url( vaizdo failo adresas) ;
fono kartojimas: pakartojimas-x
}

Šios pastraipos tekstas bus ant fono paveikslėlio, kuris bus išdėstytas horizontaliai.

FONAS-PRIEDAS nuosavybė

Ši savybė naudojama naršyklei nurodyti, ar puslapio fono paveikslėlis turi slinkti su tekstu ( slinkti) arba likti nejudantis ( fiksuotas).

kūnas (
fono vaizdas: url( vaizdo failo adresas) ;
background-repeat : pakartoti-x ;
fono priedas: fiksuotas
}

Tokiu atveju fono vaizdas išliks nejudantis.

BONNO POZICIJOS nuosavybė

Ši savybė naudojama norint nustatyti vaizdą, palyginti su . Reikšmės nurodomos procentais (%), ilgio vienetais (cm, px) su raktiniais žodžiais:

• Vertikaliai:
• viršuje- vaizdo viršus sulygiuotas su viršutiniu puslapio ar bloko kraštu;
• centras
• apačioje- vaizdo apačia sulygiuota su apatiniu puslapio ar bloko kraštu.
• Horizontaliai:
• paliko- kairysis vaizdo kraštas sulygiuotas su kairiuoju puslapio ar bloko kraštu;
• centras- vaizdo centras sulygiuotas su puslapio ar bloko centru;
• teisingai- dešinysis vaizdo kraštas sulygiuotas su dešiniuoju puslapio ar bloko kraštu.

Rašome pavyzdinį kodą procentais, ilgio vienetais ir raktiniais žodžiais:

kūnas (
fono vaizdas: url( vaizdo failo adresas) ;
fono padėtis: 0% 0%
}

Kūnas (
fono vaizdas: url( vaizdo failo adresas) ;
fono padėtis: 10 piks. 25 cm
}

Kūnas (
fono vaizdas: url( vaizdo failo adresas) ;
fono padėtis: viršuje centre
}