miércoles, 10 de junio de 2015
lunes, 11 de mayo de 2015
viernes, 8 de mayo de 2015
miércoles, 15 de abril de 2015
Práctica 17.1. Mi primera imagen.
1.-Imagen de prueba.
2.-Marco de foto.
3.- Ejercicio 1: Imagen 1
3.-Ejercicio 1: Imagen 2
martes, 14 de abril de 2015
miércoles, 4 de febrero de 2015
martes, 3 de febrero de 2015
lunes, 2 de febrero de 2015
domingo, 18 de enero de 2015
Práctica 3: Análisis del código HTML de páginas web
Exercicio 1
Ver o código fonte. Identificar etiquetas.
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&tipoArea=TIPOGENERAL&cache=init&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&cache=init&layout=agenda&showBack=false&language=es" target="_top" title="">Agenda</a></li></ul></div><div id="buscar"><form name="formulario" method="post" action="/buscador/buscar.do?layout=buscador&cache=init&action=busquedaInicial&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 >© 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>
Exercicio 2
Modificar o código da fonte. Visualización de cambios.
Práctica 2: Análisis da accesibilidad das páxinas web.
No exercicio da práctica 2 analicei as páxinas xunta.es e accesible.es. A páxina da xunta presenta un logotipo situado na parte superior izquierda, conten distintas imaxes e etiquetas nos diversos enlaces, e permite unha fácil accesibilidade. Analizando a páxina web de accesible.es, atopeime con que non tiña ningún tipo de logotipo nin siglas, presenta unha gran simplicidade nas súas etiquetas y es inexistente algún tipo de texto en los enlaces.
Para completar la práctica 2, analicé una tercera página: idae.es. Tras analizar esta, el resultado es el siguiente: En el nivel AA, AAA y A tiene cinco problemas.
Para completar la práctica 2, analicé una tercera página: idae.es. Tras analizar esta, el resultado es el siguiente: En el nivel AA, AAA y A tiene cinco problemas.
Práctica 1
Análise dunha páxina web , twitter.
Exercicio 1 Páx 286
Exercicio 1 Páx 286
Exercicio 2 Páx 286
Exercicio 3 e 4 Páx 286
Elementos de la imagen
|
twitter.es
|
Presencia del diseño
|
Twitter presenta un aspecto sencillo y tecnológico.
|
Uso de colores
|
El uso de los colores es escaso, pero no predomina ninguno, puesto que cada usuario puede elegir la tonalidad que mas le guste.
|
Uso de multimedia
|
Twitter cuentacon archivos multimedia, como fotos, grabaciones, audios, etc.
|
Fotos y textos
|
Predomina la letra, puesto que es una red social en la cual cada integrante escribe lo que quiere.
|
Disposición de buscador
|
La página cuenta con un buscador para facilitar el manejo y la búsqueda en la dicha página. Este se encuentra en la parte alta del margen izquierdo.
|
Cambio del tamaño de la letra
|
Tiene mayoritariamente el mismo tamaño de letra, exceptuando los distintos títulos, que tiene un tamaño superior para resaltar su importancia.
|
Personalizar contenidos, cambiar de idioma
|
Permite personalizar la página y cambiar el idioma.
|
Fuente RSS, mapa web
|
Tiene diversas características: permite visitar distintos espacios dentro de twitter, así como dejar comentarios en los distintos perfiles personales.
|
Engadir a favoritos
|
La página web permite añadirla a favoritos.
|
Compra on-line
|
No permite comprar on-line.
|
Suscribirse a:
Entradas (Atom)