SlideShare una empresa de Scribd logo
1 de 19
INFORMATICA
Brayan Steven Leon Martinez
10-7
ESTÁNDARES HTML
Existen multiples estándares HTML (HTML 4.01, XHTML 1.0, HTML 5, ...). Al
principio del documento debe indicársele al navegador qué versión se va a utilizar,
ya que cada una de ellas tiene unas reglas distintas para interpretar las etiquetas.
Si no se le indica al navegador el estándar que se está usando o si se le indica uno
pero no se siguen correctamente las normas del mismo, el navegador intenta
interpretar lo que se quería hacer. El problema de esto es que cada navegador trata
de interpretarlo a su manera y puede llegar a conclusiones distintas. Por eso se
deben usar los estándares: si sigues el estándar todos los navegadores saben lo que
quieres hacer, no tienen que procurar adivinarlo.
Hasta hace poco, la última versión
oficial del HTML era la HTML 2.0.
Cumplía su función perfectamente,
pero muchos usuarios del HTML
querían tener un control mayor
sobre sus documentos, tanto en el
formateo del texto como en la
apariencia de la página.
HTML 3.0
Por esa época, el comité de trabajo del HTML de la IETF, propuso un
borrador de un nuevo estándar, el HTML 3.0 que incluía numerosas y
útiles mejoras. Pero debido a que era excesivamente extenso y
ambicioMientras tanto, Netscape, que era en esa época el líder
indiscutible de los navegadores, introducía con cada nueva versión
etiquetas y atributos no contemplados en el estándar oficial, con
gran escándalo de algunos.Debido a su amplia difusión y aceptación,
otros navegadores intentaban copiar esas innovaciones, pero debido
a que Netscape no especificaba completamente sus nuevas
etiquetas, los resultados no eran siempre los deseados. Todo ello
provocaba una gran confusión, y numerosos problemas, cuando los
autores utilizaban estos elementos y comprobaban que no
funcionaba como querían en otros navegadores.
so, los navegadores sólo utilizaban una pequeña parte del nuevo
estándar, lo que producía aún mayor confusión y por lo que acabó
finalmente siendo abandonado.
HTML 3.2
Cada vez era más evidente la necesidad de un nuevo estándar que fuera aceptado por
todos. Se formó otro comité, el W3C, apoyado por los principales vendedores de software
(entre ellos, IBM, Microsoft, Novell, Netscape, Sun, etc.). El nuevo estándar ha sido
desarrollado durante todo el año 1996 por el W3C con el sobrenombre de Wilbur, y
finalmente, en Enero de 1997 ha sido aprobado como el HTML 3.2El HTML 3.2 es
totalmente compatible con el estándar anterior, pero incorpora muchas de las
innovaciones de los navegadores comerciales (Netscape y Explorer principalmente), tales
como tablas, applets, texto que bordea las imágenes, etc., aunque no todas, como por
ejemplo los frames.
Se puede consultar la documentación oficial del HTML 3.2 en Introducing HTML 3.2, pero
es más manejable y práctica la presentada en Wilbur - HTML 3.2, donde se pueden ver
con detalle las distintas etiquetas, e incluso obtener una versión off-line del nuevo
estándar.
FORMATO DE IMAGENES
•Las imagénes digitales se pueden
guardar en distintos formatos.
Cada uno se corresponde con una
extensión específica del archivo
que lo contiene. Los más utilizados
en la actualidad son: BMP, GIF,
JPG, TIF y PNG.
•
BMP (Bitmap = Mapa de bits)
• Ha sido muy utilizado porque fue desarrollado
para aplicaciones Windows.
• La imagen se forma mediante una parrilla de
píxeles.
• El formato BMP no sufre pérdidas de calidad y por
tanto resulta adecuado para guardar imágenes
que se desean manipular posteriormente.
• Ventaja: Guarda gran cantidad de información de
la imagen.
• Inconveniente: El archivo tiene un tamaño muy
grande.
GIF (Graphics Interchange Format = Formato de Intercambio
Gráfico)
• Ha sido diseñado específicamente para comprimir
imágenes digitales.
• Reduce la paleta de colores a 256 colores como máximo
(profundidad de color de 8 bits).
• Admite gamas de menor número de colores y esto permite
optimizar el tamaño del archivo que contiene la imagen.
• Ventaja: Es un formato idóneo para publicar dibujos en la
web.
• Inconveniente: No es recomendable para fotografías de
cierta calidad ni originales ya que el color real o verdadero
utiliza una paleta de más de 256 colores.
JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos
Fotográficos Unidos)
• A diferencia del formato GIF, admite una paleta de hasta 16 millones de colores.
• Es el formato más común junto con el GIF para publicar imágenes en la web.
• La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la
mayoría de los casos esta pérdida se puede asumir porque permite reducir el
tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una
calidad del 60-90 % del original.
• Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su
calidad si se define cierto factor de compresión.
• Las cámaras digitales suelen almacenar directamente las imágenes en formato
JPEG con máxima calidad y sin compresión.
• Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se
configuren adecuadamente dimensiones y compresión.
• Inconveniente: Si se define un factor de compresión se pierde calidad. Por este
motivo no es recomendable para archivar originales.
TIF-TIFF (Tagged Image File Format = Formato de Archivo de
Imagen Etiquetada)
• Almacena imágenes de una calidad excelente.
• Utiliza cualquier profundidad de color de 1 a
32 bits.
• Es el formato ideal para editar o imprimir una
imagen.
• Ventaja: Es ideal para archivar archivos
originales.
• Inconveniente: Produce archivos muy grandes.
PNG (Portable Network Graphic = Gráfico portable para la
red)
• Es un formato de reciente difusión alternativo al
GIF.
• Tiene una tasa de compresión superior al formato
GIF (+10%)
• Admite la posibilidad de emplear un número de
colores superior a los 256 que impone el GIF.
• Debido a su reciente aparición sólo es soportado
en navegadores modernos como IE 4 o superior.
ATRIBUTOS DE HTML
OTROS
OTROS
OTROS
OTROS
EN OTROS
FRAMES DE HTML• Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por
Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras, y por
tanto con contenidos distintos, aunque puedan estar relacionados. No hay límites para el
contenido de cada una de estas áreas: tienen las mismas propiedades que la pantalla completa
normal, tal y como la conocemos. No hay que confundir los frames con las tablas. Su apariencia, a
veces, puede ser similar, pero mientras el contenido de la celda de una tabla es fijo, en un área de
pantalla creado por el elemento FRAME se dispone de todos los recursos del HTML. Es una zona
viva.Las páginas que contienen una definición de FRAME no pueden contener el elemento BODY
ni ninguno de los elementos que habitualmente aparecen en el BODY antes del
elemento FRAMESET que es el que define la creación del FRAME. Si esto no se cumple, el FRAME
será ignorado.
• Algunos visualizadores no soportan los frames. Para que nuestra página con frames no resulte
opaca a ellos, se utilizará el elemento NOFRAMES que permite ofrecer un texto alternativo en
entorno normal.
• Los frames permiten una flexibilidad de presentación extraordinaria, y para contenidos muy
complejos, de difícil estructura por los medios convencionales del HTML, son casi insustituibles.
De nuevo se presenta la duda de para qué visualizador es preferible programar nuestro WWW.
• Por supuesto, los frames son parametrizables en cuanto a tamaño y número de áreas, si éstas se
pueden redimensionar por el usuario o son fijas, si tienen o no barras de scrolling, se pueden
anidar, relacionar sus contenidos, etc. Veamos algunos ejemplos prácticos y su sintaxis
Un frame básico. Sintaxis general

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Practica 23
Practica 23Practica 23
Practica 23
 
Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con Fireworks
 
Cómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksCómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworks
 
Format os de imagen
Format os de imagenFormat os de imagen
Format os de imagen
 
Tipos de extensiones photoshop
Tipos de extensiones photoshopTipos de extensiones photoshop
Tipos de extensiones photoshop
 
Presentacion 23
Presentacion 23Presentacion 23
Presentacion 23
 
Formatos de imagenes
Formatos de imagenesFormatos de imagenes
Formatos de imagenes
 
Formatos graficos
Formatos graficosFormatos graficos
Formatos graficos
 
FORMATOS MAS COMUNES PARA IMAGEN
FORMATOS MAS COMUNES PARA IMAGENFORMATOS MAS COMUNES PARA IMAGEN
FORMATOS MAS COMUNES PARA IMAGEN
 
Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Web Fonts: Rendereo y suavizado
Web Fonts: Rendereo y suavizadoWeb Fonts: Rendereo y suavizado
Web Fonts: Rendereo y suavizado
 
Formatosdeimagenes
FormatosdeimagenesFormatosdeimagenes
Formatosdeimagenes
 
Practica 23
Practica 23Practica 23
Practica 23
 
Formatos de video
Formatos de videoFormatos de video
Formatos de video
 
Diferencia de formatos de imagen que se pueden guardar en paint
Diferencia de formatos de imagen que se pueden guardar en paintDiferencia de formatos de imagen que se pueden guardar en paint
Diferencia de formatos de imagen que se pueden guardar en paint
 
PRACTICA 23
PRACTICA 23PRACTICA 23
PRACTICA 23
 
Tabla De De Datos Caperucita
Tabla De De Datos CaperucitaTabla De De Datos Caperucita
Tabla De De Datos Caperucita
 

Similar a Informatica brayan (20)

Presentación power point
Presentación power pointPresentación power point
Presentación power point
 
Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Formato tiff
Formato tiffFormato tiff
Formato tiff
 
Presentación uni 3
Presentación uni 3Presentación uni 3
Presentación uni 3
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptx
 
Tipos de imágenes digitales
Tipos de imágenes digitalesTipos de imágenes digitales
Tipos de imágenes digitales
 
Cd rom y html
Cd rom y htmlCd rom y html
Cd rom y html
 
Actividad no 7
Actividad no 7Actividad no 7
Actividad no 7
 
Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2
 
Qué es Slideshare-jhon.docx
Qué es Slideshare-jhon.docxQué es Slideshare-jhon.docx
Qué es Slideshare-jhon.docx
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Formatos de archivos en power poit
Formatos de archivos en power poitFormatos de archivos en power poit
Formatos de archivos en power poit
 
Miguel a. cruz hdez 5
Miguel a. cruz hdez 5Miguel a. cruz hdez 5
Miguel a. cruz hdez 5
 
Dreamwever.
Dreamwever.Dreamwever.
Dreamwever.
 
NTI formatosdigitales
NTI formatosdigitalesNTI formatosdigitales
NTI formatosdigitales
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamwever
DreamweverDreamwever
Dreamwever
 

Último

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 

Último (6)

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 

Informatica brayan

  • 2. ESTÁNDARES HTML Existen multiples estándares HTML (HTML 4.01, XHTML 1.0, HTML 5, ...). Al principio del documento debe indicársele al navegador qué versión se va a utilizar, ya que cada una de ellas tiene unas reglas distintas para interpretar las etiquetas. Si no se le indica al navegador el estándar que se está usando o si se le indica uno pero no se siguen correctamente las normas del mismo, el navegador intenta interpretar lo que se quería hacer. El problema de esto es que cada navegador trata de interpretarlo a su manera y puede llegar a conclusiones distintas. Por eso se deben usar los estándares: si sigues el estándar todos los navegadores saben lo que quieres hacer, no tienen que procurar adivinarlo.
  • 3. Hasta hace poco, la última versión oficial del HTML era la HTML 2.0. Cumplía su función perfectamente, pero muchos usuarios del HTML querían tener un control mayor sobre sus documentos, tanto en el formateo del texto como en la apariencia de la página.
  • 4. HTML 3.0 Por esa época, el comité de trabajo del HTML de la IETF, propuso un borrador de un nuevo estándar, el HTML 3.0 que incluía numerosas y útiles mejoras. Pero debido a que era excesivamente extenso y ambicioMientras tanto, Netscape, que era en esa época el líder indiscutible de los navegadores, introducía con cada nueva versión etiquetas y atributos no contemplados en el estándar oficial, con gran escándalo de algunos.Debido a su amplia difusión y aceptación, otros navegadores intentaban copiar esas innovaciones, pero debido a que Netscape no especificaba completamente sus nuevas etiquetas, los resultados no eran siempre los deseados. Todo ello provocaba una gran confusión, y numerosos problemas, cuando los autores utilizaban estos elementos y comprobaban que no funcionaba como querían en otros navegadores. so, los navegadores sólo utilizaban una pequeña parte del nuevo estándar, lo que producía aún mayor confusión y por lo que acabó finalmente siendo abandonado.
  • 5. HTML 3.2 Cada vez era más evidente la necesidad de un nuevo estándar que fuera aceptado por todos. Se formó otro comité, el W3C, apoyado por los principales vendedores de software (entre ellos, IBM, Microsoft, Novell, Netscape, Sun, etc.). El nuevo estándar ha sido desarrollado durante todo el año 1996 por el W3C con el sobrenombre de Wilbur, y finalmente, en Enero de 1997 ha sido aprobado como el HTML 3.2El HTML 3.2 es totalmente compatible con el estándar anterior, pero incorpora muchas de las innovaciones de los navegadores comerciales (Netscape y Explorer principalmente), tales como tablas, applets, texto que bordea las imágenes, etc., aunque no todas, como por ejemplo los frames. Se puede consultar la documentación oficial del HTML 3.2 en Introducing HTML 3.2, pero es más manejable y práctica la presentada en Wilbur - HTML 3.2, donde se pueden ver con detalle las distintas etiquetas, e incluso obtener una versión off-line del nuevo estándar.
  • 6. FORMATO DE IMAGENES •Las imagénes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG. •
  • 7. BMP (Bitmap = Mapa de bits) • Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows. • La imagen se forma mediante una parrilla de píxeles. • El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente. • Ventaja: Guarda gran cantidad de información de la imagen. • Inconveniente: El archivo tiene un tamaño muy grande.
  • 8. GIF (Graphics Interchange Format = Formato de Intercambio Gráfico) • Ha sido diseñado específicamente para comprimir imágenes digitales. • Reduce la paleta de colores a 256 colores como máximo (profundidad de color de 8 bits). • Admite gamas de menor número de colores y esto permite optimizar el tamaño del archivo que contiene la imagen. • Ventaja: Es un formato idóneo para publicar dibujos en la web. • Inconveniente: No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta de más de 256 colores.
  • 9. JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos) • A diferencia del formato GIF, admite una paleta de hasta 16 millones de colores. • Es el formato más común junto con el GIF para publicar imágenes en la web. • La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una calidad del 60-90 % del original. • Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión. • Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión. • Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión. • Inconveniente: Si se define un factor de compresión se pierde calidad. Por este motivo no es recomendable para archivar originales.
  • 10. TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada) • Almacena imágenes de una calidad excelente. • Utiliza cualquier profundidad de color de 1 a 32 bits. • Es el formato ideal para editar o imprimir una imagen. • Ventaja: Es ideal para archivar archivos originales. • Inconveniente: Produce archivos muy grandes.
  • 11. PNG (Portable Network Graphic = Gráfico portable para la red) • Es un formato de reciente difusión alternativo al GIF. • Tiene una tasa de compresión superior al formato GIF (+10%) • Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF. • Debido a su reciente aparición sólo es soportado en navegadores modernos como IE 4 o superior.
  • 13. OTROS
  • 14. OTROS
  • 15. OTROS
  • 16. OTROS
  • 18. FRAMES DE HTML• Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras, y por tanto con contenidos distintos, aunque puedan estar relacionados. No hay límites para el contenido de cada una de estas áreas: tienen las mismas propiedades que la pantalla completa normal, tal y como la conocemos. No hay que confundir los frames con las tablas. Su apariencia, a veces, puede ser similar, pero mientras el contenido de la celda de una tabla es fijo, en un área de pantalla creado por el elemento FRAME se dispone de todos los recursos del HTML. Es una zona viva.Las páginas que contienen una definición de FRAME no pueden contener el elemento BODY ni ninguno de los elementos que habitualmente aparecen en el BODY antes del elemento FRAMESET que es el que define la creación del FRAME. Si esto no se cumple, el FRAME será ignorado. • Algunos visualizadores no soportan los frames. Para que nuestra página con frames no resulte opaca a ellos, se utilizará el elemento NOFRAMES que permite ofrecer un texto alternativo en entorno normal. • Los frames permiten una flexibilidad de presentación extraordinaria, y para contenidos muy complejos, de difícil estructura por los medios convencionales del HTML, son casi insustituibles. De nuevo se presenta la duda de para qué visualizador es preferible programar nuestro WWW. • Por supuesto, los frames son parametrizables en cuanto a tamaño y número de áreas, si éstas se pueden redimensionar por el usuario o son fijas, si tienen o no barras de scrolling, se pueden anidar, relacionar sus contenidos, etc. Veamos algunos ejemplos prácticos y su sintaxis
  • 19. Un frame básico. Sintaxis general