AUTORÍA

La web está siendo realizada por Pablo Martín y Patricia Juárez.
Para su elaboración y con objetivo de ser más vistosa para el visitante se ha hecho uso de imágenes de la película y de los libros. Por lo que las imágenes de la película son propiedad de Aurum Producciones S.A. (aurum.es)
Mas los personajes y libros de Stephenie Meyer.

RESOLUCIÓN

El sistema hipertexto está en desarrollo. Para su resolución, hacemos uso de artículos sobre el tema adquiridos de internet (GARRETT de Jesse James...), programas para su implementación (dreamweaver) y diseño (photoshop), mas utulidades ofrecidas por la red para controlar la usuabilidad y accesibilidad del sistema. Sin olvidar, que estamos recurriendo a numerosos sitios informativos de Crepúsculo, para dar una información completamente fiable.

OPTIMIZACIÓN

Los factores que hemos incluido en la página y que influyen en la optimización de la web son los siguientes:

• Tamaño de la página, cuanto más pequeña mejor.
• URL con los términos de búsqueda.
• Posición de los términos de búsqueda al principio.
• Proximidad de los términos de búsqueda en el texto.
• Título, presencia del término de búsqueda en el título.
• Presencia de las frases de búsqueda en las frases del documento.
• Crear nuestras páginas escribiendo el código "a mano" y comprobar que el código no tenga tags abiertos o incorrectos.
• Accesibilidad y usabilidad correctas.
• Contenido:
  • Evitar palabras no específicas del contenido, texto subjetivo, metáforas, sin juegos de palabras, etc.
• Estructurado: párrafos cortos, páginas cortas, subtítulos informativos, etc.
• No dividir un mismo texto en páginas con "continuación".
• Redacción del texto breve.
• Credibilidad:
  • Rápida respuesta.
• Actualización reciente.
• El sitio parece diseñado por profesionales.
• Legibilidad:
  • Selección de colores con contraste.
  • Alinear a la izquierda.
  • No usar tablas anidadas.
• Hoja de estilos:
  • El formato es recomendable en hojas de estilo.
  • No usar más de dos fuentes.
  • La página debe ser legible aunque desaparezca la hoja de estilo.

El código de la web ha sido optimizado y depurado con ayuda de dreamweaver.

• Limpieza del código.
• Verificación de que las etiquetas y llaves están equilibradas.
• Comprobación de la compatibilidad con los navegadores.
• Validación de etiquetas.
• Creación de páginas compatibles con XHTML.
• Utilización del depurador de ColdFusion (sólo Windows).

ANALISIS DE USABILIDAD

  En primer lugar y más importante, para la elaboración de la web estamos haciendo uso de HTML 4.0x.
Es importante porque hasta ahora los navegadores sufrían incompatibilidades, es por ello que W3C elaboró un estándar que todos los navegadores se comprometerían a cumplir. Y es HTML 4.0. Muy conocido es el XHTML por ser compatible con XML, permitiendo este numerosas funcionalidades. A causa de la gran importancia que están adquiriendo los archivos xml hemos decidido implementar la web en XHTML.

  Para asegurarse de que el HTML no tiene errores se pueden hacer uso de multiples aplicaciones disponibles en la red. Validadores HTML o plugins de los mismos navegadores que permitan visualizar los errores. Uno que usamos y muy conocido es: http://validator.w3.org/

ACCESIBILIDAD

  No se puede estudiar la usabilidad de una web sin tocar la accesibilidad. Pues ambos mejoran la eficacia, eficiencia y satisfacción de los usuarios.
Entre esos usuarios se encuentran las personas con discapacidad y también para ellas tenemos que preparar el sitio web. Hay catorce pautas a seguir para que un sitio web sea accesible (las Pautas de WAI). Pero además para mayor comodidad en la red disponemos de un validador de accesibilidad: http://www.tawdis.net/taw3/cms/es

HISTORIA DE LA ELABORACIÓN DEL SITIO:

• Software Utilizado 
• Photoshop CS. Para la elaboración del diseño y diagrama.
• Dreamweaver MX 2004. Para la elaboración de los documentos html.
• Flash FXP. Ftp para subir la web al servidor.

• Normas 
• CSS 2.1: CSS válido
• XHTML 1.0 Transitional: XHTML válido
• Licencia: Creative Commons Reconocimiento-No comercial-Sin obras derivadas 3.0 España License
• Pautas WAI: Esta página se adapta a las "Pautas de Contenido Accesible en Web 1.0" del W3C, nivel Triple A
  Pautas cumplidas junto a sus puntos de verificación:
  • 1- "Proporcione alternativas equivalentes de contenido visual y auditivo".
  • 2- "No basarse sólo en el color". En esta página todos los colores están bien contrastados y el texto se destaca normalmente por efectos en la fuente (comprobado imprimiendo la página en blanco y negro).
  • 3- "Utilice marcadores y hojas de estilo y hágalo apropiadamente". En esta página se hace uso de hojas de estilo, separando completamente el contenido del diseño (comprobado deshabilitando el css usando un plugin de firefox) y además está estructurado adecuadamente y contiene metadatos. Además se usan unidades relativas, como porcentajes.
  • 4- "Identifique el lenguaje natural usado". Hemos identificado el español mediante el atributo "lang" y "xml:lang".
  • 5- "Cree tablas que se transformen correctamente". No hemos hecho uso de tablas para maquetar y posicionar, sino de hojas de estilo.
  • 6- "Asegure que las páginas que incorporan nuevas tecnologías se transformen correctamente". Por ejemplo, en las galerías de imágenes si el usuario no dispone de javascript le ofrecemos el uso de una página alternativa donde podrá descargarse las imágenes a tamaño original.
  • 7- "Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes". Por ejemplo, hacemos uso de noscript para cuando no esté disponible javascript, no hacemos uso de refresh para no desorientar al usuario...
  • 8- "Asegure la accesibilidad directa de las interfaces de usuario incrustadas".
  • 9- "Diseñe con independencia del dispositivo". Se han añadido orden en las tabulaciones, atajos de teclado, para cada label su correspondiente campo...
  • 10- "Utilizar soluciones provisionales". Por ejemplo, todos los campos de un formulario tienen contenido, los vínculos seguidos tienen entre medias carácteres imprimibles, control de formulario y etiqueta están en la misma linea...
  • 11- "Utilice las tecnologías y pautas W3C". Hemos hecho uso y validado XHTML y CSS más hemos evitado sus características desfasadas.
  • 12- "Proporcione información de contexto y orientación". Los elementos han sido agrupados, y proporcionamos información de contexto y orientativa para el usuario.
  • 13- "Proporcione mecanismos claros de navegación". Proporcionamos un mapa del sitio que proporciona una visión global de la organización del sitio. Un menú que está agrupado según vínculos relacionados. En el contenido de la sección proporcionamos vínculos que saltan sobre varias lineas para subir o ir a sitios concretos de la página. Además informamos como hacer uso de las secciones o de como descargar los archivos que ofrecemos.
  • 14- "Asegure que los documentos sean claros y simples". Hemos hecho uso en todo momento de un lenguaje sencillo. Para mejor comprensión de la página hemos añadido gráficos relacionados al contenido. Todas las páginas pretenden ser reducidas para mayor comodidad del usuario. El diseño de la web es consistente, proporcionando una idea de unidad permitiendo al usuario familiarizarse con la estructura de la página.
  Se ha hecho uso del Validador de Taw3 para corregir y comprobar el nivel WAI de la web.

• Navegadores 
• Internet Explorer
• Mozilla Firefox
• Google Chrome

• Bibliografía 
• W3C: http://www.w3.org/
• Teoría de Sistemas de Hipertexto
• GARRETT, Jesse James (2002) [Traducción al castellano por Javier Velasco]. -Un vocabulario visual para describir arquitectura de información y diseño de interacción. Disponible en: http://www.jjg.net/ia/visvocab/spanish.html [Fecha de consulta: 26/ENERO/2009]
• HASSAN MONTERO, Yusef (2002). -Diseño Hipermedia centrado en el usuario. -Disponible en: http://www.nosolousabilidad.com/articulos/hipermedia.htm [Fecha de consulta: 26/ENERO/2009]
• HASSAN MONTERO, Yusef ; NÚÑEZ PEÑA, Ana (2008). -Diseño de Arquitecturas de Información: Descripción y Clasificación. Disponible en: http://www.nosolousabilidad.com/articulos/descripcion_y_clasificacion.htm [Fecha de consulta: 26/ENERO/2009].
• Página web oficial de la película de Crepúsculo: http://www.crepusculo-lapelicula.es/
• Crepusculo-es.com - Web oficial en español para fans de la saga de Stephenie Meyer
• Crepúsculo (novela) - Wikipedia, la enciclopedia libre: es.wikipedia.org/wiki/Crep%C3%BAsculo_(novela)
• // Amanecer - Eclipse - Luna nueva - Crepúsculo //: www.alfaguarainfantilyjuvenil.com/crepusculo
• CrepúsculoMeyer .::. Un amor entre la vida y la muerte : www.crepusculomeyer.com
• Web de estadísticas: http://www.histats.com
• Creador de sitemaps online: http://www.xml-sitemaps.com
• Herramientas para webmasters de google: http://www.google.com/webmasters/sitemaps/siteoverview
• Creador de favicons: http://www.html-kit.com/favicon/
• Posicionamiento web en Google: http://google.dirson.com/posicionamiento.net/
• DMOZ Open Directory Project: Buscador abierto de links a páginas http://www.dmoz.org
• ForoGratis: Una web que en cuatro pasos te crea y configura un foro. http://www.forogratis.es/
• Generador de metatags: http://www.altas-buscadores.com/generarmetas.php
• CBox: Web donde crear paneles de mensajes de forma gratuita para tu web. http://www.cbox.ws/
• PlayList: Web donde crear tus listas de reproducción a partir de la música que tienen en la web. http://www.playlist.com/
• Desarrolloweb: Foro donde hay mucha ayuda para el desarrollo de páginas. http://www.desarrolloweb.com/
• Bing: Buscador de microsoft donde hemos subido nuestro sitemap. http://www.bing.com/webmaster/WebmasterAddSitesPage.aspx