Issuu on Google+

Programación web Unidad 1: Páginas web Bases para su desarrollo 1.1Herramientas para el desarrollo web 1.2Consideraciones iniciales 1.3Elementos gráficos y multimedia

Unidad 2: HTML Páginas web estáticas 2.1El lenguaje HTML 2.2Las etiquetas HTML 2.3Estructuras de un documento HTML 2.4El texto en HTML 2.5Hiperenlaces. 2.6Imagenes y elementos multimedia 2.7Creacion de listas en HTML 2.8Tablas en HTML 2.9Creacion de formularios 2.10Páginas con marcos (frames)

Unidad 3: CSS Hojas de estilo en cascada 3.1El origen de CSS 3.2Las hojas de estilo y sus clases 3.3Las reglas de estilo 3.4Criterios de selección 3.5Las propiedades y sus valores 3.6La importación de la precedencia 3.7Presentacion con estilos. Las capas

Unidad 4: Dreamweaver Creación gráficas de paginas web 4.1Las aplicaciones WYSIWIG: dreamweaver 4.2La interfaz de Dreamweaver 8.0 4.3Paginas HTML con Dreamweaver 4.4Hojas de estilos 4.5Java Script y DHTML 4.6Actualizacion de contenidos 4.7Dreamweaver y los lenguajes de script de servidor

Unidad 5 Java script y DHTML Creación de efectos dinámicos 5.1Lenguajes de script de navegador 5.2Sintaxis de JavaScript 5.3JavaScript y DHTML


TEMA 1 Paginas Web Bases para su desarrollo 1 Herramientas para el desarrollo web Para realizar páginas web básicas basta con un editor de textos y un navegador web. Tipos de editores -Editores de texto (texto plano) -Simples. Ej. Bloc de notas -Dedicados a la programación. Con funciones útiles como resaltas palabra o proporcionar listado de etiquetas. Aplicaciones WYSIWYG: -Programas especializados que trabajan de forma grafica -No necesitas conocer a fondo la sintaxis Ej. Macromedia dreamwaver, NVU, Ms, FrontPage... 2Consideraciones iniciales -Planificar el trabajo -Importante el trabajo -Elaborar un esquema con los elementos que se van a incluir (imagenes, sonidos, enlaces, etc.). -Leyes y normativas -No podemos incluir cualquier elemento -Propiedad intelectual y datos personales -Pedir permiso o utilizar recursos gratuitos (con licencia creative Commons, GPL...) Rendimiento de las paginas web Visualizacion y descarga -Resolucion de pantalla (nº pixeles) -Resolucion muy alta – pagina muy grande -Servidores y ordenadores personales -Muchos applets (programas) – mas lenta -Peso de la pagina -Cuanto menos pesen los elementos menos tardara en llegar hasta el cliente. 3Elementos gráficos y multimedia -Imágenes -Formatos recomendados para web JPEG – fotografiás/16m de colores/compresión GIF- gráficos lineales /256 colores/animaciones PNG- Mejora GIF pero sin animaciones -Sonidos y videos Tamaño: muy pesado – comprimidos Extensiones o plugin para reproducirlos Utilizar enlaces o colocarlos al final del código

TEMA 2 HTML. Páginas Web estáticas Introducción y características básicas ¿Que es HTML? Es lo que se utiliza para crear todas las paginas web de internet. Hyper text Markup Language Diseñadores crean y navegadores leen El lenguaje HTML es un estándar reconocido en todo el mundo. World Wide Web Consortium Ejemplos: Buscadores, tiendas online y banca electronica.


El fisico Tim berners-Lee queria compartir documentos. El ingeniero de sistemas Robert Caillaiu, presento la propuesta ganadora llamada worldwideweb. Primer documento formal con la descripción HTML se publico en 1991 bajo el nombre HTML tags. Primera propuesta oficial para convertir HTML es un estándar se realizo en 1993 por parte del organismo IETF. En 1995, IETF organiza un grupo de trabajo HTML y el 22 de septiembre presenta el estándar HTML 2.0. En 1998 se publica la versión 4.0 con (CSS, scripts, tablas complejas, formularios). W3C ha continuado con la estandarizacion de XHTML, una versión avanzada de HTML y basada en XML. SGML – HTML - XML – XHTML En general la etiquetas se indican por pares y se forman de la siguiente manera: Etiqueta de apuertura carácter < seguido del nombre de la etiqueta sin espacio en blanco y terminando con el carácter >. Etiqueta de cierra igual que la de apertura pero después de < va / y el resto igual. Otros lenguajes: XML, SGML DocBook y MathML Ventaja; Son muy sencillos de leer y escribir. Desventaja: aumentar mucho el tamaño del documento. Mi primer documento HTML Consideración En window (bloc de notas, worpad, emeditor, ultraedit, notepad++) En linux (Gedit, Ketid, VI) No usar: word, openoficce, Koffice Tres etiquetas principales: <HTML> indica el comienzo y el final de un documento HTML. <head> delimita la parte de la cabecera del documento. <body> delimita el cuerpo del documento HTML. Atributos Personalizar las etiquetas HTML mediante cierta información adicional 5 tipos: 1 básicos 2 atributos para internacionalización i18n 3 atributos de eventos: javascript 4 atributos para los elementos que pueden obtener focos elementos HTML divididos por etiqueta apertura y de cierre. Sintaxis XHTML Las etiquetas se tienen que cerrar de acuerdo a como se abren. Los nombres de las etiquetas y atributos siempre se escriben en minúsculas. El valor de los atributos siempre se cierra con comillas. Los atributos no se pueden comprimir. Existen etiquetas vaciás, no necesitan encerrar ningún contenido de texto.


Paginas web estรกticas: La mayor parte del contenido de las paginas HTML habituales esta formado por texto, llegando a ser mas del 90%. Secciones: Paginas son mas complejas, no solo pรกrrafos. Diferentes secciones jerรกrquicas. Una pagina puede definir cualquier numero de secciones.


apuntes web