Se debe crear una carpeta para guardar los archivos para la página. Abrir el Bloc de notas. Para abrirlo, puedes dirigirte al menú Inicio, Programas, Accesorios, opción Bloc de notas. Seguidamente introduce, en el documento en blanco, el texto siguiente: <html> <head> <title>MI PRIMERA PÁGINA</title> </head> <body background="C:\Users\ADMIN\Desktop\Mi primer sitio web\imagenes\estrellas animadas.gif"> <FONT COLOR="#cc3300"size="30">Bienvenidos a mi Página Web</font> </body> </html>
Guarda el documento con la extensión htm, ejemplo: miprimpag.htm. Se guarda a través del menú Archivo, opción Guardar y ubicar la carpeta. Pulsando dos veces sobre el icono del archivo miprimpag.htm, éste debería abrirse automáticamente en el navegador que se tenga instalado en el ordenador. El navegador deberá mostrar el resultado de la que solamente tiene una línea de texto. En la barra del navegador aparece el titulo de la página el cual se estableció por la línea de titulo: <title>MI PRIMERA PAGINA</title>. El color de fondo de la página ha sido establecido por la línea <body bgcolor="#FFCC99">. El texto Bienvenidos a mi pagina Web. se ha insertado a través de línea <font color="#CC3300" size="5">Bienvenidos a mi Pagina Web.</font>.
La estructura básica de una página es: <html> <head> ... </head> <body> ... </body> </html>
Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>. Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página. Por ejemplo: <html> ... </html>
Agrupa la información de la página, como el título. Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>. Por ejemplo: <html> <head> ... </head> ... </html> Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: <link>, <style> y <style> indica la información de estilo , <meta> se utiliza para añadir información sobre la página, puede ser utilizada por los buscadores <title>
Ubicado en parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>. Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> ... </html>
Contiene la información de la página o documento , lo que se visualiza, el texto, las imágenes, los formularios, etc. Todos estos elementos deben estar entre las etiquetas <body> y </body>, que van debajo de la cabecera. Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> <body> ... </body> </html>
A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página. Se puede establecerse a través del atributo bgcolor, representado en hexadecimal o por un nombre predefinido.
1 <html> <head> <title>MI PRIMERA PÁGINA</title> </head> <body bgcolor=“blue” </body> </html>
Color de fondo
Fondo Imag en Gif
2
<html> <head> <title>MI PRIMERA PÁGINA</title> </head> <body bgcolor="#0000FF">” </body> </html>
<html> <head> <title>MI PRIMERA PÁGINA</title> </head> <body background="C:\Users\ADMIN\Desktop\Mi primer sitio web\imagenes\estrellas animadas.gif"> </body> </html>
1. Crear carpeta y asignar nombres ejemplo: mi primer sitio web y dentro de ella subcarpetas de imagen, video, audio y archivos. 2. Abre bloc de notas y digite la estructura básica de HTML, para el diseño de Página Web. Dentro de ella debe guardar los archivos que necesite. 2. Asígnele titulo o nombre a la página miprimerapagina.html Ó miprimerapagweb.htm.
ejemplo:
3. Incluir un fondo a la pagina (Color, imagen o imagen gif) de acuerdo a la temática o recomendaciones vistas en clase.
NOTA: El tema para clase y extraclase de la Pág.. Web es libre, dentro de los siguientes parámetros: Académico, formativo e innovador