Diseño de Páginas Web
Diseño de páginas Web INNOVACIÓN Y CUALIFICACIÓN, S.L. De la edición INNOVA 2004 MARCAS COMERCIALES: Las designaciones utilizadas por las empresas para distinguir sus productos (hardware, software, sistemas operativos, etc.) suelen ser marcas registradas. INNOVACIÓN Y CUALIFICACIÓN, S.L., las utiliza sin intención de infringir la marca y sólo en beneficio del propietario de la misma. Los datos de los ejemplos o pantallas son ficticios a no ser que se especifique lo contrario. INNOVACIÓN Y CUALIFICACIÓN, S.L ha puesto el máximo empeño en ofrecer una información completa y precisa. Sin embargo, no asume ninguna responsabilidad derivada de su uso, ni tampoco la violación de patentes ni otros derechos de terceras partes que pudieran ocurrir. Mediante esta publicación se pretende proporcionar unos conocimientos precisos y acreditados sobre el tema tratado. Su venta no supone para INNOVACIÓN Y CUALIFICACIÓN, S.L. ninguna forma de asistencia legal, administrativa ni de ningún otro tipo. Reservados todos los derechos de publicación en cualquier idioma. Según el Código Penal vigente ninguna parte de este o cualquier otro libro puede ser reproducida, grabada en alguno de los sistemas de almacenamiento existentes o transmitida por cualquier procedimiento, ya sea electrónico, mecánico, reprográfico, magnético o cualquier otro, sin autorización previa y por escrito de INNOVACIÓN Y CUALIFICACIÓN, S.L.; su contenido está protegido por la Ley vigente que establece penas de prisión y/o multas a quienes intencionadamente, reprodujeren, o plagiaren, en todo o en parte, una obra literaria, artística o científica. Editado por: INNOVACIÓN Y CUALIFICACIÓN, S.L. Avda. El Romeral, 2 Polígono Industrial de Antequera 29200 ANTEQUERA, Málaga Teléfono: 952 70 60 04 Fax: 952 84 55 03 Correo electrónico: innova@antakira.com Internet: www.innovacionycualificacion.com Impresión: Antakira Grafic Impreso en España
Módulo 1: HTML U.D. 1.1: INTRODUCCIÓN A LA WWW Qué es Internet?... 9 El Servidor. La Casa de una Página Web... 10 Cómo unciona Internet?... 11 Tipos de Páginas Web... 13 Ejercicios Propuestos... 15 U.D. 1.2: INTRODUCCIÓN AL HTML Qué es el HTML?... 17 Requisitos para el Diseño de una Página Web... 19 Versiones del HTML... 20 Abrir y Guardar Páginas HTML... 21 Estructura de un Documento en HTML... 22 Ejercicios Propuestos... 27 U.D. 1.3: OPERACIONES BÁSICAS ondos de Página... 29 Introducir Texto... 33 Caracteres Especiales... 44 Insertar Imágenes en una Página Web... 46 Listas... 53 Ejercicios Propuestos... 59 U.D. 1.4: MARCOS, TABLAS Y ENLACES División de Páginas con Marcos... 59 Tablas... 66 Hiperenlaces... 78 Mapas... 88 Ejercicios propuestos... 91 U.D. 1.5: ESTILOS Y CAPAS Hojas de Estilo... 93 Clases... 101 Propiedades de las Hojas de Estilo... 103 3
4 CONTENIDO Capas... 105 Ejercicios propuestos... 111 U.D. 1.6: ORMULARIOS Qué es un ormulario?... 113 Introducir ormularios en un Documento HTML... 114 Otros Elementos de un ormulario... 121 Ejercicios prouestos... 125 U.D. 1.7: ELEMENTOS AVANZADOS PARA LA WEB Introducir Sonidos en un Documento HTML... 127 GI Animados... 129 Applet... 130 Ejercicios propuestos... 135 U.D. 1.8: TRUCOS PARA MEJORAR TU PAGINA WEB. JAVASCRIPT Introducción al JavaScript... 137 Cargar Varios rames con un Unico Enlace... 138 Personalizar la Barra de Estado... 139 Limitar el Acceso a una Página por Medio de un Password... 139 Abrir una Ventana Dimensionable... 141 Redireccionamiento Automático de las Páginas... 142 Cambiar las Imágenes de un Enlace... 143 Ejercicios Propuestos... 145 U.D. 1.9: ÚLTIMOS PASOS, SUBIR LA PÁGINA AL SERVIDOR Normas para el Correcto Diseño de una Página Web... 147 Subir la Página al Servidor... 151 Contadores... 154 Dar de Alta la Página en los Servidores... 155 Ejercicios propuestos... 161
Módulo 2: Dreamweaver CONTENIDO 5 U.D. 2.1: ASPECTOS BÁSICOS DE DREAMWEAVER Qué es Dreamweaver?... 165 Entrar y Salir del Programa... 166 El Área de Trabajo de Dreamweaver... 167 Ejercicios Propuestos... 173 U.D. 2.2: PLANI ICAR Y CON IGURAR UN SITIO Planificación y Diseño de Sitios... 175 Utilizar Dreamweaver para Configurar un nuevo Sitio... 177 La Ventana del Sitio... 178 Ejercicios Propuestos... 183 U.D. 2.3: TRABAJAR CON DREAMWEAVER La Paleta de Objetos... 185 El Panel de Propiedades... 199 Trabajar con las Propiedades de Texto... 200 Controlar las Propiedades de las Imágenes... 204 Editar HTML en Dreamweaver... 205 Hiperenlaces y Anclas... 208 Abrir y Guardar Documentos HTML... 212 Ejercicios Propuestos... 215 U.D. 2.4: CREAR Y CON IGURAR LAS PROPIEDADES DE UN DOCUMENTO Crear y Configurar Documentos... 217 Seleccionar Elementos en la Ventana de Documento... 221 Utilizar Guías Visuales en el Proceso de Diseño... 223 Ver y Editar el Contenido de la Sección HEAD... 226 Automatizar Tareas... 227 Ejercicios Propuestos... 231
6 CONTENIDO U.D. 2.5: CELDAS Y TABLAS Celdas y Tablas de Disposición... 235 Aplicar ormatos a las Celdas y Tablas de Disposición... 238 Configurar las Preferencias de la Vista Disposición... 240 Insertar Tablas para Presentar Contenido... 241 Aplicar ormato a Tablas y Celdas... 243 Otras Acciones con las Tablas... 246 Ejercicios Propuestos... 249 U.D. 2.6: UTILIZACIÓN DE MARCOS Introducción... 251 Creación de Marcos... 252 Seleccionar y Guardar Marcos o Conjuntos de Marcos... 260 Propiedades de Marcos y Conjuntos de Marcos... 263 Controlar el Contenido del Marco con Vínculos... 266 Ejercicios Propuestos... 269 U.D. 2.7: ORMULARIOS Qué es un ormulario?... 271 Creación de ormularios... 272 Elementos y Configuración de un ormulario... 273 Ejercicios Propuestos... 287 U.D. 2.8: PLANTILLAS Y LIBRERIAS Creación de Plantillas... 291 Crear la Composición de Elementos en la Plantilla... 293 Crear Páginas a Partir de una Plantilla... 297 Modificar una Plantilla... 299 Bibliotecas: Reutilizar ragmentos de una Página... 301 Crear y Configurar un Elemento de Biblioteca... 302 Colocar Elementos de Biblioteca en un Documento... 302 Realizar Modificaciones en un Elemento de Biblioteca... 303 Elementos de Biblioteca y comportamientos... 305 Ejercicios Propuestos... 307
U.D. 2.9: COMPORTAMIENTOS, EVENTOS Y ACCIONES Introducción... 313 Imágenes de Sustitución... 314 Barra de Navegación... 317 Comportamientos, Eventos y Acciones...319 Ejercicios Propuestos... 331 CONTENIDO 7 U.D. 2.10: USAR CAPAS DINÁMICAS Capas y Código HTML... 333 Trabajar con Capas... 334 Configurar las Propiedades de una Capa... 336 Usar Tablas y Capas para Diseño... 338 Ejercicios Propuestos... 341 U.D. 2.11: CREAR ANIMACIONES Introducción... 343 Líneas de Tiempo... 343 Crear una Animación... 346 Sugerencias para Crear Animaciones con Líneas de Tiempo... 351 Ejercicios Propuestos... 353 U.D. 2.12: LA PUBLICACIÓN Desarrollar y Explotar... 355 Definición del Sitio... 356 Transferir el Sitio... 358 Comprobación del Sitio... 360 Ejercicios Propuestos... 371 GLOSARIO DE TÉRMINOS