Certificacion: septiembre 2012

miércoles, 12 de septiembre de 2012

Preguntas

Cuales son mis expectativas de la clase

aprender a desarrollar aplicaciones web con el lenguaje html5, el cual es el mas reciente.
realizar sitos web.

Que conozco de desarrollo web

conozco poco, solo lo básico, debido a que cuando lleve este curso solo nos enseñaron lo básico, a desarrollarlo en blog de notas, y apenas me estoy interesando en el desarrollo web, siento que es un buen negocio el administrar sitios web

martes, 11 de septiembre de 2012

HTML

La primera descripción de HTML disponible públicamente fue un documento llamado: HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.2 3 Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML.

HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de documento.

Atributos

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia.

HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

· Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se vería en su navegador web como negrita.
· No pueden abrirse y cerrarse, como <hr />, que se vería en su navegador web como una línea horizontal.
· Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML>

<html>

<head>

<title>Ejemplo1</title>

</head>

<body>

<p>ejemplo1</p>

</body>

</html>

Diferencia entre HTML4 y HTML5

Diferencia entre HTML4 y HTML5

Un cambio que ahora estamos viviendo es el nacimiento de HTML5, una nueva revisión del estándar que mueve Internet y hace posible que ahora estemos interactuando (los usuarios que leen la página).

El término HTML posee una sintaxis compatible con HTML4 y XHTML1 publicados en la red, pero no compatible con las características más esotéricas del SGML de HTML4.

HTML5 define detalladas reglas de parse, incluyendo un control de errores, para que esta sintaxis sea compatible con las implementaciones más populares. Los agentes de usuario seguirás las mismas reglas que para los que actualmente tienen text/html.

La otra sintaxis que se puede utilizar para HTML5 es el llamado XHTML5, que no es más que una sintaxis compatible con XML y documentos correctos en XHTML1.

El nuevo HTML5 requiere el elemento DOCTYPE que debe ser declarado al principio de la página, de esta forma nos aseguramos de que el navegador renderiza la página en modo estándar. En cambio para la versión XHTML5 este elemento es opcional debido a que XML actúa de diferente manera dentro de nuestro navegador.

Nuevos atributos

HTML 5 ha introducido una gran cantidad de nuevos elementos para varios elementos de los que ya disponemos en la HTML4.

media: Para conseguir una mayor consistencia con el link en los elementos <a />
ping: Especificacremos una lista separada por espacios donde produciremos un ping cuando se siga el enlace, para los elementos <area /> y <a />
target: Disponible para mejorar la consistencia con el elemento <a />.
autofocus: Destinado para indicar el elemento <input /> (no hidden), <select />, <textarea /> o <button /> que ha de coger el foco al cargar la página.
form: Atributo para <input />, <ouput />, <select /> <textarea />, <button /> y <fieldset /> que permite que se sococien con un simple formulario.
replace: atributo para <input /> <button /> y <form /> que le afectará cuando el contenido del elemento sofra algún cambio.
data: Para <form />, <select /> y <datalist />.
required: Para elementos <input /> (Excepto hidden e image) y <textarea />, indica que el campo es obligatorio.
inputmode: Atributo para <input /> y <textarea />.
disabled: Para <fieldset />, permite desactivar el fieldset completo.
autocomplete, min, max, pattern, step: Para elementos <input /> permite delimitar las posibilidades de nuestros elementos de entrada.
list: Para elementos <datalist /> y <select />.
template: Para <input /> y <button /> podrá usarse para repetir templates.
scoped: Para elemento <style />, permitirá usar hojas de estilo “scoped” ??
async: Para el elemento <script /> el ajax hecho atributo.

Atributos globales

Aparte de los ya existentes: class, dir, id, lang y title.
contenteditable: indica que se trata de una área editable.
contextmenu: Puede ser usado como punto de menú contexctual proporcionado por el usuario.
draggable: indica que se trata de un elemento draggable.
tabindex: indica la posición numérica a la que llegaremos pulsando la tecla TAB.
irrelevant: atributo que indica que el contenido no es relevante.
repeat, repeat-start, repeat-min, repeat-max: atributos referentes a las iteraciones.

Elementos Cambiados

Estos elementos de HTML5 son imcompatibles con HTML4.

El elemento <a /> sin href ahora creará un enlace al sitio.
El elemento <address /> es ahora un nuevo concepto de sección.
El elemento <b /> ahora representa un trozo de texto a ser estilizado sin ninguna importancia.
Para elementos <label /> el navegador no debe mover el foco desde la etiqueta al control a menos que el comportamiento sea estandar para el interfaz utilizado en la plataforma.
<menu /> ha sido redefinido para ser usado con los actuales menús.
El elemento <small /> ahora representa una impresión pequeña.
El elemento <strong /> definitivamente representa el enfasis puesto en trozo de nuestro texto.