Diseño de Páginas Web

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 Diseño de páginas Web

© INNOVACIÓN Y CUALIFICACIÓN, S.L. © De la edición INNOVA 2004

!

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 Funciona 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

Fondos 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

CONTENIDO " Capas... 105 Ejercicios propuestos... 111

U.D. 1.6: FORMULARIOS

¿Qué es un Formulario?... 113

Introducir Formularios en un Documento HTML... 114

Otros Elementos de un Formulario... 121

Ejercicios prouestos... 125

U.D. 1.7: ELEMENTOS AVANZADOS PARA LA WEB

Introducir Sonidos en un Documento HTML... 127

GIF 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 Frames 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

CONTENIDO #

Módulo 2: Dreamweaver

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: PLANIFICAR Y CONFIGURAR 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 CONFIGURAR 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

CONTENIDO

$

U.D. 2.5: CELDAS Y TABLAS

Celdas y Tablas de Disposición ... 235

Aplicar Formatos 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 Formato 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: FORMULARIOS

¿Qué es un Formulario? ... 271

Creación de Formularios ... 272

Elementos y Configuración de un Formulario ... 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 Fragmentos 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

CONTENIDO %

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

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