Enlace a documento de dropbox
https://www.dropbox.com/s/9i55okqvmwngg2t/Final%20Gerencia%20de%20Sistemas.docx?dl=0
Parcial Final
13.11.2015 22:59
Leer más
Actividad I
1. Historia del html
El lenguaje HTML, así como el protocolo que lo soporta, el HTTP, fueron desarrollados por Tim Berners-Lee en el CERN (Centro Europeo de Investigaciones Nucleares) a finales de 1989, principios de 1990. La motivación que llevó a desarrollar este sistema fue la necesidad de compartir información entre los físicos de alta energía que trabajaban por todo el mundo. El lenguaje fue popularizado por el navegador Mosaic del NCSA (Centro Nacional para Aplicaciones de Supercomputación)y supuso la eclosión del web.
Desde entonces las distintas versiones del lenguaje se han sucedido para incorporar nuevas características y posibilidades al mismo. A la especificación del lenguaje hecha en el CERN siguieron HTML 2.0 (1995), HTML 3.0 (también en 1995), HTML 3.2 (1997), la versión 4.0 (en abril de 1998). la primera versión del HTML5 fue publicada en 2008 por Ian Hickson.
https://www.mclibre.org/consultar/amaya/otros/otros_historia.html
2. Estructura de una página en html
La organización básica de HTML es el uso de los corchetes angulares < y >. En HTML estos corchetes contienen en su interior código especial llamado ETIQUETA que indican la estructura y el formato del CONTENIDO de la página.
Tres son las etiquetas (tags) que describen la estructura general de un documento y dan una información sencilla sobre él. Estas etiquetas no afectan a la apariencia del documento y solo interpretan y filtran los archivos HTML.
- < HTML >: Limitan el documento e indica que se encuentra escrito en este lenguaje.
- < HEAD >: Especifica el prólogo del resto del archivo esto es, el encabezado. Son pocas las etiquetas que van dentro de ella, destacando la del titulo < TITLE > que será utilizado por los marcadores del navegador e identificará el contenido de la página. Solo puede haber un título por documento, preferiblemente corto aunque significativo, y no caben otras etiquetas dentro de él. En < head > no hay que colocar nada del texto del documento.
- < BODY >: Encierra el resto del documento, el contenido es el que se muestra en un explorador Web.
3. Que es una etiqueta y cual es su sintáxis para su manejo en html?
Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página web.
Las sintaxis para el uso de la etiquetas en HTML cuenta con una etiqueta de inicio “
< h1 > Titular h1 < /h1 >
Titular h1
< h2 > Titular h2 < /h2 >
Titular h2
< h3 > Titular h3 < /h3 >
Titular h3
< h4 > Titular h4 < /h4 >
Titular h4
< h5 > Titular h5 < /h5 >
Titular h5
< h6 > Titular h6 < /h6 >
Titular h6
4. Etiquetas básicas que maneja html con ejemplos
< html >, < head >, < title >, < base >,
< link >, < meta >, < style >, < script >,
< noscript >, < body >, < section >.
Realizar un ejercicio donde se apliquen todos los siguientes temas de HTML
CONTENIDO HTML
Sintaxis del HTML
Descripción de la sintaxis con la que se trabaja en el lenguaje HTML, así como la estructura que tendrá el documento básico HTML.
Formato de párrafos en HTML
Cómo colocar párrafos y saltos de línea en páginas web.
Formateando el texto
Colocar negritas, itálicas, subrayados, subíndices y superíndices.
Color, tamaño y tipo de letra
Utilizar las etiquetas que nos sirven para formatear el texto.
Atributos para páginas
Utilizar una serie de atributos que se aplican de manera global a toda la página, como el color de fondo el del texto, de los enlaces, márgenes, etc.
Listas I - Listas desordenadas
Estudiar y realizar listas desordenadas.
Listas II - Listas ordenadas
Estudiar y realizar listas ordenadas.
Listas III - Listas de definición
Realizar listas de definición y aprender a anidar listas para crear estructuras lista más complejas.
Enlaces internos
Los enlaces HTML que se hacen con otras partes de la misma página.
Enlaces locales
Enlaces HTML con otras páginas del mismo sitio web.
Enlaces externos, de correo y hacia archivos
Utilizar tres tipos de enlaces. Los dirigidos a otras páginas de otros webs, a direcciones de correo y a ficheros externos.
Imágenes en HTML
Colocar una imagen en una página web y algunos atributos básicos para asignarle estilos a las imágenes en HTML.
Alineación de imágenes con HTML
Investigar y aplicar las diferentes maneras de alinear las imagenes dentro de la una página: centrarla, colocarla a la derecha, a la izquierda, etc.
Tablas en HTML
Estudiar que son las tablas y en qué casos podemos utilizarlas. (Tabla más simple posible.
Tablas en HTML. Atributos para filas y celdas
Continuar con las tablas, los atributos que podemos colocar en las filas y las celdas.
Tablas en HTML. Atributos de la tabla
Conocer los atributos principales que se le pueden asignar a la tabla de modo general y Además realizar varios ejemplos prácticos de construcción de tabla
Formularios HTML
Elementos de Formularios. Campos de texto
Estudiar y utilizar detenidamente los distintos elementos de formulario que sirven para introducir texto.
Otros elementos de formulario
Explicar la sintaxis y el funcionamiento de las cajas y listas de selección, casillas de verificación y botones de radio.
Envío, borrado y demás en formularios HTML
Investigar la manera de colocar botones de envío y borrado en formularios HTML. También conocer los campos invisibles y los botones normales. Además, hacer un ejemplo práctico.
Frames en HTML
Introducción a los frames, un poco de historia y sus utilidades.
Frames - Explicación básica
Explicar los detalles generales y los más básicos sobre la creación de frames. Etiquetas FRAMESET Y FRAME.
Frames - Creación de una estructura simple
Ejemplo de la creación de un frame simple para ilustrar lo aprendido hasta ahora.
Frames - Una página en cada marco
Ver cómo serían las distintas páginas independientes que componen un sitio creado con frames.
Frames - Dirigir los enlaces
Explicar cómo dirigir el enlace al frame que deseemos que actualice, que no tiene por que ser el mismo donde está situado.
Frames - Anidar frames
Explicamos como se crean estructuras con frames más complejas: anidación de frames.
Novedades
CSS
CSS
CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás!
Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.
Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.
¿Qué beneficios me ofrece CSS?
CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos:
- control de la presentación de muchos documentos desde una única hoja de estilo;
- control más preciso de la presentación;
- aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);
- numerosas técnicas avanzadas y sofisticadas.
Breve historia de CSS
Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos.
El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el crecimiento exponencial del lenguaje HTML para la creación de documentos electrónicos. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la creación de documentos con la misma apariencia en diferentes navegadores.
El organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal).
La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo lenguaje que tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets).
En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial, conocida como "CSS nivel 1".
El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su segunda recomendación oficial, conocida como "CSS nivel 2". La versión de CSS que utilizan todos los navegadores de hoy en día es CSS 2.1, una revisión de CSS 2 que aún se está elaborando (la última actualización es del 8 de septiembre de 2009). Al mismo tiempo, la siguiente recomendación de CSS, conocida como "CSS nivel 3", continúa en desarrollo desde 1998 y hasta el momento sólo se han publicado borradores.
