Hvordan bruke en nedlastet design mal

En nedlastet design mal er en fin måte å snarvei skape et nytt nettsted. Med en mal, trenger du ikke å pines over utformingen fordi det er allerede gjort for deg. Selv grafikken er inkludert. Du vil imidlertid behovet for å tilpasse malen til å passe nettstedet ditt behov. Dette krever web redigering programvare, helst en med et design layout view eksempel Adobe Dreamweaver, og grafikk redigering programvare, for eksempel Adobe Photoshop eller Adobe Fireworks, som kan lese PNG og PSD-filer og er i stand til å eksportere JPG og GIF-filer.

Bruksanvisning

Tilpass HTML-fil

1

Se på filene som følger med den nedlastede design mal. De vil være en blanding av HTML, CSS og grafikkfiler. Noen grafikk kan være merket som "redigerbare", som betyr disse er de designer forventes at du vil tilpasse for nettstedet ditt, slik som banner. Andre grafikken du sannsynligvis ikke trenger å redigere er avstandsstykker, barer og bakgrunner som holder design sammen.

2 Lag en kopi av mappen som inneholder malfiler. På denne måten kan du redigere ett sett med filer og holde originalene et annet sted i tilfelle du ønsker å bruke dem igjen.

3

Åpne nettredigeringsprogrammet og åpne malen fil merket noe som index.html. Dette ville være hjemmesiden for malen.

4


Undersøk mal på web redigeringsverktøy og se etter de områdene du vil tilpasse. Klikk på bildene for å finne ut hva deres filnavn er slik at du kan finne dem i malfiler å redigere. Vær også oppmerksom på bildet dimensjoner (høyde og bredde). Når du tilpasse mal grafikk må du sørge for at nye filer er de samme dimensjoner som originalene, eller du vil forskyve oppsettet.

5


Redigere tekstområder på malen og legge til nytt innhold.

6 Fjern eventuelle deler av malen du ikke vil, men husk noen maler som bruker tabeller i oppsettet kan ha grafikk eller tekst i visse steder for å holde bredden på en kolonne på en spesifikk måling. Hvis du fjerner disse elementene, kan kolonnen krympe, forvrenger layout. Erstatte dem med et grafisk eller tekst av samme størrelse for å holde kolonnebredden fra endring.

7 Bruk Lagre-kommandoen i nett redigeringsverktøy for å lagre endringene, og deretter avslutte web redigeringsverktøy.

Tilpass grafikkfiler

8

Åpne din grafikk redigeringsverktøy og åpne malen filene du vil tilpasse. De du lagt merke til i HTML-filen vil trolig ha JPG eller GIF forlengelse, som er komprimerte filer som er optimalisert for web. Filene du ønsker å redigere er de "opprinnelige" filer som disse komprimerte versjoner kom fra. De bør være i PNG eller PSD eller annet format enn JPG eller GIF og er sannsynligvis lagret i en egen mappe inne i malen mappen.

9 Bruk redigeringsverktøyene i grafikk programvare til å endre filer til hvordan du vil de skal vises på websiden din, og lagre endringene. 10


Eksportere redigert grafiske filer i JPG eller GIF-format som passer til formatet på filene du erstatter i malen, og plassere dem i samme mappe med HTML-filen du lagret i del en. Ikke endre filnavn eller referanser i HTML-filen vil bli brutt. Grafikkprogram vil varsle deg om at den eksporterte filen erstatter en eksisterende fil og det er det du ønsker.

11


Åpne HTML indeksfilen i nett redigeringsverktøy for å se hvordan de oppdaterte grafikken ser og foreta justeringer som er nødvendig.