Fundamentos Esenciales de Diseño y Publicación Web

Introducción a las Herramientas de Diseño Web

Existen diversas aplicaciones para diseñar una página web de manera más sencilla. Una de ellas, en su versión libre, es KompoZer.

El logotipo que caracteriza la aplicación utilizada para la creación y diseño de páginas web es el de KompoZer.

Otro programa que sirve para crear páginas web de forma profesional sin la necesidad de programar en HTML es Dreamweaver.

Elementos de Interfaz en Editores Web (Ej. KompoZer)

• Barra de Menú

  Elemento que corresponde a la barra de menú en KompoZer.

• Barra de Título

  Elemento que muestra el nombre del archivo que se está ejecutando.

• Área de Trabajo

  Es el espacio de trabajo en el que se encuentran los diversos elementos de una página, como texto u objetos.

• Código Fuente

  Este elemento muestra solo el código fuente del documento y permite realizarle modificaciones.

• Barra de Formato

  Este elemento cuenta con las opciones básicas para aplicar formato, similar a los procesadores de texto.

• Editor de Hojas de Estilo (CSS)

  El editor de hojas de estilo que contiene KompoZer se denomina CSS.

• Procedimiento para Insertar una Tabla

  En KompoZer, el procedimiento para insertar una tabla es: Insertar > Tabla.

Conceptos Fundamentales de Diseño Web

• Estilos CSS

  Conjunto de reglas de formato que controlan el aspecto del contenido de una página web. Aportan gran flexibilidad y control sobre el aspecto exacto que se busca en una página: Un estilo CSS.

• Hiperenlaces

  Nombre que recibe el enlace que, al ser pulsado, lleva de una página o archivo a otra página o archivo. Es posible asignarlo a un texto, a una imagen o a parte de una imagen: Hiperenlaces.

  Relaciona las siguientes columnas según correspondan a los tipos de enlaces: 1C, 2B, 3A.

• Punto de Fijación

  Tipo de enlace que conduce a un punto específico dentro de un documento, ya sea dentro del actual o de otro diferente. Para ello, el vínculo debe seguir el formato: NOMBRE_DE_DOCUMENTO.EXTENSION#NOMBRE_DE_PUNTO.

• Imagen Rollover

  Nombre que recibe la imagen que cambia por otra cuando el puntero se sitúa sobre ella. Este tipo de imagen suele utilizarse en los menús o en los botones para desplazarse a través de distintas páginas: Rollover.

• Texto Alternativo (Alt Text)

  Texto que aparece al situar el puntero sobre una imagen, o el que aparecerá en lugar de la imagen en el caso de que, por algún motivo, esta no pueda ser mostrada en el navegador: Texto Alternativo.

• Ventana Emergente (Pop-up)

  Es cualquier tipo de ventana que aparece en la pantalla luego de iniciar un programa, una página web, etc.: Ventana Emergente.

• W3C (World Wide Web Consortium)

  Es una comunidad internacional encargada de desarrollar estándares web: el W3C.

• Menús

  Son útiles para mostrar una lista de datos, así como también son elementos útiles para maquetar páginas web: Menús.

Publicación y Acceso Web

• Proveedor de Servicios de Internet (ISP)

  De la siguiente lista, un ejemplo que representa a un proveedor de servicios de Internet es: AOL.

• Herramientas para Publicación de Sitios Web

  Para la publicación de un sitio web, se emplea una herramienta que permite conectarse al hosting en una multiplataforma (FTP, FTPS y SFTP) mediante claves que se proporcionan al crear un sitio: FileZilla.

  Las herramientas de hosting y dominio, junto con FileZilla, son necesarias para: Publicar Sitios Web.

• Servidor Web

  Para publicar nuestras páginas en Internet y que sean accesibles por cualquier otro usuario de Internet, debemos transferirlas a un Servidor Web.

Herramientas y Procesos Adicionales

• Editor de HTML

  Brinda la posibilidad de disponer y ver la página mientras se crea, y observar inmediatamente cómo aparecerán distribuidos los colores y los elementos dentro del documento: Editor de HTML.

• Conversores HTML

  Permiten transformar un documento escrito en otro formato a un documento HTML: Conversores.