Web di base Page Design Tutorial

September 2

Web di base Page Design Tutorial


Qualsiasi base pagina Web design tutorial vi parlare di Hypertext Markup Language (HTML). E 'la pietra angolare dello sviluppo pagina web. Si può imparare a usare HTML nel disegno di base della pagina Web da memorizzare parole e simboli chiave. Marry quelle parole e simboli insieme e creare pagine personalizzate, anche. È infine possibile progettare una pagina Web di base utilizzando i fogli di stile a cascata (CSS) se è necessario per la progettazione di più di una pagina Web alla volta.

istruzione

La pagina web di base Design Tutorial

1 Strutturare la pagina Web. Prima di progettare una pagina Web o cercate di scrivere con HTML, assicurarsi di formattare la pagina Web in modo corretto. Ogni pagina Web, non importa quale sia il browser Internet, si richiede di inserire il codice (HTML o in questo caso) in un certo ordine. Un design molto semplice pagina Web dovrebbe essere simile a questo: <html> <body> <h1> </ h1> <h2> </ h2> <p> </ p> </ body> </ html>. H1 e H2 si intende il numero di intestazione uno e il numero due di testa. il numero di intestazione uno testo apparirà più grande di intestazione numero due. Il tag p (tag cioè le lettere o parole all'interno tuoi parentesi angolari), significa paragrafo. Mettere il tag di paragrafo nel vostro disegno se sai che avrai grandi volumi di testo per gli utenti di leggere.

2 Utilizzare i tag di ancoraggio aperti e chiusi. Ogni disegno di base della pagina Web ha probabilmente link (altrimenti noto come collegamenti ipertestuali) per le persone a visitare. tutorial di design spesso non parlare di come le pagine Web inquinanti con pezzi estranei di informazioni possono rendere difficile per gli utenti a capire le istruzioni di base. tag aperti e chiusi dire il computer quando una linea dovrebbe iniziare e terminare. È possibile ridurre l'ingombro visivo con questo: <a href="Name"> http: //. Urladdresshere "> Nome di Link Qui </a> Ricordate il tag di ancoraggio (a parentesi angolari interni) è considerato chiuso quando vi è un attaccante tagliare davanti. Posizionare il tag anchor tra i tag body aperti e chiusi, troppo.

3 Inserire immagini e video nella pagina Web. Se non sei che abile con l'HTML, si può sempre prendere in prestito il codice necessario per progettare la vostra pagina Web da fonti di terze parti. Utilizzare il proprio video o immagini, ma essere sicuri di metterli su un blog o un sito di social networking. Internet genererà un codice (HTML, tag parole e simboli). Fare clic su Proprietà una volta appare il vostro menu a discesa - una scatola di testa Proprietà pop-up. Circa a metà strada verso il basso, cercare indirizzi e una lunga riga di codice proprio accanto ad esso. Facebook, per esempio, avrà URL tra parentesi appena sotto il testo di indirizzo. Copiare la riga che inizia con http e poi conclude con jpg, per esempio. Incollare il codice tra le quotazioni del tag IMG in questo modo:. "<Html> <body> <img cellpadding =" 1 "> Ricordate di inserire un tag tabella duplicata alla fine della vostra linea (chiamato un tag chiuso) utilizzando una barra un codice di base della tabella delle pagine Web sarà simile a questa:. <table border = "1" cellpadding = "2"> <tr> <td> </ td> </ tr> </ table>.

Consigli e avvertenze

  • Progettare pagine web di base con i fogli di stile a cascata (CSS). Ciò consentirà di risparmiare tempo e ridurre la noia.
  • Assicurati di visualizzare in anteprima la pagina Web prima di caricare o salvare altrove.
  • fogli di stile CSS consentono a un utente di progettare più pagine web contemporaneamente. È necessario prima imparare l'HTML modelli di formattazione per conoscere linguaggio di scripting utilizzato nei fogli di stile. Le pagine Web di base hanno estensioni .html, mentre JavaScript e script di Visual Basic (VB) sono due lingue con le estensioni .css.