pagina html

13
Institución Educativa Municipal Luis Eduardo Mora Osejo Nombre: guiovanny romo Correo: [email protected] Grado: 10 computación j-m Área: Programación Nombre: Jairo S Inagan Gomez

description

estudiante: guiovanny romo profesor: jairo inagan

Transcript of pagina html

Page 1: pagina html

Institución Educativa MunicipalLuis Eduardo Mora Osejo

Nombre: guiovanny romo

Correo: [email protected]

Grado: 10 computación j-m

Área: Programación

Nombre: Jairo S Inagan Gomez

Creación de Páginas Web Con HTML

Page 2: pagina html

Para crear páginas Web con los códigos HTML debemos seguir algunos pasos:

1. abrir el bloc de notas que es el programa a usar:::

2. Debemos usar unas etiquetas para empezar y abrir nuestros documentos

Estas etiquetas debemos abrir con un mayor y un menor que (< y >) y al finalizar cada una debemos anteponerle el slash así las más importantes son:

Page 3: pagina html

3. Donde esta las etiquetas title en medio de estas ponemos el titulo que saldrá en la parte de arriba del navegador y en medio de las etiquetas body que quiere decir cuerpo podemos escribir todo nuestro contenido con otras etiquetas que ayudan a modificar la pagina como podemos ver::

4. la etiqueta body tiene algunos atributos que modifiquen el texto como estas:

Page 4: pagina html

5. Agregamos a body estos atributos los más convenientes para modificar nuestra pagina como por ejemplo cambiarle el color de fondo y el color del texto se puede con códigos de colores o simplemente en color en ingles y esto siempre entre comillas:

6.Podemos utilizar también los protocolos más importantes como miramos acontinuación para modificar texto: como <p> </p>para salto de línea y demas:

Page 5: pagina html

6. Podemos mirar algunos cambios con esta información y añadir a nuestra pagina para mejorar el texto en todo su formato….:

Page 6: pagina html

Y nos resulta así:

Page 7: pagina html

7. Pero tenemos en cuenta que ala hora de guardar tenemos que hacerlo con lo que tu quieras de nombre y al finalizar siempre debe ir .html y guardar como tipo todos los archivos así:

Page 8: pagina html

….ESTO FUE LO MAS BASICO EN LA CREACION DE TU PRIMERA PAGINA CON HML

Para mejorar y modificar nuestra primera página tenemos en cuenta algunos aspectos diferentes al texto…como agregar imagen u otra página enlazada animaciones, videos, etc.….

Para imagen….copiamos el código respectivo y agregamos en una misma carpeta la imagen deseada…

Page 9: pagina html

Para un enlace hacemos casi lo mismo… copiamos el código adecuado y la dirección correcta y lo agregamos a nuestra pagina…

Para un video en nuestra pagina copiamos el código embebido o (embed) de cualquier servidor gratuito de videos como YOUTUBE entre otros y lo colocamos en nuestro bloc y actualizamos respectivamente.

Page 10: pagina html

Así nos quedara nuestra página con video:

Pero a medida que vamos avanzando nuestro aprendizaje con HTML podemos ir mejorando nuestra página y modificando de acuerdo con nuestra necesidad….

Page 11: pagina html

Eso es todo...Espero que sea entendible a las prácticas a realizar,GRACIAS...