Examen
<P>Fecha: Nombre: </P><BODY>
<H2><U>INSTRUCCIONES:</U> El objetivo de esta prueba es validar todos los conocimientos del certificado profesional, y demostrar que se han asimilado correctamente.</H2>
No se puntúa la prueba si una de las partes esta suspensa.
La batería de preguntas se realizará el miércoles 29 en horario de 7:30 a 9:00. Previa entrega el Martes 28 de la prueba en código y memoria antes de las 15:00 h.
En todo momento la ACTITUD EN EL PUESTO DE TRABAJO será puntuable, siendo motivo de suspenso la no aplicación de criterios profesionales durante la elaboración de la misma, o no intentar hacer la mejor prueba posible, manteniendo en el aula un ambiente continuo de trabajo.
Se autoriza a salir del aula tantas veces se considere necesarias.
El objetivo es desarrollar un sitio web y todos los estudios e informes, previos y posteriores del desarrollo basándonos en una web ya elaborada y real, la cual hay que mejorar aportando toda la documentación solicitada. Instrucciones:
- Se seleccionará una de las 4 páginas siguientes para la elaboración de un sitio web completo basándonos en sus contenidos ya elaborados, posicionamiento en buscadores, etc…
- Inarcan Arquitectos e ingenieros http://www.inarcan.com/quienes-somos.asp
- JFBodas http://jfbodas.weebly.com/
- Camping de Oriñon http://www.campingorinon.com/
- Adminsitrador de fincas Guzman http://www.administraciondefincasguzman.es/
- El maestro hace la función de cliente y coordinador de la prueba, para la petición de nuevos contenidos si fueran necesarios para la elaboración del sitio, solicitando vía email con el formato y lenguaje profesional adecuados cualquier petición que se le haría al cliente.
- Se desarrollará una Memoria técnica de la prueba lo más corporativizada y profesional posible, que incluya mínimo los siguientes apartados:
- Introducción y objetivos de la memoria
- Informe de Técnicas de verificación de la web
- Informe de SEO práctico y directo sobre la estrategia planteada ONPAGE antes del desarrollo. Utilización de la palabras clave a la hora de implementar, estructura, h1 etc...
- Bocetos del sitio inicial.
- Memoria del desarrollo del site. Origen de la plantilla, de los efectos, con explicaciones de las tareas realizadas en el site.
- Informe de Usabilidad y accesibilidad después del desarrollo
- Pruebas en varios dispositivos y navegadores después del desarrollo
- Validación del formulario
- Verificación HTML y CSS después del desarrollo
- En lo correspondiente en código la plantilla tendrá como mínimo aplicado un index y sección de contacto, y lo siguiente:
- Un evento a elegir, que cambie elemento(botón,h1,p…) en el que muestre un mensaje coherente que diga la fecha actual.
- Un formulario de contacto validado
- BUENAS PRÁCTICAS DE PROGRAMACIÓN INDISPENSABLE
- Aplicación de Efectos coherentes de varios tipos.
- Galería de imágenes
- Aplicar Media querys en algún elemento, o utilizar plantillas responsive
- Publicación en servidor a través de FTP a una cuenta que os pasará el cliente previa solicitud vía email.
Visualización
- Plantilla
- Resultado
Informe de verificación
Nos
encontramos ante la página http://www.campingorinon.com/
de
la cuál procederemos a realizar análisis a continuación.
A
simple y primera vista, su estética deja bastante que desear, su
estructura no está realmente clara, así como la presentación de
contenidos, alineaciones, colocación correcta de redes sociales,
enlaces etc.
Cabe
puntualizar que carece completamente de menú así como información
de calidad.
Respecto
a quien va dirigida la página, es algo que no queda claro
explícitamente, se puede deducir quizás que sean viajeros o
personas que estén de vacaciones, pero símplemente por pura
deducción lógica. Lo mismo pasa con la autoría, no queda claro si
es una empresa, un grupo de amigos o conocidos que trabajan ahí, etc
dado que no hay ninguna sección de quienes somos, de vital
importancia para que no resulte una página fraudulenta. Las
credenciales de estas personas tampoco quedan claras, ni cuál es su
labor, básicamente parece que hablan del lugar, las instalaciones y
el precio, información que resulta insuficiente.
El
mensaje por lo tanto tampoco resulta claro, preciso o entendible.
Esta página sólo es encontrable para aquellos que sepan que este
lugar existe y cómo funciona, cosa que será una minoría de
clientes, quizás consiguiendo que muchos se lo piensen antes de ir.
Respecto
a la ortografía de la web, sólo es destacable un fallo ortográfico,
el cuál tras corregirlo no sería por más tiempo relevante este
error.
El
método de transmitir la información tampoco es el adecuado, dado
que la estructura no está clara, por lo que el usuario se sentirá
confuso.
La
originalidad por supuesto no está vigente en la estética de esta
página, sino que carece de ella, así como el hecho de poseer una
usabilidad muy reducida o prácticamente nula.
Si
hay alguna fuente, por supuesto está omitida, así como la
objetividad, que no es demostrable dado que no se puede averiguar en
esta página si realmente son pioneros y tienen tantos años de
experiencia.
Viendo
la información referente a los precios, se puede averiguar
rápidamente que no está actualizada dado que son del año pasado,
por lo que esto bajará el ranking de Google.
Cabe
destacar además que no parece que sigamos en la misma página cuando
decidimos verla en otro idioma, no obstante, debería mantenerse la
estructura y contenido de la misma puesto que puede ser
desconcertante para el usuario.
Así
mismo, no parece una página popular, no estaría de más una sección
con opiniones sobre las instalaciones, la experiencia en el camping
etc que puedan tener los usuarios, ésto mejoraría mucho la página.
En
referencia a su utilidad, lo más útil que aparece aquí es la
información del tiempo, el lugar donde está situado el camping y
los precios, el problema es que al no estar actualizado, carece de
credibilidad o relevancia.
En
definitiva, tiene demasiadas cosas que modificar dado que la página
está muy mal aprovechada y se le podría sacar muchísimo más
partido, lo que traerá más clientes.
Informe SEO
Procedemos
con este informe a analizar distintos puntos sobre la empresa del
cliente así como plantear los distintos elementos que se tendrán en
cuenta en la web que elaboraremos posteriormente, antes de realizar
tal acción.
Tenemos
en cuenta al camping de Oriñón como empresa con intención de
mejorar su posicionamiento web así como la web existente con
intención de atraer más clientes y usuarios a modo de aumento de su
popularidad entre turistas.
Ventaja competitiva
Dado
que es una empresa familiar establecida desde hace varias décadas,
contamos de antemano con experiencia demostrable en el sector, no
obstante no podemos asegurar al cien por cien sobre la afirmación de
ser los primeros en la zona, dado que no es demostrable y afirmar tal
cosa sin aportar pruebas, conllevaría adquirir poca credibilidad,
por lo que, si no podemos encontrar un modo de demostrarlo, habría
que descartar esta opción.
Por
otro lado, existen servicios de los que carece la competencia y a los
que no se les ha sacado todo el partido que se puede, a parte de
esto, se podrían implementar un par de ellos más que garanticen un
mayor éxito y una mejor diferenciación de la competencia.
Por
lo tanto, la estrategia a seguir será la diferenciación de la
competencia mediante aquellos servicios que ellos no poseen, ventaja
de la cuál sacaremos todo el partido posible.
Tras
observar los distintos servicios que ofrece la competencia y los del
camping de Oriñón y descartando aquellos que son similares,
convenimos que habría que destacar la peluquería,, la animación a
adolescentes y niños, la consulta médica, la secadora (otros tienen
lavadora al igual que este camping, pero no secadora), los platos
para llevar (no son muy relevantes, pero ningún otro lugar tiene esa
posibilidad),prensa, la admisión de animales (no es algo que no
tengan en otros lugares, pero a los dueños de mascotas siempre les
agrada saber que pueden viajar con ellos si lo requieren, así que
habría que destacarlo).
A
parte de estos servicios ya existentes, convendría implementar estos
servicios para representar una competencia más fuerte:
- Se podría añadir un WC para discapacitados
- Ganaría mucho implementando un servicio de reserva y, además, de un descuento dependiendo del tiempo de antelación. Esto lo tiene la competencia más fuerte y consigue la atención de más clientes.
- Lograremos con un servicio de venta de tiendas, sacos de dormir etc que aquella clientela que haya olvidado algún elemento o se le haya deteriorado no suspenda sus vacaciones y, de paso, nos proporcionará un ingreso extra y se tendrá en cuenta nuestra previsión de forma positiva.
- En el caso de que hubiese espacio que lo permitiera, estaría bien añadir una zona de barbacoas dado que en verano captará la atención de los clientes o de los futuros clientes.
- Podría implementarse un incentivo para que los clientes vengan, vuelvan o se queden como fiestas temáticas mensuales, descuentos, promociones etc
- Se podría además establecer el precio de los bebés o niños hasta tres años, gratuito, pues ayudará a que vengan familias
- Se podría implementar el facebook en la página con sus actualizaciones dado que se publica de forma activa y hay buenas opiniones
- Así pues, tendremos que tener un servicio de atención al cliente excelente para una mejor diferenciación
Teniendo
en cuenta todo esto, la página web a desarrollar deberá ser
elaborada, profesional y completa, con toda la información que se
precise pero siempre con una estructura fácil, visible, agradable .
En dicha página se podrán añadir además algún que otro gadget,
plug in o elementos como reloj, el tiempo etc que sean útiles a los
usuarios a la hora de decidir sus vacaciones.
Objetivos y medios
Los
objetivos se basarán en la captación de más clientes y usuarios de
la web, así como de la afianciación de los que ya son asíduos, es
decir, que vengan nuevos clientes y que los que ya han estado tengan
motivos por los cuales volver. Podrían resumirse así:
- Captación de clientes
- Captación de usuarios web y futuros clientes
- Mantenimiento de clientes y usuarios
- Mejor posicionamiento en buscadores
- Mejorar popularidad del camping y página web
- Que la web aparezca en la primera página de resultados lo antes posible mediante las palabras clave que se refieren a los servicios o al camping (especificadas concretamente en el apartado de keywords)
- Posicionamiento en la primera página al buscar camping cantabria, entre los primeros puestos.
Dichos
objetivos podrían medirse mediante los datos acerca de los clientes,
una estimación de la cantidad de ellos, etc A parte, podrían
distribuirse encuestas breves (si no algunos considerarían una
molestia rellenarlas dado que están de vacaciones) que nos den una
pequeña idea de cual es la opinión de las instalaciones, servicios,
etc dado que, sabiendo esto, podremos realizar pequeños campos más
fácilmente y hacernos una idea del tipo de clientes que tenemos,
número etc. En la web todo esto podrá medirse gracias a la
herramienta de Google Analytics.
Los
medios para conseguir dichos objetivos son en parte los ya propuestos
como mejora, a parte de contar con una estrategia on page y off page
así como trabajar en el SEO de la nueva página, lo que nos
garantizará un mayor número de usuarios y una mejor popularidad.
Análisis de la competencia
Después
de revisar varias páginas, tando de la competencia como de
información para turistas, establecemos con mayor relevancia en
cuanto a popularidad, servicios, precios, posicionamiento o calidad
varios campings con sus respectivas páginas web:
- Camping Los Molinos de Bareyo
- Página con características : http://www.vayacamping.net/camping/los-molinos-de-bareyo
- Camping Altamira Camping Park
- Página con características : http://www.vayacamping.net/camping/altamira-camping-park
- Camping Somo Parque
- web : http://somoparque.com/
- Página con características : http://www.vayacamping.net/camping/somo-parque
Encontramos
éstas como las destacadas principales entre todos los campings de
Cantabria. Ésto parece a simple vista de poca importancia dado que
no están situados exactamente en la misma zona, no obstante no hay
que subestimar este hecho puesto que un turista que vea las páginas
web puede pensar a simple vista cuál parece más fiable y de mejor
calidad, lo que incurrirá a pensar qué sitio será el más
aconsejable para visitar, así como las opiniones o la falta de ellas
pueden disuadirlo de escoger uno u otro camping o el hecho de que
haya o no cierto servicio, por lo que todos estos puntos son de
importancia relevante ya que dicho turista puede ver como rentable
hacer unos pocos kilómetros más de viaje hacia su hospedaje si con
ello tiene la seguridad de que su estancia será mejor que en el más
cercano.
Al
analizar los servicios, podemos ver que hay un desequilibrio en
estos, pero también hay que tener en cuenta aquellos lugares que
poseen un mayor espacio para sus instalaciones que siempre tendrán
esa ventaja contra los que no posean tantas hectáreas, aún con
todo, se puede proporcionar una competencia fuerte equilibrando este
dato con las mejoras propuestas que ayudarán a ver el espacio como
algo no tan importante. Es decir, si nuestros servicios son mejores,
dará igual que el camping sea más reducido que el de nuestros
competidores.
Por
otro lado las páginas web de la competencia no son difíciles de
igualar y mejorar en estética y usabilidad, lo que hará más
llamativa la nuestra, amigable y fácil de navegar.
No
obstante, a pesar de que estas webs están mejor valoradas, tendremos
en cuenta
dado
que su posicionamiento va justo detrás de las páginas de turismo,
viajes etc que hablan de los campings y los valoran y serán pues
aquellas en las que empezaremos a tener en cuenta sus keywords.
Después
de observar detenidamente ambas páginas, convenimos que, al no
poseer keywords, la primera tendrá una buena estrategia off page
para tener ese posicionamiento. Por otra parte la segunda página
posee una amplia gama de keywords, centradas en la playa, el los
bungalows y en la localización ya que hay muychas palabras clave que
incluyen Santander y Cantabria. Cabe destacar además que nombran
ligeramente la existencia de piscina y los precios baratos. De echo,
es el primero que sale al buscar un camping barato.
Selección de keywords
Tras
observar a los competidores así como después de haber elaborado una
estrategia comercial, estableceremos las keywords que estimamos más
nos convienen para dicho negocio.
- Según localización:
Camping
Oriñón, Camping en Cantabria, Camping en Castro, el mejor camping
Cantabria
- Según servicios:
Camping
con peluquería, camping con asistencia médica, camping mascotas
permitidas, camping actividades para niños, camping actividades para
adolescentes, camping parque infantil, camping con restaurante,
camping con playa
(Las
de a continuación serán en caso de implementar estos servicios)
Camping
con venta de equipamiento, venta de equipamiento para acampar,
camping con barbacoa
- Según temporada:
Acampar
en Semana Santa, Acampar en Navidad, Acampar en verano, Acampar en
San Valentín, Acampar en vacaciones
No
obstante, hay que tener en cuenta la utilización de Google Analytics
para determinar cuáles nos traen usuarios a la página y qué
palabras clave nos pueden sobrar o faltar.
SEO on page
Definidas
las Keywords, restaría definir la estructura a seguir, los títulos
y las descripciones de cada página.
La
estructura se plantearía mediante el meú básicamente. Lo idóneo
sería dividirla en varias secciones que serían un index de
presentación (implementando a poder ser el facebook, opiniones y un
gadget para saber el tiempo), quienes somos, dónde estamos
(características de la zona), información de servicios y precios
(implementando a poder ser la sección de reserva), eventos
especiales y promociones, galería y una página de contacto con un
formulario.
Los
títulos de esta secciones serían los H1, pudiendo poner en H2 con
el mismo tamaño de la P aquellas palabras clave que incluyamos de
forma que no quede artificial y finalmente en P el resto de cada
artículo.
Para
los títulos de cada página ya dentro del código, podrían ser el
nombre de la empresa, una separación estética y sencilla y el
nombre de la sección pertinente, como por ejemplo:
<title>Camping
de Oriñón | Página principal | Acampar en Cantabria</title>
La
descripción podría ser por ejemplo algo así:
<meta
name="description" content="Disfruta de unas
vacaciones divertidas, tranquilas e inolvidables en el Camping de
Oriñón, para venir solo, en pareja con amigos o familia, con
restaurante, peluquería, playa, animación y mucho más. Situado en
un lugar privilegiado. Acampa en Cantabria ">
La
descripción de las imágenes debería ir obviamente acorde con el
contenido y con lo que en ella se muestre e incluso el archivo con un
nombre acorde.
<img
src="imagen-galería-fiesta hawaiana.jpg" alt="imagen
de la fiesta hawaiana del Camping de Orinón, Cantabria. Fiestas
temáticas para todos y diversión asegurada"/>
El
nombre del dominio ya está establecido, sería
http://www.campingorinon.com/, el cuál ya ofrece cierta idea de lo
que es el lugar y realmente, hay sólo un html, por lo que la URL
sería:
Respecto
a la subida de contenidos a la web podría ser realmente activo,
teniendo en cuenta las fechas especiales, podrían hacerse ofertas o
algún otro reclamo llamativo.
La
elaboración de contenidos de la web será a poder ser con lo último,
siendo actualmente el HTML5 y habrá que estar pendiente si hay
aspectos del CSS que se queden obsoletos para corregirlo rápidamente
cada vez que ocurra.
La
página web se elaborará con aspecto sencillo y ameno, pero con
contenidos sobre los servicios, el lugar, actividades etc, en
resumidas cuentas, con diversos motivos por los que es el mejor
camping para residir en Cantabria, todo esto teniendo en cuenta por
supuesto los criterios de usabilidad y por supuesto implementando los
distintos idiomas con la misma estructura y estética.
Las
imágenes no serán pesadas en exceso, dado que así abreviaremos el
tiempo de carga lo máximo posible sin perder la calidad de estas,
pero la intención de todo esto sería una página que cargue
rápidamente para que el tiempo de espera no sea excesivo ni Google
nos penalice por ello en el Page Ranking.
Elaboración web
La plantilla
seleccionada no es responsive, por lo que habrá que implementar
media qwerys para solucionar el mal visionado del menú y los
contenidos en resoluciones más pequeñas.
La temática gira
en torno al diseño de interiores, por lo que las imágenes de
fondo se sustituirán por imágenes de la playa de Oriñón, que
será el reclamo más vistoso para los usuarios que lleguen a la
página, considerando que, a pesar de ser imágenes de fondo son lo
primero que se ve, junto con el logo (si lo hubiese), así que
llamarán especialmente la atención entre los turistas y viajeros
dado que reúne playa y montaña. Se añadieron, pues, cuatro
imágenes de Orinón para el fondo, sustituyendo a las tres que ya
había y colocando una más para que quedase aún más vistoso.
(Localizado en el comentario Galería de Oriñón).
El menú
superior fue modificado así como el submenú con las secciones
que nos interesan (colocado en el comentario Menú).
Las imágenes
colocadas han sido nombradas como Vistas de Oriñón y con una
numeración del uno al cuatro, para que así Google las indexe
debidamente.
La calidad de las
imágenes de fondo ha sido modificada, así como la imagen
correspondiente al "logo", la cuál ha sido modificada
acorde con la página.
La imagen del
sillón naranja fué sustituida por una de Oriñón visto desde
arriba, para dar la bienvenida al usuario junto con un texto
amigable.
Se implementó un
pronóstico meteorológico para que los turistas decidan
cuándo viajar más facilmente. (Situado en el comentario El
tiempo)
Se añadió una
imagen del contenido de Facebook para indicar el lugar donde
irá dicho plug in (situado en el div correspondiente con el
comentario Facebook)
Se insertó un
icono con imagen de sustitución de linkedin. (en redes
sociales)
Se añadieron las
redes sociales. (Situadas en el comentario redes sociales)
Añadimos el logo
de mascotas bienvenidas bajo el tiempo, así será muy
visible para los usuarios.
Se añadió
además una p que cambiará al cargar la página mostrando la
fecha actual.
En el segundo
artículo (con comentario Artículo dos) se eliminaron las
imágenes, se sustituyeron los textos y se colocaron links acordes.
(La sección de Actividades tiene un comentario con su
nombre.)
El artículo
sobre los distintos servicios está dividido en varias partes dado
que nos encontramos con una galería con sus artículos pertinentes a
cada imagen y además con una muestra en grande de cada imagen. (la
galería con sus imágenes ampliadas estaría situada en el
comentario galería en grande, los artículos en
explicación de la galería y la galería en su propio
nombre). Se sustituyeron imágenes tanto de la pequeña galería como
de las ampliaciones de las mismas, se redactó una pequeña
descripción para cada sección, y se añadieron más secciones e
imágenes.
Se añadió un
noscript en el head y se cambiaron los metadatos
de la forma especificada anteriormente.
La siguiente
sección, perteneciente al formulario, tendrá un comentario
con su nombre formulario.
Se eliminó una
sección previa a esta, totalmente innecesaria ya que la sección del
formulario es la que nos queda.
El footer
fué modificado para mostrar la información referente al camping con
el comentario footer.
Se colocaron
imágenes ocultas de una papelera y un sobre para que
aparezcan cuando el cursor esté sobre la palabra borar o enviar y
desaparezcan cuando no sea así. (en el comentario iconos y su
respectivo js en form.js en el comentario para poner y quitar
iconos)
Tras validar el
formulario, insertamos un mapa de Google con la ubicación del
lugar.
Debido a que su
diseño no es responsive, se realizaron distintas acciones
para lograr que lo fuese:
- Se buscó el elemento referente al artículo y el bloque donde se encontraba y se ajustó al 50% de la pantalla a partir de cierta resolución.
- Se ajustó el footer igualmente (todo esto se encuentra en el responsive.css)
Finalmente, se
cambiaron los nombres de aquellos id que llamaban a los diferentes
artículos dado que estaban en inglés y ya no tenían relación con
el contenido actual. No sería un dato tan relevante si no fuese
porque aparecía en la URL.
Informe de usabilidad
Realizada ya la
página, procederemos entonces a realizar el informe pertinente de
usabilidad para comprobar que está todo correcto y la página será
amena a los distintos usuarios con la información pertinente que
requieran.
- Tras hacer un análisis de velocidad para móvil y pc, estos fueron los resultados
- Móvil:
- velocidad 61/100
- Elementos que se deben corregir:
- Especificar caché de navegador
- Eliminar el js que bloquea la visualización y el CSS del contenido de la mitad superior de la página
- Optimizar imágenes
- PC:
- velocidad 71/100
- Elementos a corregir:
- Especificar caché de navegador
- Optimizar imágenes
- El contraste del color entre los textos y el fondo es correcto dado que permite una buena visualizaxción y lectura de este.
- El espacio entre caracteres es el adecuado, no están ni demasiado juntos ni demasiado separados, además que los encabezados proporcionan una mejor navegación en su contenido, junto con la reducida extensión de los textos.
- Respecto a los elementos flash, no hay ninguno integrado en la página, de ahí que no se exceda su tiempo de carga salvo quizás por las imágenes.
- Todos los elementos alt están correctamente colocados, por lo que aquellos usuarios que precisen el uso de un navegador de texto podrán comprender cuál es el contenido de las imágenes o su contexto.
- No posee una página de error 404
- Al hacer click en el logotipo cargará de nuevo el index, por lo que el usuario no se perderá en ningún momento
- No existe una sección clara de quienes somos o de la empresa en sí, por lo que puede entenderse que sea una página cualquiera hablando del camping y no la página oficial.
- Su index o página principal es sumamente sencilla, rápida de ver y entender y su menú es visible e intuitivo, lo que facilita la navegación.
- Su página de contacto también es fácil de encontrar y muy clara respecto su contenido.
- La navegación es clara, su menú es fácil de ver y entender y en ningún momento se tiene la sensación de haber salido de la página.
- Los nombres de cada sección del menú son claros y coherentes sobre el contenido a mostrar
- No hay excesivos elementos en la página, lo cuál hace que sea rápida de ver y asimilar.
- Los enlaces que posee contienen elementos y nombres coherentes, así no hay pie a error de interpretación.
- Cabe destacar que no posee ningún elemento de búsqueda de contenidos dentro de la web, pero tampoco se hace imprescindible dada su extensión.
- Los encabezados son claros, coherentes y están destacados respecto el resto de contenido, lo que ayuda a una rápida visualización y comprensión de estos, no saturando al visitante.
- La información más relevante la tenemos sólo haciendo click en el menú, siendo lo primero que vemos totalmente visual
- Carece de anuncios y pop-ups lo cual ameniza la navegación
- Su contenido, como ya puntualizamos, es constantemente breve y conciso, fácil de entender y coherente.
- Sus enlaces con otras páginas o redes sociales visualmente son agradables y amenos de ver, ya que mantienen la estética de la página y no aparecen como enlaces visibles. A parte es esto, poseen un estilo especificado en el CSS.
- Su diseño se intentó hacer responsive, pero el menú no queda usable en resolución para móviles.
En
resumen, es una página que cumple casi todos los requisitos de
usabilidad.
Informe de accesibilidad
Realizado
ya el análisis de usabilidad, pasaremos al de accesibilidad, para
determinar si la página estará habilitada para distintos usuarios.
Para esto, pasaremos la página por el validador de W3C.
- Realmente no se localizó ningún error relevante que impida una buena comprensión de la página de forma no visual
- No existe ausencia de alts, titles o metadatos y los css y js están en archivos a parte.
- Por otra parte, en el css no encontró errores
Tras
esto, analizaremos a continuación el análisis a partir de las
distintas visualizaciones en navegadores.
- La página se realizó guiándose de la visualización en chrome, por lo que se ve de la forma deseada en dicho navegador
- En firefox el mapa de google no se ve, pero cuando redimensionamos a una resolución móvil se ve igual que en chrome salvo por este detalle del mapa.
- En internet explorer hay que permitir el contenido js o no podremos ver la web y el footer no se verá a no ser que bajemos el scroll, por lo demás, todo funciona igual.
- En el Opera los contenidos se ven similar que en el internet explorer dado que hay que usar el scroll, pero además el menú se ve algo más a la derecha cuando redimensionamos.
En
resumen, entendemos que la página posee un nivel de accesibilidad
bastante aceptable, por lo que en este sentido no existe ningún
problema.
Validación de formularios
Tras
elaborar la página, es imprescindible comprobar que el formulario
sea totalmente funcional dado que será el que nos garantice la
recogida de mails de contacto con preguntas, observaciones o
reservas.
El
formulario ha sido validado con expresiones regulares como estas
/^[a-zA-Z][a-zA-Z
]+[a-zA-Z]?$/
/^([0-9]+){9}$/
La
primera sería para el nombre y la segunda para el número de
teléfono.
El
formulario tiene la opción de borrarlo y de enviarlo, no obstante,
no te permite realizar esta última acción a no ser que estén todos
los campos correctamente rellenados, tras lo cuál, te aparecerá un
mensaje agradeciendo el envío y notificándote que responderán lo
antes posible.
