ANTOLOGIA PROGRAMACION Y DISEÑO DE PAGWEB

UNIDAD 1 Desarrollo de pginas Web estticas AL FINALIZAR LA UNIDAD, EL ALUMNO IDENTIFICAR LAS ETIQUETAS BSICAS PRINCIPALES COMO TAMBIN TABLAS, GRAFICOS, FORMULARIOS, ETC. PARA DISEAR UNA PGINA WEB UNIDAD 2 Desarrollo de pginas Web dinmicas AL FINALIZAR LA UNIDAD, EL ALUMNO PODR DISEAR PGINAS WEB, TOMANDO COMO REFERENCIA HTML Y TAMBIN UTILIZANDO OTROS LENGUAJES DE PROGRACIN PARA DAR MEJORPRESENTACIN A LOS DISEOS EN LA WEB. INDICE OBJETIVOS INTRODUCCION UNIDAD 1 Desarrollo de pginas Web estticas Describir la historio de la WEB, de acuerdo al surgimiento de las necesidades de la aplicacin del campo publicitario 1.1.1 Historia 4 1.1.2 HTML 1.2.1 Sintaxis 1.3.1Cabeceras Qu es HTML 5 Cmo especificar los estilos del texto 6 Estilos y efectos bsicos 6 Enlaces ygrficos 10 Insercin de elementos multimedia 12 Extensin multimedia de Internet Explorer 14 Caractersticas especiales 16 Tablas 18 Color de fondo de las tablas 23 Imgenes de fondo en las tablas 24 Separacin entre la celda y la tabla 24 Documentos con Frames 25 Formularios 31 Controles avanzados para formularios 35 UNIDAD 2 Desarrollode pginas Web dinmicas 2.1 Implementacin de innovaciones automatizadas en la elaboracin de pginas WEB 2.1.1 innovaciones Hojas con estilos 42 Clases 46 Etiquetas Span y Div 47 Hojas de estilo en cascada 49 Hojas de estilo referencia 60 Capas 64 Lenguaje de Script 67 Conclusiones 69 Bibliografa 71 Anexo 74INTRODUCCIN Este manual pretende ser una introduccin bsica al lenguaje HTML, que permite escribir pginas de WWW. Su orientacin es ms bien prctica, por lo que no se han tenido en cuenta cuestiones como las diferentes versiones de HTML a las que pertenece cada directiva (lo cual resulta a veces ms importante de lo que parece, porque implica que algunas directivas slo funcionen con los programas deWWW ms modernos por ejemplo center). Este manual esta recopilado, con el fin de dar una herramienta mas a los alumnos de este Colegio y que puedan realizar y disear un sito Web con este lenguaje o que tengan la amplitud de aprender de los muchos lenguajes para el diseo de hojas Web, pero tomando en cuenta el de HTML. Adems de los muchos estilos y capacidades de presentacin que nos ofrece HTML paraestructurar el documento en s, se dispone de varias directivas que nos permiten definir relaciones entre diferentes documentos y estructurar todo un conjunto de documentos para crear una unidad lgica. La facilidad para definir este tipo de enlaces es una de las razones de la potencia y versatilidad de HTML. Por la similitud de tratamiento que tienen los enlaces y los grficos, tocaremos tambin enesta seccin cmo pueden incluirse estos ltimos en un documento. Los enlaces en HTML se expresan rodeando con la directiva a el objeto (que puede ser un fragmento de texto o un grfico) que vaya a servir como anclaje para el enlace. Por ejemplo, si marcamos con a un grfico, cuando en el documento final se pulse con el ratn sobre dicho grfico se pasar al objeto referenciado en el enlace otrodocumento, un vdeo musical, o un servidor de informacin meteorolgica. Historia Lenguaje HTML Una pgina web la vemos en nuestro navegador, o cliente web, y parece una sola entidad, pero no es as, est compuesta por multitud de diferentes ficheros, como son las imgenes, los posibles vdeos y lo ms importante el cdigo fuente. Web es un sistema Hipertexto/Hipermedia El sistema con el que est construido elweb se llama hipertexto y es un entramado de pginas conectadas con enlaces. Los sistemas de hipertexto se utilizan en otros contextos aparte del web, como la ayuda del Windows. Son muy fciles de utilizar y tambin es muy fcil encontrar lo que buscamos rpidamente, gracias a que pulsando enlaces vamos accediendo a la informacin que ms nos interesa. La web no solo se limita a presentar textos y...