miércoles, 15 de abril de 2015

Práctica 17.1: Mi primera imagen.




a) Aqui os dejo unas imagenes de prueba que cree con gimp.


b)Puedes añadir marcos de fotos tan chulos como este.
c) Ejercicio 1: Imagen 1.

Imagen 2.



d) Ejercicio 2

lunes, 9 de febrero de 2015

viernes, 6 de febrero de 2015

Práctica 5: Crear una página web con texto, imágenes y vínculos.

Ejercicio 1. Consiste en ponerle texto a una página web.

Ejercicio 2. Se trata de insertar imágenes.



Ejercicio 3. Añadir enlaces.


viernes, 23 de enero de 2015

Práctica 4: Empezar a programar en HTML.

Ejercicio 1: Este ejercicio consiste en realizar la primera página web, aquí os dejo la mía.












Ejercicio 2.

lunes, 19 de enero de 2015

Práctica 3: Análisis del código HTML de páginas web.

Ejercicio 1.
INTERNET EXPLORER

<meta name="keywords" content="" />


<link rel="stylesheet" type="text/css" href="/web/css/__.css" />


MOZILLA FIREFOX


<body id="body">

<div id="bR">
 <div id="bloqueSuperior">
  <div id="cabLogo"><a href="/index.html" target="_top"><img src="/web/img/img_MinisterioCultura.gif" alt="Enlace a la página de inicio del Ministerio de Cultura" /></a></div>
  <div id="navRecursiva"><ul title="Navegación Recursiva"><li class="primerElemento"><a href="/contacte/contacteLoadSaveForm.do?layout=contacte&amp;tipoArea=TIPOGENERAL&amp;cache=init&amp;language=es" target="_top" title="">Contacte</a></li><li><a href="/principal/nr/mapaWeb.html" target="_top" title="">Mapa web</a></li><li><a href="/principal/nr/canales.html" target="_top" title="">Canales</a></li><li><a href="http://www.mcu.es/AsistenteVirtualWeb/StartVirtualAsistentAction.do?bolJavaScript=false" target="_blank" onclick="ventanaSecundaria(); return false" title=" Se abre en ventana nueva">Asistente Virtual</a></li></ul></div><br />
  <div id="barraNavPrincipal"><div id="navPrincipal"><ul><li><a href="/principal/ministerio.html" target="_top" title="" class="activo">Ministerio</a></li><li><a href="/principal/areas.html" target="_top" title="">Áreas</a></li><li><a href="/principal/proyectosculturales.html" target="_top" title="">Proyectos</a></li><li><a href="/principal/servicios.html" target="_top" title="">Servicios</a></li><li><a href="/principal/prensa.html" target="_top" title="">Prensa</a></li><li><a href="/agendacultural/buscarDestacados.do?action=busquedaInicial&amp;cache=init&amp;layout=agenda&amp;showBack=false&amp;language=es" target="_top" title="">Agenda</a></li></ul></div><div id="buscar"><form name="formulario" method="post" action="/buscador/buscar.do?layout=buscador&amp;cache=init&amp;action=busquedaInicial&amp;language=es"><fieldset><legend>Formulario para BUSCAR dentro del Ministerio de Cultura</legend><label for="queryString">Buscar: </label><input type="text" name="queryString" id="queryString" tabindex="1" class="txtBuscar" accesskey="B" /><input type="submit" tabindex="2" class="btBuscar" value="Buscar"/></fieldset></form></div></div>
 </div>
 
 <div id="imgtemp">
  <div id="imagen"><img src="/web/img/imgCab_M01.jpg" alt="" /></div>
  <div id="rotuloSeccion"><h1>Ministerio de Cultura</h1></div>
  <div id="caminoMigas"><ul><li class="primerElemento"><a href="/index.html" target="_self" title="">Inicio</a></li><li><a href="/principal/ministerio.html" target="_top">Ministerio de Cultura</a></li></ul></div>
 </div>
  


 <div id="bordeIzq"><div id="bordeDer">
  <!--<div id="pantalla">-->
   
   <div id="central">

    <h2></h2>                                          
    
    
    
    
    
    <div id="bloqueContenido">




    <!-- Inicio Contenido -->
     <div id="contenido"><div id="avisoError">
 <h3>Error. </h3>
 <p>Acceso no autorizado. Esta usted intentado acceder a una página para la que no tiene permisos.</p>
</div>
</div>
    <!-- Fin Contenido -->
 

    <hr class="clearBoth" />
    </div><!-- fin de div id="bloqueContenido" -->
   </div><!-- fin de div id="central" -->
  
 </div></div><!-- fin de div id="bordeIzq" y de div id="bordeDer"-->
 <div id="bloqueInferior">
  <div class="pieImagenes">
    <a href="http://www.w3.org/WAI/WCAG1AA-Conformance" target="_blank" title="Ventana nueva"><img src="/web/img/img_dobleA.gif" alt="Icono de conformidad con el Nivel Doble-A de las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI. Este enlace abre una ventana nueva" class="dobleA" /></a>
    <a href="/centroInformacionCiudadano/RSS.html" target="_top"><img src="/web/img/imgRSS.gif" alt="Titulares RSS disponibles" class="rss" /></a>
  </div>
  <div class="pie">
   <p >&copy; Ministerio de Cultura</p><ul><li class="primerElemento"><a href="/principal/nr/AvisoLegal.html">Aviso Legal</a></li><li><a href="/principal/nr/GuiaNavegacion.html">Guía de Navegación</a></li><li><a href="/principal/nr/Accesibilidad.html">Accesibilidad</a></li></ul>
  </div>
 </div><!-- fin bloqueInferior -->
</div><!-- fin de div id="bR" -->

</body>

Ejercicio 2.

viernes, 16 de enero de 2015

Práctica 2: Análisis de la accesibilidad de páginas web.

Ejercicio 1.
Tras analizar las páginas www.xunta.es y W3C.es , puedo decir que los iconos de las páginas tienen mucho que ver con la página en sí, con lo que podemos decir que son iconos significativos. En la página web de www.xunta.es  el logotipo es visible. Es un cáliz con un bola y una corona encima y varias cruces alrededor las cuales simbolizan la unión de Galicia. Esta situado en la parte superior izquierda y es un color claro. Presenta etiquetas y enlaces a los que poder acceder a mayores, por lo que cumple perfectamente los criterios de accesibilidad. En cuanto a textos descriptivos se encuentran en abundancia pero no son de gran extensión.
En W3C.es  el logotipos es sencillo pero visible. Está en la parte superior a la izquierda. No presenta imágenes, pero si muchas etiquetas alt, para poder acceder a otras entradas. Una de las cosas más destacables de esta página son los textos descriptivos que presentan los enlaces.

Ejercicio 2.

En este ejercicio analicé la página Elmundo.es. Cumple el criterio de accesibilidad AA pero tiene Tiene 243 errores,.Perceptible 8, Operable 50, Comprensible 15, Robusto 97.

Y también 
twitter.com. Cumple el criterio de accesibilidad AA pero tiene 4 errores Perceptible 1, Operable 1, Comprensible 1, Robusto 1.

miércoles, 14 de enero de 2015

Practica 1: Analisis de páginas web.



Ejercicio 1 y 2.

PPREDISEÑO
Faunia.es
Objetivo
Facilitar las visitas a este parque, y fomentar las reservas.
Público
Es un parque dirigido para todos los públicos, aunque la web está dirigida hacia los adultos.
Contenidos
Contiene un mapa del lugar, un cuestionario para adquirir las entradas, los espectáculos que hay, vídeos donde muestran algunos de ellos ..
Directrices
Presenta una página principal donde puedes hacer las reservas, y a partir de ella puedes acceder a otras secciones como información del parque, eventos .. a demás de anuncios con ofertas.
Tipo de letra
La información está toda escrita en el mismo tipo de letra, excepto en títulos y ofertas para darle una mayor relevancia.
Aspecto
Consta de un sencillo esquema para facilitar la navegación, formado por varias secciones en la parte superior a las que siempre puedes acceder, algunas de ellas con imágenes y fotos que la hacen más vistosa.


Ejercicio 3 y 4.
Elementos de la imagen.
                        Faunia.es
Presencia de diseño.
Muestra un diseño sencillo.
Está repleta de  fotos de los animales que hay en el parque y de sus instalaciones.
Uso de colores.
El texto está escrito en color negro. Y el fondo es blanco o verde, dependiendo de la sección.
Uso de ilustraciones, imágenes e iconos.
En esta página web podremos ver imágenes de los animales y del parque.
Composición de fotos y texto.
Esta página contiene fotos y texto, predomina el texto a pesar de que tiene bastantes ilustraciones.
Buscador.
Consta de un buscador para facilitar la búsqueda de información en la página.
Cambion de tamaño de letra.
El tamaño es siempre el mismo, excepto en títulos y cosas a resaltar.
Personalizar contenidos, cambiar de idioma.
No admite modificaciones y está escrita únicamente en español
Fuente RSS, mapa de la web.
No ofrece esta posibilidad.
Añadir a favorito,establecer como página de inicio o suscribirse a una newletter.
Permite ambas cosas.
Compra on-line.
Se puede adquirir de modo on-line las reservas para visitar el parque.