Mostrando entradas con la etiqueta Prueba de validación UF1302. Mostrar todas las entradas
Mostrando entradas con la etiqueta Prueba de validación UF1302. Mostrar todas las entradas

jueves, 17 de julio de 2014

DIA TREINTA Y UNO 16/07/2014

Hoy acabé por fin la prueba de validación, en el último momento. Iba a hacer algo muy elaborado y el tiempo jugó en mi contra,acabo de aprender que primero tengo que centrarme en la funcionalidad y después poner las cosas estéticas etc, porque llevan mucho tiempo y paciencia consigo.
En diseño gráfico seguimos intentando imitar un logo con las herramientas aprendidas, yo tube que empezar de cero porque extrañamente el archivo no se guardó.
Ésta es mi prueba de validación:

<H1 <B>ALIGN=”CENTER”>PRUEBA DE VALIDACIÓN PERSONAL</B><H1>
<P>Fecha: Módulo: MF0950_2 Unidad Formativa: UF1303.4
Nombre:
</P>
<BODY>
<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de una parte escrita y una de código en Dreamweaver. <b>NO MÁS DE 20 LÍNEAS POR PREGUNTA</b></H2>
1.- Ejercicio de código: elabora una página web EN HTML5 sobre “tu propia tienda”, tendrás que inventarte el nombre, tipo de tienda, imagen corporativa… Primero haz el boceto en papel y estructura el ejercicio, cuando lo hayas pensado tendrás que crear un Index.html con:
El logo de la empresa (que sea una imagen de sustitución)
Un menú (creado por tablas) que nos lleve a dos páginas de nuestra empresa, al “¿Quién somos?” y a la página de contacto. Recuerda que ambas deben mantener la imagen corporativa, logo etc.
Una marquesina <marquee>; </marquee>
Una barra de separación horizontal
Mostrar dos de nuestros artículos principales  a la venta y que sean dos imágenes enlazadas a cualquier parte (por ejemplo, si es una tienda de nintendo que se muestren dos juegos de Mario Bros)
Página de ¿Quién somos? con:
Que se muestren 4 articulos que tengas en venta insertados mediante una tabla. Recuerda que debes mantener la imagen corporativa de la tienda (mismo logo, colores.. que en el .Index) y que en el resultado final, quede claro a qué te dedicas y como trabajas entre otras cosas que incluye una página de “¿Quiénes somos?” (con explicaciones, fotos de la propia tienda, lo que quieras).
Página de Contacto con:
Un código de maps con tu ubicación (usar iframe de google maps). En esta pagina recuerda que debes mantener todo lo anteriormente citado.
ASPECTOS GENERALES DE LAS PÁGINAS:
Todas las páginas deben de tener una imagen anclada a la que no le afecte el scroll en la que al clicar, nos lleve a la parte superior de la página.
A pie de página una frase tipo: para más información y que esté enlazada al envío de un correo electrónico (un mailto)
Tienen que estar validadas y con los errores debidamente corregidos (errores, no advertencias)
Todas las imágenes correctamente editadas en cuanto a tamaño y resolución.
NO USAR PLANTILLAS DEL DREAMWEAVER.
* Realizar boceto en papel, aquí tienes un boceto de ejemplo:
Boceto prueba de validación uf11304-4.jpg

2.- Escribe y explica la estructura básica de html.
3.- Cómo insertarías un enlace para que te dirija a otra página y cómo lo harías para que te lleve a esa página dentro del iframe.
4.- Cómo enlazarías una imagen y pon un ejemplo de código.
5- Cómo guardarías una imagen para que no pierda la transparencia.
6-Busca una página web con poca usabilidad y explica por qué.
7.- Por qué es tan importante el atributo “alt” en las imágenes.
8-Cómo harías para cambiar la velocidad de una marquesina.
9.- Cómo pondrías una imagen que funcione como anclaje para ir al principio de la página. Pon un ejemplo de código.
10.- Explica los 3 tipos de prioridad en la accesibilidad (A, AA, AAA).
11.- Cómo obtendrías las coordenadas de un mapa de imagen y pon un ejemplo de código de un polígono en forma de estrella.

Y estas son las pertinentes páginas que creé


PÁGINA PRINCIPAL

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>uf1302.4</title> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <style type="text/css"> .tamaño { font-size: 14px; text-align: center; font-weight: bold; } body,td,th { color: #FFF; font-size: 24px; } .tamaño { color: #FFF; } .tamaño { font-size: 36px; } .tamaño { font-size: 36; } .tamaño { font-size: 24px; } .tamaño { color: #000; } </style> </head> <body background="C:\Users\ETC5\Desktop\melani/22849.jpg" onLoad="MM_preloadImages('clave.gif')"> <a name="arriba"></a> <hr> <MARQUEE BEHAVIOR=alternate><FONT FACE=arial COLOR=white SIZE=5>Porque la vida está llena de música y la música de vida</FONT> </MARQUEE> <div align="center"></div> <div align="right"> <table width="1244" height="1628" border="0"> <tr> <td colspan="2"><img src="bienvenidos-21.png" alt="bienvenidos" width="750" height="266" align="middle"></td> <td width="33">&nbsp;</td> <td width="260" height="268"><div align="right"><a href="uf1302.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','clave.gif',1)"><img src="Tornado-Logo.gif" width="253" height="192" id="Image1"></a></div></td> </tr> <tr> <td colspan="2"><p align="center" class="tamaño"><font color="white">Acabais de entrar en el paraiso musical que todo mortal e inmortal desea conocer y disfrutar. Poneos cómodos, que el viaje será movidito, sujetad bien vuestros auriculares y olvidaos deL mundo por un rato. </p> <div align="center">BIENVENIDOS AL PARAISO ,MELÓMANOS</div></font></p> </td> <td rowspan="4">&nbsp;</td> <td height="126" align="center" valign="baseline"><a href="uf1302(1).html"> <img src="boton quienes somos.gif" width="215" height="89" alt="botón quienes somos"></a></td> </tr> <tr> <td colspan="2"><p class="tamaño">&nbsp;</p></td> <td height="129" align="center" valign="baseline"><div align="right"><a href="uf1302(2).html"><img src="boton contacto.gif" width="232" height="85" alt="boton contacto"></a></div></td> </tr> <tr> <td colspan="2" align="center"><img src="Novedades.gif" alt="novedades" width="493" height="211"></td> <td height="170"><div align="right"></div></td> </tr> <tr> <td width="357" height="845" align="center"><a href="http://www.taringa.net/comunidades/alt-rock-metal-music/8485286/Babymetal---Babymetal-Album-2014-J-Metal.html"><img src="35733-andltahrefhttpwwwjpo-18nm.jpg" width="262" height="218" alt="baby metal"></a></td> <td width="576" align="center"><a href="http://www.spirit-of-metal.com/discographie-groupe-Dead_By_April-type-Albums-l-es.html"><img src="descarga (3).jpg" width="225" height="225" alt="dead by april"></a></td> <td><div align="right"></div></td> </tr> </table></div> <div style="position:fixed;right:0;bottom:0;"><a href="#arriba"><img src="rock.gif" width="200" height="145" /></div> </body> </html>


QUIENES SOMOS

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>uf1302.4</title> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <style type="text/css"> body,td,th { color: #FFF; font-size: 24px; } </style> </head> <body background="C:\Users\ETC5\Desktop\melani/22849.jpg" onLoad="MM_preloadImages('clave.gif')"> <a name="arriba"></a> <hr> <MARQUEE BEHAVIOR=alternate><FONT FACE=arial COLOR=white SIZE=5>Porque la vida está llena de música y la música de vida</FONT> </MARQUEE> <div align="right"> <table width="1486" height="820" border="0"> <tr> <td width="274" align="center"><img src="35733-andltahrefhttpwwwjpo-18nm.jpg" width="209" height="198" alt="baby metal"></td> <td width="206" align="center"><p>DISCO DE BABY METAL</p> <p>&nbsp;</p></td> <td width="992" height="249"><div align="right"><a href="uf1302.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','clave.gif',1)"><img src="Tornado-Logo.gif" width="253" height="192" id="Image1"></a></div></td> </tr> <tr> <td align="center"><img src="51T4bITiwkL.jpg" width="216" height="177" alt="lacuna coil"></td> <td align="center">DISCO DE LACUNA COIL</td> <td height="136"><div align="right"><a href="uf1302(1).html"><img src="boton quienes somos.gif" width="255" height="84" alt="botón quienes somos"></a></div></td> </tr> <tr> <td align="center"><img src="descarga (3).jpg" width="214" height="172" alt="dead by april"></td> <td>DISCO DE DEAD BY APRIL</td> <td align="right" valign="top"><a href="uf1302(2).html"><img src="boton contacto.gif" width="254" height="88" alt="botón contacto"></a></td> </tr> <tr> <td align="center"><img src="emilie-autumn-opheliac.jpg" width="209" height="152" alt="emilie autumn"></td> <td>DISCO DE EMILIE AUTUMN</td> <td valign="top">&nbsp;</td> </tr> <tr> <td colspan="2" align="center">&nbsp;</td> <td valign="top">&nbsp;</td> </tr> <tr> <td colspan="2" align="center">¿YA LE ECHASTE UN VISTAZO A NUESTROS PRODUCTOS? ¿QUIERES SABER MÁS DE NOSOTROS?</td> <td valign="top">&nbsp;</td> </tr> <tr> <td colspan="2" align="center">Somos una pequeña pyme situada imaginariamente en Castro Urdiales (Cantabria) Obviamente no colocamos fotos del lugar real porque no existimos. Puedes visitarnos mentalmente cuando quieras, estamos las 24 horas todos los días, menos los sábados</td> <td valign="top"><div align="right"></div></td> </tr> </table></div> <div style="position:fixed;right:0;bottom:0;"><a href="#arriba"><img src="rock.gif" width="200" height="145" /></div> </body> </html>

CONTACTO

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>uf1302.4</title> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <style type="text/css"> body,td,th { color: #FFF; } </style> </head> <body background="C:\Users\ETC5\Desktop\melani/22849.jpg" onLoad="MM_preloadImages('clave.gif')"> <a name="arriba"></a> <hr> <MARQUEE BEHAVIOR=alternate><FONT FACE=arial COLOR=white SIZE=5>Porque la vida está llena de música y la música de vida</FONT> </MARQUEE> <div align="right"> <table width="1537" height="542" border="0" align="center"> <tr> <td width="600" align="center" valign="middle"><p>¿SABES DONDE ESTAMOS?</p> <p>AQUÍ MISMO, NO TIENE PÉRDIDA</p></td> <td width="133" align="center" valign="middle"><p>&nbsp;</p></td> <td width="163">&nbsp;</td> <td width="103">&nbsp;</td> <td width="256">&nbsp;</td> <td width="256" height="273"><div align="right"><a href="uf1302.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','clave.gif',1)"><img src="Tornado-Logo.gif" width="253" height="192" id="Image1"></a></div></td> </tr> <tr> <td rowspan="2" align="center" valign="middle"><iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d2899.893392373229!2d-3.2135268!3d43.3792531!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1405511158896" width="600" height="450" frameborder="0" style="border:0"></iframe></td> <td rowspan="2" align="center" valign="middle">&nbsp;</td> <td align="center"><a href="mailto:name@email.com">¿QUIERES SABER MÁS?</a></td> <td>&nbsp;</td> <td>&nbsp;</td> <td height="136"><div align="right"><a href="uf1302(1).html"><img src="boton quienes somos.gif" width="255" height="84" alt="botón quienes somos"></a></div></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td><div align="right"><a href="uf1302(2).html"><img src="boton contacto.gif" width="254" height="88" alt="botón contacto"></a></div></td> </tr> </table></div> <div style="position:fixed;right:0;bottom:0;"><a href="#arriba"><img src="rock.gif" width="200" height="145" /></div> </body> </html>

Pero queda más bonito con fotos



Añadir leyenda








martes, 8 de julio de 2014

DIA VEINTICUATRO 07/07/2014

Hoy hemos tenido casi toda la mañana la prueba de validación, pero hicimos un parón para diseño gráfico, donde nos dedicamos a tener una lluvia de ideas y entre todos debatir cuál será el nombre de nuestra empresa antes de solicitar el dominio. De momento no nos hemos decidido pero creo que ya para mañana tendremos algo. 
Esta vez en el ejercicio práctico del examen no hicimos nada de código, en su lugar, fue un informe sobre accesibilidad, usabilidad etc de infojardín.com
Aquí subo la prueba y mi informe.


<HTML><TITLE>Confección y publicación de páginas Web.</TITLE><BR />

<H1 <B>ALIGN=”CENTER”>PRUEBA DE VALIDACIÓN PERSONAL</B><H1>
<P>Fecha: Módulo: MF0950_2 Unidad Formativa: UF1303.3
Nombre:
</P>
<BODY>
<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de una parte escrita y una de elaboración. La prueba tiene un tiempo de duración determinado de ¿?¿?¿?¿ <b>NO MÁS DE 20 LÍNEAS POR PREGUNTA</b></H2>
1.- Explica qué significa que una web tenga el logotipo y como ha llegado a conseguirlo.
2.- Qué es la web 2.0 y que novedades implementa frente a la 1.0
3.- Enumera todos los ejemplos que puedas de tipos de usuarios que tiene en cuenta la “accesibilidad web”,por ejemplo: Usuarios ciegos. Un dos tres, responda otra vez…
4.- Enumera los principales errores de prioridad A que son básicos para la accesibilidad, y pon un ejemplo de código de cada uno.
5.- Javascipt, flash, numerosos enlaces en la pantalla principal, ¿por qué no son “tecnologías accesibles”?. Explicación tecnológica.
6.- Cuando analizamos con herramientas de accesibilidad, hay errores automáticos y otros a revisar manualmente, por qué crees que esto es así y pon un ejemplo de código de cada.
7.- Qué es y como se llaman las plantillas que se adaptan al formato de la pantalla del usuario y en que principio tecnológico se basan.
8.- Enumera los pasos detallados que darías para hacer una validación en accesibilidad y usabilidad a un cliente. No más de 20 pasos.
8.- - Ejercicio en el PC:  Navega y Analiza la web www.infojardin.com, efectúa un informe del sitio contestando todas las cuestiones siguientes:
  • Validarla con 3 sistemas en prioridad A
  • Hacer examen de seguridad y velocidad de acceso
  • ¿Podemos encontrar fácilmente los contenidos?
  • ¿Las secciones están bien definidas? Que sugerencias de cambio harías.
  • ¿La página es amigable, confiable, navegable facilmente?
  • Nivel de rapidez de navegación entre contenidos de la web.
  • Imagen corporativa.
  • Propuestas de cambio y mejoras para mejorar la accesibilidad y usabilidad de este sitio.




Informe de validación



Estimado propietario del dominio www.infojardín.com:
Respondiendo a su petición, he analizado rigurosamente la accesibilidad que posee dicha página con distintas herramientas, las cuales han sido Total validator, W3C markup validation service y Hera. Tras sintetizar los resultados, le presento un resumen de lo obtenido, así como el por qué de su importancia. Le informo que me he centrado únicamente en aquellos de tipo A.


  • Error en la etiqueta “alt”: 113 incidencias, la carencia del texto alternativo “alt” no permite que los navegadores de texto interpreten aquello que pretende mostrar, por tanto ciertos usuarios no podrán navegar por su página satisfactoriamente.
  • Error en el atributo “title”: 1 incidencia, debería usar este atributo en aquellos casos en los que los controles del formulario usan principalmente diseño visual, lo cual no permitirá identificarlos ni acceder a ellos en algunos casos.
  • Error en frames e iframes: 1 incidencia, si no especifica una identificación, no será identificable
  • Error en descripción del enlace: 9 incidencias, si no especifica y define el propósito de un enlace, algún usuario podría no distinguirlo de otros enlaces.
  • Error en especificación de tabla: 27 instancias, proporcionar un <caption>, “title” o “resumen” a una tabla es primordial para identificarla correctamente
  • Error presentación estética: 150 instancias, aquellas etiquetas que proporcionan una visión más estética de la página no posibilitarán el acceso adecuado a ciertos usuarios, tenga en consideración para solventarlo el usar maquetación mediante CSS.
  • Advertencia en etiqueta de lenguaje: 1 instancia, no está identificado correctamente el lenguaje en el cuál está escrita la página, lo que puede dar lugar a un problema de interpretación por los usuarios que utilicen navegadores de texto.
  • Advertencia en los enlaces de texto: 12 incidencias, si posee distintos enlaces con el mismo texto, puede dar pie a confusión por parte del usuario
Prosiguiendo con el informe, paso a comunicarle acerca de la velocidad de acceso a su página, para lo cuál, he realizado mi análisis usando la herramienta de Google developers, make me faster. Continúo entonces especificando dos plataformas.


  • Análisis de plataforma móvil:
    • La velocidad de carga es relativamente lenta, lo que puede generar que los usuarios de móviles puedan perder la paciencia esperando y recurrir a otra página para solicitar información
  • Análisis de plataforma pc:
    • La velocidad aquí es más aceptable que en la plataforma móvil
Dicha herramienta también proporcionó ciertas ideas en pro de la mejora de la usabilidad a las cuales yo añadiré alguna más:


  • Debería re dimensionar los textos y los botones táctiles dado que no permite su correcta visualización y uso
  • Debería configurar la ventana gráfica ya que no tiene ninguna especificada, lo que hace que los dispositivos móviles procesen su página como si apareciera en un navegador de escritorio, reduciéndola para que quepa en la pantalla del móvil
  • Plantéese la posibilidad de eliminar Java Script ya que bloquea la visualización y el CSS del contenido en la mitad superior de la página
  • Especifique la caché del navegador estableciendo una fecha de caducidad o una edad máxima en las cabeceras http de los recursos estáticos, lo cuál indica al navegador que cargue los recursos descargados previamente en el disco local en lugar de realizarlo en la red
  • Debería plantearse priorizar el contenido visible dado que su página requiere indicaciones completas de red adicionales para procesar el contenido destacado en la parte superior de la página. Para lograr un rendimiento óptimo, reduzca la cantidad de HTML necesario para procesar dicho contenido
  • Las imágenes ocuparían menos bytes y cargarían antes si las optimizara, puede lograrlo adecuando su tamaño, cantidad de colores o cambiando su formato
  • Su navegación es realmente mejorable, el menú está estructurado de manera extraña, dividido y es muy incómodo el existente en el margen derecho, podría ser más estético y estar mejor estructurado con un sub menú desplegable. La distribución existente del menú impide que encontremos adecuada y rápidamente los contenidos.
  • La excesiva extensión de links clicables hace que sea caótica y agobiante la navegación dado que cuesta encontrar artículos.
  • Hay un exceso de anuncios, no es que se trate de una desmedida cantidad no obstante es bastante molesto ya que incluso uno de ellos está en grande y centrado en media página. Ésto junto con los links para cada cosa, y el menú mal diseñado, parece que estamos en una página de anuncios, el usuario puede descartar rápidamente dicha página por estar recargada.
  • Hay demasiado espacio de márgenes y poquísimo interlineado y espaciado, las letras están comprimidas y escritas con un tamaño reducido, ésto dificulta la lectura cuando los márgenes podrían ser reducidos para aprovechar más el espacio para los artículos
  • Respecto a la imagen de empresa, el punto positivo es que el logo lleva a la página principal, no obstante no se encuentra fácilmente la página de contacto ya que en ocasiones hay que bajar demasiado hasta verlo. Tampoco hay nada que explique si es una entidad corporativa, tienda etc, básicamente hay logotipo, lo que indica que hay empresa, pero no hay nada que indique qué personas trabajan ahí ni qué hacen al igual que su ubicación. Esto no resulta confiable, el usuario no sentirá seguridad si desea comprar o contratar un servicio si lo hubiese.
Para finalizar, analicé su seguridad con la herramienta Sucuri y puedo decir que básicamente es adecuada, mas hay un problema con el firewall ya que sólo tiene protección media y esto podría causar problemas.
En esencia hay muchas cosas para cambiar o al menos para plantearse cambiar, bastantes en el campo de la usabilidad ya que la página no está estructurada de una forma práctica, mi consejo rápido para ello es estructurar un único menú en el cuál estén los artículos, suprimir toda la publicidad posible y en ningún caso situarla en mitad de la página. Hay muchos artículos que seguramente tengan información muy interesante, pero el usuario no puede saberlo si se satura con anuncios y una mala navegación.
Hasta aquí llega mi informe, espero sirva de ayuda para mejorar su web.


Un cordial saludo






viernes, 27 de junio de 2014

DIA DIECIOCHO 27/06/2014 PRUEBA DE VALIDACION

Resumiendo, hoy hubo prueba de validación, he acabado con algo de tiempo así que seguiré subiendo apuntes o algo pero estoy bastante agobiada. Bueno, básicamente las preguntas fiueron acerca de la teoría dada y, por último, el ejercicio, se basaba en hacer una página con la temática de una empresa, con su logo, los colores acordes, un anuncio, una marquesina con su eslogan un mapa de imagen con el plano y distintas áreas poligonales clicables que llevarían a distintas secciones de su página oficial, siendo la última encargada de enviar un mail a atención al cliente.Finalmente, un audio de fondo. El mío es éste, yo lo hice de nintendo:

<!DOCTYPE html>
<html lang="es">
    <head>
<meta name="Description" content="Página de nintendo">
<meta charset"utf-8" />
<title>NINTENDO</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
<link href="http://vjs.zencdn.net/4.6/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.6/video.js"></script>
<style type="text/css">
  .vjs-default-skin { color: #4745a6; }
  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-big-play-button { background: rgba(27,21,225,0.7) }
  .vjs-default-skin .vjs-slider { background: rgba(27,21,225,0.2333333333333333) }
</style>
</head>
    <body  background="C:\Users\ETC5\Desktop\melani/wallpy.png" attachment="inherit">
<header>
<DIV ALIGN="center"><img src="C:\Users\ETC5\Desktop\melani/nintendo-logo.gif" width="800px" height="400px" alt="blog"></a></div>
<DIV ALIGN="center"><video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls autoplay preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"  data-setup="{}">
<source src="C:\Users\ETC5\Desktop\melani/mario anuncio.mp4" type='video/mp4'>
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
</div>
</header>
<p></P>
<DIV ALIGN="center"><marquee align="right" bgcolor="transparent" width="50%" scrolldelay="100" scrollamount="5" BEHAVIOR="alternate" loop="infinite"><FONT FACE="arial" COLOR="red" SIZE="10">Nintendo, too much fun</FONT>
</marquee></div>
<p>
<DIV ALIGN="center"><img style="border:0" src="C:\Users\ETC5\Desktop\melani/nintendo mapa.jpg" usemap="#nintendo"
alt="Prueba a hacer click">
<map name="nintendo">
<area shape="circle" coords="349,325,60" href="http://www.nintendo.es/" target="ventana1" alt="nintendo1">
<area shape="rectangle" coords="105,271,195,270,196,373,99,369" href="http://www.nintendo.es/Atencion-al-cliente/Atencion-al-consumidor-11593.html" target="ventana1" alt="nintendo2">
<area shape="poly" coords="546,385,624,339,682,396,639,493" href="mailto:contact@nintendo.es" alt="nintendo3">
</map></div>
</p>
<audio autoplay id="bgsound">
 <source src="C:\Users\ETC5\Desktop\melani/mario musica.mp3"
         type="audio/mp4">
<p>Your user agent does not support the HTML5 Audio element.</p>
</audio>
<script>
document.getElementById('bgsound').volume=0.2;
</script>
<button type="button"
        onclick="document.getElementById('bgsound').pause();">
  Stop background sound
</button>

    </body>
</html>

Éste es el examen íntegro

viernes, 13 de junio de 2014

DIA DIEZ 13/06/2014

Prueba de conocimientos


En el enlace que acabo de mostrar se encuentra la prueba que hemos realizado hoy y prácticamente duró toda la mañana. Estoy algo saturada ya a estas alturas de la mañana y es que en las preguntas escritas me expliqué bastante, rellené 7 folios en total, pero bueno, saqué un nueve, me he esforzado bastante y estoy muy contenta con el resultado, he intentado explicar todo lo que sé, hasta expliqué cosas que no se pedían, supongo que aún tengo la mentalidad de los exámenes de bachiller de las preguntas estilo "Di todo lo que sepas de..." pero bueno, el dolor de muñeca y brazo mereció la pena, al menos no se me cayó después de tanto escribir.

Ejercicio práctico de la prueba


<!DOCTYPE html>

<html lang="es">

    <head>
<meta name= Description" content="página para la prueba de conocimientos">
<meta charset"utf-8" />
<title>UF1303</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body bgcolor="#ffc0cb">
<DIV ALIGN="center"><FONT FACE="verdana" SIZE=5 COLOR="#ba55d3">
<B>
<I><U><h1> BIENVENIDOS </h1></B></I></U></FONT>
</DIV>
<p></p>
<div align=center><a href="http://ifcd0110castrourdiales.blogspot.com.es/"> <img src="C:\Users\ETC5\Desktop\melani/pic27.gif" width="284px" height="177px" alt="blog"></a></div>
<h2>MENU</h2>
<ol>
<li><a href="http://www.yupiyupi.com" target="ventana1" title="fotos de animalitos">Yupi Yupi</a></li>
<li><a href="http://www.cuantogato.com" target="ventana1" title="Fotos de gatos">Cuanto gato</a></li>
<li><a href="https://es-la.facebook.com/FotosDeAnimalesLindosYTiernos" target="ventana1" title="animales tiernos de facebook">Perfil animales tiernos</a></li>
<li><a href="http://www.oletusjuegos.es/juegos-pintar-animalitos-tiernos.htm" target="ventana1" title="juego">Pinta animalitos</a></li>
</ol>
<DIV ALIGN="center"><iframe src="http://danii-gabii.blogspot.com.es/p/cositas-kawaii.html" width="900" height="500" frameborder="1" name="ventana1"> </iframe></DIV> </ br>
<DIV ALIGN=center><a href="javascript:history.go(-1)"><img src="C:\Users\ETC5\Desktop\melani/flecha_png_2_by_aguuseditiions-d4nqj4u ewwsefesetwtery- copia.png"width="54px" height="57px"></a></DIV>
<DIV ALIGN=center><a href="javascript:history.go(1)"><img src="C:\Users\ETC5\Desktop\melani/flecha_png_2_by_aguuseditiions-d4nqj4u.png" width="54px" height="57px"></a></DIV>
</body>
</html>

Esta vez no explicaré en qué ha consistido porque ya lo pone en el ejercicio.
Bueno, después de esto, merecida tarde de descanso la de hoy, además que es viernes. Feliz fin de semana a todos.

analytics