Práctica 1 Dreamweaver

8
Lic. Carlos Meza Vásquez 1 PRÁCTICA 1 DE DREAMWEAVER 8 1. CREAR NUESTRO SITIO WEB LOCAL Crear las carpetas que almacenarán todo el sitio web. Una vez creado las carpetas configurar el sitio web: Menú sitio Nuevo sitio Carpeta raíz local Carpeta que almacenará las imágenes de nuestro sitio web

description

Comparto esta practica de como crear un esquema en dreamweaver 8 usando tablas. Esto es una introducción al uso del Dreamweaver, aunque ahora en vez de tablas se utilizan las DIVS, esto es solo para comenzar, y la version 8 es porque es la version que me trabaja sin problemas en mi taller de lentiums 3, Saludos a todos

Transcript of Práctica 1 Dreamweaver

Page 1: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 1

PRÁCTICA 1 DE DREAMWEAVER 8

1. CREAR NUESTRO SITIO WEB LOCAL

Crear las carpetas que almacenarán todo el sitio web.

Una vez creado las carpetas configurar el sitio web: Menú sitio à Nuevo sitio

Carpeta raíz local

Carpeta que almacenará las imágenes de nuestro sitio

web

Page 2: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 2

Una vez creado las carpetas configurar el sitio web:

1) Cambiar a la pestaña avanzadas

2) Colocar un nombre al sitio web

3) Hacer clic para examinar y buscar la carpeta raíz

4) Buscar la carpeta raíz local y abrirla

5) Seleccionar la carpeta

6) Se muestra la ruta de la carpeta raíz local

7) Hacer lo mismo con la carpeta para las imágenes

Page 3: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 3

2. CREACIÓN DE LA PÁGINA PRINCIPAL

Se procederá a crear el esquema de nuestra pagina principal, para esto se usará las tablas de diseño.

8) Se muestra la estructura de las carpetas del sitio web

1) Cambiar la barra insertar Común por Diseño

2) Clic en la opción de Modo Diseño

Page 4: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 4

CREANDO EL ESQUEMA DE LA PÁGINA

3) Aceptar para trabajar en el modo diseño

3) Presionar sobre tabla de diseño

4) Arrastrar y dibujar la tabla principal

5) Configurar el tamaño de la tabla principal

Page 5: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 5

Se procederá a dar un color de fondo a las celdas de diseño

6) Con la misma herramienta tabla de diseño

7) Crear las divisiones de la página principal

8) Seleccionar la herramienta celda de diseño

9) Cubrir todos los espacios creados con celdas

10)También podemos crear subdivisiones utilizando varias celdas de diseño

Page 6: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 6

1) Hacer un clic en la celda

2) Seleccionar la celda haciendo un clic en la etiqueta <tr>

3) Seleccionar un color y aceptar

Page 7: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 7

Deberá quedar todas las celdas con un color de fondo

3. GUARDAR Y VISUALIZAR LA PAGINA CREADA

1

2

Page 8: Práctica 1 Dreamweaver

Lic. Carlos Meza Vásquez 8

Se mostrará lo siguiente:

3) Nos muestra por defecto la carpeta raíz local

4) El nombre por defecto de la página principal es index

5

La ruta y el nombre de la página guardada

El nombre de la página aparece como una etiqueta

Dentro del sitio web también se muestra la página que se ha guardado.

Para visualizar la Pagina Web en el navegador presionar la tecla F12