HTML 5

HTML 5Definiciones Web: red mundial de recursos accesibles mediante la red Internet. Que es html: (lenguaje de marcado de hipertexto), es el lenguaje de marcado predominante para la elaboracin de paginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes.

HTML 5Breve historia El lenguaje HTML, as como el protocolo que lo soporta, el HTTP, fueron desarrollados por Tim Berners-Lee en el CERN (Centro Europeo de Investigaciones Nucleares) a finales de 1989 Desde entonces las distintas versiones del lenguaje se han sucedido para incorporar nuevas caractersticas y posibilidades al mismo. A la especificacin del lenguaje siguieron HTML 2.0 (1995), HTML 3.0 (tambin en 1995), HTML 3.2 (1997), hasta llegar a la versin 4.0 (ltima revisin en abril de 1998).

HTML 5Buenas practicas Siempre usar doctype (versin html) Separar contenido (html), presentacin (css) y comportamiento (JavaScript) Use la semntica adecuada Valide su pagina Escoja nombrar las paginas con htm o html

HTML 5Herramientas para programar Notepad Netbeans Dreamweaver Visual web developer Topstudy Phpdesigner

HTML 5Estructura de un documento Metadatos Contenido

HTML 5Estructura de un documento - doctypeHTML 4.01 Transitional (aka Loose) ...

CSS3COLORES Y FONDOSColor background-color #FC9804 #FC9804 background-image: url("butterfly.gif"),

background-imagebackground-repeat background-attachment background-position

repeat-x, repeat-y, repeat, no-repeatscroll, fixed cm, %, top, bottom, center, left, right background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;

background

CSS3FUENTESfont-family font-style font-variant font-weight font-size fontarial, verdana, sans-serif,"Times New Roman" normal, italic, oblique normal, small-caps normal, bold, 100..900 30px font: italic bold 30px arial, sans-serif; font-style | font-variant | font-weight | font-size | font-family

JQUERYEs una librera de javascript Simplifica la programacion en javascript: escriba menos haga mas Es mas facil de aprender Tiene las siguientes caracteristicas - Seleccin y manipulacion elementos html - Manipulacion CSS - Funciones de evento html - Efectos y animacion javascript

JQUERYSe agrega en una pagina html en la seccion head de la siguiente forma < script type="text/javascript" src="jquery.js"> < /head>

JQUERYSe puede tambien usar con google o microsoft GOOGLE < script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery /1.4.2/jquery.min.js"> < /head>

JQUERYSe puede tambien usar con google o microsoft MICROSOFT < script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jque ry-1.4.2.min.js"> < /head>

JQUERY SintaxisSintaxis Basica: $(selector).action() El signo de dolar define que es jQuery A (selector) to consultar o encontrar elementos HTML Una jQuery action() para ser realizada en los elementos

JQUERY Sintaxis $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); This is a heading This is a paragraph. This is another paragraph. Click me