Nel secolo scorso, il layout delle pagine web era dominio di pochi professionisti. I progressi della tecnologia hanno notevolmente semplificato questo compito. Ora qualsiasi utente di Internet può creare un sito Web.
È necessario
- - pacchetto software per impaginazione pagine web;
- - un editor grafico raster per la creazione di elementi di design.
Istruzioni
Passo 1
Fai un elenco degli elementi che saranno presenti sul sito. Questi possono essere componenti come un menu di navigazione, un modulo di ricerca, un banner pubblicitario o informativo, un elenco di amici. Il nome del progetto è solitamente indicato nella parte superiore della pagina, potrebbe esserci un menu di navigazione orizzontale. La parte centrale è assegnata al contenuto principale del sito. Nella parte inferiore della pagina, di solito sono posizionati i contatori di presenza, le informazioni di contatto per il feedback.
Passo 2
Crea un layout del sito web in un editor grafico. Il compito principale qui è determinare l'aspetto degli elementi, la loro posizione relativa. Non usare colori troppo accesi. Una tavolozza di colori neutri è percepita meglio. Usa uno stile coerente per i blocchi. Cerca di rendere il design il più intuitivo possibile. Evita gli elementi difficili da implementare in HTML e CSS.
Passaggio 3
Salva il layout della pagina in formato bitmap senza perdita di qualità. Definire gli elementi di stile da visualizzare utilizzando HTML. Questi possono essere menu, collegamenti, tabelle, moduli di ricerca. Estrai il resto degli elementi dal layout e salvali in file separati. Crea due documenti di testo sul tuo disco rigido. Cambia l'estensione di uno di essi in.htm. Conterrà il codice responsabile della posizione relativa degli elementi. Il secondo file conterrà i fogli di stile.
Passaggio 4
Apri il primo file in un editor HTML. Posiziona sulla pagina gli elementi di design salvati in precedenza nei file bitmap. Crea collegamenti di testo, tabelle e altri elementi che devono essere visualizzati in HTML. Gli attributi degli elementi, come colore, dimensione del carattere, presenza di bordi, scrivi in un file CSS. Se hai bisogno di animare gli elementi della pagina, usa JavaScript.
