martes, 10 de noviembre de 2015

lunes, 9 de noviembre de 2015

Ejercicio 12

En este ejercicio se juntan el ingreso de contraseña y usuario cualquiera y que enlace con una página externa: (Enlace de la prática, ejercicio12.html)

https://drive.google.com/drive/folders/0BxZd7oVH0FoyWnA2SDk3Ung5UTQ

miércoles, 4 de noviembre de 2015

Ejercicio 11

Ejercicio 11





BIENVENIDO


Bienvenido a esta página web llamada Ejercicio 11 donde hago uso de mis conocimientos de HTML y CSS. Por favor ingresa tus datos:
Nombre

Apellidos

Email

PERSONAL

Mi nombre es Andrés Medel Peinado, estudio en el IES Zlatan y vivo en el XX de la calle XXXXXXXXXXXXXXX en el barrio Torre, ciudad Córdoba, Badajoz.

A continuación dejo la biografía de mi jugador preferido

Lionel Andrés Messi Cuccittini (Rosario, 24 de junio de 1987), conocido como Leo Messi,13 es un futbolista argentino.11 Juega de delantero en el F. C. Barcelona de la Primera División de España y en la selección de Argentina. Desde 2009 es considerado por diversos organismos deportivos,14 por varios futbolistas,15 16 por gran cantidad de exjugadores legendarios,17 18 19 20 21 entrenadores,22 23 deportistas de élite24 como el mejor jugador del mundo y para algunos deportistas, jugadores y técnicos, como el mejor futbolista de la historia.25 En 2013, el presidente de la FIFA, Joseph Blatter, también lo destacó como el mejor del mundo.26 A fines de 2011 fue seleccionado dentro de las 32 personalidades más populares del año por la revista Time, postulándose como candidato a la «persona del año», siendo el único deportista nominado en dicha lista. Recibió el premio al Mejor Jugador del Mundo de la FIFA y el Balón de Oro en 2009. Además es el primer ganador del FIFA Balón de Oro que desde 2010 engloba ambos premios, volviendo a ganar las ediciones de 2011 y 2012.27 28 29 30 31 Con la obtención del cuarto Balón de Oro consecutivo, Messi logró superar el récord de Michel Platini y, a su vez, la obtención del reconocimiento por cuarta vez consecutiva como mejor jugador del mundo por la FIFA, hito que superaría también a los alcanzados en el pasado y de manera alternada en tres ocasiones por Ronaldo y Zinedine Zidane. Por su habilidad y estilo de juego lo han comparado con Diego Armando Maradona, quien declaró al mismo Messi como su «sucesor».32 33 34 Messi ha batido diversos récords con el Fútbol Club Barcelona, dado que es el máximo goleador de la historia del club, el máximo goleador de la Primera División de España, el máximo goleador en la historia del Clásico del fútbol español y el jugador extranjero con más partidos disputados con la camiseta blaugrana.35

HOBBIES

Mis principales hobbies son:
  1. Hacer parkour
  2. Escuchar música
  3. Ver como vacilan a Penaldo
  4. Ir al gimnasio

A CONTINUACIÓN ALGUNOS GIFS GRACIOSOS:

lunes, 12 de octubre de 2015

Boxes

images Ejercicio 9 cajas

martes, 6 de octubre de 2015

lunes, 5 de octubre de 2015

Hay 3 tipos de introducir CSS en el documento html:

  1. Desde un fichero externo
  2. Dentro del body
  3. En cada div

jueves, 1 de octubre de 2015

Uso del CSS

Cosita

Mis redes sociales

Domingo Fut 7
Salesianos 11:00 - 12:00
Equipos NUEVOS
Restaurantes:
Película Año de producción Recaudacion
Avatar 2009 US$2,788 millones
Titanic 1997 US$2,186 millones
Los vengadores 2012 US$1,518 millones
Harry Potter y las reliquias de la muerte: Parte 2 2011 US$1,341 millones.
Iron Man 3 2013 US$1,274 millones

miércoles, 30 de septiembre de 2015

Ejemplo de Examen en html

<html>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title> Examen de conocimientos</title>
    <head>
            <img src="logoiesfidiana.png"/>
        <h1>Examen de Conocimientos</h1></head>
    <body bgcolor="DCDCDC"> </body>
        <h2> Datos personales </h2>
        <center>
        <div>
            Nombre <input type="text" name="Nombre" placeholder="Nombre">
            Apellidos <input type="text" name="Apellidos" placeholder="Apellidos"
        </div>
        <div>
            Centro educativo al que perteneces <input type="text" name="colegio/instituto" placeholder="Colegio/Instituto">
        </div>
        <div>
            Edad <input type="number" name="edad" min="4" max="18" placeholder="4">
        </div>
        <div>
                        Fecha de nacimiento <input type="date" name="Fecha de nacimiento"/>
        <div>
            Sexo
            </br>
                <input type="radio" name="sex" value="Hombre" checked/> Hombre
        </br>
                <input type="radio" name="sex" value="Mujer"/> Mujer  
        </div>
            </br>
            </br>
            </br>
</center>
<center>
<h2> Comienzo del Examen</h2>
        <h3>1.¿En qu&eacute; año de descubri&oacute; Am&eacute;rica?</h3>
    </br>
        <input type="radio" value="1942" checked/> 1942
    </br>  
        <input type="radio" value="1728"/> 1728
    </br>  
        <input type="radio" value="1492"/> 1492
    </br>  
        <input type="radio" value="1256"/> 1256
    </br>
        <h3>2.¿C&uacute;ales son los plantenas m&aacute;s cercanos a la Tierra?</h3>
    </br>
        <input type="checkbox" value="mercurio" name="Mercurio"> Mercurio
    </br>
        <input type="checkbox" value="Venus" name="Venus"> Venus
    </br>
        <input type="checkbox" value="Luna" name="Luna"> Luna
    </br>
        <input type="checkbox" value="Marte" name="Marte"> Marte
    </br>
        <h3>3.¿Qu&eacute; tipo de energ&iacute;a hay en una fuerza no conservativa?</h3>
    </br>
        <input type="radio" value="Energ&iacute;a Cin&eacute;tica"> Energ&iacute;a Cin&eacute;tica
    </br>
        <input type="radio" value="Energ&iacute;a Mec&aacute;nica" checked> Energ&iacute;a Mec&aacute;nica
    </br>
        <input type="radio" value="Energ&iacute;a Potencial"> Energ&iacute;a Potencial
    </br>
        <input type="radio" value="No hay energ&iacute;a"> No hay energ&iacute;a
    </br>
        <h3>4.¿En qu&eacute; cuadrante se encuentra una recta cuya traza vertical se encuentra por debajo de la l&iacute;nea de tierra y la traza horizontal</h3> tambi&eacute;n?
    </br>
        <input type="radio" value="1"> En el primero
    </br>
        <input type="radio" value="2"> En el segundo
    </br>
        <input type="radio" value="3"> En el tercero
    </br>
        <input type="radio" value="4" checked> En el cuarto
    </br>
        <h3>5.¿Qui&eacute;n fue Confucio?</h3>
    </br>
        <input type="radio" value="1"> Fue quien invent&oacute; la confusi&oacute;n
    </br>
        <input type="radio" value="2" checked> El de la tienda de chinos de tu barrio

    </br>
        <input type="radio" value="3"> El fil&oacute;sofo m&aacute;s famoso de China
    </br>
        <input type="radio" value="4"> El jefe del Confucio Wok
    </br>
        <h3>6.¿De qu&eacute; &aacute;tomos se compone el agua?</h3>
</br>
<input type="radio" value="1"> Hidr&oacute;geno y F&oacute;sforo
</br>
<input type="radio" value="2"> Ox&iacute;geno y Azufre
</br>
<input type="radio" value="3"> Hidr&oacute;geno y Ox&iacute;geno
</br>
<input type="radio" value="4"> Carbono y Ox&iacute;geno
</br>
        <h3>7.Define una cordillera:</h3>
    </br>
        <textarea rows="10" cols="50"></textarea>
    </br>
        <h3>8.¿Cu&aacute;l es la diferencia entre una proyecci&oacute;n y una traza?</h3>
    </br>
        <textarea rows="10" cols="50"></textarea>
    </br>
        <h3>9.¿Qui&eacute;n es el peor futbol&iacute;sta del mundo?</h3>
    </br>
        <input type="radio" value="1"> Juanma L&oacute;pez
    </br>
        <input type="radio" value="2"> Ana L&oacute;pez
    </br>
        <input type="radio" value="3"> Daniel Carmona
    </br>
        <input type="radio" value="4"> Joseito Bale
    </br>
<h3>10.¿Qué te ha aprecido este examen?</h3>
    </br>
        <input type="radio" value="1"> El mejor que he hecho nunca
    </br>
        <input type="radio" value="2"> Ha sido la rehostia
    </br>
        <input type="radio" value="3"> Muy bueno y pienso que Antonio es malísimo
    </br>
        <input type="radio" value="4"> Not bad
</body>
</center>
</html>

Inicio de Tablas

<html>
    <h1> Tablas </h1>
    <center><h2>Tablas de actores preferidos</h2></center>
        <table border="2" align="center">
            <thead>
                <tr>            
                    <th>Famoso</th>
                    <th>Imagen</th>   
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Nathan_Fillion" target="_blank">Nathan Fillion</a></td>
                    <td> <img src="download%20(2).jpg"></td>
                </tr>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Jim_Parsons" target="_blank">Jim Parsons</a></td>
                    <td> <img src="download.jpg" widthg="100"></td>
                
                </tr>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Johnny_Depp" target="_blank">Johnny Depp</a></td>
                    <td> <img src="depp-afp.jpg" width="275">
                                    
                </tr>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Eminem" target="_blank">Marshall Bruce Mathers III</a></td>
                    <td> <img src="download%20(1).jpg" width="275"></td>
                
                
                </tr>
            </tbody>
            </table>
</html>

miércoles, 23 de septiembre de 2015

Listas

<h1> Listas</h1>

Tareas
<ul>
    <li> Tarea 1</li>
    <li> Tarea 2</li>
    <li> Tarea 3</li>
</ul>

Reuniones
<ol>
    <li> Reunion 1</li>
    <li> Reunion 2</li>
    <li> Reunion 3</li>
</ol>

Página Personal

<html>
    <title> Andr&eacute;s Medel Peinado </title>
 
    <body bgcolor="#00FFFF">
     
        <center> <img src="logoiesfidiana.png"/> </center>

        </br>
        </br>
        </br>

        <h2> Nombre: Andr&eacute;s Medel Peinado</h2>
    <h2> Cuenta Facebook:<a href="https://www.facebook.com/Andrew32"target="_blank"> Andrew32</a></h2>
</br>
    <h2> Cuenta Twitter: <a href="https://twitter.com/Andrewxd98" target="_blank"> Andrewxd98 </a> </h2>
    <img src="Snoopdog.gif"/>
 
</br>

        <center> <h1> Descripci&oacute;n Personal      </h1></center>
            <p> Mi nombre es Andr&eacute;s tengo 16 a&ntilde;os, estudio en el instituto IES Fidiana el curso segundo de Bachillerato
            </p>

    </body>

</html>

sábado, 19 de septiembre de 2015

Test sobre programación html y css

A continuación se encuentra un test con preguntas y sus respondientes respuestas y explicaciones:

1. Tu navegador web se encuentra...
        Mi navegador web se encuentra en el lado del cliente, que hace una petición a una página web denominada servidor que le transmite la información correspondiente.
2. Cuando escribo www.zenva.com en mi navegador, qué recibo de vuelta?
        Recibo de vuelta una respuesta ya que al escribir www.zenva.com envío una petición de búsqueda.
3. El HTML y el CSS se muestran en el lado del cliente.
        Esto es verdadero porque son lenguajes del cliente que se ejecutan en el navegador.
4. La base de datos de un sistema informático se guarda en el servidor.
        Es verdadero porque la información proveniente del cliente se queda en el propio servidor.
5. JavaScript es un lenguaje de programación usado en:
        Se encuentra en el lado del cliente y del servidor porque reside en el cliente y el servidor lo ejecuta para acciones rápidas.
6. ¿Qué función cumple el CSS?
        El CSS es un tipo de lenguaje que se usa para estilizar una página web.
7. Si un sitio tiene un formulario de autenticación (login), dónde sería seguro realizar la validación del nombre de usuario y contraseña ingresados?
        Sería más seguro realizarlo en el servidor ya que la información se almacena en él.
8. Usando HTML5 puedes crear lo siguiente:
        Se puede crear sitios web, aplicaciones y juegos.

jueves, 17 de septiembre de 2015

INTRODUCCIÓN

Html
Lenguaje de programacion de páginas web, lenguaje de marcas e hipertexto

Css
Hojas de estilo que permite darles forma a las páginas web

Cliente - Servidor
Sirve para comunicarnos con la página web

WEB 1.0
Los usuarios no generabamos contenido en Internet

WEB 2.0
Los usuarios generamos contenido