¿Como Hacer una página web? Diana Lopez

940
-1

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
940
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

¿Como Hacer una página web? Diana Lopez

  1. 1. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />¿Sabias que puedes crear una página web sencilla con el Bloc de Notas?<br />Aquí aprenderás como hacerlo, solo necesitas saber HTML...<br />
  2. 2. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />¿Que es una página web?<br />Es un documento electrónico que cuenta con imágenes, texto, video, audio y demás recursos multimediales para comunicar información a través de la web o internet.<br />y... ¿para que me sirve una página web?<br />
  3. 3. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />¿Para que sirve una página web?<br />Las páginas web, te permiten navegar de una página de documento a otra, compartir informacion con millones de personas en el mundo asi como también ellos pueden ver la información de tu página. Son creadas básicamente con código HTML.<br />ahora... ¿conoce el HTML?<br />
  4. 4. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />¿Que es HTML?<br />HTML (HyperText Markup Language ó Lenguaje de Marcado de Hipertexto).<br />Es el lenguaje con que se definen las páginas web, contiene un conjunto de instrucciones que sirven para incluir el texto y otros elementos que contienen la página web.<br />¿Como utilizar el HTML?<br />
  5. 5. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />Estructura Lógica<br />Toda página web empieza con la etiqueta <HTML> dentro de la cual se almacena todo el código de la página web.<br />Recuerda que las instrucciones HTML deben abrirse con los operadores < > y cerrarse con </ >, asi como se muestra en la imagen.<br />¿Que es el Head?<br />
  6. 6. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />Estructura Lógica<br />A continuación se ubica el <HEAD>, o cabecera, dentro de la cual se ubica el título de la página web, este es reconocido, en una de sus pestañas, por el navegador que permite visualizarla.<br />Titulo de la pagina web<br />¿Que es el Body?<br />
  7. 7. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />Estructura Lógica<br />El <Body> permite almacenar todo el código que necesitas para insertar tablas, párrafos, imágenes, colores, enlaces, y demás recursos que necesite tu página web, lo que se encuentre aquí se visualizará en pantalla.<br />No olvides que todas las instrucciones que abras (<body>) necesitaran cerrarse (</body>).<br />!Hagamos una página web!<br />
  8. 8. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB<br />A continuación crearemos una página web paso a paso, para que puedas comprender mejor.<br />PASO 1.<br />Abrir el editor de texto sin formato (bloc de notas).<br />!Hagamos una página web!<br />
  9. 9. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 2.<br />Iniciar la estructura de la página web con el código HTML.<br />Abre la instrucción <html> y no olvides cerrarla </html>.<br />Dentro de ella se almacenara todo el código de la página HTML.<br />!Hagamos una página web!<br />
  10. 10. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 3.<br />Ubicate dentro de las instrucciones <html> y abre una nueva instrucción: <head>, no olvides cerrarla </head>.<br />Aquí ubicaremos el título de la página que aparecerá en una pestaña del navegador.<br />!Hagamos una página web!<br />
  11. 11. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 4.<br />Dentro de las instrucciones <head> ubicamos una nueva: <title> la cual establecerá el título de la página, no olvides cerrarla </title>.<br />Puedes escribir el título de tu página dentro de estas instrucciones. En este caso se llamará MIPAGINA, sin espacios.<br />!Hagamos una página web!<br />
  12. 12. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 5.<br />Abre la instrucción <body> dentro de esta irá todo el cuerpo de la página web, solo lo que se enuentre aquí se pordra visualizar en pantalla, no olvides cerrarla </body>.<br />!Hagamos una página web!<br />
  13. 13. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 6.<br />Ubícate dentro de la instrucción <body> para incluir un titulo a tu página, hazlo con la instrucción <h1> que sirve para agregar encabezados, no olvides cerrar la intruccion </h1>.<br />Dentro de ellas puedes escribir un título.<br />!Hagamos una página web!<br />
  14. 14. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 7.<br />Aun dentro de la instrucción <body> agrega párrafos con la instrucción <p>, no olvides cerrarla </p>.<br />Escríbe un pequeño párrafo.<br />!Hagamos una página web!<br />
  15. 15. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />HAGAMOS UNA PÁGINA WEB <br />PASO 8.<br />Le hace falta un color de fondo ¿verdad?<br />Utiliza la instrucción Bgcolor, añade al <body> asi como se muestra en la imagen.<br />El color debe escribirse en ingles o hexadecimal (es el color codificado en letras y números).<br />!Hagamos una página web!<br />
  16. 16. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />GUARDAR LA PÁGINA WEB <br />Haz clic en Archivo, Guardar Como:<br /> Index.html porque es una página de inicio, y escoges en<br />Tipo de documento:<br /> Todos los archivos.<br />Ubica el archivo en el escritorio para que sea de facil acceso.<br />¡Y a Guardar y ejecutar nuestra página web!<br />
  17. 17. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />¡PROBEMOS! <br />Si ubicaste el archivo en el escritorio de tu computador, solo debes ir allí y hacer doble clic en el archivo, el cual tendrá un icono con la imagen de tu navegador.<br />Y a disfrutar de tu pequeña pagina web.<br />Veamos como resultó la pagina web... por ahora<br />
  18. 18. CREACION DE PÁGINAS WEB BÁSICAS <br />Aprende como crear tu propia Página Web...<br />¡PROBEMOS! <br />¡MI PAGINA WEB!<br />Vé y practica más diseños a tu gusto...<br />

×