Diario IFCD0110 Castro Urdiales: 2014-08-31

viernes, 5 de septiembre de 2014

PRUEBA DE VALIDACIÓN FORMULARIO DEL BLOG

Enlace:

http://melaniifcd0110castrourdiales.blogspot.com.es/p/contacto.html

Pantallazo:

Código del blog:

.contenedor{

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRrxwCMcvexeML8hjXyn5B0EiPimISeSSRVRjL96zJUl0rRlx58Ku7H1j0llDe1KJIWLhg1xY9Ro5gvKI0ijXWQi1YV0xkvxx55t7hN_Xfk22I8ez7KfoQ3SeTwDcjBXkT6Bjiia0r64/s1600/flore-fondos-de-pantalla-flores-rosa-698141-18377.jpg");

background-repeat: no-repeat;

background-attachment: fixed;

background-size: cover;

margin-top: 5%;

margin-right: 5%;

margin-left: 10%;

padding-top:2%;

padding-right:2%;

padding-left:2%;

padding-bottom:2%;

}

.imagen1{ margin-left: 15px;

}

.imagen2{ position:absolute;

top: 200px;

left: 150px;

}

.imagen3{position: absolute;

top: 150px;

}

.imagen4{ position:absolute;

top: 200px;

right: 40px;

}

#casillas{border-radius: 15px;

height: 50px;

width: 300px;

}

#casillam{border-radius: 15px;

height: 80px;

width: 300px;

}

#formulario{ margin-top: 70px;

margin-left: 120px;

margin-bottom: 20px;}

#casillas:hover{

background:#E2A9F3;}

#casillam:hover{

background:#E2A9F3;}

</style>

<br />

<br />

<h3>Nombre:</h3>

<br />

<br />

<h3>Apellidos: </h3>

<br />

<br />

<h3>Email: </h3>

<br />

<br />

<h3>Mensaje:</h3><br>

<p></p>

</form>

</div>

DIA SESENTA Y UNO (5/9/2014)

Hoy hemos estado con la prueba de validación y por fín terminé, saqué un 7, considerando que estaba el límite en 8, estoy contenta

jueves, 4 de septiembre de 2014

DIA SESENTA 04/09/2014

Hoy empecé con la prueba de validación, mañana la acabaré.
En diseño gráfico hemos presentado nuestra marca y nuestro manual de identidad corporativa, como si estuviésemos anunciando nuestro negocio. Sigue sin gustarme lo de hablar en público pero uno se va acostumbrando.

miércoles, 3 de septiembre de 2014

DIA CINCUENTA Y NUEVE 3/9/2014

Hoy hemos seguido con la teoría de los formularios, posteriormente ya finalicé en diseño el logo de mascotas mari y ya está subido al blog.
Finalmente, elaboré y colgué el último ejercicio por el momento. Mañana ya me lanzaré al exámen

REDISEÑO DEL LOGO DE MASCOTAS MARI

Logotipo original

Bocetos

Opciones

Resultado final

martes, 2 de septiembre de 2014

RESUMEN DE PÁGINAS UF1304

Página uno

Página uno html

<html>
	<head>
	</head>
	<body>
	<form method="post" action="mostrardatosenpagina.php">
	<p> Nombre: <br><br><input type="text" name="nombre" value="Escribe tu nombre aquí" size="20" maxlength="20" required/></p>
	<p>Apellidos:<br><br><input type="text" name="apellidos" value="Escribe tus apellidos aquí" size="30" maxlength="30" required /></p>
	<p>Usuario:<br><br><input type="text" name="usuario" value="Escribe tu nombre de usuario aquí" size="30" maxlength="30" required /></p>
	<p>Contraseña:<br><br><input type="password" name="contraseña" value="" size="20" maxlengh="20" required/></p>
	<fieldset>
	<legend>Esto es una pregunta incómoda: ¿Eres...?</legend><br><br><INPUT type="radio" name="mibotondeopcion" checked value="1">Animal<br />
	<INPUT type="radio" name="mibotondeopcion" value="2">Humano<br />
	<INPUT type="radio" name="mibotondeopcion" value="3">Robot<br />
	<INPUT type="radio" name="mibotondeopcion" value="4">Alienígena<br>
	<INPUT type="radio" name="mibotondeopcion" value="4">Ser sin identificar<br>
	<INPUT type="radio" name="mibotondeopcion" value="5">Planta<br></fieldset><br />
	<fieldset>
	<legend>¿Estás segur@?</legend><br><br>
	<INPUT type="radio" name="enserio" value="6">Sí<br />
	<INPUT type="radio" name="enserio" value="7">No, era broma<br />
	<INPUT type="radio" name="enserio" value="8">Ahora en serio ¿yo quien soy?<br /></fieldset><br />
	<fieldset>
	<legend>¿A qué te dedicas? Puedes seleccionar más de una:</legend><br><br><input type="checkbox" name="micasilladeverificacion" checked value="1" />Buceo dentro de burbujas<br />
	<input type="checkbox" name="micasilladeverificacion" value="2" />Paseo pulgas<br />
	<input type="checkbox" name="micasilladeverificacion" value="3" />Bailar al estilo pulpo<br />
	<input type="checkbox" name="micasilladeverificacion" value="4" />Beber lava<br />
	<input type="checkbox" name="micasilladeverificacion" value="5" />A mi no me preguntes, soy una roca<br /></fieldset>
	<P>Algo más visual ¿nos enseñas una foto?</P>
	<input type="file" name="imagen" accept="image/*.gif ">
	<p></p>
	¿Dónde te gustaría viajar?
	<select name="comidapreferida" size=1>
	<option value="Atlántida">La Atlántida</option>
	<option value="Bermudas">Triángulo de las bermudas</option>
	<option value="Centro">El centro de La Tierra</option>
	<option value="Abismo">Profundidades abisales</option>
	<option value="Marte">Marte</option>
	<option value="frikilandia">Frikilandia</option>
	<option value="yupi">El mundo del yupi</option>
	</select>
	<p></p>
	Cuentanos algo de ti
	<p></p>
	<textarea rows="10" cols="20" wrap="soft">Piensa, es gratis</textarea>
	<p></p>
	<input type="text" id="ejemplo" name="ejemplo" placeholder="Escribe lo primero que te venga a la cabeza">
	<input type="submit">
	<p></p>
	<input type="hidden" name="valorocultoarescatar" value="$variable">
	<p></p>
	<input type="submit" value="Botón de envio estandar" name="Enviar la información al servidor" />
	<p></p>
	<input type="image" value="Botón de envio personalizado" name="Enviar la información al servidor" SRC="enviar (1).png" />
	</p></p>
	<input type="button"...

	</form>
	</body>
	</html>

Página dos

Página dos html

<!DOCTYPE html>
<html lang="es">
<head>
<meta name= "Description" content="Encuesta de aficiones">
<meta charset"utf-8" />
<title>Encuesta</title>
<LINK REL="stylesheet" HREF="cssencuesta.css" TYPE="text/css">
</head>
<body background="184925.jpg">
<div class="contenedor">
<form method="post" action="mostrardatosenpagina.php">
<fieldset id="Pergamino">
<legend>Datos personales</legend><br><br>
<p> Nombre de usuario: <br><br><input type="text" name="usuario" value="Escribe tu nombre de usuario aquí" size="30" maxlength="30" required /></p>
<p>Contraseña:<br><br><input type="password" name="contraseña" value="" size="20" maxlengh="20" required/></p></fieldset><br />
</fieldset>
<br><br>
<fieldset id="Pergamino">
<legend>Encuesta breve</legend><br>
<p>1. ¿Te gustan los videojuegos?</p>
<INPUT type="radio" name="mibotondeopcion" value="1">Sí<br />
<INPUT type="radio" name="mibotondeopcion" value="2">No<br />
<br><br>
<p>2. ¿De qué géneros eres más fan?</p>
<input type="checkbox" name="micasilladeverificacion" value="1" />Lucha<br />
<input type="checkbox" name="micasilladeverificacion" value="2" />Arcade<br />
<input type="checkbox" name="micasilladeverificacion" value="3" />Plataformas<br />
<input type="checkbox" name="micasilladeverificacion" value="4" />Shooter<br />
<input type="checkbox" name="micasilladeverificacion" value="5" />Estrategia<br />
<input type="checkbox" name="micasilladeverificacion" value="6" />Simulación<br />
<input type="checkbox" name="micasilladeverificacion" value="7" />Gestión de tiempo<br />
<input type="checkbox" name="micasilladeverificacion" value="8" />MMORPG<br />
<input type="checkbox" name="micasilladeverificacion" value="9" />Otros<br />
<p>Especifica cuales</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p>3. ¿Con qué frecuencia juegas?</p>
<select name="comidapreferida" size=1>
<option value="Atlántida">Algún día al mes</option>
<option value="Bermudas">Una o dos veces por semana</option>
<option value="Centro">Cada día</option>
</select>
<p>4. ¿Te gusta jugar online o en cooperativo con amigos?</p>
<INPUT type="radio" name="mibotondeopcion" value="1">Sí<br />
<INPUT type="radio" name="mibotondeopcion" value="2">No<br />
<p>5. ¿Qué tipos de personajes escoges más frecuentemente en los juegos cooperativos?</p>
<input type="checkbox" name="micasilladeverificacion" value="1" />Tanque<br />
<input type="checkbox" name="micasilladeverificacion" value="2" />Apoyo<br />
<input type="checkbox" name="micasilladeverificacion" value="3" />Asesino o pícaro<br />
<input type="checkbox" name="micasilladeverificacion" value="9" />Otros<br />
<p>Especifica cuales</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p>6. ¿Cuál es tu videojuego favorito?</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p>7. Cuéntanos por qué</p>
<p></p>
<textarea rows="10" cols="50" wrap="soft">Escribe lo primero que se te ocurra</textarea>
<p></p>
<p></p>
<input type="submit" value="Enviar" name="Enviar la información al servidor" />
</fieldset>
</form>
</div>
</body>
</html>

Página dos css

body{ background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.contenedor{
Background-color: transparent;
margin-top: 5%;
margin-right: 5%;
margin-left: 40%;
padding-top:2%;
padding-right:2%;
padding-left:2%;
padding-bottom:2%;
}
#Pergamino{
background-image: url("images.jpg");
background-repeat: repeat;
}

Página tres

Página tres html

<!DOCTYPE html>

<head>

<title>Examen de literatura</title>

</head>

<h1> Pregunta 1: En la obra de Tolkien ¿qué había sobre la torre más conocida?</h1>

<tr>

</tr>

<tr>

<td>Un águila</td>

</tr>

<tr>

</tr>

<tr>

<td>Un guerrero</td>

</tr>

</table>

<h1> Pregunta 2: En "Los juegos del hambre" ¿qué pájaro es el más nombrado?</h1>

<tr>

<td>Gorrión</td>

</tr>

<tr>

<td>Sinsajo</td>

</tr>

<tr>

<td>Colibrí</td>

</tr>

<tr>

<td>Paloma</td>

</tr>

</table>

<h1> Pregunta 3: En "El dueño de las sombras" ¿quién era el narrador?</h1>

<tr>

<td>El protagonista</td>

</tr>

<tr>

<td>No hay narrador</td>

</tr>

<tr>

<td>Una de las muñecas del desván</td>

</tr>

<tr>

<td>Un demonio</td>

</tr>

</table>

<h1> Pregunta 4: En "El rostro de la muerte" ¿cuántos años tiene la hija de la protagonista?</h1>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>No tiene hija</td>

</tr>

<tr>

</tr>

</table>

<h1> Pregunta 5: En "El psicoanalista" ¿qué pseudónimo tiene el acosador?</h1>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Nunca usó pseudónimo</td>

</tr>

<tr>

<td>Fantasma</td>

</tr>

</table>

<h1> Pregunta 6: En "Maldito karma" ¿cómo muere la protagonista?</h1>

<tr>

<td>Le cae un retrete en la cabeza</td>

</tr>

<tr>

<td>Se ahoga en el mar</td>

</tr>

<tr>

<td>Le atropella un autobús</td>

</tr>

<tr>

<td>Es atacada por una jauría</td>

</tr>

</table>

<h1> Pregunta 7: En "Firelight" ¿de qué especie desciende la protagonista?</h1>

<tr>

<td>Vampiros</td>

</tr>

<tr>

<td>Unicornios</td>

</tr>

<tr>

<td>sirenas</td>

</tr>

<tr>

<td>Dragones</td>

</tr>

</table>

<h1> Pregunta 8: En "El último unicornio" ¿cuál era la única manera que quedaba para cruzar al otro lado?</h1>

<tr>

<td>Con el cuerno de unicornio</td>

</tr>

<tr>

<td>Usando un tapiz</td>

</tr>

<tr>

<td>Uno y dos son correctas</td>

</tr>

<tr>

<td>Usando un espejo</td>

</tr>

</table>

<h1> Pregunta 9: ¿Qué es un shek en "memorias de Idhun"?</h1>

<tr>

<td>Una especie de dragón</td>

</tr>

<tr>

<td>Una serpiente alada gigante</td>

</tr>

<tr>

<td>Un insulto</td>

</tr>

<tr>

<td>Un continente</td>

</tr>

</table>

<h1> Pregunta 10: ¿Qué cargo consigue Alera en el libro que lleva su nombre?</h1>

<tr>

<td>Duquesa</td>

</tr>

<tr>

<td>Arquitecta</td>

</tr>

<tr>

<td>Reina</td>

</tr>

<tr>

<td>Diosa</td>

</tr>

</table>

<p></p>

</form>

</div>

</body>

</html>

Página tres css

body{ background-repeat: no-repeat;

background-attachment: fixed;

background-size: cover;

}

.contenedor{

Background: #E0F8F1;

margin-top: 30%;

margin-right: 10%;

margin-left: 20%;

padding-top:2%;

padding-right:2%;

padding-left:2%;

padding-bottom:2%;

padding-top:7%;

padding-left:7%;

padding-right:7%;

padding-bottom:7%;

}

td{

padding: 2px;}

DIA CINCUENTA Y OCHO 02/09/2014

Hoy prácticamente habremos acabado con la teoría de formularios, o al menos la parte de su estructura, ya que ya estamos con ejercicios y, por mi parte, boceté, diseñé y elaboré y finalicé el proyecto de hoy.
En diseño gráfico he hecho correcciones en el manual de identidad corporativa y, tras escuchar las distintas opiniones de los diseños que dibujé en papel, ya escogí uno y comencé a elaborarlo.

lunes, 1 de septiembre de 2014

DIA CINCUENTA Y SIETE 01/09/2014

Hoy el día ha girado únicamente en torno a la nueva teoría de formularios, que por cierto ya es la unidad formativa UF1304, con la tontería estamos avanzando rápido. Ahora tenemos que elaborar un formulario, o bien inscripción o encuesta, por lo pronto bocetarlo.

Diario IFCD0110 Castro Urdiales

menu desplegable

viernes, 5 de septiembre de 2014

PRUEBA DE VALIDACIÓN FORMULARIO DEL BLOG

Enlace:

Pantallazo:

Código del blog:

DIA SESENTA Y UNO (5/9/2014)

jueves, 4 de septiembre de 2014

DIA SESENTA 04/09/2014

miércoles, 3 de septiembre de 2014

DIA CINCUENTA Y NUEVE 3/9/2014

REDISEÑO DEL LOGO DE MASCOTAS MARI

Logotipo original

Bocetos

Opciones

Resultado final

martes, 2 de septiembre de 2014

RESUMEN DE PÁGINAS UF1304

Página uno

Página uno html

Página dos

Página dos html

Página dos css

Página tres

Página tres html

Página tres css

DIA CINCUENTA Y OCHO 02/09/2014

lunes, 1 de septiembre de 2014

DIA CINCUENTA Y SIETE 01/09/2014

analytics