viernes, 26 de septiembre de 2014

Actividad #10

Web Design and Applications (Diseño Web y Aplicaciones)

Implican las normas para la construcción y renderizado de páginas Web, incluyendo HTML, CSS, SVG, API del dispositivo, y otras tecnologías para aplicaciones web ("WebApps"). Esta sección también incluye información sobre cómo hacer páginas accesibles a las personas con discapacidad (WCAG), la internacionalización de ellos, y hacer que funcionen en los dispositivos móviles.

Web Architecture (Arquitectura Web)

Arquitectura Web se centra en las tecnologías de base y los principios que sustentan la Web, incluyendo URIs y HTTP.

Semantic Web (Web Semántica)

El término "Web Semántica" se refiere a la visión del W3C de la Web de los datos vinculados. Tecnologías de la Web Semántica permiten a la gente crear almacenes de datos en la Web, construir vocabularios, y escribir las reglas para el manejo de datos. Los datos vinculados se encuentran facultados por tecnologías como RDF, SPARQL, OWL y SKOS.

XML Technology (Tecnologías XML)

El Lenguaje de marcado extensible (XML) es un formato simple basado en texto para representar información estructurada: documentos, datos, configuración, libros, transacciones, facturas y mucho más. Fue derivado de un formato estándar antiguo llamado SGML (ISO 8879), con el fin de ser más adecuado para uso Web.

Web of Services (Web de Servicios)

Web de Servicios se refiere al diseño basado en mensajes se encuentra con frecuencia en la web y en software empresarial. La Web de los Servicios se basa en tecnologías tales como HTTP, XML, SOAP, WSDL, SPARQL, y otros.

Web of Devices (W3C)

W3C se centra en las tecnologías para permitir el acceso Web en cualquier lugar, en cualquier momento, utilizando cualquier dispositivo. Esto incluye el acceso Web de los teléfonos celulares y otros dispositivos móviles, así como el uso de la tecnología Web en electrónica de consumo, impresoras, televisión interactiva, e incluso automóviles.

Browsers and Authoring Tools (Los Navegadores y Herramientas de Creación)

Utilidad y el crecimiento de la web depende de su universalidad. Debemos ser capaces de publicar sin importar el software que usamos, el equipo que tenemos, la lengua que hablamos, si estamos por cable o inalámbrica, independientemente de nuestros modos sensoriales o de interacción. Debemos ser capaces de acceder a la web desde cualquier tipo de hardware que pueden conectarse a Internet - fijos o móviles, pequeña o grande. W3C facilita esta escucha y mezcla a través de los estándares web internacionales. Estas normas garantizan que todo el brillo loco sigue mejorando una web que está abierto a todos nosotros.



miércoles, 24 de septiembre de 2014

actividad #9: verificación de conceptos

 Metadatos


Una de las partes más importantes de la metainformación de la página son los metadatos, que permiten incluir cualquier información relevante sobre la propia página.
La especificación oficial de HTML no define la lista de metadatos que se pueden incluir, por lo que las páginas tienen libertad absoluta para definir los metadatos que consideren adecuados. La etiqueta empleada para la definición de los metadatos es <meta>.
Etiqueta <meta>
Atributos comunes internacionalización
Atributos propios
  • name = "texto" - El nombre de la propiedad que se define (no existe una lista oficial de propiedades)
  • content = "texto" - El valor de la propiedad definida (no existe una lista de valores permitidos)
  • http-equiv = "texto" - En ocasiones, reemplaza al atributo “name” y lo emplean los servidores para adaptar sus respuestas al documento
  • scheme = "texto" - Indica el esquema que se debe emplear para interpretar el valor de la propiedad
Tipo de elemento -
Descripción Permite definir el valor de los metadatos que forman la metainformación del documento
Los metadatos habituales utilizan solamente los atributos name y content para definir el nombre y el valor del metadato:
<meta name="autor" content="Juan Pérez" />
No obstante, algunas etiquetas <meta> muy utilizadas hacen uso del atributo http-equiv. Este atributo se utiliza para indicar que el valor establecido por este metadato puede ser utilizado por el servidor al entregar la página al navegador del usuario. El siguiente metadato indica al servidor que el contenido de la página es código HTML y su codificación de caracteres es UTF-8:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
El atributo scheme no suele utilizarse, aunque permite proporcionar información de contexto para que el navegador interprete correctamente el valor del metadato. En el siguiente ejemplo, el atributo scheme indica al navegador que el valor del metadato hace referencia al código ISBN:
<meta scheme="ISBN" name="identificador" content="789-1392349610">
Aunque no existe una lista oficial con los metadatos que se pueden definir, algunos de ellos se utilizan en tantas páginas que se han convertido prácticamente en un estándar. A continuación se muestran los metadatos más utilizados:
Definir el autor del documento:
<meta name="author" content="Juan Pérez" />
Definir el programa con el que se ha creado el documento:
<meta name="generator" content="WordPress 2.8.4" />
Definir la codificación de caracteres del documento:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
Definir el copyright del documento:
<meta name="copyright" content="librosweb.es" />
Definir el comportamiento de los buscadores:
<meta name="robots" content="index, follow" />
Definir las palabras clave que definen el contenido del documento:
<meta name="keywords" content="diseño, css, hojas de estilos, web, html" />
Definir una breve descripción del sitio:
<meta name="description" content="Artículos sobre diseño web, usabilidad y accesibilidad" />
La etiqueta que define la codificación de los caracteres (http-equiv="Content-Type") se emplea prácticamente en todas las páginas y las etiquetas que definen la descripción (description) y las palabras clave (keywords) también son muy utilizadas.

    UTF-8



    UTF-8 (8-bit Unicode Transformation Format) es un formato de codificación de caracteres Unicode e ISO 10646 utilizando símbolos de longitud variable. UTF-8 fue creado por Robert C. Pike y Kenneth L. Thompson. Está definido como estándar por la RFC 3629 de la Internet Engineering Task Force (IETF). Actualmente es una de las tres posibilidades de codificación reconocidas por Unicode y lenguajes web, o cuatro en ISO 10646.

    Sus características principales son:
    -Es capaz de representar cualquier carácter Unicode.
    -Usa símbolos de longitud variable (de 1 a 4 bytes por carácter Unicode).
    -Incluye la especificación US-ASCII de 7 bits, por lo que cualquier mensaje ASCII se representa sin cambios.
    -Incluye sincronía. Es posible determinar el inicio de cada símbolo sin reiniciar la lectura desde el principio de la comunicación.
    -No superposición. Los conjuntos de valores que puede tomar cada byte de un carácter multibyte, son disjuntos, por lo que no es posible confundirlos entre sí.


    Estas características lo hacen atractivo en la codificación de correos electrónicos y páginas web. El IETF requiere que todos los protocolos de Internet indiquen qué codificación utilizan para los textos y que UTF-8 sea una de las codificaciones contempladas. El Internet Mail Consortium (IMC) recomienda que todos los programas de correo electrónico sean capaces de crear y mostrar mensajes codificados utilizando UTF-8.






    W3C


     El Consorcio World Wide Web (W3C) es una comunidad internacional donde las organizaciones Miembro [ingles], personal [ingles] a tiempo completo y el público en general trabajan conjuntamente para desarrollar estándares Web [ingles]. Liderado por el inventor de la Web Tim Berners-Lee [ingles] y el Director Ejecutivo (CEO) Jeffrey Jaffe [ingles], la misión del W3C es guiar la Web hacia su máximo potencial.

      XML


      XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C) utilizado para almacenar datos en forma legible. Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML) para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo útil cuando varias aplicaciones deben comunicarse entre sí o integrar información. (Bases de datos Silberschatz).
      XML no ha nacido sólo para su aplicación para Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable.
      XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil.

      Validación de estándares





      lunes, 22 de septiembre de 2014

      HTML y CSS, puntos claves.

      Viñetas
      • HTML y CSS son los lenguajes que usamos para crear páginas web.
      • Los servidores web almacenan y servir páginas web, que se crean a partir de HTML y CSS. Los navegadores recuperan páginas y ofrecen el contenido basado en el código HTML y CSS.
      • HTML es una abreviación de Lenguaje de Marcas HyperTexto y es usado para estructurar tu página web.
      • CSS es una abreviación de Hojas de Estilo en Cascada, y es usado para controlar la presentación de su HTML.
      • Usando HTML marcamos contenido con etiquetas para proporcionar estructura. Les llamamos etiquetas a juego, y a su contenido adjunto, elementos.
      • Un elemento se compone de tres partes: una etiqueta de apertura, el contenido y una etiqueta de cierre. Hay unos pocos elementos, como <img>, que son una excepción a esta regla.
      • Las etiquetas de apertura pueden tener atributos. Hemos visto un par: el tipo y la alineación.
      • Las etiquetas de cierre tienen un "/" después del corchete izquierdo, delante del nombre de la etiqueta para distinguirlos como etiquetas de cierre.
      • Tus páginas deben tener siempre un elemento <html> junto con un elemento <head> y un elemento <body>.
      • La información sobre la página Web va en el elemento <head>.
      • Lo que se pone en el elemento <body> es lo que se ve en el navegador.
      • La mayoría de los espacios en blanco (tabuladores, retornos, espacios) son ignorados por el navegador, pero puedes utilizarlos para hacer tu HTML más legible (para ti).
      • CSS se puede agregar a una página Web HTML, poniendo las reglas CSS dentro del elemento <style>. El elemento <style> siempre debe estar dentro del elemento <head>.
      • Tú especificas las características de estilo de los elementos en el código HTML utilizando CSS.

      viernes, 5 de septiembre de 2014

      Actividad #6

      ¿Que es un lenguaje de Marca?

      Un lenguaje de marcas es un lenguaje que anota el texto de modo que el ordenador puede manipularlo. La mayoría de los lenguajes de marcas son legibles debido a que las anotaciones están escritas de forma tal que se puedan distinguir de los textos. Por ejemplo, con HTML, XML y XHTML, las etiquetas de formato son ‹ y ›. El texto que aparece dentro de uno de esos delimitadores se considera parte del lenguaje de marcado y no parte del texto anotado. Por ejemplo

      ‹ p › este es un párrafo de texto escrito en HTML ‹ /p ›

      Al dar formato al texto que se desea imprimir (o visualizar en un ordenador o TV), es necesario distinguir entre el texto en sí y las instrucciones para imprimir el texto. Las marcas son las instrucciones para mostrar o imprimir el texto.

      El marcado no tiene que ser legible por ordenador. Las anotaciones hechas en un texto en papel o en un libro son también marcas. Por ejemplo, muchos estudiantes para poner de relieve algunas frases de sus libros de texto. Esto indica que el texto en negrita es más importante que el texto que lo rodea. El color más destacado es el marcado.

      El marcado se convierte en un lenguaje cuando las reglas están codificadas en torno a cómo escribir y usar el marcado. Ese mismo alumno puede tener su propio "lenguaje de marcado al tomar notas" si las reglas codificadas son como por ejemplo "marcador morado es para las definiciones, resaltador amarillo es para los detalles del examen, y notas a lápiz en los márgenes para recursos adicionales." Pero la mayoría de los lenguajes de marcas se definen por una autoridad externa para permitir su uso por muchas personas diferentes.

      ¿Que es HTML?

       HTML o HyperText Markup Language es el lenguaje de la web. Casi todas las páginas web están escritas en HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Incluye elementos para conectar los documentos (hipertexto) y hacer que los documentos web sean interactivos.

      HTML es un lenguaje de marcado definido como estándar. Esta norma fue desarrollada por el World Wide Web Consortium (W3C). Se basa en SGML (Standard Generalized Markup Language). Es un lenguaje que utiliza etiquetas para definir la estructura de un texto. Elementos y etiquetas son definidas por los caracteres ‹ y ›.

      Pero HTML no es el único estándar para el desarrollo web. Cuando HTML fue desarrollándose se puso más y más complicado y las etiquetas de estilo y contenido se combinaron en un solo lenguaje. Finalmente, el W3C decidió que no había necesidad de una separación entre el estilo de una página web y el contenido. Una etiqueta que define el contenido por sí solo, como H1, se mantendría en HTML, las etiquetas que definen el estilo, como la fuente, han quedado obsoletas a partir de HTML 4.01 a favor de las hojas de estilo.

      La nueva versión de HTML es HTML5. HTML5 añade más funciones en HTML y elimina parte de la rigidez que le fue impuesta por XHTML. Sin embargo, HTML5 aún es un lenguaje de marcas.

      ¿Que tipo de datos básicos tiene el lenguaje HTML?

       -Mayúsculas y minúsculas
      -Tipos básicos de SGML
      -Cadenas de texto
      -URIs
      -Colores
      -Longitudes
      -Tipos de contenido (tipos MIME)
      -Códigos de idioma
      -Codificaciones de caracteres
      -Caracteres individuales
      -Fechas y horas
      -Tipos de vínculos
      -Descriptores de medios
      -Datos de scripts
      -Datos de hojas de estilo
      -Nombres de marcos destino

      Palabras Resevadas de HTML

      * ADDRESS - Direccion
      * APPLET - Applet de java
      * AREA - Zona o Figura del mapa de imagen
      * A - Ancla
      * BASE - Lugar donde se encuentra el documento
      * BASEFONT - Tamaño de dafault del font
      * BIG - Texto grande
      * BLOCKQUOTE - Cita Grande
      * BODY - Cuerpo del documento
      * BR - Nuevo renglon
      * B - Negritas
      * CAPTION - Titulo de la tabla
      * CENTER - Centrar
      * CITE - Citar
      * CODE - Fragmento de un codigo
      * DD - Definicion
      * DFN - Definir un concepto
      * DIR - Directorio
      * DIV - Divison logica
      * DL - Definicion de lista
      * DT - Definicion concepto
      * EM - Texto enfatizado
      * FONT - Font
      * FORM - Forma o Formulario
      * H1 - Encabezado 1
      * H2 - Encabezado 2
      * H3 - Encabezado 3
      * H4 - Encabezado 4
      * H5 - Encabezado 5
      * H6 - Encabezado 6
      * HEAD - Cabezera Documento
      * HR - Linea Horizontal
      * HTML - Documento
      * IMG - Imagen
      * INPUT - Objeto Html
      * ISINDEX - Busqueda Primaria
      * I - Italicas
      * KBD - Teclado
      * LINK - Enlace o liga
      * LI - Elemento de una lista
      * MAP - MAPA
      * MENU - Menu
      * META - Meta Informacion
      * OL - Lista Ordenada
      * OPTION - Opcion para objeto Select Html
      * PARAM - Parametro de un applet java
      * PRE - Tetxo preformateado
      * P - Parrafo
      * SAMP - Texto Exemplo
      * SCRIPT - Programa Embebido o incorporado
      * SELECT - Objeto Html
      * SMALL - Texto Pequeño
      * STRIKE - Texto tachado
      * STRONG - Texto en negritas fuertes
      * STYLE - Estilo
      * SUB - Subscript
      * SUP - Superscript
      * TABLE - Tabla
      * TD - Celda de una Tablal
      * TEXTAREA - Area de Captura
      * TH - Celda de encabezado en TABLAl
      * TITLE - Titulo del documento
      * TR - Renglon de una tabla
      * TT - Teletipo
      * UL - Lista sin ordenar
      * U - Subrayado
      * VAR - Variable