-
Cómo enseñar a los niños para el diseño de una página web
-
El Internet es una herramienta muy poderosa, que conecta a personas de todo el mundo y dar a conocer los talentos individuales sin la necesidad de tener reuniones cara a cara. Para los niños, la Internet puede ser muy confuso, incluso abrumadora. Al mismo tiempo, puede despertar la curiosidad y el interés. Enseñar a los niños cómo diseñar su propia página web es una manera ordenada para que se familiaricen con el funcionamiento de la Web.Instrucciones
1 Mostrar al niño un sitio web básico en un navegador Web (por ejemplo, Internet Explorer, Firefox, Safari). Punto a varias partes de la página web, tales como enlaces, texto e imágenes. Dígale a su hijo que el navegador se usa para traducir "código" en la página Web que ve.
2 Punto en la dirección del sitio. Explica que la dirección del sitio es una "URL", que significa "Uniform Resource Locator". Demostrar que la URL es el sitio web de "dirección" que te lleva a un sitio web en particular, documento o en cualquier otro lugar en Internet.
3 Explicar la composición de un sitio web básico. Los códigos que traduce el navegador son HTML (lenguaje de marcado de hipertexto) y CSS (hojas de estilo en cascada). HTML es el maquillaje básico de la página e incluye enlaces, texto y códigos de imagen. CSS es lo que crea el diseño de diseño y los colores de la página.
4 Enumerar las herramientas necesarias para empezar, como un editor, espacio web y las ideas. Aunque no se requieren gráficos, sí ayudan a acicalar una página Web. Se necesita el editor con el fin de escribir sus códigos HTML y CSS. espacio web se requiere con el fin de almacenar los códigos de modo que la información puede ser visto en línea. espacio web se puede encontrar de forma gratuita en sitios como Webs, Bravenet y el trípode. Subdominios están también disponibles (http://www.websitehost.com/yourchildssitename). Los gráficos pueden ser creados con imágenes libres-editores como Paint o Gimp.
5 Subir cualquier imagen para el sitio del proveedor de espacio Web oa través de un sitio web de alojamiento de imágenes. Usted recibirá un enlace directo después de cargar la imagen. Tome nota de este enlace.
6 Configurar la página básica. Después de inscribirse en el espacio web gratuito y la elección del nombre de dominio, su hijo puede comenzar su sitio. Empezar por tener le introduzca el siguiente código básico en su editor:
<Html>
<Head>
<Title> PÁGINA WEB TÍTULO AQUÍ </ 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> encabezamiento de la web </ h1> </ p>
<P class = "center"> <p> Introduzca la información de página web aquí. </ P>
<P class = "center"> <img /> </ p>
</ Body>
</ Html>
7 Explica cada parte del código individual. La etiqueta "HTML" le dice al navegador HTML que se utiliza para la página Web. La etiqueta de "cabeza" incluye el título de la página web, junto con todos los CSS. El CSS en el sitio comienza después de "<style type =" text / css ">" que indica al navegador que se está utilizando CSS. La etiqueta de "cuerpo / fondo" proporciona el color del fondo. El color es un número porque en el código Web, utiliza códigos HEX que son números que definen ciertos colores. La zona "h1" diseña los encabezados de la página y la zona de "p" diseña los párrafos. La etiqueta de "centro" se centra en la página. Después de CSS, verá la etiqueta "<body>", que es donde todos los contenidos básicos del sitio va (texto, enlaces, imágenes). Los códigos en la zona del cuerpo trabajan con las etiquetas CSS para diseñar la página. El "<img>" etiqueta es una etiqueta de imagen. El enlace que sigue a la etiqueta de la imagen indica al navegador donde la imagen es de modo que pueda recuperarlo (y permitir que se muestre en su sitio web). Va a publicar su enlace directo después de la etiqueta de la imagen (en lugar de "imagen.jpg").
8 Haga que su hijo ingrese toda la información que desean en su página web. En primer lugar, deben nombrar a su sitio web en el área de "Título". A continuación, se tendrán que introducir un título en el área de "H1", seguido por el contenido del sitio en el área de párrafo (<p>).
9 Ver la página web por salvar el texto en el editor como un archivo .HTML. Cargar el archivo en el espacio web gratuito y verlo en su navegador.
