Diseño de Paginas Web

C) Establecimiento del entorno  para desarrollo de un sitio. Existen algunas herramientas para el desarrollo de un sitio. Para el face de diseño y maquetación  se encuentra el Photoshop. Con el cual podemos quitar, crear logotipos o letras muy vistosas para nuestras paginas. Gimp Es un programa gratuito similar a Photoshop. En Face Maquetación  INK SCAPE  ADOBE FIREWORKS Fases de Maquetación  Dream Wever, con este programa se pueden crear códigos html y css. Planificación de trabajo En esta parte se define el sitio del trabajo mientras que  la base de maquetacion es la parte donde refinamos detalles para nuestro sitio. Planificación de sitios web En esta parte se define el sitio del trabajo mientras que la base de maquetacion  es la parte donde  refinamos detalles para nuestro sitio. Planificación de sitios web Antes de construir un sitio web, tomese el tiempo necesario para analizar, planificar y diseño todo ...

B) Uso de las normas requeridas en la incorporación de elementos gráficos y multimedia.  Se deben usar ciertas recomendaciones para evitar que el peso de la pagina se vean afectadas. 1. Optimizar el peso de las paginas: Bajar el máximo el peso de las paginas sin afectar la calidad de las imágenes (Visor de imágenes) 2. Forma de imágenes: Los mas recomendados son:  GIF y   JPG El GIF porque son imágenes con pocos colores o con áreas de colores sólidos y los JPG porque llevan sombreado un amplia gama de 256 colores. Veamos para que debemos usar cada una: GIF: Perfecta para usar en archivos pequeños con colores limitados (escala de grises, por ejemplo). Evitar su uso para fotografías. JPG: ideal para mostrar fotografías en la web sin ocupar mucho espacio en un servidor. Terrible para edición de imágenes.   Ubicación de las imágenes  Toda imagen que se usa en el diseño de una de nuestros paginas debe de ir en una carpeta llamada img y dentr...

1.2 Elabora paginas web estáticas haciendo uso del lenguaje de etiquetas XHTML. A) Identificación de las normas mínimas para facilitar el acceso. El peso de las paginas de un sitio web debe tener cierto peso razonable en kilobytes, es decir que la pagina no esteran cargada de imágenes que impida visualización. Se recomienda ciertos estándares internacionales internacionales para que el usuario no espere tanto en la pagina, un tiempo de espera entre tres a 8 segundos para que aparezca algo visible o legible en la pantalla, o 15 segundos para hacer clic hacia otra parte del sitio. Información de las paginas  Se recomienda construir una estructura sobre el contenido que a llevar la pagina, por ejemplo utilizando tablas se puede colocar un logotipo y el nombre del sitio, al usar la tabla podemos colocarlos en la izquierda en la derecha o en donde mejor convenga. Uso de presentaciones con flash El uso del flash en una pagina web hace que se recargue la pa...

E) Determinación de los elementos de Navegación Existen 11 elementos que conforman el sistema de navegación: 1. Menú principal 2. Pie de página 3. Barra corporativa 4. Ruta de acceso 5. Fecha de publicación 6. Botón de Inicio o home 7. Mapa del sitio 8. Contacto 9. Buscador 10. Botón de ayuda 11. Botón de imprimir Estructura del menú En una página web usar menús son listas de enlaces a otras páginas. El menú se coloca en la parte superior o al lado del lógo, debe ser ligero en contenido, suele basarse y al utilizar códigos se pueden producir efectos mas visuales. Definición de diseño visual Se refiere a la forma como presentamos la información a través del aspecto visual. Ideas básicas para un buen diseño Comodidad para el que nos visita a través del texto, las imágenes, la animación etc. La comodidad para el autor, se refiere a la facilidad para modificar o actualizar nuestra pagina. Accesibilidad: en el aspecto técnico nues...

D) Diseño de la estructura del sitio. Consiste en tres etapas: 1. Definir la estructura o mapas del sitio. 2. Definir el árbol de contenidos. 3. Definir los sistemas de navegación,que se ofrecerá a los usuarios para que avancen a través de sus contenidos. Elaboración de mapas del sitio El mapa del sitio o site map como su nombre lo indica es una representación gráfica o textual del sitio web, equivalente al indice de un libro y consta de una sola pagina. El html mostrando la estructura del sitio, directorio de archivos, y como están enlazados el mapa del sitio facilita la navegación a nuestros usuarios o nuestros navegadores. Características de un mapa de sitio en Html Debe ser claro Jerarquizado Con títulos  descriptivos Cortos Agradables a la vista. Definir el árbol de contenidos Es un diagrama que muestra de manera practica cuantas seccione tendrá el sitio de desarrollo y cuantos niveles habrá dentro de cada uno. Tipos de árboles El de orga...

C) Determinación de la información del sitio Temáticas del sitio La idea de un sitio web es porque vamos a comunicar algo al mundo. El tema que eligamos para nuestra pagina tiene que llevar información o imágenes sobre lo que vamos a hablar o vender, tiene que haber una armonía visual. Para definir los objetivos de nuestra pagina debemos saber que mensaje que queremos transmitir, y hacernos la pregunta "para que se publica este sitio" y de esa manera establecemos nuestro derecho. Supongamos que haremos una pagina donde la imagen centrar es un animal entonces para que publicaríamos un sitio que hable de animales: adopción, extinción, cuidados. Elaboración del objetivo de la pagina. Si existe mas de uno ahí que hacer una lista del mas importante al menos, esto nos sirve para que nuestra pagina este mejor visualmente. Al hablar de la audiencia publica quiere decir a que tipos de personas queremos que llegue a nuestra pagina, por ejemplo si vam...

B) Comprobación de uso estándares en el código de programación Una pagina web es accesible para too el mundo cuando se puede navegar, independientemente si la persona es discapacitada o no, las paginas web de las dependencias del gobierno de casi todos los países cumplen con ciertos estándares de acceso. Esto aplica a personas con vista cansada que carezcan de la vista problemas en las muñecas. Validación  HTML Es la forma de visualizar archivos de tipo gráfico  a través de los estándares establecidos w3c, en base a la tecnología de las computadoras y su forma de accesar. El formato de un sitio web es que el usuario tenga una interfaz facil para navegar, que los buscadores faciliten las búsquedas, y que se apliquen estándares xhtml, css. La estructura de la pagina tiene que desarrollar códigos html en su contenido, el código css en su presentación. El documento de la pagina web cumple con estándares si esta escrito en código xhtml, que usa código css,...

A) Identificación de elementos de una  pagina web el Internet es el resultado de la interacción de miles de computadoras que comparten los protocolos de comunicación, es decir el mismo lenguaje, estos protocolos son TCP/IP.                     WWW. World Wide Web Significa red ancha mundial y es la mas usada en Internet a través de conexiones remotas llamadas sitios. Utiliza vínculos e hipertextos. Ademas de imágenes, vídeos, contenido multimedia etc, todo esto a través de las llamadas URL. Hipertexto Son los que contienen los enlaces, como por ejemplo los links http://www.blogcaguamas.com estas ligas nos enlazan a otras paginas o documentos. El hipertexto esta habituado a mensajes escritos pero también a contenido de multimedia, es decir si cursamos cualquier imagen o vídeo también nos enlaza a otra pagina, a esto se llama hiper media.             ...

1.1 Diseño y elaboración de páginas web. Total de horas por semestre: 114 horas 1.- Desarrolla páginas web estáticas. Resultado de aprendizaje: determina la estructura del sitio web con base en las necesidades del usuario, elabora paginas web haciendo el uso del lenguaje de etiquetas y construye hojas estilo en cascada. 2.- Desarrollo de paginas web dinámicas.  Resultado de aprendizaje: implemento a las paginas web el código en lenguaje script, y establece base de datos en paginas web. Actividades de Evaluación : Elabora la justificación y estructura del sitio web de acuerdo con lo que el cliente requiere, Evidencias a recopilar: -Practicas electrónicas e impresa -Pantalla a captura de la practica -Sitio personalizado por el alumno o equipo.