Hola jovenes estudiantes de 9-2, en el periodo pasado estudiamos el hipertexto como generador de lo que hoy disfrutamos en el mundo del Internet. Por eso vamos a trabajar este periodo el lenguaje HTML para el desarrollo de paginas Web desde sus primeros origines. Espero lo estudien y las inquietudes que resulten me pueden buscar en los descansos y con todo gusto las aclaramos, no esperen a que llegue la clase los días Miercoles. Recuerden que:
“El aprendizaje autónomo es la base de querer estudiar por convicción y no por obligación”
Jhon M. Ramírez.
INTRODUCCIÓN AL HTML
El lenguaje HTML (HyperText Markup Language), es el formato estándar que se utiliza para crear e interpretar documentos de texto e imágenes, conocidos popularmente como páginas web. Estos documentos, que en realidad son archivos de texto plano, están compuestos básicamente por:
- la información que el usuario ve en la pantalla cuando accede a una página, y
- códigos (tags o etiquetas), transparentes para el usuario, que son interpretados
por el programa del navegador y que controlan la manera como la información es mostrada en la pantalla. El objeto del presente módulo es aprender a utilizar de manera correcta, algunas de esas etiquetas, con el fin de crear y modificar páginas mediante el uso de cualquier editor de texto. Que se necesita para hacer paginas Web?
En el editor de texto "Descarga aqui uno" hacemos el siguiente ejemplo sencillo, contiene lo necesario para crear una página que desplegará en el explorador (browser o navegador), la frase “Bienvenido al curso
de HTML”:
Las palabras encerradas entre los símbolos menor y mayor que (< >), son las etiquetas de HTML y las frases dentro de éstas, constituyen la información que realmente verá el usuario. Todo archivo HTML comienza siempre con la etiqueta HTML y finaliza con la etiqueta (/HTML). La estructura de una página está compuesta básicamente por dos secciones: el encabezado (HEAD), y el cuerpo (BODY), delimitados por las etiquetas HEAD, (HEAD), (BODY) y (BODY) respectivamente.
QUÉ SE NECESITA PARA CREAR PÁGINAS WEB?
Dado que las páginas Web son simples documentos de texto plano, lo único que se requiere para su creación es un editor de texto. Aunque existen muchas y potentes herramientas para la creación y edición gráfica de documentos HTML, el Block de Notas (NotePad), el editor (EDIT) de DOS, o cualquier otro editor de texto sirven bien para estos propósitos. Mientras que para visualizar documentos HTML, debemos disponer de un explorador como Netscape Navigator ®, Mozilla Firefox ® o Microsoft Internet Explorer ®, que son los más populares en el mercado.
LA PRIMER PÁGINA
Para crear ésta y todas las páginas propuestas, se utilizará el Block de Notas de Microsoft (notepad). Ábralo y escriba en él el siguiente texto:
HTML no es un lenguaje sensible a las mayúsculas, lo que significa que cualquier etiqueta puede ser escrita en mayúsculas, minúsculas o una combinación de ellas. Por ejemplo, escribir (HTML) tendrá el mismo efecto que escribir (html) o (Html). De igual forma, no es necesario utilizar una línea para cada etiqueta, ni conservar la sangría y formato propuestos en los ejemplos de éste módulo. Lo anterior se hace para facilitar la lectura, comprensión y edición de los archivos, además de ser una práctica casi obligada entre los buenos desarrolladores. El código anterior pudo haberse escrito de la siguiente manera, y el resultado obtenido seguirá siendo el mismo:
Guarde el archivo con el nombre PrimeraPagina.html en un directorio cualquiera, por ejemplo, C:/CursoHTML/, asegurándose de colocarle la extensión .HTML o en la carpeta Mis Documentos. deberás obtener un archivo como el de la siguiente imagen...
si utilizas como navegador a Mozilla, pero si utilizar Internet Explorer aparecerá con el icono de este.
luego vaya a donde guardo el archivo y haga doble clic sobre él y se abrirá en el explorador el archivo que acaba de crear y si todo va bien, obtendrá una página similar a la siguiente:
HOLA A TODOS! ÉSTA ES MI PRIMERA PÁGINA WEB
Como evidencia de este trabajo, mandame tu primerapagina.html a mi correo jmramirezherrera@gmail.com, con tu nombre y grado. Recuerda que empezamos el Cuarto y ultimo periodo.
Éxitos en tu aprendizaje....
- la información que el usuario ve en la pantalla cuando accede a una página, y
- códigos (tags o etiquetas), transparentes para el usuario, que son interpretados
por el programa del navegador y que controlan la manera como la información es mostrada en la pantalla. El objeto del presente módulo es aprender a utilizar de manera correcta, algunas de esas etiquetas, con el fin de crear y modificar páginas mediante el uso de cualquier editor de texto. Que se necesita para hacer paginas Web?
En el editor de texto "Descarga aqui uno" hacemos el siguiente ejemplo sencillo, contiene lo necesario para crear una página que desplegará en el explorador (browser o navegador), la frase “Bienvenido al curso
de HTML”:
Las palabras encerradas entre los símbolos menor y mayor que (< >), son las etiquetas de HTML y las frases dentro de éstas, constituyen la información que realmente verá el usuario. Todo archivo HTML comienza siempre con la etiqueta HTML y finaliza con la etiqueta (/HTML). La estructura de una página está compuesta básicamente por dos secciones: el encabezado (HEAD), y el cuerpo (BODY), delimitados por las etiquetas HEAD, (HEAD), (BODY) y (BODY) respectivamente.QUÉ SE NECESITA PARA CREAR PÁGINAS WEB?
Dado que las páginas Web son simples documentos de texto plano, lo único que se requiere para su creación es un editor de texto. Aunque existen muchas y potentes herramientas para la creación y edición gráfica de documentos HTML, el Block de Notas (NotePad), el editor (EDIT) de DOS, o cualquier otro editor de texto sirven bien para estos propósitos. Mientras que para visualizar documentos HTML, debemos disponer de un explorador como Netscape Navigator ®, Mozilla Firefox ® o Microsoft Internet Explorer ®, que son los más populares en el mercado.
LA PRIMER PÁGINA
Para crear ésta y todas las páginas propuestas, se utilizará el Block de Notas de Microsoft (notepad). Ábralo y escriba en él el siguiente texto:
HTML no es un lenguaje sensible a las mayúsculas, lo que significa que cualquier etiqueta puede ser escrita en mayúsculas, minúsculas o una combinación de ellas. Por ejemplo, escribir (HTML) tendrá el mismo efecto que escribir (html) o (Html). De igual forma, no es necesario utilizar una línea para cada etiqueta, ni conservar la sangría y formato propuestos en los ejemplos de éste módulo. Lo anterior se hace para facilitar la lectura, comprensión y edición de los archivos, además de ser una práctica casi obligada entre los buenos desarrolladores. El código anterior pudo haberse escrito de la siguiente manera, y el resultado obtenido seguirá siendo el mismo:
Guarde el archivo con el nombre PrimeraPagina.html en un directorio cualquiera, por ejemplo, C:/CursoHTML/, asegurándose de colocarle la extensión .HTML o en la carpeta Mis Documentos. deberás obtener un archivo como el de la siguiente imagen...
si utilizas como navegador a Mozilla, pero si utilizar Internet Explorer aparecerá con el icono de este.luego vaya a donde guardo el archivo y haga doble clic sobre él y se abrirá en el explorador el archivo que acaba de crear y si todo va bien, obtendrá una página similar a la siguiente:
HOLA A TODOS! ÉSTA ES MI PRIMERA PÁGINA WEB
Como evidencia de este trabajo, mandame tu primerapagina.html a mi correo jmramirezherrera@gmail.com, con tu nombre y grado. Recuerda que empezamos el Cuarto y ultimo periodo.
Éxitos en tu aprendizaje....
0 Haz Clic aqui para hacer tu Actividad::
Publicar un comentario