Introduccion al html Se utilizará un tutorial online donde nos basaremos para la creación de nuestra página web. Para ello tecleas en el navegador predeterminado la siguiente página : www.aulaclic.es
Darle click en HTML
Los 3 primeros puntos serán lo que se utilizarán en ésta 3er. Sesión…
Introducción en el html Al darle clic en el primer apartado menciona tanto el significado como la historia de la creación del lenguaje de programación HTML, al final de cada hoja en línea se encuentran estas flechas: que se utilizan para avanzar o retroceder entre las paginas de este tutorial.
Generalidades… Para la creación de páginas web se emplean comandos donde utilizan etiquetas o corchetes de mayor que y menor que (< y >), además se junto con ellos se emplean comandos para alguna ejecución especifica, donde existen corchetes de inicio y de final. Ejemplo: > y </ , el primero es corchete de inicio y el segundo el de cierre. NOTA: no todos los comandos tienen corchete de cierre. El tutorial lleva de la mano.
Antes de comenzar la principal instrucción es la siguiente: se ocuparan 3 elementos indispensables: 1.- una CARPETA que de preferencia se encuentre en el escritorio donde se depositaran los archivos que se irán utilizando a lo largo de la creación de la pagina web. 2.- el BLOC DE NOTAS, donde se ira creando el código necesario para la pagina. 3.- la PÁGINA GUARDADA, se recomienda que se sobrescriba (es decir guardar cambios en la misma pagina) para que no haya mas de una pagina y exista confusión por saber cual es la correcta.
En la pagina 3 (http://www. aulaclic. es/html/t_1_3 En la pagina 3 (http://www.aulaclic.es/html/t_1_3.htm), se encuentra el primer ejercicio práctico a realizar. Se encuentran las instrucciones para poder crear el ensayo de lo que será la pagina. El único cambio a realizar es que al guardar el documento del bloc de notas se guardara con la extensión *.html. Al hacerlo en la carpeta ya designada aparecerá el icono del navegador predeterminado, ya sea Explorer o Google Chrome.
Como pudiste notar en el texto están los siguientes caracteres: <html> </html> indican el inicio y el cierre de la pagina <head> </head> y <title>MI PRIMERA PAGINA</title> indican el encabezado o pestaña que tendrá la pagina web. <body bgcolor="#FFCC99"> indica que la pagina o cuerpo de fondo tendrá un cierto color. Se denomina código hexadecimal porque tiene 6 caracteres principales después del signo gato (#) que denominan un color especifico; para mayor conocimiento de dichos códigos puede consultarse este vinculo: http://www.sitiosargentina.com.ar/webmaster/CODIGOS%20DE%20COLORES.htm En donde muestra que hay dos formas de colocar el color ya sea por nombre propio en inglés y eliminando el símbolo de #, donde el código seria: bgcolor=“fuchsia> O el código hexadecimal que describa el color requerido. bgcolor=“#FF3399”> donde el código nos daría un color de este tipo:
Pantalla de colores hexadecimal
<body bgcolor="#FFCC99"> <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> </body> Este código hace mención que el color de fondo de pantalla de nuestra presentación es el #FFCC99, el color de la fuentes es el #CC3300 y el tamaño de la fuente es el numero 5.
Comandos a utilizar: <body background="fondo.gif"> <body bgcolor="#0000FF"> <body bgcolor="blue"> <body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" > <br> <pre>Hola, BIENVENIDOS esta ES MI PÁGINA WEB y esto un texto preformateado</pre> Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi página. <blockquote> y </blockquote> <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font>