CodeCombat

Este juego, se basa en que nuestro personaje hace acciones por medio de los comandos que nosotros intertemos (como mover hacia arriba, abajo, izquierda, derecha, atacar, etc) El lenguaje que nosotros seleccionamos es el de JavaScript, tenemos que poner los comandos de las direcciones que le queriamos dar a nuestro personaje.

Actividad 15

Navegador "Internet Explorer"

Navegador "Mozilla Firefox"

 

 

Navegador "Google Chrome"

 

 

 

Actividad 13

Concepto de Maquetación

El proceso por el cual se sitúan los contenidos en la página web obedeciendo a unos espacios, generalmente divididos en columnas. Antes de la aparición de CSS la maquetación se hacía con tablas y actualmente se aconseja hacer con las Hojas de Estilo en Cascada.

 Ejemplos de Maquetación

Actividad 11 y MAQUETACIÓN

Esta actividad son dos juntas, ya que la edicion de la pagina principal de mi pagina fue editada con maquetacion e incluye un archivo de estilos de CSS

http://programacion-web-itcj-2014.besaba.com/ej.html

Aquí podemos ver la creación de nuestros dos archivos, el html y el CSS

Actividad 12

¿Qué es un lenguaje de presentación?

Indica el formato del texto. Este tipo de marcado es útil para maquetar la presentación de un documento para su lectura, pero resulta insuficiente para el procesamiento automático de la información.

Un lenguaje de presentación define un conjunto de etiquetas y atributos válidos y que ofrecen un significado visual para cada elemento del lenguaje, sino que ofrece un número de reglas sintácticas para poder crear documentos.

¿Cuál es la sintaxis de un lenguaje de presentación? 

Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el título de nuestra página.

El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto. El resultado es un documento con la siguiente estructura:

<html>

<head>

Etiquetas y contenidos del encabezado

Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo, palabras clave,...

</head>

 <body>

Etiquetas y contenidos del cuerpo

Parte del documento que será mostrada por el navegador: Texto e imágenes

</body>

 </html>

¿Que tipos de selectores existen en un lenguaje de presentación?

Selectores de tipos:Son los que identifican a un tipo de elemento dentro de los que conforman el código HTML. Es decir, usan la misma palabra que la etiqueta (tag) sin los signos < y >. Por ejemplo, TABLE selecciona todos los elementos <TABLE> de la página. La siguiente regla identifica a los elementos <H1> de la página y los alinea centralmente:

H1 {text-align: center}

Selectores de clases: 

Ahora, a los párrafos que corresponden a las preguntas del entrevistador en el supuesto reportaje les agregamos el atributo CLASS dentro de la marca de la página HTML:

<P class="pregunta">Esta es una pregunta del reportero</P>

Selectores de ID

Los selectores de ID funcionan de manera muy similar a los selectores de clases, salvo que, a diferencia de estos últimos, sólo pueden aplicarse a un elemento de la página. Quiere decir que si hay un elemento que tiene asignado el atributo ID="principal" no podrá haber otro ID con igual valor (es decir, con el mismo nombre).

Selectores de atributos

Los selectores de atributos permiten seleccionar elementos de la página según sus propiedades o el valor asignado a estas propiedades

Selector universal

El selector universal se escribe con un asterisco (*) y representa a cualquier elemento de la página. Por ejemplo, con:

* {color: red}

Todos los elementos de la página tendrán como color de primer plano el rojo. Sin mencionarlo, ya hemos usado en los ejemplos anteriores de esta página algunos selectores universales, porque cuando éste va acompañado de otro selector se puede omitir. Por eso, los siguientes dos selectores son exactamente iguales:

*#volanta {font-style: italic}

#volanta {font-style: italic} /* el asterisco se ha omitido */

Resulta de utilidad cuando queremos inicializar todos los elementos de nuestra página con determinadas propiedades generales.

Ejemplos de lenguaje de presentación

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 se centra en las tecnologías de base y los principios que sustentan la Web, incluyendo URIs y HTTP.

SEMANTIC WEB

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. 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, incluyendo XML, espacios de nombres XML, XML Schema, XSLT, Intercambio Eficiente de XML (EXI), y otras normas relacionadas.

WEB OF SERVICES

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

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.

Actividad 9

Metadatos

Un grupo de metadatos se refiere a un grupo de datos, llamado recurso. El concepto de metadatos es análogo al uso de índices para localizar objetos en vez de datos. 

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. 

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

 W3C

Este validador comprueba la validez de marcado de documentos Web en HTML, XHTML, SMIL, MathML, etc. Si desea validar el contenido específico, como feeds RSS / Atom o hojas de estilo CSS, contenido MobileOK, o para encontrar enlaces rotos, hay otros validadores y herramientas disponibles. 

XML

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

Estructura básica de un documento html

<html>

<head>
...
</head>
<body>
...
</body>

</html> 

¿Qué significa html?

Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.

¿Cómo  poner título a la página web?

El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él.

Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>.

Cambiar atributos de texto entendido 

Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:

Poner imágenes como fondo de la página

<html>

<body background="fondo.jpg">

<h3>Ejemplo de imagen de fondo</h3>

<p>Se pueden utilizar archivos en formato jpg, gif o png. No es recomendable usar otro formato.</p>

<p>Si la imagen es más pequeña que la página, se repetirá en mozaico.>

</body>

</html>

Tablas 

<TABLE BORDER=1 WIDTH=300>

<TD WIDTH=100>

</TD>

<TD WIDTH=100>

</TD>

<TD WIDTH=100>

</TD>

</TABLE>  

Listas

<OL>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</OL>