Manual para la generación de los pasos básicos para una página web en Dreamweaver.
GENERACIÓN DEL SITIO.
Para generar el sitio se tiene que hacer lo siguiente.
Ya sea desde la ventana de inicio o desde el Dreamweaver ya abierto, se busca la opción en la barra de herramientas (hasta arriba), "sitio / nuevo sitio".
Esto abrirá una ventana con dos pestañas: básico y avanzado.
En cualquiera de las opciones se tiene que asignar un nombre al sitio, preferentemente sin acentos ni caracteres especiales. El sitio tiene que residir en un folder que se designe para tal propósito dentro de la PC, mismo que deberá contener todos los archivos que se encuentren relacionados con nuestro desarrollo local.
Asimismo se tiene que establecer un folder de imagenes en donde residan las imágenes del sitio. Este paso no es vital, pero es importante.
Se asignará una dirección http sólo cuando se cuente con ella; de no ponerse el sitio será visible únicamente en forma local (o en todo caso hasta que se haya publicado en la red).
Es sugerente habilitar el caché.
Nótese que estamos trabajando únicamente con la opción de Información Local (local info).
Con esto hemos dado de alta un sitio de internet, mismo que contendrá a la totalidad de páginas web que vayamos a desarrollar.
Realizando mi primera página
Para realizar la primer página de Internet se debe hacer lo siguiente:
CTRL + N para generar una nueva página, también pudo haber seleccionado Archivo : Nuevo; esto abrirá una ventana con dos pestañas. Hay que seleccionar la pestaña General, la opción HTML y Crear.
Esto generará una página en blanco como la siguiente:
Existe un área de trabajo A, un área de administración del sitio B, una barra de propiedades C, un combo de aplicaciones D y una barra de herramientas.
En ese momento es posible empezar a escribir, tal como se haría en un procesador de textos normal.
Les propongo algunas herramientas para empezar a introducir contenido:
Imagen del comando
...
Atajo PC
...
Atajo Mac
...
Operación
ALT + CTRL + I
ALT + CMND + I
Inserta una imagen jpg, gif o png. Hay que etiquetarla con un texto alterno (ALT) que permita ver un texto mínimo explicativo de la imagen por si se tienen desactivadas las opciones de imagen o no descargó esta.
Esta herramienta permite asignar una liga de un texto o imagen con algún otro punto como puede ser:
Otro sitio de Internet
Otra página de nuestro propio sitio
Un ancla
Un recurso como imagenes, audios, videos, etc.
Funciona en forma similar a la liga (linkeo), sólo que relacionará un punto en específico con un correo electrónico. Una imagen o un texto pueden referenciarse hacia el correo.
ALT + CTRL + A
ALT + CMND + A
Fija un ancla; es decir, determina que en ese punto en específico existe un punto de llegada de otro punto de la página. Muy útil cuando se realizan índices referenciados dentro de una sola página.
ALT + CTRL + T
ALT + CMND + T
Inserta una tabla con las características que determinemos sobre ella como: ancho (en porcentaje o en pixeles), número de filas y columnas, anchos de bordes y otros parámetros.
Cuando quieran ver cómo va su trabajo apliquen la tecla F12.
Les dejo un curso de Dreamweaver que me encontré en la red.