Come utilizzare HTML & CCS

HTML (o Hyper Text Markup Language) è un linguaggio di Internet utilizzato nella creazione di pagine web. Un web designer deve essere esperto in HTML per creare il layout di pagina web che lui o lei vuole apparire sullo schermo per gli spettatori. HTML può essere creato in un file di testo normale, ma ci sono molti programmi come Microsoft FrontPage che organizzerà il codice per voi. Un altro popolare linguaggio di internet è CSS o Cascading Style Sheets. Se si dispone di una pagina web con diversi elementi, Cascading Style Sheets aiutare a mantenere la continuità del codice HTML sul tuo sito Web, nonché a rendere più facile per voi per creare nuove pagine web in futuro.

Istruzioni

• Aprire un documento di testo in Microsoft Word, blocco note o qualsiasi altro editor di testo. Nome del file "index. html" se è il tuo primo sito Web.

• Tipo < HTML > nella parte superiore del documento. Questo inizierà il tuo codice HTML.

• Digitare < TITLE > e < / TITLE > successivo, dopo il tag < HTML >. Se vuoi il tuo sito Web per visualizzare un titolo nella barra blu sulla parte superiore del vostro browser, scrivere qualcosa tra i tag del titolo, ad esempio: < TITLE > questo è mio primo sito. < / TITLE >

• Decidere di che colore vuoi lo sfondo del tuo sito di essere. In HTML, ogni colore è associato un numero a sei cifre. Ad esempio, in HTML, il colore nero è conosciuto come "#000000". Vedere la sezione risorse qui sotto per conoscere i codici HTML sfondo e come è possibile utilizzarli per creare lo sfondo desiderato. Ad esempio, inserire il codice seguente < corpo bgcolor = "#000000" > dopo il tuo < / TITLE > codice e il tuo sito Web avrà uno sfondo nero.

• Determinare quale colore di testo che desideri utilizzare sul tuo sito Web. Controlla la sezione delle risorse qui sotto per tagliare e incollare codici di testo in file di testo e personalizzarli. Assicurarsi di posizionare le selezioni di testo generale nella sezione head del documento HTML, direttamente dopo il codice del colore di sfondo. Ad esempio, < corpo bgcolor = "#000000" text = "#FFFFFF" > vi darà testo bianco su sfondo nero.

• Utilizzare codici distinti per apportare modifiche di testo temporaneo nel corpo (dopo il tuo ultimo tag) del documento HTML usando i codici come < b > per grassetto e < i > per il corsivo. Chiudere sempre il codice scrivendo </b > o < /i > dopo il testo che si desidera modificare.

• Scegliere dove si desidera immagini e link nel corpo del tuo sito Web HTML. Per un'immagine, utilizzare < img src = "http://www.your-website-name.com/name-of-picture.jpg" > per aggiungere le foto al tuo sito Web. È possibile utilizzare codici come < center > per inserire la foto o un testo al centro. Per collegare l'immagine, utilizzare < a href = "http://www.your-link.com" > prima il codice dell'immagine e < /a > dopo il codice dell'immagine. Assicurarsi di chiudere il codice di posizionamento digitando < / center > dopo il testo selezionato o l'immagine.

• Se vuoi vivere il tuo sfondo e il testo rimanga costante per ogni pagina del sito Web, che fai, utilizzare CSS. Invece di inserire codici HTML nella testa (in alto) della pagina, utilizzare i codici CSS. Codici CSS sono difficili da scrivere e sincronizzare al tuo sito Web, ma le raccomandazioni di foglio di stile che sono state impostate dal World Wide Web Consortium (o W3C) sono un ottimo punto di partenza. Il W3C ha creato un campionatore di stile Core dove è possibile personalizzare le vostre scelte CSS online; il sito vi darà il codice e copiarlo nel corpo del tuo sito Web. Per un principiante, questo è il modo migliore per utilizzare CSS. Core stile campionatore di W3C può essere trovato nella sezione risorse.

• Fine pagina web utilizzando il < / HTML > tag. Questo significa che avete finito utilizzando HTML e CSS.

• Salvare il file e caricarlo sul server web. Se siete necessitante un server, Google e Yahoo entrambi forniscono spazio web gratuito in cui è possibile caricare la pagina web.

Consigli & Avvertenze

  • HTML e CSS può essere complicato — articolo è semplicemente un tutorial su come ottenere il vostro primo sito iniziato.
  • Per comandi più avanzati di HTML e CSS, consultare i seguenti siti tutorial o prendere un libro su HTML e CSS.