Vous êtes sur la page 1sur 25

Dreamweaver: Adobe Dreamweaver es una aplicacin en forma de suite (basada en la forma de estudio de Adobe Flash) que est destinada

a la construccin, diseo y edicin de sitios y aplicaciones Web basados en estndares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edicin de imgenes como para animacin a travs de su integracin MALVERDE'S Hasta la versin MX, fue duramente criticado por su escaso soporte de los estndares de la web, ya que el cdigo que generaba era con frecuencia slo vlido para Internet Explorer y no validaba como HTML estndar. Esto se ha ido corrigiendo en las versiones recientes. Mysql:
El sistema de base de datos operacional MySQL es hoy en da uno de los ms importantes en lo que hace al diseo y programacin de base de datos de tipo relacional. Cuenta con millones de aplicaciones y aparece en el mundo informtico como una de las ms utilizadas por usuarios del medio. El programa MySQL se usa como servidor a travs del cual pueden conectarse mltiples usuarios y utilizarlo al mismo tiempo. La historia del MySQL (cuya sigla en ingls se traslada a My Structured Query Language o Lenguaje de Consulta Estructurado) se remite a principios de la dcada de 1980. Programadores de IBM lo desarrollaron para contar con un cdigo de programacin que permitiera generar mltiples y extendidas bases de datos para empresas y organizaciones de diferente tipo. Desde esta poca numerosas versiones han surgido y muchas de ellas fueron de gran importancia. Hoy en da MySQL es desarrollado por la empresa Sun Mycrosystems. Una de las caractersticas ms interesantes de MySQL es que permite recurrir a bases de datos multiusuario a travs de la web y en diferentes lenguajes de programacin que se adaptan a diferentes necesidades y requerimientos. Por otro lado, MySQL es conocida por desarrollar alta velocidad en la bsqueda de datos e informacin, a diferencia de sistemas anteriores. Las plataformas que utiliza son de variado tipo y entre ellas podemos mencionar LAMP, MAMP, SAMP, BAMP y WAMP (aplicables a Mac, Windows, Linux, BSD, Open Solaris, Perl y Phyton entre otras). Se estn estudiando y desarrollando nuevas versiones de MySQL que buscan presentar mejoras y avances para permitir un mejor desempeo en toda aquella actividad que requiera el uso de bases de datos relacionales. Entre estas mejoras podemos mencionar un nuevo dispositivo de depsito y almacenamiento, backup para todos los tipos de almacenamientos, replicacin segura, planificacin de eventos y otras ms.

Desde Definicion ABC: http://www.definicionabc.com/tecnologia/mysql.php#ixzz2hGS79VpV

Php: (PHP Hypertext Pre-processor). Lenguaje de programacin usado generalmente en la creacin de contenidos para sitios web. Es un lenguaje interpretado especialmente usado para crear

contenido dinmico web y aplicaciones para servidores, aunque tambin es posible crear aplicaciones grficas utilizando la biblioteca GTK+.
Generalmente los scripts en PHP se embeben en otros cdigos como HTML, ampliando las posibilidades del diseador de pginas web enormemente.

La interpretacin y ejecucin de los scripts PHP se hacen en el servidor, el cliente (un navegador que pide una pgina web) slo recibe el resultado de la ejecucin y jams ve el cdigo PHP.

Permite la conexin a todo tipo de servidores de base de datos cmo MySQL, Postgres, Oracle,
ODBC, DB2, Microsoft SQL Server, Firebird y SQLite. PHP es una alternativa a otros sistemas como el ASP.NET/C#/VB.NET de Microsoft o a ColdFusion deMacromedia, a JSP/Java de Sun Microsystems, y a CGI/Perl. La ventaja con

los de Microsoft o Macromedia es que es totalmente gratuito, no hay que pagar licencias. Php

PHP es un lenguaje de programacin de uso general de script del lado del servidor originalmente diseado para el desarrollo web de contenido dinmico. Fue uno de los primeros lenguajes de programacin del lado del servidor que se podan incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El cdigo es interpretado por un servidor web con un mdulo de procesador de PHP que genera la pgina Web resultante. PHP ha evolucionado por lo que ahora incluye tambin una interfaz de lnea de comandos que puede ser usada en aplicaciones grficas independientes. PHP puede ser usado en la mayora de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningn costo. PHP fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje sigue siendo desarrollado con nuevas funciones por el grupo PHP.1 Este lenguaje forma parte del software libre publicado bajo la licencia PHP que es incompatible con la Licencia Pblica General de GNU debido a las restricciones del uso del trmino PHP.
Html5:

DEFINICION
HTML 5 (HyperText Markup Language, versin 5) es la quinta revisin mayor del lenguaje bsico de la World Wide Web, HTML. HTML 5 especifica dos variantes de sintaxis para HTML: un clsico HTML (text/html), la variante conocida como HTML5 y una variante XHTMLconocida como sintaxis XHTML5 que deber ser servida como XML (XHTML) (application/xhtml+xml).1 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

CARACTERISTICAS
Hay que aclarar que HTML5 sigue en borrador y lo seguir estando durante algunos aos ms. El enfoque general ha cambiado bastante respecto a versiones anteriores de HTML, aadiendo semntica y accesibilidad implcitas, especificando cada detalle y borrando cualquier ambigedad. Tambin se tiene en cuenta que muchas pginas web actuales son dinmicas, parecindose ms a aplicaciones que a documentos. Algo bsico es que HTML5 est definido en base al DOM (la representacin interna de una web con la que trabaja un navegador), dejando de lado la representacin "real", definiendo a la vez un estndar HTML y XHTML.

MEJOR ESCTRUCTURA
En HTML5 hay varios elementos que sirven para estructurar mejor una pgina web, estableciendo qu es cada seccin, y reemplazando en muchas ocasiones a div.

Estos son los elementos: section representa una seccin "general" dentro de un documento o aplicacin, como un captulo de un libro. Puede contener subsecciones y si lo acompaamos de h1-h6 podemos estructurar mejor toda la pgina. article representa un contenido independiente en un documento, el caso ms claro son las entradas de un blog o las noticias de un peridico online. As, dentro de la portada podremos tener varios artculos demarcados semnticamente, por lo que una herramienta puede extraerlos fcilmente. aside representa un contenido que est muy poco relacionado con el resto de la pgina, como una barra lateral. Esencial para delimitar el contenido "importante" del contenido "de apoyo", haciendo ms caso al primero que al segundo. header representa la cabecera de una seccin, y es de suponer que se le d ms importancia que al resto, sobre todo si la seccin es un artculo. footer representa el pi de una seccin, con informacin acerca de la pgina/seccin que poco tiene que ver con el contenido de la pgina, como el autor, el copyright o el ao. nav representa una seccin dedicada a la navegacin entre el sitio, como la tpica barra superior de los peridicos.

MEJORES FORMULARIOS

El elemento input ha sido ampliado y ahora permite todos estos tipos de datos: datetime, datetime-local, date, month, week, time, para que indicar una fecha/hora.

number para que el usuario indique un nmero. range para indicar un rango entre dos nmeros. email para indicar un correo electrnico. url para indicar una direccin web. search para indicar una bsqueda. color para indicar un color.

ELEMENTOS IMPORTANTES

audio y video sirven para incrustar un contenido multimedia de sonido o de vdeo, respectivamente. Sin duda uno de los aadidos ms interesantes, ya que permite reproducir/controlar vdeos y audios sin necesidad de plugins como el de Flash. embed sirve para contenido incrustado pero no nativo, sino ejecutado por plugins como el de Flash.

canvas es un elemento complejo que permite generar grficos, dibujando elementos dentro de l. MAS ELEMENTOS
dialog se plantea para escribir conversaciones, por ejemplo para transcripciones de chat. figure se plantea para asociar un contenido multimedia (una foto, un vdeo, etc) a un ttulo o leyenda. mark representa un texto resaltado, por ejemplo para resaltar una bsqueda. meter representa una medida, como el nmero de KB. progress representa el estado de una tarea, y se puede usar por ejemplo al subir un documento o al realizar varias tareas pesadas. Esto permitir barras de tareas personalizadas y potentes. time representa una fecha o una hora. command representa un comando que el usuario puede ejecutar en su navegador. output representa una salida de un programa, probablemente ejecutado directamente en el navegador, como una calculadora. datagrid representa datos de manera interactiva y permite trabajar dinmicamente con informacin y cambiar la pgina respecto a esa informacin. ETIQUETAS QUE SE VAN El listado de etiquetas que caen en desuso -porque ya existe una forma de hacer lo mismo con CSS- es el siguiente: FONT CENTER STRIKE BASEFONT BIG STRIKE TT U El HTML 5 elimina completamente el uso de frames (marcos) por razones de usabilidad y accesibilidad. No ocurre lo mismo con el IFRAME que seguir siendo vlido. Por lo tanto, las etiquetas vinculadas con los frames que salen son: FRAME FAMESET NOFRAMES Para terminar, encontramos etiquetas que ya no se usan porque creaban confusin o hacan lo mismo que otras ya existes. Estas son: ACRONYM APPLET ISINDEX DIR Atributos eliminados:

ETIQUETAS NUEVAS SECTION ARTICLE ASIDE HGROUP HEADER FOOTER NAV DIALOG FIGURE VIDEO EMBED MARK PROGRESS METER TIME RUBY (RT y RP) CANVAS COMMAND DETAILS DATALIST KEYGEN OUTPUT

NOVEDADES
1) El elemento "lienzo" o "Canvas". Este elemento permitir el renderizado de imgenes y grficos sin ningn proceso intermedio. Al no depender de nada ni nadie para presentar esta clase de flexibilidad en una pgina web, las posibilidades tanto de diseo como de interactividad de los usuarios con la pgina que visitan es sencillamente enorme. 2) Cach para aplicaciones. Aplicaciones web enteras pueden ser guardadas y utilizadas de forma local cuando no hay una conexin a Internet, al igual que toda la informacin que haya sido guardada o generada a travs de dichas aplicaciones. 3) Localizacin geogrfica. HTML 5 tendr la capacidad de determinar con un alto grado de precisin la ubicacin geogrfica del usuario. Esto se hara principalmente en pginas que, a partir de la posicin actual del usuario, pueden ofrecer diferentes clases de servicios relacionados con el rea en cuestin 4) "Operarios Web". habilitan la posibilidad de realizar procesamiento paralelo en segundo plano, mientras que la pgina web mantiene su rendimiento intacto. Las pginas web siempre han demostrado cierta tendencia lineal a la hora de cargarse, pero con HTML 5, aquellas aplicaciones y sitios que dependan de una gran cantidad de cdigo, podrn ejecutarse de forma ms eficiente, y sin afectar el rendimiento del navegador. 5) El elemento "Video". Sin lugar a dudas, la mejora ms importante que incorpora HTML 5, y la que ms revuelo est provocando entre los medios. El elemento de vdeo incorporado en HTML 5 es la forma definitiva de rebelin, ya que se pueden reproducir vdeos en Internet y embeberlos en pginas sin la necesidad de un plugin.

DIFERENCIAS ENTRE HTML4 Y HTML5 4: indica si el elemento est definido en HTML 4.01 5: indica si el elemento est definido en HTML

PRESENTACION EN HTML 5
FUENTE: http://apirocks.com/html5/html5.html#slide1 Algunas capturas interesantes (traducido al espaol):

Leer ms: http://www.monografias.com/trabajos89/introduccion-al-html-5/introduccion-al-html5.shtml#ixzz2hGTSpqY7

Html5:
HTML5 (HyperText Markup Language, versin 5) es la quinta revisin importante del lenguaje bsico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un clsico HTML (text/html), la variante conocida como HTML5 y una variante XHTMLconocida como sintaxis XHTML5 que deber ser servida como XML (XHTML) 1 2 (application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. Todava se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por mltiples desarrolladores web por sus avances, mejoras y ventajas. Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario comn actualizar a la versin ms nueva, para poder disfrutar de todo el potencial que provee HTML5. El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.

HTML5 es la quinta revisin de HTML (Hyper Text Markup Language). HTML5 est en desarrollo ya por algn tiempo y pareca lejano el da de cuando comencemos a utilizarlo, ahora ya estamos llegando al momento de cuando esto se convierta una prctica comn entre los desarrolladores aunque muchos predicen que recin el 2022 se har un uso masivo de ello, pero a pesar de ello ya existen navegadores con soporte completo del HTML5. Los webmasters ven esto como un gran paso hacia el desarrollo de aplicaciones ricas en multimedia y con mejores prestaciones. HTML5 cambiar la manera que

trabajamos con el HTML ya que se convertir en un estndar de codificacin y no nicamente un markup para HTML4 sino un nuevo lenguaje HTML5 que har ms sencillo su uso para todos incluyendo navegadores y desarrolladores; ya existen muchos ejemplos hechas en Javascript y algunas APIs que ya utilizan el estndar a venir HTML5. HTML5 especifica dos variantes de sintaxis para HTML: un clsico HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis en XHTML5 paralelo, que cuyo deber ser servida est como XML (XHTML) por el (application/xhtml+xml) y es la primera vez que HTML y XHTML se han desarrollado desarrollo siendo regulado consorcio W3C. La mayora de los sitios estn basadas en HTML y utilizan HTML 4, pero esto ir cambiando en los prximos meses y aos, hasta ahora el cdigo HTML apenas ha evolucionado de la versin HTML 2.0 nicamente corrigiendo algunos problemas hasta la versin HTML 4, junto a algunas nuevas caractersticas; HTML 5 se basa en el HTML 4 pero por su propia cuenta ser completamente diferente y cambiar la manera que su navegador muestre los sitios web en el monitor de su PC. HTML 5 tendr mayor inclinacin al uso de JavaScript, y si tiene Javascript deshabilitado las pginas se mostrarn incorrectamente.

Nuevos elementos
HTML5 incluye un conjunto de nuevos elementos y atributos principalmente originados por las formas tpicas de uso de los sitios web modernos. Algunos elementos son tcnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semntico, por ejemplo <nav> es un bloque de navegacin del sitio web y <footer> la parte inferior de la pgina. Hay otros elementos nuevos que proporcionan nuevas funcionalidades a travs de una interfaz estandarizada, como los elementos <audio> y <video> que adems estn disponibles en Javascript. Por otra parte se mejor bastante el elemento <canvas> Algunos elementos de HTML 4.01 han quedado obsoletos tales como <font> y <center>, ya que las hojas de estilo son totalmente suficientes para ello. Y se enfatiza bastante en la importancia del scripting DOM para el comportamiento de la web.

Diferencias con HTML 4 y XHTML


Nuevos elementos: article, dialog Nuevos atributos: media, ping, autofocus, inputmode, min, max, pattern. Elementos eliminados: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

Atributos eliminados:

rev y charset en <link> y <a> target en <link> nohref en <area> profile en <head> version en <html> name en <map> scheme en <meta> archiv, classid, codetype, declare y standby en <object> valuetype en <param> charset en <script> summary en <header> axis y abrr en <td> y <th>

Borrador actual de especificaciones de HTML 5.

Estructura
Veamos cmo sera la estructura HTML 5 de un sitio web, en este ejemplo de una pgina de 2 columnas. La siguiente imagen muestra la actual manera de hacerla con HTML 4

Y la siguiente figura muestra de cmo se hara lo mismo con HTML 5

Como se nota, la ltima manera resultar siendo ms limpia puesto que HTMl 5 efectivamente hace ms sencillo estructurar una pgina web utilizando los nuevos elementos. Una vez que la mayora de los navegadores soporten HTML 5 la web ser ms rica y ms veloz.

Navegadores compatibles con HTML 5


Con el creciente inters en HTML 5 muchos navegadores se estn perfilando a ese aspecto, actualmente Webkit (Safari, Google Chrome, Shiira, iCab4, ) es totalmente compatible con el HTML5, Mozilla Firefox 3.5 soporta pero no es 100% compatible mientras que como siempre Microsoft Internet Explorer todava no reconoce el HTML 5 aunque comentan que para su versin 9 ya lo har.

Elementos HTML 5
Tag Descripcin

<comment> <!DOCTYPE> <a> <abbr> <address> <area> <article> <aside> <audio> <b> <base>

Define un comentario Define el tipo de documento Define un enlace Define una abreviatura Define un elemento de direccin Define un rea dentro de una imagen Define un artculo Define el contenido de al lado (sidebar) Define contenido de sonido Define texto en negrita Define una URL base para todos los enlaces en una pgina

<bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code>

Define la direccin del texto a mostrar Define un bloque de cita Define el elemento BODY Define un salto de lnea Define un botn Define un rea para manipular(generar) grficos Define una etiqueta para una tabla Define una citacin Define un texto de cdigo

<col> <colgroup> <command> <datagrid> <datalist> <datatemplate> <dd> <del> <details> <dialog> <div> <dfn> <dl> <dt> <em> <embed> <eventsource>

Define los atributos para las columnas de una tabla Define grupos de columnas de la tabla Define un botn de comandos Define datos en una lista-rbol Define una lista desplegable Define una plantilla de datos Define una descripcin de definiciones Define un texto eliminado Define los detalles de un elemento Define una dilogo(conversacin) Define una seccin en un documento Define un trmino de definicin Define una lista de definiciones Define un trmino de definiciones Define texto enfatizado Define contenido externo interactivo o un plugin Define un destino para los eventos enviados por un servidor

<fieldset> <figure>

Define un campo establecido Define un grupo de contenido de medios, y sus etiquetas

<footer> <form> <h1> a <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <mark> <map> <menu>

Define un pie para la seccin o pgina Define un formulario Define encabezados 1 a 6 Define informacin acerca del documento Define un encabezado para la seccin o pgina Define una linea horizontal Define el documento HTML Define texto en cursiva Define una sub ventana (frame) Define una imagen Define un campo de entrada Define texto insertado Define texto de teclado Define una etiqueta para un control de un formulario Define un ttulo en un <fieldset> Define un tem de lista Define una referencia a un recurso Define un texto marcado Define un mapa para una imagen Define una lista men

<meta> <meter> <nav> <nest>

Define informacin relevante Define las medidas dentro de un rango predefinido Define enlaces de navegacin Define un punto de anidacin en una plantilla de datos <datatemplate>

<noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rule> <samp> <script> <section> <select>

Define una seccin sin scripts Define un objeto a embeber Define una lista ordenada Define un grupo de opciones Define una opcin en una lista desplegable Define algunos tipos de salida Define un prrafo Define un parmetro para un objeto Define texto preformateado Define el progreso de un tarea de cualquier tipo Define una cita corta Define las reglas para actualizar una plantilla Define cdigo de ejemplo Define un script Define una seccin Define una lista de seleccin

<small> <source> <span> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <ul> <var> <video>

Define texto pequeo Define orgenes de medios Define una seccin en un documento Define texto en negrita Define una definicin de estilos Define texto subscript (posicionado
ms abajo)

Define texto superscript (posicionado Define una tabla Define el cuerpo de la tabla Define una celda de tabla Define un rea de texto (memo) Define el pie de una tabla Define el encabezado de una tabla Define el encabezado de una tabla Define la fecha/hora Define el ttulo del documento Define una fila de una tabla Define una lista desordenada Define una variable Define un vdeo

ms arriba)

Nota: Los campos en negrita son lo nuevo del HTML5

Atributos
Atributo class Valor nombre de clase Descripcin Especifica un nombre de clase para un elemento (utilizado en una hoja de estilo CSS) contenteditable true, false Especifica si un usuario puede o no editar el contenido contextmenu menu_id Especifica el men contextual para un elemento dir ltr, rtr Especifca la direccin del texto en un elemento draggable true, false, auto Especifica si un usuario puede o no mover un elemento id id Especifica un nico nombre de identificacin para un elemento irrelevant true, false Especifica si un elemento es irrelevante, si lo es, dicho elemento no se muestra lang cdigo de idioma Especifica un idioma para el contenido de un elemento ref URL, id Especifica una referencia a otro documento / otra parte de un documento (usado nicamente si se estableci el atributo template) registrationmark marca de registro Especifica una marca de registro para un elemento style definicin de estilo Especifica un estilo en lnea

para un elemento tabindex nmero Especifica el orden de tabulacin de un elemento template URL, id Especifica una referencia a otro documento / otra parte de un documento que deba ser aplicada a un elemento title texto Especifica informacin extra acerca de un elemento Nota: Slo es una lista actual de la lista estndar de atributos. Los campos en negrita son exclusivos de HTML5.