Pagina En Dream Weaver

• LECCIÓN I: CREAR UN NUEVO SITIO DE DREAMWEAVER

1. Hacer clic en MENU sitio/NUEVO SITIO de Dreamweaver
2. Al desplegarse la venta (Definición del Sitio), CAMBIARSE A LA FICHA BASICA, Colocar el Nombre “Portafolio_en_línea”.
3. Hacer clic en (Siguiente).
a. Desea trabajar con una tecnología de servidor como Coldfusión, ASP, NET, ETC.?. > Seleccionar “No, No deseo utilizar una tecnología deservidor” y hacer clic en siguiente.
b. ¿Cómo desea trabajar con los archivos durante la etapa de desarrollo?, responder> “Editar copias locales en mi equipo y luego cargarlas al servidor cuando estén listas”.
c. ¿En qué lugar del equipo desea almacenar los archivos?, hacer clic en el ícono de folder y seleccionar la ruta (Desktop\Portafolio_sitio_local).
d. ¿Cómo conecta con su servidorremoto: desplegué las opciones y seleccione “Ninguno”, haga clic en siguiente.
4. En esta parte muestra el resumen de la creación del sitio, haga clic en “Completado”.

• LECCIÓN II: CREAR DOCUMENTO HTML.

1. En la sección “Crear Nuevo” del panel de Bienvenida de Dreamweaver, seleccione (HTML).
2. Diríjase a la barra de “título” y coloque el nombre “Eduardo Villarreal – Portafolio en línea”.
3.Modifique las siguientes propiedades de la página (Modificar> Propiedades de la página).: Apariencia HTML: Fondo: #000000, Margen izquierdo: 0, Margen superior: 0, Alto de Margen : 0, Ancho de Margen: 0. Haga clic en “Aplicar, Aceptar”.
4. Active las Reglas (Ver> Reglas).
5. Active la Cuadrícula (Ver> Cuadrícula> Mostrar cuadrícula)
6. Configure la cuadrícula (Ver> Cuadrícula> Configurarcuadrícula) con las siguientes características: Color: #666666, Mostrar Cuadrícula: Activado, Espaciado: 20 px, Mostrar: Líneas, y haga clic en “Aplicar, Aceptar”.
7. Guarde su documento con el nombre “index” dentro de la carpeta “Portafolio_sitio_local”.

• LECCIÓN III: INSERTAR BARRA SUPERIOR Y BOTONES DE ACCESO

1. En el panel “Insertar”, desplegué la ficha “Diseño”, seleccione “Dibujar DivPA” y trace un pequeño rectángulo en el escenario o área de trabajo.
2. Haga clic dentro del la etiqueta “Div” e inserte la imagen “barra_superior” que se encuentra en la carpeta de su sitio local en (imágenes).(Insertar> Imagen)
3. Alinee la etiqueta Div, selecciónela y mediante el panel de propiedades colocando los siguientes valores: Izq: 0px y Sup: 0px.
4. Inserte una nueva Etiqueta DibujarDivPa en el escenario o área de trabajo, haga clic dentro de la etiqueta “Div” e inserte una barra de navegación (Insertar> Objetos de imagen> Barra de Navegación), con las siguientes características: Nombre de elemento: “boton_Naturaleza, imagen arriba: boton_1, Sobre imagen: boton_2, Imagen abajo: boton_2.
5. Sin cerrar la ventana “Insertar barra de navegación”, haga clic en el signo de más ycoloque las siguientes características: Nombre de elemento: “boton_Personales, imagen arriba: boton_1, Sobre imagen: boton_2, Imagen abajo: boton_2.
6. Nuevamente haga clic en el signo de más y coloque las siguientes características: Nombre de elemento: “boton_Estilo_Libre, imagen arriba: boton_1, Sobre imagen: boton_2, Imagen abajo: boton_2.
7. Para finalizar haga clic en el signo de más ycoloque las siguientes características: Nombre de elemento: “boton_Contacto, imagen arriba: boton_1, Sobre imagen: boton_2, Imagen abajo: boton_2. Para finalizar haga clic en “Aceptar”.
8. Seleccione el contorno de su etiqueta “Div” y en el “Panel de propiedades” modifique lo siguiente: An: 0px y Al: 0px.
9. Alinee manualmente su etiqueta “Div” con su barra de menú a la altura de su barra superior ydebajo de la misma como se muestra en la imagen.
10. Guarde los cambios (Archivo > Guardar).
11. Inserte una nueva etiqueta “Div”, haga clic dentro de la misma e inserte el siguiente texto: “Naturaleza”.
12. Genere una nueva Clase” css” con propiedades de texto de la siguiente forma: diríjase al panel de “Estilos CSS”, y en la parte inferior derecha haga clic sobre la imagen o ícono en...