domingo, 5 de octubre de 2014

Actividad # 11

Creación del archivo .CSS

El archivo CSS es un conjunto de estilos instruidos desde un archivo independiente del archivo HTML.
En este caso el archivo fue llamado "EstilosPagPrincipal.css"

Anteriormente el código HTML, en que el también estaban incluidos los estilos... era éste:



Posteriormente, separando las instrucciones referentes a estilos, en un archivo .CSS, quedo de la siguiente manera: 


Las líneas que fueron modificadas fueron las siguientes:


Quedando el archivo ".CSS" de la siguiente manera: 


Diseño de la pagina sin archivo ".CSS"



Diseño de la página con archivo ".CSS"



LINK PAGINA PRINCIPAL: 




jueves, 2 de octubre de 2014

Actividad # 10


W3C



DISEÑO WEB Y APLICACIONES

Se trata de normas parpa construir y renderizar páginas web, e incluye las siguientes tecnologías:

HTML Y CSS
JavaScript Web APIs
GRAFICOS
AUDIO Y VIDEO
ACCESIBILIDAD
INTERNACIONALIZACION
WEB MOBIL
PRIVACIDAD
MATEMATICAS EN LA WEB


ARQUITECTURA WEB
Se centra en las tecnologías de base y los principios que sustentan la web, incluyendo URIs y HTTP.

Principios de arquitectura: ayudan a diseñar tecnologías, proporcionando orientación y articulación de las cuestiones en torno a algunas opciones específicas.

Identificadores: Compartimos cosas por su nombre. URL, URI, el IRI es la manera de nombrar las cosas en la Web y manipularlos. 

Protocolos: Los protocolos son el vehículo para el intercambio de nuestras ideas. HTTP es el protocolo básico de la Web.

Formatos Meta: XML, el Extensible Markup Language, se utiliza para construir nuevos formatos a bajo costo.

Protocolo y Formato Consideraciones Meta: Documentos en la Web se unen libremente piezas por identificadores.

Internacionalización: W3C ha trabajado con la comunidad en la internacionalización de identificadores (IRI) y un modelo de carácter general para la Web. 

WEB SEMANTICA
Además del clásico "Web de documentos" W3C está ayudando a construir una pila de tecnología para apoyar una "Web de los datos," el tipo de datos que se encuentra en las bases de datos. El objetivo último de la Web de los datos es permitir que las computadoras para hacer el trabajo más útil y desarrollar sistemas que puedan apoyar las interacciones de confianza en la red. El término "Web Semántica" se refiere a la visión del W3C de la Web de los datos vinculados. 

Like Data: La Web Semántica es una Web de datos - de las fechas y los títulos y los números de pieza y las propiedades químicas y cualquier otro dato que se podría concebir. RDF proporciona la base para la publicación 

Vocabularios: El uso de OWL (para construir vocabularios, o "ontologías") y SKOS (para el diseño de sistemas de organización del conocimiento) es posible enriquecer los datos con un significado adicional, que permite a más personas (y más máquinas) para hacer más con los datos.

Consulta: Lenguajes de consulta van mano a mano con las bases de datos. Si la Web Semántica es visto como una base de datos global, entonces es fácil entender por qué uno necesitaría un lenguaje de consulta para esos datos.

Inferencia: Cerca de la parte superior de la pila de Web Semántica se encuentra inferencia - razonando sobre los datos a través de reglas. El trabajo del W3C sobre las normas, principalmente a través de RIF y OWL, se centra en la traducción entre lenguajes de reglas y normas de intercambio entre los diferentes sistemas.

TECNOLOGIA XML
Tecnologías XML, incluyendo XML, espacios de nombres XML, XML Schema, XSLT, Intercambio Eficiente de XML (EXI), y otras normas relacionadas.

Fundamentos de XML: XML es asumido por un conjunto de tecnologías esenciales, como el conjunto de información y espacios de nombres. Abordan problemas al utilizar XML en contextos de aplicaciones específicas.

Esquema: Descripciones formales de vocabularios crear flexibilidad en entornos de creación y las cadenas de control de calidad. Esquema XML de W3C, SML, y las tecnologías de datos de enlace proporcionan las herramientas para el control de calidad de los datos XML.

Seguridad: La manipulación de datos con XML requiere a veces la integridad, autenticación y privacidad.Firma XML, cifrado y XKMS pueden ayudar a crear un entorno seguro para XML.

Transformación: Muy frecuentemente se quiere transformar el contenido XML en otros formatos (incluyendo otros formatos XML).

Consulta: XQuery (con el apoyo de XPath) es un lenguaje de consulta para XML para extraer los datos, de forma similar a la función de SQL para bases de datos, o SPARQL para la Web Semántica.

Componentes: El ecosistema XML está utilizando herramientas adicionales para crear un entorno más rico para el uso y manipulación de documentos XML. 

Procesamiento: Un modelo de proceso define qué operaciones deben realizarse en qué orden en un documento XML.

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.
Protocolos : En función de las limitaciones de aplicación para el intercambio de datos a través de la Web, los desarrolladores pueden elegir entre una serie de protocolos como HTTP, SOAP y Servicios Web.

Descripción del servicio: En entornos específicos, descripción de servicios Web define formalmente máquina interfaces de lectura para acceder a los datos.

Seguridad: Transferencia de datos desde un dominio a otro dominio o entre las aplicaciones necesita a veces una transacción segura y autenticación de documentos bien definido.

Internacionalización: Internacionalización de las descripciones de los servicios preocupaciones de servicios Web, comunicarse idioma y la configuración regional, y internationization de mensajes legibles intercambiadas por servicios.

WEB DE DISPOSITIVOS
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.

Web móvil: W3C promueve "Una Web" que está disponible en cualquier dispositivo. Iniciativa de Web Móvil del W3C para garantizar la mejor experiencia de usuario en los dispositivos móviles, teniendo en cuenta las capacidades del dispositivo, la ubicación y otra información de contexto.

Navegación por voz: La Infraestructura de Interfaz del Habla del W3C es un conjunto de especificaciones (por ejemplo, la integración de la tecnología VoiceXML) Web y la interacción del habla.VoiceXML, PLS, SISR, SRGS, SCXML y CCXML, todo ello contribuye a la Infraestructura de Interfaz del Habla.

Independencia de dispositivos y adaptación de contenido: Los dispositivos vienen en muchas formas, tamaños y capacidades que definen restricciones sobre el contenido de estos dispositivos pueden manejar. Descripciones de dispositivo, guías de transformación de contenido, APIs de dispositivos y CC / PP desarrolladores ayuda a optimizar la experiencia del usuario.

Acceso multimodal: Cada vez más, las interacciones con los dispositivos no sólo ocurren con un teclado, pero también a través de la voz, el tacto y los gestos. La arquitectura Multimodal del W3C y sus componentes (EMMA, InkML) permiten a los desarrolladores adaptar las aplicaciones a los nuevos modos de interacción

Web y TV: Con la llegada de los dispositivos basados ​​en IP, televisores conectados están progresando a un ritmo rápido y la radiodifusión televisiva tradicional está evolucionando rápidamente en una experiencia más inmersiva donde los usuarios pueden interactuar con las aplicaciones ricas que están, al menos en parte basadas en tecnologías Web.

NAVEGADORES Y HERRAMIENTAS DE CREACION
Navegadores y Reproductores multimedia: Hay muchos tipos de herramientas que nos permiten leer la Web, incluyendo navegadores, reproductores multimedia, plataformas de publicación, las redes sociales, los robots, agregadores, foros y sitios de intercambio de medios de comunicación.

Herramientas de autor, social media: La Web no es un medio de sólo lectura. Hay muchos tipos de herramientas para la publicación de contenidos, incluyendo las herramientas de creación y los entornos, sistemas de gestión de contenidos (CMS), páginas de perfiles de redes sociales y aplicaciones, herramientas de blogs y sitios, herramientas de microblogging, marcadores sociales, foros y compartir videos y fotos y más 

CONCLUSION
La w3c nos proporciona una forma de estandarizar nuestro código HTML. Junto con esto nos facilita una mejor manipulación de datos, cualquiera que a esto se refiera, y obtener un mejor resultado a la hora de instruir con codigo a la WEB.


viernes, 26 de septiembre de 2014

Actividad # 9: Verificación de Conceptos

¿Qué son los metatados?
R= Son datos que describen otros datos

¿Cómo se incluyen en el HTML?
Permiten describir datos importantes de la propia pagina
La etiqueta empleada para la definicion de los metadatos es <meta>.

Funcion y ventajas:
Permiten definir el autor del documento
Define el programa con el que se ha creado el documento
Definen la codificación de caracteres del documento
Definir el copyright del documento....
Entre otras...

UTF-8
Es un formato de codificacion de caracteres UNICODE  e ISO 10646 utilizando símbolos de longitud de variable. Esta definido como estándar por la RFC3629 de la Internet Engineering Task Force (IETF)


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í.

¿Qué es la W3C?
es un consorcio internacional que produce estándares para la World Wide Web. Está dirigida porTim Berners-Lee, el creador original de URL (Uniform Resource Locator, Localizador Uniforme de Recursos),HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web.

Función
Las tareas que acomete para lograr los objetivos marcados son: la identificación de requerimientos en todas las plataformas de acceso a la Red; el diseño de tecnologías que proporcionen los mecanismos necesarios para conseguir la interoperatividad en el acceso a la Web; y la estandarización de criterios tanto en el soporte lógico (software) como físico (hardware) utilizado para acceder a Internet.

¿Qué es XML?
(eXtensible Markup Language)
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.

Estructura básica de un documento HTML
Cabecera, Titulo y Cuerpo

<HTML>
    <HEAD>
        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

    <BODY>
        Aquí iría el contenido de la página
    </BODY>
</HTML>

¿Qué significa HTML?
Lenguaje de Marcado de Hipertexto (HiperText Markup Language)


¿Cómo poner título a la página del texto?
    <HEAD>
        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

¿Cómo cambia los atributos del texto?
<font color="" size="" face="">TEXTO </font>

¿Cómo insertar una imagen?
<img src="NombreDeImagen.extension">

¿Cómo poner una imagen de fondo?
<body background="NombreDeImagen.extension">

¿Cómo insertar TABLAS?
<table width=tamaño>

¿Cómo insertar LISTAS?
<OL>
<LI>lista1
<LI>lista2
</OL>

¿Cómo insertar FRAMES?
    <FRAMESET rows(o cols)="MEDIDA,*">
      <frame name="texto" src="LoQueSeQuieraPoner.htm">
    </FRAMESET>
¿Cómo insertar ENLACES?
<a href="link">ETIQUETA</a>
¿Cómo insertar FORMULARIOS?

<form id="nombre">
     LO QUE SE QUIERA PONER
</form>
     





Validacion Pagina Web





Completar


Traduccion del Texto

HTML Y CSS son lenguajes que se utilizan para crear páginas web.

Tiendas de Servidores Web y Servidores de páginas web, se crean a partir de HTML y CSS. Los Navegadores recuperar páginas y ofrecen el contenido basado en el código HTML y CSS.

HTML Es una abreviatura de HyperText Markup Language y se utiliza para estructurar una página web.

CSS es una abreviatura de las Hojas de Estilo en Cascada, y se utiliza para controlar la presentación de tu HTML.

Utilizando HTML marcamos hasta el contenido con etiquetas para proporcionar estructura. Llamamos etiquetas, y su contenido cerrado, sus 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.

Etiquetas Apertura pueden tener atributos. Hemos visto un par: el tipo y la alineación.

Etiquetas Clausura tienen un "/" después de la escuadra izquierda, delante de la etiqueta de nombre para distinguirlos como etiquetas de cierre.

Tus Páginas deben tener siempre un elemento <html> junto con un elemento <head> y <body>.

Información Sobre la página Web entra en el elemento <head>.

Lo que pones en el elemento <body> es lo que se ve en el navegador.

Los espacios en blanco (tabuladores, retornos, espacios) son ignorados por el navegador, pero puedes utilizarlas para hacer tu HTML más legible.

CSS se puede agregar a una página Web HTML, poniendo las reglas CSS dentro de la <style>. El <style> siempre debe estar dentro del elemento <head>.

Se especifican las características de estilo de los elementos en el código HTML utilizando CSS.