Descargar la presentación
La descarga está en progreso. Por favor, espere
1
Cortes Vázquez Loredana García Santiago Diego
PAGINA WEB Cortes Vázquez Loredana García Santiago Diego
2
Hace 25 años, el británico Tim Berners-Lee puso en marcha la World Wide Web, una nueva manera de compartir información entre varias personas utilizando diferentes ordenadores Tras recibir la luz verde de sus superiores, Berners-Lee programó el que sería el primer servidor web y la primera página de la historia.
3
¿QUE ES UNA PAGINA WEB? Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador.
4
En un principio las páginas web eran sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web.
5
La inclusión de imágenes fue la evolución más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.
6
Cómo hacer una página web en HTML
Comprende lo que es el HTML Este es el lenguaje de codificación con el cual se hacen las páginas web. Para ver cómo luce, ve a Internet Explorer y haz clic derecho para seleccionar "Ver código fuente de la página". Verás una página con códigos: eso es el HTML. El código es lo que ve el navegador para interpretarlo y armar una página
7
2. Comienza con una página lo más sencilla posible, sino te verás abrumado por la sintaxis y los lenguajes de script. Es importante recordar que estarás escribiendo la información entre una etiqueta de apertura y una de clausura, ambas de HTML. Una etiqueta de apertura se verá así: <____>. Una etiqueta de clausura se verá así: </____>. Al final, reemplazarás el "____" por un código.
8
3. Ve a Inicio > Programas > Accesorios > Bloc de Notas
3. Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será mucho más fácil si usas el Bloc de Notas++ (lo puedes descargar gratis por Internet). Cuando hayas elegido el lenguaje HTML, todo lo que escribas estará automáticamente conectado con diversos colores, de esta manera será muchísimo más fácil corregir posibles errores.
9
4. Dile al navegador qué lenguaje vas a usar. Escribe <html>
4. Dile al navegador qué lenguaje vas a usar. Escribe <html>. Esta es la primera etiqueta que deberás escribir, la cual le indicará a la computadora que empezarás a hacer una página web. También se cerrará al final, así que al final del documento, ciérralo con <>. Esto finalizará la página web.
10
5. Añade el encabezado (head) de la página como se muestra en el gráfico
11
6. Ponle un título a la página.
El título es importante, porque les dará a los usuarios una idea del tema de la página. Además, cuando los usuarios le pongan un marcador al sitio, el título es lo que único que verán en su lista de marcadores. El código HTML para el título es: <title>. Ciérralo al final del título escribiendo </title>. El título solo se mostrará en la pestaña, no será el título de la página en sí.
12
7. Haz el cuerpo de la página.
Escribe <body> para abrir la etiqueta del cuerpo. Luego ciérrala con la etiqueta </body>. La información para la página web irá entre <body> y </body>.Para darle un color de fondo a la página, podrás añadirle un estilo al cuerpo. En vez de solamente escribir, escribe <body style="background-color:silver">. Podrás probar con un color distinto o incluso con un código hexadecimal. Las palabras entre comillas se conocen como "atributos". ¡Deberán estar rodeados por comillas!
13
8. Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo.
Para que el texto siga en la línea siguiente (como si presionaras "Enter" en el teclado), escribe: <br>. ¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve de lado a lado de la pantalla? Solo tendrás que escribir <marquee>TEXTO</marquee>.
14
9. Añade algunas imágenes
9. Añade algunas imágenes. Si quieres colocar alguna imagen de Internet a tu página web, el código HTML para las imágenes será: <img src="URL">. La etiqueta de clausura es: </img>, pero es opcional.
15
Tu página web deberá verse algo así:
10. Revisa todo para asegurarte de que todas tus etiquetas estén cerradas. Tu página web deberá verse algo así: <title>Mi página web</title> <body bgcolor="yellow"> Me encanta wikiHow porque <marquee>¡es la mejor página del mundo!</marquee> <img src=" ody>
16
11. Guarda tu trabajo. Ve a "Guardar como", ingresa un nombre de archivo que termine en la extensión .html (por ejemplo: "archivodeprueba.html") y escoge "Todos los archivos" o "text" en Tipo de archivo. No funcionará si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y haz doble clic para abrirlo. Tu navegador predeterminado se abrirá con tu propia página web.
Presentaciones similares
