Come creare una pagina Web in Dreamweaver CS3

April 14

Come creare una pagina Web in Dreamweaver CS3


Quasi tutti hanno un sito web in questi giorni - e così si può. Con il numero di semplici programmi software sul mercato, anche una persona non tecnico può creare una presenza online. Uno dei più semplici "Quello che vedi è quello che ottieni" (WYSIWYG) programmi software in uso oggi è di Adobe Dreamweaver CS3. Un tempo era un prodotto di Macromedia, Dreamweaver è una soluzione eccellente per la creazione di entrambe le pagine web semplici e complessi. In pochi passi, si può avere la propria pagina web pronto per essere visto sul World Wide Web.

istruzione

1 Creare una cartella sul desktop. Assegnare un nome alla cartella con il nome del progetto. All'interno di questa cartella, creare una cartella "Immagini".

2 Aprire Dreamweaver CS3. Dal menu orizzontale superiore, scegliere File - Nuovo (Ctrl + N) per creare una nuova pagina. Selezionare Pagina vuota e HTML come tipo di pagina, per una semplice pagina web. Fai clic su "Crea".

3 Salvare il file. Scegliere File - Salva con nome (Ctrl + Shift + S) e il nome del documento. Assicurati di salvarlo all'interno della cartella di progetto. Se ciò che si sta creando è la pagina principale del sito, il nome "index.html". In questo modo, quando il pubblico visita il tuo sito web, questa è la prima pagina in cui si terra. Fai clic su "Salva" dopo aver chiamato la pagina in modo appropriato. Non usare lettere maiuscole o spazi nei titoli.

4 Titolo della tua pagina web. Nella casella titolo verso la parte superiore dell'interfaccia che dice "Untitled Document", fare clic nella casella e rinominarlo. Questo titolo verrà visualizzato nella barra del titolo del browser. Non saltare questo passaggio; altrimenti i vostri spettatori vedranno "Untitled Document", come i carichi del sito - non è un ottimo modo per fare un professionista prima impressione.

5 Selezionare le immagini che si desidera utilizzare e metterli nella cartella "Immagini" del progetto. Assicurarsi che le immagini sono dimensionate in modo appropriato. Ad esempio, non utilizzare l'immagine di dimensioni standard che si ottiene quando si scarica le immagini fuori della vostra macchina fotografica digitale. Questi possono essere migliaia di pixel di larghezza. Per un punto di riferimento, una pagina web media è in genere da 601 a 850 pixel di larghezza, secondo webdesignpractices.com. La risoluzione media del desktop che gli sviluppatori Web Design per è di 800-by-600 pixel. Tuttavia, la dimensione del monitor è aumentato così ha la risoluzione. Progetta la tua pagina web per 800-by-600. Sarà necessario tenere conto dei bar e del browser menu di scorrimento, che prendono una parte dello spazio 800-by-600. Rendere la larghezza della pagina web di larghezza 750 pixel per evitare qualsiasi necessità di scorrere verso destra e sinistra sulla tua pagina web. Ridimensionare le immagini che superano questa larghezza. Se si desidera che le immagini più piccole, una volta che si avvia la costruzione della pagina, è possibile ridimensionare loro di adattarsi in un secondo momento.

6 Raccogliere qualsiasi contenuto scritto e collegamenti che si desidera pubblicare sulla tua pagina web. Assicurarsi di eseguire attraverso un controllo ortografico in un programma di elaborazione testi, come Microsoft Word, per eliminare eventuali errori di ortografia non professionale. Verificare che tutti i link sono accurate e scegliere attraverso il sito web corretto.

7 Scegli un colore di sfondo. Dal menu in alto, selezionare "Modifica" - "Proprietà pagina". Fare clic sulla casella del colore accanto a "Colore di sfondo" e scegliere dalla tavolozza dei colori. Se si dispone di un'immagine si preferisce per lo sfondo, è possibile inserirlo cliccando su "Sfoglia" accanto al campo "Immagine di sfondo". Conservare questa immagine nella cartella "Immagini" e verificare che non sembra male quando è "piastrellato" come sfondo della pagina Web. Stick per le strutture semplici e modelli, se si sceglie di avere una immagine al contrario di un colore di sfondo. La semplicità è una chiave di buon web design. Una volta che avete deciso l'immagine di sfondo / colore, scegliere "OK". Lo sfondo dovrebbe riflettere la vostra scelta.

8 Inserire una tabella. Tabelle tenere i contenuti web in atto (immagini, testi, link, etc.). È possibile regolare il numero di colonne e righe. Per iniziare, scegliere una semplice tabella 3-by-3. Fare clic nella finestra principale (area colorata) e selezionare "Inserisci" - "Tabella". Digitare "3" in entrambe le "righe" e campi "colonne" e impostare la larghezza della tabella a 750 pixel. Tipo 0 per "Spessore bordo," 5 per "Cell Padding" (spazio all'interno delle cellule) e 0 per "Cell Spacing" (spazio tra ogni cella) come punto di partenza. Fai clic su "OK".

9 Inserire un'immagine principale banner / intestazione. Creare un'immagine che andrà in cima alla vostra pagina web, proprio come le immagini tipiche banner-stile prevalenti nel cyberspazio. Perché c'è una imbottitura cella di cinque pixel, tenerne conto e rendere l'immagine larga non più largo di 740 pixel (cinque pixel per ogni lato). Sarà necessario inserire questa immagine nella prima riga della tabella, ma dal momento che si vuole coprire l'intera larghezza delle tre colonne, è necessario unire le tre celle nella riga superiore. Per fare questo, fare clic nella cella in alto a destra e trascinare il mouse in modo che mette in evidenza i primi tre celle della riga. Una volta che sono evidenziati, fare clic destro e scegliere "Unisci celle" o cliccare sul pulsante "Unisci celle" nella parte inferiore dell'interfaccia, nel menu "Proprietà" (che assomiglia molto a un editor di elaborazione testi). Noterete che le tre cellule si fondono in una cella lunga. Fare clic all'interno di questa cella e selezionare "Inserisci" - "Immagine", dove potrete scegliere la vostra immagine del banner dalla cartella "Immagini". Fare clic su "OK" e apparirà l'immagine.

10 Inserire il testo. Copiare il testo dal programma di elaborazione testi e incollarlo nella cella di tua scelta. Proprio come in qualsiasi editor tipico di elaborazione testi, è possibile evidenziare il testo e scegliere il vostro stile di carattere, la dimensione, il colore, l'audacia, la giustificazione, ecc copiare parti di testo e romperlo in pezzi di testo che vanno in ogni colonna per facilitare la leggibilità .

11 Modificare il colore di sfondo della tabella in modo che il testo sia più facile da leggere. Se avete scelto un colore di sfondo scuro, potrebbe essere difficile da leggere il testo su di esso. Per rendere le celle di testo pieno di bianco (o un colore più chiaro), fare clic nella cella e fare clic sulla casella del colore "BG" in basso sotto l'editor "Proprietà". Selezionare colore bianco o in un altro dalla tavolozza dei colori. Fare questo con qualsiasi altra cella che ha bisogno di cambiare. Per selezionare più celle, cliccare in alto a destra delle cellule del gruppo e trascinare alla cella a sinistra e verso il basso, che selezionerà più celle su più righe.

12 Inserire collegamenti. Per ogni collegamento, è possibile digitare il testo che collegherà direttamente a un'altra pagina web. Ad esempio, se si desidera collegare al tuo amico pagina di Jim, è possibile digitare il testo "Pagina Web Visita il Jim" al posto del lungo URL. Evidenziare il testo che si desidera collegare e fare clic nel campo "Link" nell'editor "Proprietà". Copiare e incollare o digitare l'URL completo in questo campo, tra cui http: //. Selezionare "_blank" dal campo "Target", in modo che quando gli utenti fanno clic sul link, la pagina web si apre in una nuova finestra invece che nella stessa finestra della tua pagina web. In questo modo le visitatori non lasciare accidentalmente la tua pagina web e dimenticate di tornare.

13 Inserire tutte le altre immagini che si desidera sul sito. Seguire la stessa procedura che avete fatto per inserire la tua immagine del banner. Creare una immagine più piccola che è appropriato e non dominerà la pagina web. Ad esempio, se si dispone di un'immagine che desideri che i tuoi spettatori a fare clic su per ingrandire, creare due immagini, una grande e una piccola. Fai la tua immagine di grandi dimensioni di larghezza circa 750 pixel e rendere la vostra immagine più piccola largo circa 200-225 pixel. Inserire l'immagine più piccola in una cella di tabella e il nome dell'immagine nel prompt di testo alternativo (quindi se la vostra immagine non viene caricata, le parole appariranno invece). Trattare questa immagine come un link, cliccando su di esso e scegliere la cartella gialla accanto a "Link" nell'editor "Proprietà". Trova la tua immagine ingrandita. Selezionare "_blank" dal campo "Target", così la vostra immagine si apre in una nuova finestra. È possibile scegliere un bordo, se si preferisce. Per nessun bordo, digitare 0 nel campo. Si può giocare con i numeri per selezionare il formato di confine che si preferisce.

14 Salvare il lavoro e caricare sul tuo host web. Mantenere tutte le immagini nella cartella corretta ed essere sicuri di creare una cartella di immagini sul server pure. Tutto dovrebbe apparire sulla tua pagina web così come è stato creato.

Consigli e avvertenze

  • Abbi pazienza. La creazione di pagine web non è un semplice processo in due fasi.
  • Ricordati di salvare spesso il lavoro.