www.estudiargratis.com.ar

Curso para aprender diseño Web bien y desde el comienzo

Curso para aprender a ser webmaster

Otros recursos:

Curso guitarra

Cocina fácil

Curso Biblia

Poesias

Trabajos, monografías, tutoriales, etc enviados

Historia Argentina

Comprar y vender por Internet

Diseño web, Estilos, CSS, Jaba Script. Ultima edición:06-04-08

Estilos:

Con la siguiente etiqueta muy útil podrá modificar todo lo que esté en la página en que lo introduzca, por ejemplo en este caso margen y color verde (estilos css):

<STYLE TYPE="text/css">

P {color: green; margin-left: 30;}

</STYLE>

</head>

Esto significa que siempre que aparezca <p> tendrá este formato: "color: green; margin-left: 30;".

Esto define estilos, en segundos con solo agregar la etiqueta correspondiente puede variar toda una página con un mínimo trabajo.

Lo mismo que lo anterior pero en JavaScript (lo entenderá tal vez después)

 <STYLE TYPE="text/javascript">

  tags.P.color=green;

  tags.P.marginLeft=30;

</STYLE>

Como hacemos si en una parte del documento se nos ocurre usar otro color para un renglón especifico usamos:

<SPAN> <font color="#00FFFF"> este curso esta bueno, lo da Javier en estudiargratis.com.ar</font> </SPAN>

Con esta etiqueta SPAN, lo que esta entre ella no será modificada nunca por <Style>

Para terminar este punto introductorio, vamos a ver un poco de Java al igual que como vimos un poco de html. Muchas Web poseen algo de JavaScript.

Vamos a hacer una ventana que aparezca al pulsar un botón, algo que en algún momento podría necesitarse:

Entre <head> y </head> irá en este caso todo esto: (no se tiene que olvidar ninguna comilla, paréntesis o signo):

function WinOpen() {

msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,width=130,height=380");

msg.document.write("<HEAD><TITLE>curso web de Javier</TITLE></HEAD>");

msg.document.write("<CENTER><h1><B>El curso que Javier Cinacchi da de diseño web está excelente </B></h1></CENTER>");

}

</script>

msg=open

Es la ventana del navegador; en las primeras comillas puede ir una url si lo desea, si no pone nada automáticamente pondrá lo que usted ha escrito como veremos.

· Width= especificará aquí el ancho de la ventana que le aparecerá al navegante, en este caso he elegido 130

· height= Es el alto, en este caso he elegido 380

msg.document.write

Es lo que no se ve en una página es decir lo que está comprendido entre <head> y </head> fíjese que tiene estas etiquetas

msg.document.write

Es el contenido de la hoja. Es decir todo lo que irá entre <body> y </body> acá por ejemplo puse:

· <CENTER> esta etiqueta es alineación del texto centrada

· <h1> Es formato de titulo (recuerde: h1,h2,h3...)

· <b> Es negrita Que en realidad no necesitaba poner ya que el título h1 ya es negrita, pero lo hice a modo de ejemplo

· El curso que Javier Cinacchi da de diseño web está excelente Todo esto que puse es lo que la persona observará al activarse esta ventana. Usted obviamente podrá escribir lo que desee.

A ahora en este caso pondré un botón que al pulsarlo activará esta nueva ventana del explorador del navegador web.

<form>

</form>

<Form> Es etiqueta que se utiliza para formularios.

button Es el comando de formulario que inserto.

Value Es lo que observará la persona escrito en el botón. En este caso puse: mas datos.

Esto es solo un ejemplo de algo que se puede realizar con JavaScript

En la próxima clase empezaremos a ver diseño gráfico para web usando el programa Corel, es mas fácil que programar en JavaScrpt y lo va a usar. Algo muy importante aprenderá a realizar fondos para su web, de poco peso, animaciones... Aunque en realidad hay que atender mucho.

[ Cursos gratis y mas en estudiargratis.com.ar ] [ Curso de Macromedia Flash ] [ Curso de FrontPage ]

Ayuda y realizar preguntas

Autor y webmaster: Javier R. Cinacchi

Prohibida la reproducción parcial o total del contenido de esta Web sin el consentimiento escrito del autor. Puede poner un link a esta pagina