El documento habla sobre el diseño de sitios web. Explica que el diseño web involucra integrar contenido multimedia para transmitir un mensaje claro. Menciona Dreamweaver como un editor para crear páginas web de forma visual o con código. También describe los pasos para crear un sitio que incluyen planeación, diseño, programación e integración de contenido. Finalmente, explica diferentes estructuras de navegación para organizar la información en un sitio web.

1. DISEÑO WEB Integración de contenidos como imágenes, texto, vínculos y animaciones que en conjunto transmitan un mensaje claro y contundente, a través de un bóxer o navegador. El diseño de sitios o paginas web involucra a varias herramientas para la creación del código, los elementos visuales, la optimización de imágenes ,etc.

2. DREAMWEAVER Editor profesional de documentos Web. Permite crear pàginas tanto escribiendo directamente el còdigo en HTML como diseñando de forma visual los elementos.

3. FLUJO DE TRABAJO PARA LA CREACIÒN DE UN STIO WEB Se define como la estrategia que debe seguir el desarrollo de una página web a partir de su diseño, objetivo y funcionamiento. Este proceso inicia con la planeación y culmina con la codificación. Recuerda que un sitio Web se compone de varias páginas que tratan de un mismo tema. Cada una de las páginas contiene a su vez textos, imágenes y vínculos

4. Antes de crear cualquier sitio web necesitas planearlo, Debes definir los objetivos y la forma de presentarlos. Tienes que elegir una estructura de navegación. Hay que definir un estilo visual. Todo sitio web debe tener una página princiapl denominada index . Debes diseñar cada uno de los documentos (páginas) que componen el sitio.

5. ESTRUCTURAS DE NAVEGACIÒN JERARQUICA.-Estructura de árbol, en donde la raíz (index) contiene la introducción o presentación y un menú principal.

6. Lineal.- Es la estructura más simple de todas, en que se navega de una página a la siguiente o a la anterior como si fuera un libro.

7. Lineal con Jerárquica.- Es una mezcla de las dos anteriores: los temas y subtemas están organizados en forma jerárquica, pero puedes leer todo el contenido en orden lineal.

8. Red.- Es una organización libre sin un orden establecido aparente. Esta estructura tiene el riesgo de perder al visitante dentro del sitio, o de que no logre ver algún contenido que pretendías mostrarle.

9. PASOS PARA CREAR UN SITIO WEB Planeación del sito Web Recopilación de información e imágenes Manipulación y optimización de imágenes en un programa de diseño grafico. Creación del nuevo sito en Dreamweaver Diseño de las paginas Web que conformaran el sitio Integración de contenido en las paginas Agregar interactividad (navegación) Prueba y depuración

10. Plantación de un sitio Web Tema propósito audiencia estructura contenido

11. PLANEACIÓN DE UN SITIO WEB La planeación de un sitio web comprende varios aspectos como: El tema El propósito La audiencia La estructura El contenido

12. ACTIVIDAD 01. Ejemplo de planeación de un sitio web 1.- Elige un tema en general para un sitio educativo, relacionado con alguna asignatura como literatura, ciencias, historia u otra. 2.- Define un propósito para el sitio y decide el tipo de audiencia al que quieres dirigir tu trabajo.

13. Tema: MATEMÁTICAS Propósito: Ser un material de apoyo auxiliar en internet que permita consultar fórmulas o como consulta rápida de algunos temas . 3.- Desglosa el contenido del nuevo sitio en temas generales, que se convertirán en las páginas del sitio web. No olvides siempre incluir una página principal de introducción o presentación

14. Principal Secundaria Productos Notables Factorización Sistema de ecuacion Preparatoria Geometría analítica Calculo diferencial Calculo integral

15. 4.- Dibuja un esquema de la estructura que tendrá el sitio y que posteriormente se convertirá en el flujo de navegación del mismo. Principal Preparatoria Secundarial

16. 5.- En la siguiente tabla describe brevemente el contenido que tendría cada una de las páginas. Puedes usar una frase que resuma el texto que piensas insertar. Incluye además una descripción de la imágenes que te gustaría colocar en cada página.

17. * Breve explicación ** Desarrollo *** Tips **** Ejercicios Factorización * Breve explicación ** Formulario *** Tips **** Ejercicios Productos Notables * Imágenes de letras y ecuaciones ** Menù Secundaria * Breve descripción del propósito ** Menú Principal CONTENIDO PÁGINA

18. * Recta ** Hiperbola *** Parabola **** Circunferencia ***** Elipse ****** Tips ******* Ejercicios Geometría Analítica *Imágenes de gráficas y signos de integración y derivación ** Menú Preparatoria * Explicación ** Métodos de solución *** Tips **** Ejercicios Sistema de Ecuaciones

19. * Breve explicación ** Formularios *** Aplicaciones **** Tips ***** Ejercicios Cálculo Integral * Breve explicación ** Formularios *** Aplicaciones **** Tips ***** Ejercicios Cálculo Diferencial