Die ontwerp van enige werf is gebaseer op agtergrondbeelde en kleure, soos 'n huis op 'n fondament. As u die tipiese basis van u internetbron deur iets meer individueel wil vervang, moet u begin met die ontwikkeling van die ontwerp. En as dit gereed is, sal die suiwer tegniese gedeelte bly, dit wil sê om die ou ontwerp van die werfagtergrond wat in die bronkode van die bladsye gespesifiseer is, deur die nuwe te vervang. Daar is verskillende maniere om dit in die praktyk te implementeer.
Instruksies
Stap 1
Eerstens moet u uitvind op watter maniere die agtergrond in die huidige weergawe van die werf gestel word. Om dit te doen, maak die HTML-kode van die bladsy oop. U kan dit doen met 'n eenvoudige teksversorger deur die lêer vooraf van die bediener af te laai. Of u kan die redakteur van die bladsye van die inhoudbestuurstelsel gebruik as u een gebruik. Die bladredigeerder hoef nie die lêer af te laai nie, maar wysig dit direk op die bediener met behulp van die blaaier as 'n koppelvlak. Die HTML-kode (HyperText Markup Language) van die bladsy wat u oopmaak, bestaan uit instruksiereëls vir die blaaier. Hulle beskryf die soorte, voorkoms en ligging van elk van die elemente van 'n webblad. Hierdie instruksies word gewoonlik 'tags' genoem. Die volgorde van die etikette in die bladsykode voldoen ook aan die reëls van die HTML-taal - dit is in blokke verdeel, waarvan die eerste 'n opskrifblok moet wees wat met 'n etiket begin en eindig. Dit moet gevolg word deur die blok wat u nou meer interesseer - die hoofstuk van die dokument. Dit is beperk tot etikette en. In die aanvangskaart van hierdie blok () kan u inligting oor die agtergrond van die bladsy plaas. Sulke inligting binne etikette word "attribute" genoem. Die kenmerk van die lyfkaart wat die agtergrondkleur stel, word aangedui as bgkleur en in die kode kan dit so lyk: hier stel ons die agtergrondkleur vir die bladsy op silwer. Die blaaier kan sommige kleure aan hul name herken, maar dit is beter om hul heksadesimale kodes aan te dui om verkeerd te wees. Hierdie weergawe met silwer kleur in heksadesimale uitdrukking sal soos volg lyk: u moet dus die tag wat begin met <body in die bladsykode vind en kyk of dit 'n agtergrondkleur het. Indien wel, vervang die kleuraanwysing daarin deur u nuwe weergawe en stoor die veranderinge op die bladsy.
Stap 2
Die agtergrond van die huidige ontwerp van u webwerf kan nie volgens kleur nie, maar deur 'n prentjie gestel word. Die ooreenstemmende eienskap van die liggaamskaart word agtergrond genoem, en dit kan in die kode so lyk: Hier is die agtergrond die beeld bg.jpg
Stap 3
Wanneer u die voorkoms van bladsye met 'n relatief ingewikkelde ontwerp beskryf, gebruik 'cascading style sheets' - CSS (Cascading Style Sheets). Blokke van CSS-kode kan direk in die bladsykode ingesluit word of in 'n eksterne lêer met die "css" -uitbreiding vervat word. U moet na die stylbeskrywingskode soek wat begin met <style in die kopstuk van die bladsykode (tussen die en die tags). As dit 'n skakel na 'n eksterne lêer bevat, sal dit so lyk: @import "style.css"; hier is 'n skakel na 'n styleheet met die naam style.css. U moet die gespesifiseerde lêer oopmaak om te redigeer. En as daar geen skakel is nie, en na die opening <style tag is daar stylinstruksies, moet u dit hier wysig. In albei opsies, onder die beskrywings van style, moet u soek na die wat verband hou met die inhoud van die dokument (liggaam). Hierdie blokkie beskrywings kan soos volg lyk: body {
agtergrondkleur: silwer;
kleur: swart;
} Hier moet u die waarde van die agtergrondkleurparameter vervang deur die waarde van u nuwe kleur en beter in dieselfde heksadesimale waardes. Die agtergrondprentopsie in die CSS-instruksies moet so lyk: liggaam {
agtergrond: # C0C0C0 url (img / bg.jpg) herhaal-y;
kleur: swart;
} Hier is die skakel na die prentjie soortgelyk aan die hierbo bespreek, en # C0C0C0 voor die skakel beteken dat die bladsyruimte wat nie deur die agtergrondbeeld beset word nie, 'n silwer agtergrond het. "Herhaal-y" dui aan dat die agtergrondfoto vermenigvuldig moet word met die Y (vertikale) as."Herhaal-y" kan vervang word met "herhaal-x" (horisontale replikasie) of "nie-herhaal" (moet nie herhaal word nie). As u glad nie herhaal spesifiseer nie, sal die agtergrond in alle rigtings op die agtergrondruimte van die bladsy geteël word.
