prueba1

prueba1

Pages

domingo, 25 de mayo de 2014

Entrada 8 || JavaScript

En JS (JavaScript) deben comenzar y terminar por la etiqueta <script></script>, dentro de esta etiqueta, para definir las funciones se utilizan las llaves {}, todo lo que hagamos dentro de estas llaves no sera visible para el que visite nuestra página.
cuando vayamos a unir varias funciones vamos a usar el símbolo + (también servirá para unir 2 variables)

Se debe poner en la página HTML que se trata de un archivo JS, para ello se escribira (preferiblemente dentro de la etiqueta <head>)
     <script type="text/javascript">

Voy a poner un código básico, este código hará aparecer un mensaje al conectarnos a la página web

<script  type="text/javascript">

          alert("este texto es el que modificas");
</script>

Esto aparecerá como en la imagen que pongo a continuación:


PD: Estos mensajes de alerta el explorador de Internet podrá rechazarlos para no aparecer mas.



jueves, 8 de mayo de 2014

Entrada 7 || Hojas de estilo (CSS)

Bueno, hoy mi profesor me ha avisado que tenía que poner una nueva entrada si no me castigaba sin recreo ;) asi que hoy entraré un poco en las hojas de estilo (CSS) que no es mas que una "mascara" que poner al HTML, este estilo puede ser escrito mediante un archivo externo (.css), mediante una etiqueta o mediante un atributo de etiqueta, esta la podremos colocar donde mejor la necesitemos aunque será preferente escribir el código al principio del HTML, así pues, pongo una imagen de como quedaría, en este caso vamos a editar <p> y <body>, asi que cada vez que escribamos uno de esos 2, adquirirá las características descritas:
Aqui se ve como todo lo que definas al principio sera lo que afecte todo lo incluido en las llaves({}) (en CSS no se utiliza "<"">")

En la siguiente imagen veras como también se puede editar las preferencias de una imagen (tamaño, margenes, etc)





jueves, 10 de abril de 2014

Entrada 6 || Listas

Son delimitadas por las etiquetas <ul> y </ul> (unordered list). Cada uno de los elementos de la lista es citado por medio de una etiqueta <li>. La cosa queda así:
 <p>Nombre del listado</p>
<ul>
    <li>Apartado 1
    <li>Apartado 2
    <li>Apartado 3
</ul>

lunes, 7 de abril de 2014

Entrada 5 || Tablas

Bueno este es el 5º blog, hoy nos hemos extendido un poco más un hemos empezado a desarrollar Tablas, su función básica es organizar un poco la página en general para más simplicidad.

Bueno la página incluirá algo como esta tabla: 


 
El código quedará algo como esto:



jueves, 3 de abril de 2014

Entrada 4 || Encabezados, lineas horizontales y saltos de pagina.

Encabezados, html, tutorial, facil Bueno, hoy como todos los días, hemos aprendido mas cosas sobre HTML , en este caso, hemos dado un paso más, aprendiendo los encabezados (<h1> hasta <h6>), en los que hay que abrirlos y cerrarlos para que surjan efecto.

A partir de ahora colocare el texto en azul porque me gusta y punto jaja

Mas adelante mostraré un ejemplo del HTML que he seguido desde ayer para avanzar en los ejemplos

También mostraré como hacer un salto de página desde un índice que servirá para la mejor organización de la página o sencillamente para separar el temario sin necesidad de pasar por toda la susodicha.

Para las líneas horizontales tan solo hay que introducir la línea <hr>, si quieres modificar el tamaño de esta, incluye "width" mas el porciento que quieras ponerlo.

Ejemplo: <hr width="90%">

    PD: La línea <hr> no necesita cerrarse ya que se considera un caracter.

Bueno voy a mostrar el HTML como ya dije para tenerlo más fácil visualmente.

El texto de abajo sobre el director está también en la página pero no aparece ya que ocupa más de una página y no entraba en la captura.

miércoles, 2 de abril de 2014

Entrada 3 || Fondos de Background, color de texto y link hacia pagina externa.

Bueno esta es la tercera entrada de mi blog, hoy hemos desarrollado un poco mas el tema de HTML y hemos desarrollado una página básica tal como esta:


Bueno, para tener algo así hay que insertar el código
Para poner cualquier fondo hay que modificar la línea:

<body background="dirección de la imagen" >

martes, 1 de abril de 2014

Entrada 2 || Etiquetas body, etiquetas head, "mayor que" y "menor que".

      ESTE ES EL SEGUNDO POST, ESTOY PROBANDO YA EL HTML
    Si, esta es la cara que se me quedo al ver todo lo que se pasaba debajo del Navegador Web...tantos los formatos que se pueden usar (CSS, HTML, JAVASCRIPT...), como la estructura de una de ellas...el HTML...algunas de sus partes son:
      Etiqueta body
      Etiqueta head
      Etiqueta title
    Como veis, puse color azul en los apartados, es tan simple como añadir la línea "<"span style="color: blue;">"
Cursores