Asignación No. 2 para 9 de media.
Asignatura: Informática. (Diseño página Web).
Fecha de entrega: 07/09/2015.
Tema: Introducción a HTML..
Lea detenidamente este documento de introducción a la la materia.
Propósitos y Competencias de la unidad.
Manual de HTML
HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos
en profundidad cómo utilizarlo, desde lo más básico a los temas más avanzados.
Prólogo al manual de HTML .
Bienvenidos al manual de HTML de DesarrolloWeb. A través de todos estos capítulos vamos
a descubrir el lenguaje utilizado para la creación de páginas web: el Hyper Text Markup
Language, más conocido como HTML.
Puede que en un principio, el hecho de hablar de un lenguaje informático pare los pies a más de
uno. No os asustéis, el HTML no deja de ser más que una forma un tanto peculiar de dar formato
a los textos e imágenes que pretendemos ver por medio de un navegador.
Antes de entrar en materia, lo cual haremos de una forma directa y practica, te recomendamos dedicar tiempo a la lectura previa de este manual . A partir de esta
guía, aprenderás los conceptos más básicos necesarios para creación de un sitio web. También te permitirá acceder a este manual con unos conocimientos de base sobre HTML imprescindibles y te dejará bien claro lo que su conocimiento aporta con respecto al simple uso de editores de HTML.
El público al que va enfocado este manual es a todos aquellos que, con conocimientos mínimos de
informática, desean hacer mundialmente público un mensaje, una idea o una información usando
para ello el medio más práctico, económico y actual: Internet.
Lo que necesitas como base para llevar a buen término el aprendizaje (aparte de leer el manual
Publicar en Internet) es:
• Saber escribir con un teclado
• Saber manejar un ratón
• Tener ganas de aprender
Lo que obtendrás después de haber pasado por estos capítulos:
• Capacidad para crear y publicar vuestro propio sitio web con un mínimo de calidad
• Conocimientos de todo tipo sobre las tecnologías y herramientas empleadas en el ámbito
de la Red
• Posiblemente una afición que puede convertirse en pasión y terminar, en algunos casos,
siendo un vicio o un oficio.
Te recordamos que estoy a tu entera disposición para resolver todo tipo de dudas
referentes a este manual. Contactarme es tan fácil como realizar un comentario en recursoscea9.blogspot.com
Introducción al HTML.
HTML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser
vistas por el usuario mediante un tipo de aplicación llamada navegador (Internet Explorer, Google Chrome, Firefox, Otros). Podemos decir por lo
tanto que el HTML es el lenguaje usado por los navegadores para mostrar las páginas webs al
usuario, siendo hoy en día la interface más extendida en la red.
Este lenguaje nos permite reunir textos, sonidos e imágenes y combinarlos a nuestro gusto.
Además, y es aquí donde reside su ventaja con respecto a libros o revistas, el HTML nos permite
la introducción de referencias a otras páginas por medio de los enlaces hipertexto.
El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser
un área de ocio con carácter multimedia, de modo que, el HTML se creó sin dar respuesta a todos
los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un
futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando
modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han
presentado ya. El HTML 4.01 es el último estándar a septiembre de 2001.
Esta evolución tan anárquica del HTML ha supuesto toda una seria de inconvenientes y
deficiencias que han debido ser superados con la introducción de otras tecnologías accesorias
capaces de organizar, optimizar y automatizar el funcionamiento de las webs. Ejemplos que
pueden sonaros son las CSS, JavaScript u otros. Veremos más adelante en qué consisten algunas
de ellas.
Otros de los problemás que han acompañado al HTML es la diversidad de navegadores presentes
en el mercado los cuales no son capaces de interpretar un mismo código de una manera unificada.
Esto obliga al webmáster a, una vez creada su página, comprobar que esta puede ser leída
satisfactoriamente por todos los navegadores, o al menos, los más utilizados.
Además del navegador necesario para ver los resultados de nuestro trabajo, necesitamos
evidentemente otra herramienta capaz de crear la página en si. Un archivo HTML (una página) no
es más que un texto. Es por ello que para programar en HTML necesitamos un editor de textos.
Es recomendable usar el Bloc de notas que viene con windows, u otro editor de textos sencillo.
Hay que tener cuidado con algunos editores más complejos como Wordpad o Microsoft Word, pues
colocan su propio código especial al guardar las páginas y HTML es únicamente texto plano,
con lo que podremos tener problemas.
Existen otro tipo de editores específicos para la creación de páginas web los cuales ofrecen
muchas facilidades que nos permiten aumentar nuestra productividad. No obstante, es
aconsejable en un principio utilizar una herramienta lo más sencilla posible para poder prestar la
máxima atención a nuestro código y familiarizarnos lo antes posible con él. Siempre tendremos
tiempo más delante de pasarnos a editores más versátiles con la consiguiente ganancia de
tiempo.
Para tener más claro todo el tema de editores y los tipos que existen, visita los artículos:
• Editores de HTML.
• Bloc de notas.
• También puedes acceder a descripciones editores más complejos que el Block de Notas,
pero más potentes como Homesite o UltraEdit.
Es importante tener claro todo ello puesto que en función de nuestros objetivos puede que, más
que aprender HTML, resulte más interesante aprender el uso de una aplicación para la creación de
páginas.
Así pues, una página es un archivo donde está contenido el código HTML en forma de texto. Estos
archivos tienen extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando
programemos en HTML lo haremos con un editor de textos y guardaremos nuestros trabajos con
extensión .html, por ejemplo mipágina.html
Consejo: Utiliza siempre la misma extensión en tus archivos HTML. Eso evitará que te
confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html. Si
trabajas con un equipo en un proyecto todavía más importante que estemos todos de
acuerdo en la extensión a utilizar.
Haga lo que se le pide a continuación:
Contesta en tu cuaderno.
¿Qué es el HTML?
¿Qué significa HTML?
¿Qué es una etiqueta en
HTML?
¿Qué es un atributo en
HTML?
¿Que son las extensiones
HTM y HTML?
¿Cuáles son los editores HTML más utilizados en la actualidad?
¿Cuáles son las extensiones recomendadas a utilizar al guardar un documento HTML?
¿Qué debes saber como base para garantizar el aprendizaje de este programa?
¿Qué exploradores abren los archivos html para visualizar su contenido?
Realiza:
- Una lista de 10 etiquetas de HTML con sus funciones.
- Una lista de 10 atributos de HTML con sus funciones.
Rúbrica:
Desarrollo de contenidos en el cuaderno: 7.5 Pts.
Participación (Discusión de contenidos en clases): 3.75 Pts.
Asistencia a clases: 2.5 Pts.
Fecha de entrega: 07/09/2015.
