Un modello di progettazione scaricati è un ottimo modo per scelta rapida creazione di un nuovo sito Web. Con un modello, non è necessario agonizzare sul design perché è già fatto per voi. Anche le grafiche sono incluse. Tuttavia, è necessario personalizzare il modello per soddisfare le vostre esigenze di sito Web. Questo richiede di web editing software, idealmente uno con una vista layout di design come Adobe Dreamweaver, e grafica programma di editing, come Adobe Photoshop o Adobe Fireworks, che può leggere i file PNG e PSD ed è in grado di esportare i file JPG e GIF.

Istruzioni

Personalizzare il File HTML

1


Guarda i file inclusi con il modello scaricato. Essi saranno un misto di HTML, CSS e file grafici. Alcuni elementi grafici possono essere etichettati come "modificabili," significato che questi sono quelli che la finestra di progettazione previsto tu voglia personalizzare per il tuo sito, come ad esempio i banner. Altri elementi grafici che non è probabilmente necessario modificare sono distanziali, barre e sfondi che tengono insieme il design.

2

Fare una copia della cartella contenente i file di modello. In questo modo è possibile modificare un set di file e mantenere gli originali da qualche altra parte nel caso in cui si desidera utilizzarli ancora.

3

Aprire il web modifica il programma software e aprire il file di modello con l'etichetta qualcosa come index. html. Questo sarebbe la home page per il modello.

4


Esaminare il modello nel sito web strumento di editing e cercare le zone che si desidera personalizzare. Clicca sulle immagini per scoprire quali sono i nomi di file in modo è possibile individuare nei file del modello da modificare. Inoltre, notare le dimensioni dell'immagine (altezza e larghezza). Quando si Personalizza la grafica del modello che è necessario assicurarsi che i nuovi file sono le stesse dimensioni degli originali o si si inclina il layout.

5


Modifica aree di testo sul modello e aggiungere i nuovi contenuti.

6

Rimuovere tutte le parti del modello che non vuoi, ma ricorda alcuni modelli che utilizzano tabelle di layout possono avere grafica o testo in determinate posizioni per reggere la larghezza di una colonna a una misura specifica. Se si rimuovono tali elementi, la colonna potrebbe ridursi, distorcendo il layout. Sostituirli con un'immagine o un testo di uguale dimensione per mantenere la larghezza della colonna da cambiare.

7

Utilizzare il comando Salva nel sito web strumento di editing per salvare le modifiche, quindi uscire sul web strumento di editing.

Personalizzare i file grafici

8


Aprire il vostro strumento di editing grafico e aprire i file di modello che si desidera personalizzare. Quelli che hai notato nel file HTML probabilmente avrà estensione. JPG o GIF, che sono file compressi, ottimizzati per il web. I file da modificare sono i file "originali" che queste compresse versioni è venuto da. Dovrebbero essere in un altro formato diverso da JPG o GIF o PSD o PNG e probabilmente sono memorizzati in una cartella separata all'interno della cartella del modello.

9

Utilizzare gli strumenti di editing nel vostro software di grafica per modificare il file come si desidera vengano visualizzati sulla tua pagina web e salvare le modifiche.

10


Esportare i file grafici in formato JPG o GIF che corrisponde al formato dei file che si sta sostituendo nel modello e metterli nella stessa cartella con il file HTML salvato a parte uno. Non cambiano i loro nomi di file o i riferimenti nel file HTML verrà interrotti. Il vostro programma di grafica avviserà che il file esportato è sostituzione di un esistente file e che è quello che vuoi.

11

Riaprire il file di indice HTML nel sito web editing strumento per vedere come la grafica aggiornata e apporta le regolazioni necessarie.