JAVASCRIPT en un archivo externo

Una de las maneras mas comunes de incluir JAVASCRIPT es en un archivo externo

Se coloca en el HEAD
<_script type="text/javascript" src="micodigo.js"><_/script>
Donde en el archivo micodigo.js se encuentra el Codigo JAVASCRIPT

La ventaja de este metodo sobre el incluir en codigo mismo de la pagina es el mantenimiento.
Si uno cuenta con muchas paginas, solo es necesario la modificacion de un solo archivo

JAVASCRIPT en un documento HTML

Una de las formas de incluir lenguaje JAVASCRIPT es el mismo documento entre
las etiquetas
<_script> <_/script> (sin el guion bajo _)

Esto lo incluimos en en el lugar de comunento que ejecutaremos el programa

<_script type="text/javascript">
alert("Ventana de Advertencia");
<_/script>


Lo mas habitual es incluir el codigo en el HEAD . (En el ejemplo anterior se abrir una ventana)

Javascript y XHTML

El JAVASCRIPT es un lengauje muy versatil que se utiliza incluido dentro de paginas web
Como incluir codigo JAVASCRIPT en una pagina HTML o XHTML

  1. En el mismo documento (En el HEAD o cada vez que se invoca)
  2. Como archivo externo
  3. En la mismas lineas del HTML XHTML como evento.

Amplieremos cada una en sucesivos POST de Aprender Diseño Web

Que es JAVASCRIPT?

Javascript es un lenguaje de programación utilizado para crear programas encargados de realizar acciones dentro del ámbito de una página web.

El navegador del cliente es el encargado de interpretar las instrucciones Javascript, es un lenguaje que se ejecuta del lado del cliente a diferencia de Lenguajes de Servidor como PHP, ASP, JPS)

Javascript no tiene nada que ver con Java.

Preguntas de ProgInternet.com.ar

Colores CSS RGB Decimal y RGB Porcentual

El modelo de colores RGB es un modelo donde se especifica la cantidad de Rojo (red), verdr (green( y azul (Blue) que tendra.
En CSS cuando se quiere especificar un color RGB en Hexadecimal se puede ver en el POST anterior pero si queremos el RGB decimal debemos anteponerle la palabra "rgb"

Por ejemplo:

h1 { color: rgb(71, 98, 176); }

RGB Porcentual

El formato es similar solo que se indica el porcentaje de cada color

Por ejemplo
h1 { color: rgb(27%, 38%, 69%); }

Al igual que sucede con el RGB decimal, si se indica un valor inferior a 0%, se transforma automáticamente en 0% y si se indica un valor superior a 100%, se trunca su valor a 100%.

Colores RGB Hexadecimal

3) Colores CSS Hexadecimal RGB

Es la forma mas comunmente usado. Se define con numeral (#) y los tres valores de RGB (Red Green Blue) en formato Hexadecimal
El negro es #000000 y blanco es #FFFFFF

El formato RGB permite comprimir. Por ejemplo el color lime #00FF00 se puede escribir #0F0

Colores CSS por palabra clave y Colores del Sistema

1) Por Palabras clave

CSS define 17 palabras clave segun el siguiente grafico


2) Colores del Sistema
Este metodo no se utiliza y se refiere a los colores usados en el sistema opertivo del usuario

Colores en CSS

El metodo mas comun para definir colores en CSS es el RGB hexadecimal pero es bueno saber que existen 5 formas de especificar los colores en CCS

  1. Palabras clave
  2. Colores del sistema
  3. Hexadecimal RGB
  4. numérico RGB
  5. Porcentual RGB .

Esquinas Redondas con CSS

Esquinas Redondas con CSS es uno de los trucos habituales buscados por quienes suman expertise en estilos CSS
Una explicacion sencilla cd Esquinas redondas con CCS http://simplelogica.net/caoticoneutral/?p=15


Despues navengado por internes accedi al siguiente listado

Menus Espectaculares con CSS

Menus Espectaculares con CSS

Algunas direcciones con recursos

CSS: Unidades de Medida

Hay 2 tipos de medidas:
  1. Absolutas
  2. Relativas
Ambas medidas se escriben poniendo el nombre e inmediatamente la unidad de medida tomada

UNIDADES RELATIVAS

  • em: relativa al tamaño de letra usado. Si bien no es exacto el valor 1 seria el ancho de la letra M mayuscula del tipo de fuente que se esta usando
  • ex: relativa a la altura de la letra x minuscula tipo defuente que se use
  • px: El pixel, una de las mas comunes que es relativa a la pantalla
Por ejemplo:
p { font-size: 0.8em; }

Indica que es 0.8 del tipo por defecto de la fuente que se usa en el navegado.


UNIDADES ABSOLUTAS

Son unidades completas.

  • in: "inches" del inglés pulgadas donde 1 pulgada son 2.54 centímetros
  • cm,: centímetros
  • mm: milímetros
  • pt: puntos donde 1 punto vale a 1 pulgada/72, aproximadamente 0.35 milímetros
  • pc: picas donde 1 pica vale a 12 puntos, aproximadamente unos 4.23 milímetros
La mas habitual de uso es PUNTOS (pt)sobre todo para documentos que se van a imprimir

Como realizar Menus con CSS

Como realizar Menus con CSS?

La manera mas comun de realizar Menu, es utilizar Listas.
O sea estructuramos el MENU en XHTML con Listas y como no necesitamos Orden con listas No Ordenadas las UL.

Creamos un estilo personalizado (Estilo de clase)
#menu { 
list-style:none; //No hay viñetas
margin:0; //No hay Margen
padding:0; No hay padding (Distancia entre el contenido y el borde)
}
Luego a cada elemento .menu li a, le realizamos un diseño especial
y aca cada elemento .menu li a:hover tambien.

#menu a {
text-decoration: none;
width: 140px;
color: #3366CC;
background: #F0F7FC;
padding: 3px 6px;

}


#menu a:hover {
background: #DBEBF6;
}

CSS: Selector de clase

CSS Selector de clase


Son los mas usados y se aplican en todos los elementos que tengan en atributo class que coincide con el nombre del Selector

.parrafoespecial { color: red; }

<_p>Hola Mundo!<_/p>
<_p class=""parrafoespecial">Hola Mundo en color rojo

En la aplicabilidad y la herencia hay que identificar 3 casos bien diferentes

Caso 1) Todos los elementos de tipo "p" con class="parrafoespecial"

p.parrafoespecial{ propiedad:valor; }

Caso 2)
Todos los elementos con atributo class="
parrafoespecial" que estén dentro de cualquier elemento de tipo "p"
p .parrafoespecial { propiedad:valor;}

Caso 3)
Se aplica a todos los elementos "p" de la página y a todos los elementos con
el atributo class="
parrafoespecial" de la página
p, .aviso { propiedad:valor; }


CSS: Selector de Tipo Etiqueta

Se aplica a los elementos HTML que coinciden con esa etiqueta.
Simplemente se coloca el nombre y entre llaves la propiedad y el valor o los conjuntos de propiedad valor sin son varios

h1 {
margin: 0 0 0.5em;
font-size: 1.8em;
line-height: 1.2;
}
Los selectores se pueden separar por comas y unificar diferentes etiquetas

h1,h2,p {
margin: 0 0 0.5em;
font-size: 1.8em;
line-height: 1.2;
}
En


En la practica conviene agrupar distintas etiquetas con propiedades comunes y luego hacer las propiedades especificas para cada uno.

Por ejemplo:
h1, h2, h3 {
color: #8A8E27;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

Selector Universal CSS

CSS Selector Universal
El selector universal se escribe con un asterisco (*).
En la practica no se utiliza muy usado, ya que es difícil que un mismo estilo se pueda aplicar a todos los elementos de una página.
Se aplica a algunos "hacks" para IE o en combinacion con otros selectores

Una de las aplicaciones basica es eliminar el margen y el relleno de todos los elementos HTML como en este ejemplo

* {
margin: 0;
padding: 0;
}