miércoles, 12 de noviembre de 2014

Javascript

1. INTRODUCCIÓN

Hoy hemos empezado con JavaScript, al igual que Flash, Visual Basic Script, es una de las múltiples maneras que han surgido para extender las capacidades del lenguaje HTML (lenguaje para el diseño de páginas de Internet). Al ser la más sencilla, es por el momento la más extendida. JavaScript no es un lenguaje de programación propiamente dicho como C, C++, Delphi, etc.
Es un lenguaje script u orientado a documento, como pueden ser los lenguajes de macros que tienen muchos procesadores de texto y planillas de cálculo.

El programa en JavaScript debe ir encerrado entre la marca script e inicializada la propiedad type con la cadena text/javascript:
<script type="text/javascript">
</script>

ES IMPORTANTISIMO TENER EN CUENTA QUE JavaScript es SENSIBLE A MAYUSCULAS Y MINUSCULAS.
NO ES LO MISMO ESCRIBIR:
document.write que DOCUMENT.WRITE (la primera forma es la correcta, la segunda forma provoca un error de sintaxis).


2. VARIABLES

Una variable es un depósito donde hay un valor. Consta de un nombre y pertenece a un tipo (númerico, cadena de caracteres, etc.)
Tipos de variable:
Una variable puede almacenar:
Valores Enteros (100, 260, etc.)
Valores Reales (1.24, 2.90, 5.01, etc.)
Cadenas de caracteres ('Juan', 'Compras', 'Listado', etc.)
Valores lógicos (true,false)



Las variables son nombres que ponemos a los lugares donde almacenamos la información. En JavaScript, deben comenzar por una letra o un subrayado (_), pudiendo haber además dígitos entre los demás caracteres. Una variable no puede tener el mismo nombre de una palabra clave del lenguaje.






viernes, 7 de noviembre de 2014

Continuamos con CSS

Continuamos con CSS, practicando con los atributos y valores.
Dejo aquí un chuleta que nos es de gran ayuda para lograr conseguir soltura.



jueves, 6 de noviembre de 2014

Comenzamos con CSS

Hoy hemos comenzado a trabajar con CSS, de las 3 formas que pueden utilizarse, esto es, incrustada en la propia etiqueta, en la etiqueta <head>, dentro de la etiqueta <style> y enlazando el archivo css con el HTML mediante un link.

CSS INTERNO
Vamos a ver ahora cómo podemos definir esos estilos en la cabecera del documento HTML usando la siguiente sintaxis:
<head>

<style type="text/css">
elementoAfectadoPorElEstilo {
propiedad1ParaEseTipoDeElementos:valor;
propiedad2ParaEseTipoDeElementos:valor;
propiedad3ParaEseTipoDeElementos:valor;

propiedadnParaEseTipoDeElementos:valor;
}
</style>
</head>

CSS Directas
Las CSS directas se usan para poder aplicar un estilo a una parte del texto concreta. Para ello debemos utilizar el parámetro “style”. Observa el siguiente código de ejemplo:
<X style= “atributo1:valor1;atributo2:valor2;”>Aquí va el texto al que se le aplicará el estilo</style>
“X” sería la etiqueta html a la que se le ha aplicado el estilo, mediante el parámetro “style”. “X” puede ser un párrafo (<p>), una capa con salto de línea (<div>), una capa sin efecto (<span>), etc.
También apreciamos que el estilo está definido por unos atributos con un valor (“atributo1:valor1”), separados entre ellos por punto y coma.

Gracias al siguiente código lo comprenderemos mucho mejor:
El texto que veremos a continuaci&oacute;n <span style="font-size:23px;color:#0000FF">estar&aacute;
en azul y en un tama&ntilde;o m&aacute;s grande</span> gracias a la css directa
que hemos aplicado sobre &eacute;l.

CSS indirectas fuera del documento
Otra forma de aplicar CSS es a través de unos estilos que se encuentran fuera del documento, pero al que se aplicarán esos estilos. Esta forma de aplicar CSS es útil si queremos aplicar los mismos estilos a diferentes documentos html.
Deberemos crear por tanto un documento de extensión .css donde estarán determinados los diferentes estilos. Y desde cada hoja en la que queramos aplicarlos, habrá que indicar que debe buscar los estilos en ese documento. Para ello, debemos incluir la siguiente etiqueta con los siguientes atributos:
<link rel="stylesheet" type="text/css" href="urlhojadeestilos.css">