Dreamweaver 8 Proyecto Colorado 3 Instrucciones

Universidad del Estado de Colorado, con campus en Fort Collins , Denver y Pueblo , así como una universidad en línea , ha desarrollado un enfoque de " estructura de primera " para el diseño de sitio web que trata la necesidad de contenido que ha sido " marcado con etiquetas HTML estructurales " . La universidad ha desarrollado este enfoque para el empleo de software de Dreamweaver 8 , en un esfuerzo para ayudar a los estudiantes, profesores y otras personas crear sitios web flexibles que sean de fácil acceso en los dispositivos portátiles , lectores de pantalla y otras technologies.Things que necesitará
Dreamweaver MX ( 8 ) de software de software Usted Microsoft Word
Mostrar Más instrucciones Matemáticas 1

Crear una nueva página en Dreamweaver 8 . Debajo de " categoría", seleccione " página básica " y la página HTML básico . Compruebe para asegurarse de que esta nueva página es " XHTML 1.0 Tradicional " y haga clic en " Crear ". A continuación, el título de la página con una descripción sucinta , con información específica que viene primero . Por ejemplo: " . Perfil del estudiante --- Departamento de Información del equipo --- la Universidad Estatal de Colorado" Ahora guarde la página como " design.html . "
2

Producir los cuatro "divisiones" clave de la página , que son la cabecera, navegación, contenido y pie de página. Cada uno se crea utilizando el tag

división para su designación . Como " lenguaje de marcas , " HTML ofrece estructura. Por ejemplo , la

designación o etiqueta divide el texto en párrafos , mientras que el

etiqueta indica un título de primer nivel. Después de insertar las cuatro etiquetas , la página mostrará cuatro cajas apiladas. En orden descendente, que será " el contenido de la cabecera Identificación ", " contenido para la navegación Identificación ", "contenido para el contenido id" y "contenido de Identificación del pie de página. "
3

Generar cinco nuevos páginas de la plantilla, que será etiquetada como " services.html ", " staff.html ", " training.html ", " FAQ.html " y " index.html ". En cada página se va a insertar el nombre apropiado --- por ejemplo , los Servicios o Personal . Sin embargo, para la página de inicio o index.html , deje la etiqueta de la manera que es y sustituir el título de la página de inicio para Encabezado 1 y guardar como "index.html ". En lugar de cerrar la página , verlo en el navegador y vuelva a comprobar sus distintos eslabones . Si todo funciona , cierre la página de inicio.
4

Cambiar y modificar las páginas individuales . Abra el documento de Word que contiene el contenido de las páginas web y copiar el texto deseado para una página individual . En el ejemplo de la CSU , seleccione " contenido de la página a casa", copiar el texto correspondiente y , en Dreamweaver , pegar la información copiada en el área de contenido de la página. Siga este procedimiento para el resto de las páginas que ha creado.
5

Inserte fotos o imágenes para mejorar la apariencia de sus páginas. Por ejemplo , la página de la práctica CSU tiene el nombre " David Greene. " Para insertar su foto , coloque el cursor delante del nombre, seleccione " Insertar> Imagen " y seleccione " david_thumbnail.jpg . " A continuación, puede etiquetar la imagen con su nombre.