Come costruire un sito web non in linea Uso del software

September 8

La maggior parte del lavoro che va nella costruzione di un sito web avviene offline, sul computer locale, in modo da completare il vostro intero sito web, senza mai la connessione a Internet è possibile. Un intero sito web può essere progettato, eseguito e anche testato su computer locale con un semplice software di editing web e un browser web.

istruzione

Progettare il layout di pagina

1 Avviare il software di web design. Il software più facile da usare è uno con un WYSIWYG (what-you-see-is-what-you-get) interfaccia che consente di digitare la vostra pagina web come se stessi scrivendo una lettera.

2 Se si utilizza un modello di sito web, aprire il modello nel software per assicurarsi che sia compatibile, quindi esaminare le aree che possono essere personalizzati e confrontarle con il contenuto previsto per il vostro sito, in particolare la grafica, che deve avere la stesse dimensioni dei segnaposto modello.

3 Se non si utilizza un modello, considerare come si desidera le informazioni sul sito web organizzato. Un banner in alto che attraversa il pagina, seguita da 1/3 della pagina per una colonna e 2/3 per l'altro è un layout che si vede in molti buoni disegni del sito web.

4 Decidere dove posizionare la barra di navigazione (serie di pulsanti o link) che collega la home page alle altre pagine web. Le posizioni più comuni sono nella parte superiore della pagina (di solito sotto un banner grafico), o nella colonna di sinistra. Si guadagna più spazio per i contenuti della pagina se si utilizza un disegno di navigazione superiore.

Aggiungere il contenuto del testo

5 Inserire il contenuto del testo per la tua pagina web. Ricordarsi di mantenere i pezzi più importanti delle informazioni nella parte superiore dello schermo (al di sopra della linea di scorrimento) per attirare l'attenzione dei visitatori 'prima.

6 Personalizza il tuo testo con grassetto, colori e altri abbellimenti che trarrà il pubblico alle informazioni importanti, ma tenete a mente che meno è più. A ", occupato" pagina web frenetica ricerca può essere un spegnere per i visitatori.

7 Mantenere l'aspetto della divisa di testo, utilizzando lo stesso font per tutto, a meno che non ci sia un motivo specifico per cambiare il tipo di carattere.

8 Utilizzare un carattere di sistema di base che è disponibile su tutti i computer, se si desidera che i visitatori di vedere la pagina web come lo vedete. Considerare l'utilizzo di fogli di stile CSS per impostare l'aspetto del testo, se si desidera un maggiore controllo su come i tuoi visualizzata la pagina web su altri computer.

Aggiungere Graphics

9 Posizionare il cursore in cui si desidera visualizzare il grafico, quindi utilizzare Inserisci comando grafica del software web per scegliere la grafica o inserire il codice HTML per puntare al file che si desidera aggiungere.

10 Grafica dovrebbero essere modificati e ridimensionati alle dimensioni avete bisogno prima di loro si aggiunge alla tua pagina web. Questo è particolarmente importante quando si utilizza un modello di sito web che ha le aree pre-determinato per la grafica. Se la grafica è troppo grande o troppo piccolo, si lancia il modello off e la tua pagina non sarà simile dovrebbe.

11 file grafici devono essere in formato JPEG, GIF o PNG a lavorare sulla tua pagina web. la grafica PNG non possono essere visibili nei browser più vecchi.

Aggiungere collegamenti ipertestuali

12 Selezionare il testo o grafica (pulsante) sulla tua pagina web che si desidera diventare un "hot link" o "hyperlink" a un'altra pagina web.

13 Per un link esterno (un indirizzo web di fuori del sito web), digitare l'URL completo inizia con http: // nell'area link del web design cassetta degli attrezzi o nel tag A HREF se si sta modificando il codice HTML.

14 Per un link interno (un link ad una pagina del sito), inserire il nome del file alla pagina successiva se è nella stessa cartella della pagina che si sta modificando, o il nome della cartella / file se si trova in una sottocartella della vostra luogo. Uno strumento di editing WYSIWYG web può fare la creazione di collegamenti facile. Se si sta modificando in HTML, sarà necessario individuare il percorso del file da soli e che potrebbe essere più facile se tutti i file si trovano nella stessa cartella.

Visualizzare e verificare i sito

15 L'anteprima del sito e controllare il vostro link offline interno utilizzando il browser Web per leggere i file htm o. Non è necessario essere collegati a Internet per fare questo.

16 Aprire il browser e dal menu File, scegliere "Apri" o un comando simile, e individuare la home page del tuo sito sul disco rigido locale.

17 Controlla come la pagina web appare, verificare i collegamenti ad altre pagine che risiedono sul computer.

18 Se si scopre problemi, tornare al vostro software di editing web, apportare le modifiche e salvare, per poi tornare al vostro browser e "refresh" della pagina per vedere i cambiamenti sullo schermo.

19 Continuare questo processo fino ad avere il sito di lavoro il modo in cui si desidera.

20 Quando si è pronti per il mondo a vedere il tuo sito web, sarà necessario ottenere un dominio, un account di web hosting e caricare i file su un server web.

Consigli e avvertenze

  • Investire in un buon libro di web design e di un libro di riferimento HTML per aiutarli a fare il miglior sito web possible.Invest in un buon programma di grafica per la modifica e la personalizzazione grafica per il vostro sito web. La grafica è una grande parte di ciò che rende un appello website.When si è pronti a mettere il sito online, prendere in considerazione una società di web hosting che offre registrazione del nome di dominio / fasci di web hosting e il supporto 24 ore, e guardarsi intorno per un buon prezzo.
  • Eseguire sempre il backup il vostro lavoro su un supporto separato e conservarla in più di una posizione.