Come utilizzare un modello di progettazione scaricato

Personalizza il file HTML

salvare

Cerca i file inclusi nel modello di progettazione scaricato. Questi saranno una combinazione di file HTML, CSS e grafici. Alcuni elementi grafici saranno etichettati come "modificabili", nel senso che sono quelli che il progettista pensa che vorresti personalizzare per il tuo sito web, come l'intestazione. Altri elementi grafici che probabilmente non è necessario modificare sono gli spaziatori, le barre, gli sfondi che tengono insieme il disegno.

Creare una copia della cartella che contiene i file modello. In questo modo, puoi modificare un gruppo di file e conservare gli originali in un altro posto nel caso in cui desideri utilizzarli nuovamente.

salvare

Esegui il programma per modificare il Web e apri il file del modello etichettato in modo simile a index.html. Questa dovrebbe essere la pagina iniziale del modello.

salvare

Esamina il modello nello strumento di modifica Web e cerca le aree che desideri personalizzare. Clicca sulle immagini per conoscere il nome dei file ed essere in grado di posizionarli nel modello per modificarli. Prestare attenzione anche alle dimensioni delle immagini (altezza e larghezza). Quando personalizzi la grafica del modello devi assicurarti che i tuoi nuovi file abbiano le stesse misure di quelli originali, ma deformerai il layout.

salvare

Modifica le aree di testo del modello e aggiungi il nuovo contenuto.

Rimuovi qualsiasi parte del modello che non desideri, ma ricorda che alcuni modelli che usano tabelle nel loro layout, possono avere grafici o testi in determinate posizioni per mantenere la larghezza di una colonna di una determinata misura. Se rimuovi questi elementi, la colonna potrebbe ridursi, distorcendo le armi. Sostituirlo con un grafico o un testo di dimensioni uguali per mantenere la larghezza della colonna.

Utilizzare il comando Salva nel proprio strumento di modifica Web per salvare le modifiche, quindi uscire dallo strumento di modifica Web.

Personalizza i file grafici

salvare

Esegui lo strumento di modifica grafica e apri i file che desideri personalizzare. Quelli che hai già visto nel file HTML, probabilmente hanno un'estensione JPG o GIF, che sono file compressi ottimizzati per il web. I file che si desidera modificare sono i file "originali" delle versioni compresse. Dovrebbero essere in formato PNG o PSD o in un altro formato diverso da JPG o GIF e probabilmente sono memorizzati in una cartella separata all'interno della cartella dei modelli.

Usa gli strumenti di modifica nel tuo programma di grafica per cambiare i file come vuoi che guardino sulla tua pagina web e salvino le modifiche.

salvare

Esportare i file grafici modificati nei formati JPG o GIF che corrispondono al formato dei file che si stanno sostituendo nel modello e posizionarli nella stessa cartella del file HTML salvato nella prima parte. Non modificare i nomi dei file, altrimenti i riferimenti nel codice HTML verranno modificati. Il tuo programma di grafica ti informerà solo che il file esportato sta sostituendo un file esistente, e questo è quello che vuoi.

salvare

Riapri il file indice HTML nel tuo strumento di modifica web per vedere come appaiono i grafici aggiornati e apportare le modifiche necessarie.