February 27
Internet è uno strumento molto potente, che collega le persone in tutto il mondo e mettendo in mostra talenti individuali, senza la necessità di avere incontri faccia a faccia. Per i bambini, Internet può essere molto confusa, anche opprimente. Allo stesso tempo, può suscitare curiosità e interesse. Insegnare ai bambini come progettare la propria pagina web è un modo pulito per familiarizzare con il funzionamento del Web.
1 Mostra al bambino un sito web di base in un browser Web (ad esempio Internet Explorer, Firefox, Safari). Punto di varie parti del sito, come link, testo e immagini. Dite ai vostri figli che il browser viene utilizzato per tradurre "codice" Web nella pagina che lei vede.
2 Point presso l'indirizzo del sito. Spiegate che l'indirizzo del sito è un "URL", che sta per "Uniform Resource Locator". Dimostrare che l'URL è il sito "indirizzo" che porta a un particolare sito web, documento o in qualsiasi altro luogo su Internet.
3 Spiegare il make-up di un sito web di base. I codici che il browser traduce sono HTML (Hypertext Markup Language) e CSS (fogli di stile a cascata). HTML è il make-up di base della pagina e include i collegamenti, testo e codici di immagine. CSS è ciò che crea la progettazione del layout e colori della pagina.
4 Elencare gli strumenti necessari per iniziare, come ad esempio un editor, spazio web e le idee. Anche se la grafica non sono necessari, essi aiutano agghindare una pagina Web. L'editor è necessaria al fine di scrivere i vostri codici HTML e CSS. spazio web è necessaria al fine di memorizzare i codici in modo che l'informazione può essere visto online. Spazio web si può trovare gratuitamente su siti come Webs, Bravenet e treppiede. Sottodomini sono disponibili anche (http://www.websitehost.com/yourchildssitename). Graphics possono essere creati con libero immagine-editor come Paint o Gimp.
5 Carica le immagini per il sito del provider di spazio web o tramite un sito web-hosting di immagini. Si riceverà un-collegamento diretto dopo aver caricato l'immagine. Prendere nota di questo link.
6 Impostare la pagina di base. Dopo la firma per lo spazio Web gratuito e la scelta del nome di dominio, il bambino può iniziare il suo sito. Iniziate con lo conferma il codice di base in suo editore:
<Html>
<Head>
<Title> Pagina Web Titolo QUI </ title>
<Style type = "text / css">
body {background-color: # 33CCFF; }
h1 {font-family: Arial, Verdana; color: # 6600ff}
p {font-family: Arial, Verdana; color: # 6600ff}
.center {text-align: center; }
</ Style>
</ Head>
<Body>
<P class = "center"> <h1> intestazione della pagina </ h1> </ p>
<P class = "center"> <p> Inserisci le informazioni sito qui. </ P>
<P class = "center"> <img /> </ p>
</ Body>
</ Html>
7 Spiegare ogni parte del codice singolarmente. Il tag "HTML" dice al browser che HTML viene utilizzato per la pagina Web. Il tag "testa" comprende il titolo del sito insieme a tutti i CSS. Il CSS nel sito inizia dopo "<style type =" text / css '> ", che dice al browser che CSS è in uso. Il tag "corpo / sfondo" fornisce il colore dello sfondo. Il colore è un numero, perché nel codice Web, è possibile utilizzare i codici esadecimali che sono numeri che definiscono alcuni colori. L'area "H1" disegna le voci della pagina e l'area "p", una creazione dei paragrafi. Il tag "centro" centra la pagina. Dopo CSS, si vedrà il tag "<body>", che è dove tutti i contenuti di base del sito va (testo, link, immagini). I codici della zona del corpo lavorano con i tag CSS per progettare la pagina. Il "<img>" tag è un tag di immagine. Il link che segue il tag di immagine dice al browser in cui l'immagine è così che possa recuperarla (e permettergli di presentarsi sul tuo sito web). Potrai inviare il vostro collegamento diretto dopo il tag immagine (al posto di "image.jpg").
8 Avere il bambino entrare tutte le informazioni che vogliono sul loro sito web. In primo luogo, essi devono chiamare il loro sito nell'area "Title". Successivamente, dovranno inserire un'intestazione nell'area "H1", seguito dal contenuto del sito nell'area paragrafo (<p>).
9 Guarda il sito salvando il testo nell'editor come file HTML. Carica il file allo spazio web gratuito e visualizzarlo nel browser.