La prueba se basa en crear y diseñar una página con todo css partiendo todos y de un mismo tema y de las mismas imágenes (teniéndolas que modificar).
Esta es mi primera prueba de validación de la unidad 1303:
miércoles, 27 de agosto de 2014
MF0950_2/UF1303 4ª prueba de validación. Css "Jeddit"
4ªPRUEBA DE VALIDACIÓN "ALMANSA".
La prueba se basa en crear y diseñar una página con todo css partiendo todos y de un mismo tema y de las mismas imágenes (teniéndolas que modificar).
Esta es mi primera prueba de validación de la unidad 1303:
La prueba se basa en crear y diseñar una página con todo css partiendo todos y de un mismo tema y de las mismas imágenes (teniéndolas que modificar).
Esta es mi primera prueba de validación de la unidad 1303:
MF0950_2/UF1302 3ª prueba de validación. "Dream Weaver"
3ª PRUEBA DE VALIDACIÓN. "PASTELERIA CREATIVE"
MF0950_2/UF1302 Otra página web. "Dream Weaver"
OTRA PÁGINA. "COLA CAO"
Hemos empezado a utilizar este programa para crear páginas web con el código HTML.
Es mucho más sencillo que el programa Nogepad++ ya que no hace falta "picar" tanto código.
Hemos empezado a utilizar este programa para crear páginas web con el código HTML.
Es mucho más sencillo que el programa Nogepad++ ya que no hace falta "picar" tanto código.
MF0950_2/UF1302 Informe de validación de accesibilidad web.
Estimados Sres. de Barceló Viajes:
Nuria Alonso Castillo alumna de la Escuela Taller de Castro-Urdiales de diseño y confección de páginas web le place informar que:
Tras realizar el día 01 de julio de 2014 un examen de validación según la Norma UNE 139803:2012 de prioridad 2.0 A de su página web www.barceloviajes.com he encontrado los siguientes aspectos a validar con la ley :
Nuria Alonso Castillo alumna de la Escuela Taller de Castro-Urdiales de diseño y confección de páginas web le place informar que:
Tras realizar el día 01 de julio de 2014 un examen de validación según la Norma UNE 139803:2012 de prioridad 2.0 A de su página web www.barceloviajes.com he encontrado los siguientes aspectos a validar con la ley :
- Inexistente un mecanismo para que el usuario pueda solicitar cambios de contexto, como aparece en la línea 960.
- Las etiquetas no poseen controles, como aparece en la línea 1018.
- ID no son únicos en un documento, como se puede observar en la línea 394
- No describe el propósito del enlace del contenido <a>, como se encuentra en la línea 356.
Sin otro particular, espero que les haya sido de de utilidad.
Un saludo,
Firmado
Nuria Alonso Castillo
MF0950_2/UF1302 2ª prueba de validacion. "Marquesinas y mapa"
2ª PRUEBA DE VALIDACIÓN. "PRIMARK"
MARQUESINA
La etiqueta <MARQUEE> se utiliza para hacer una animación sencilla de un texto o una imagen en movimiento:
<marquee "bgcolor="#CC6633" width="100%" height="45" scrolldelay="100" scrollamount="5" direction="down" loop="infinite">El texto en movimiento o etiqueta foto
</marquee>
BGCOLOR: Como ya esta explicado anteriormente es para poner el color de fondo, en este caso de la etiqueta <marquee>
SCROLLAMOUNT: Es el tiempo que tiene que pasar para cada cambio de posición, cuanto mayor sea el valor más tardara la marquesina en moverse.
SCROLLAMOUNT: Es la cantidad de pixels que tienen que desplazarse cada vez que se mueve, cuanto más valor mayor sera la velocidad de la animación.
DIRECTION: Hacia que dirección se quiere que valla la animación dentro de la marquesina (down, up).
LOOP: Por defecto se desplazara sin detenerse, INFINITE, pero se puede asignar un valor como "5", que esto quiere decir que se desplazara 5 veces y luego se detendrá.
<!DOCTYPE html>
<html lang="es">
<head>
<meta 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: #CC0033; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: FF3300 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style>
</head>
<body bgcolor="#0099FF">
<header>
<center>
<p><h1><b><u><h1><font color="CC0033"> PRIMARK</font></h1></b></u></h1></p>
<p><h1><b><font color="006600">¡¡ La vida es un festival !!</font></b></h1></p>
<marquee bgcolor="006600" width="80%" scrolldelay="5" behavior="alternate"><b>¡No te pierdas las últimas novedades</b>
<br />
<center><img src="C:\Users\ETC12\Desktop\mono\primark logo.jpg"></center>
</marquee>
</center>
<p></p>
</header>
<header>
<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\ETC12\Downloads\Presentación Campaña Primark.mp4" preload="auto" type='video/mp4'>
<p class="vjs-no-js">
</video>
</center>
<header>
<audio autoplay id="bgsound">
<source src="C:\Users\ETC12\Desktop\Bailando.mp3" type="audio/mp3">
</audio>
<script>
document.getElementById('bgsound').volume=0.2;
</script>
</header>
<br />
<center>
<img src="C:\Users\ETC12\Desktop\mono\mapa primark.jpg" usemap="#mapa de imágenes" alt="pincha">
<map name="mapa de imágenes">
<area shape="circle" coords="404,271,75" target="_blank" href="http://www.primark.com/es/novedades" alt="pagina primark">
<area shape="rect" coords="15,7,268,97" target="_blank" href="http://www.primark.com/es/customer-service/contact-us" alt="contactenos">
<area shape="poly" coords="377,5,268,181,475,172" href="mailto:nacifcd0110@gmail.com" alt="mail to">
</map>
</center>
</body>
</HTML>
MARQUESINA
La etiqueta <MARQUEE> se utiliza para hacer una animación sencilla de un texto o una imagen en movimiento:
<marquee "bgcolor="#CC6633" width="100%" height="45" scrolldelay="100" scrollamount="5" direction="down" loop="infinite">El texto en movimiento o etiqueta foto
</marquee>
BGCOLOR: Como ya esta explicado anteriormente es para poner el color de fondo, en este caso de la etiqueta <marquee>
SCROLLAMOUNT: Es el tiempo que tiene que pasar para cada cambio de posición, cuanto mayor sea el valor más tardara la marquesina en moverse.
SCROLLAMOUNT: Es la cantidad de pixels que tienen que desplazarse cada vez que se mueve, cuanto más valor mayor sera la velocidad de la animación.
DIRECTION: Hacia que dirección se quiere que valla la animación dentro de la marquesina (down, up).
LOOP: Por defecto se desplazara sin detenerse, INFINITE, pero se puede asignar un valor como "5", que esto quiere decir que se desplazara 5 veces y luego se detendrá.
<!DOCTYPE html>
<html lang="es">
<head>
<meta 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: #CC0033; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: FF3300 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style>
</head>
<body bgcolor="#0099FF">
<header>
<center>
<p><h1><b><u><h1><font color="CC0033"> PRIMARK</font></h1></b></u></h1></p>
<p><h1><b><font color="006600">¡¡ La vida es un festival !!</font></b></h1></p>
<marquee bgcolor="006600" width="80%" scrolldelay="5" behavior="alternate"><b>¡No te pierdas las últimas novedades</b>
<br />
<center><img src="C:\Users\ETC12\Desktop\mono\primark logo.jpg"></center>
</marquee>
</center>
<p></p>
</header>
<header>
<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\ETC12\Downloads\Presentación Campaña Primark.mp4" preload="auto" type='video/mp4'>
<p class="vjs-no-js">
</video>
</center>
<header>
<audio autoplay id="bgsound">
<source src="C:\Users\ETC12\Desktop\Bailando.mp3" type="audio/mp3">
</audio>
<script>
document.getElementById('bgsound').volume=0.2;
</script>
</header>
<br />
<center>
<img src="C:\Users\ETC12\Desktop\mono\mapa primark.jpg" usemap="#mapa de imágenes" alt="pincha">
<map name="mapa de imágenes">
<area shape="circle" coords="404,271,75" target="_blank" href="http://www.primark.com/es/novedades" alt="pagina primark">
<area shape="rect" coords="15,7,268,97" target="_blank" href="http://www.primark.com/es/customer-service/contact-us" alt="contactenos">
<area shape="poly" coords="377,5,268,181,475,172" href="mailto:nacifcd0110@gmail.com" alt="mail to">
</map>
</center>
</body>
</HTML>
martes, 26 de agosto de 2014
MD0950_2/UF1302 Formatos de Audio y Video.
VIDEO:
<video width="320" height="240" controls>
<source src="C:\Users\ETC12\Downloads\Rather Be - Clean Bandit feat Jess Glynne Lyrics.mp4" type="video/mp4">
</video> : Se pone la ruta de un video de youtube que mas te guste (primero hay que cambiarle el formato a mp4 con el clip converter para poder descargarlo).
<iframe width="560" height="315" src="\\ESCUELATALLER\Users\Escuela Taller\Videos\campanilla.mp4" frameborder="0" allowfullscreen></iframe> : Luego lo he vinculado con el iframe otro video.
AUDIO:
<audio controls>
<source src="C:\Users\ETC12\Downloads\Con las ganas- Zahara.mp3" type="audio/ogg">
</audio> : Cogemos una canción que nos guste y le ponemos la ruta en "source".
VIDEO CONFIGURADO CON COLORES:
<head>
<style type="text/css">
.vjs-default-skin { color: #66FF00; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #009999 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style> : Este código le ponemos en el cabecero, modificando los códigos de los colores.
</head>
<body>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
data-setup="{}">
<source src="C:\Users\ETC12\Downloads\Enrique Iglesias - Loco ft. Romeo Santos.mp4" type='video/mp4'>
<p class="vjs-no-js">
</video> : Este parte del código va dentro de body y en "source" escribimos la ruta de la canción que hayamos escogido.
</body>
<!DOCTYPE html>
<html lang="es">
<head>
<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: #66FF00; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #009999 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style>
</head>
<body bgcolor="990066">
<video width="320" height="240" controls>
<source src="C:\Users\ETC12\Downloads\Rather Be - Clean Bandit feat Jess Glynne Lyrics.mp4" type="video/mp4">
</video>
<iframe width="560" height="315" src="\\ESCUELATALLER\Users\Escuela Taller\Videos\campanilla.mp4" frameborder="0" allowfullscreen></iframe>
<audio controls>
<source src="C:\Users\ETC12\Downloads\Con las ganas- Zahara.mp3" type="audio/ogg">
</audio>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
data-setup="{}">
<source src="C:\Users\ETC12\Downloads\Enrique Iglesias - Loco ft. Romeo Santos.mp4" type='video/mp4'>
<p class="vjs-no-js">
</video>
</body>
</HTML>
<video width="320" height="240" controls>
<source src="C:\Users\ETC12\Downloads\Rather Be - Clean Bandit feat Jess Glynne Lyrics.mp4" type="video/mp4">
</video> : Se pone la ruta de un video de youtube que mas te guste (primero hay que cambiarle el formato a mp4 con el clip converter para poder descargarlo).
<iframe width="560" height="315" src="\\ESCUELATALLER\Users\Escuela Taller\Videos\campanilla.mp4" frameborder="0" allowfullscreen></iframe> : Luego lo he vinculado con el iframe otro video.
AUDIO:
<audio controls>
<source src="C:\Users\ETC12\Downloads\Con las ganas- Zahara.mp3" type="audio/ogg">
</audio> : Cogemos una canción que nos guste y le ponemos la ruta en "source".
VIDEO CONFIGURADO CON COLORES:
<head>
<style type="text/css">
.vjs-default-skin { color: #66FF00; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #009999 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style> : Este código le ponemos en el cabecero, modificando los códigos de los colores.
</head>
<body>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
data-setup="{}">
<source src="C:\Users\ETC12\Downloads\Enrique Iglesias - Loco ft. Romeo Santos.mp4" type='video/mp4'>
<p class="vjs-no-js">
</video> : Este parte del código va dentro de body y en "source" escribimos la ruta de la canción que hayamos escogido.
</body>
<!DOCTYPE html>
<html lang="es">
<head>
<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: #66FF00; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #009999 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(122,153,3,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(122,153,3,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 71% }
</style>
</head>
<body bgcolor="990066">
<video width="320" height="240" controls>
<source src="C:\Users\ETC12\Downloads\Rather Be - Clean Bandit feat Jess Glynne Lyrics.mp4" type="video/mp4">
</video>
<iframe width="560" height="315" src="\\ESCUELATALLER\Users\Escuela Taller\Videos\campanilla.mp4" frameborder="0" allowfullscreen></iframe>
<audio controls>
<source src="C:\Users\ETC12\Downloads\Con las ganas- Zahara.mp3" type="audio/ogg">
</audio>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
data-setup="{}">
<source src="C:\Users\ETC12\Downloads\Enrique Iglesias - Loco ft. Romeo Santos.mp4" type='video/mp4'>
<p class="vjs-no-js">
</video>
</body>
</HTML>
Suscribirse a:
Entradas (Atom)