Hvordan Tilpasse Malen

Innholdsfortegnelse:

Hvordan Tilpasse Malen
Hvordan Tilpasse Malen

Video: Hvordan Tilpasse Malen

Video: Hvordan Tilpasse Malen
Video: Как нарисовать принцессу Рапунцель | Запутанная история Диснея 2024, November
Anonim

Den enkleste måten for en nybegynner å lage et nettsted er å bruke en standard mal. Ressursens unike egenskaper kan oppnås ved å gjøre en rekke kosmetiske og organisatoriske endringer i standarddesignet.

Hvordan tilpasse malen
Hvordan tilpasse malen

Nødvendig

  • - nettsted mal;
  • - Photoshop-program;
  • - utvidelse for nettleseren FireBug;
  • - Notisblokk ++ redaktør.

Bruksanvisning

Trinn 1

Finn en nettsidemal som passer for deg på Internett. Utforsk de foreslåtte malene, og ta hensyn til deres tilpasningsevne til størrelsen på skjermen, detaljene i arrangementet av kolonner og menyer. Last ned det valgte alternativet. Kontroller ytelsen ved å laste opp filer til roten til nettstedet som opprettes. Hvis malen inneholder feil som kommer frem i verket, er det bedre å finne et annet alternativ.

Steg 2

Endre de fleste bildene i malen. Bytt ut hvert bilde som følger. Start Photoshop og åpne en av malgrafikkfilene i den. Se i "Image" -menyen i "Size" -kolonnen for bildeparametrene. Åpne et nytt ark med samme dimensjoner og opprett bildet du trenger på det. Lagre resultatet i malmappen under navnet på grafikkfilen som skal erstattes. Derfor er det nødvendig å erstatte alle meningsfulle bilder.

Trinn 3

Endre resten av parametrene ved å bruke cascading tables style.css, et formelt programmeringsspråk som beskriver utseendet til et dokument. Det er mer praktisk å gjøre slike endringer gjennom adminpanelet, og det er bedre å se resultatene på lokal hosting for ikke å laste opp hver oppdatering til serveren.

Trinn 4

Last ned og installer den gratis FireBug-utvidelsen for nettleseren din. Et ikon med en gul feil skal vises øverst til høyre i nettleservinduet. Klikk på ikonet og trykk på F12. Den skjulte sidekoden vises nederst på skjermen. Den kan utvides ved å sveve over plussignalene. Ved å klikke på raden til et element kan du se hvordan det er uthevet øverst på skjermen. I høyre del av vinduet med koden er det stiler som indikerer linjene som er ansvarlige for utseendet på siden.

Trinn 5

Åpne malen i Notepad ++ editor. Bruk FireBug for å finne parametrene som skal endres og redigere dem i Notepad ++.

Trinn 6

Lagre resultatet og last opp det opprettede nettstedet til serveren.

Anbefalt: