Guia De Trabajo

GUIA DE TRABAJO No. 1

OBJETIVO

En el desarrollo de este curso vamos a crear un sitio WEB para una Asociación de Criadores de Ganado. En esta clase crearemos un sitio y nuestra primera pagina web.

1. SITIO


Después de revisar y reconocer el ambiente de Dreamweaver, antes de empezar a diseñar una Página Web, es recomendable definir la ubicación de los objetos que la componen: comoimágenes, animaciones flash, archivos, etc. A esta ubicación se le denomina como un sitio.

Cree una carpeta en su PC con el nombre del sitio (el nombre del sitio debe hacer referencia al tema principal de las páginas). Por ejemplo para efecto de este curso utilizaremos como nombre CURSO. Dentro de esta carpeta se debe crear carpetas para las imágenes, para los archivos, etc.

En el menúprincipal que esta ubicado en l
a parte superior de la pantalla debe ingresar a la opción site (sitio), donde se seleccionara new site (nuevo sitio)o. Debe aparecer la siguiente pantalla, en botón nuevo escogemos sitio.


A continuación se definirá el nombre del sitio y la carpeta raíz local, donde se encuentra el sitio dentro del disco duro local o en (Publica/Informatica/Curso) Por ahora las demásopciones no son de nuestro interés, porque estamos definiendo el sitio local, y no es necesario establecer los datos del servidor en el que estará el sitio remoto.








2. MI PRIMERA PÁGINA


Creación de un nuevo documento en blanco
Para crear un documento nuevo en blanco:
1. Una vez creado el SITIO, ubíquese en el panel derecho, mouse botón derecho cuando aparezca el menúflotante seleccione New Foder y cree una carpeta llamada imágenes, copie allí las cuatro imágenes
2. Seleccione Archivo > Nuevo. Aparecerá el cuadro de diálogo Nuevo documento. La ficha General ya aparece seleccionada.

[pic]
3. En la lista Categoría, seleccione Página básica.
4. A continuación, en la lista de la derecha, seleccione el tipo de documento que desea crear. Seleccione un documentoHTML.
5. Haga clic en el botón Create. El documento nuevo se abrirá en la ventana del documento.

A continuación vamos a realizar nuestra primera página Web; antes debemos revisar la información sobre el entorno de trabajo para poder identificar las partes más sobresalientes de Dreamweaver MX.

Cómo Guardar una nueva Página
Para guardar un documento nuevo:
• Seleccione File (Archivo) > Save(Guardar como)
• Se abrirá un cuadro de dialogo. Ubíquese en la carpeta donde desea guardarlo. Recomendablemente en un sitio. Y colóquele el nombre Razas
• El archivo se guardara con la extensión html o htm y guarde.
3. TABLAS

Las tablas se utilizan para darle diseño y forma a mi página, mediante estas podemos organizar el contenido de mi página

Esta es la página que vamos a crear en laclase de hoy

[pic]

1. Copie la imágenes en la carpeta imágenes

2. Vamos a crear una tabla de 4 filas por 5 columnas, para eso seleccione Insert /Table

Rows: Número de filas 4
Columns: Número de columnas 5
Table with: Ancho de la tabla 800
Borders thickness: grosor del borde
Cell padding: Relleno de la celda
Cells spacing: Espacio entre celdas
Header: Dreamweaver nos permite conun solo clic crear diferentes tipos de encabezados, por ahora le seleccionamos none




Accesibility: esto significa que podemos escribir un texto que se visualizara en caso de que la tabla no haya podido ser mostrada en el navegador del usuario, ya sea por problema de la red o por carencias del navegador.
Caption: Texto (Ejemplo tabla)
Align caption: Alineación del texto (izquierda)Sumary: Un comentario

Una vez creada la tabla, ubíquese sobre ella, recuerde que el panel de propiedades cambia de acuerdo al objeto que estemos trabajando, ahora hace referencia a propiedades de la tabla

[pic]

Podemos hacer las modificaciones que queramos,
W ancho de la tabla en pixeles 600
H alto de la tabla en pixeles 380


Ahora vamos a ver como Dreamweaver nos facilita el...