Estudio D3
 
fotoPleca Curso Básico de Dreamweaver plecaSuperior
 

Pleca para Estudio D3

spacer
plecaLateral
 
 
 
 

 

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".

img01

 

Esto abrirá una ventana con dos pestañas: básico y avanzado.

img002

 

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.

img004

Esto generará una página en blanco como la siguiente:

img005

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.

img006

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
btnImage   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.

btnLink          

 

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.
btnCorreo          

 

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.

btnAncla   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.

btnTabla   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.

 

 

 

 
  pleca    

 

 

QUIÉNES SOMOS · SERVICIOS · CLIENTES · CONTÁCTENOS · NOTICIAS · ACCESO A CLIENTES · PAIR · WEBMAIL
condiciones generales · formas de trabajo · empleo · glosario · boletines · portafolios

si no puede ver correctamente esta página haga clic aquí.

Correo

Imagen para Estudio D3

 

spacer link spacer link powered by logo Estudio D3