El Tiempo en Gijón

Tiempo Madrid


Login Registrarme Usuarios Usuarios Estadisticas Estadisticas Encuestas Encuestas Buscar Buscar Ayuda Ayuda

MELODICESOMELOCUENTAS MELODICESOMELOCUENTAS EL MUNDO DEL PC EL MUNDO DEL PC
Codigo HTML Codigo HTML (0.014 s)

Codigo HTML

FECHA El 04/12/08 a las 01:12:37 IP GUARDADA
Utilidades del Tema Puntuar Tema
Utilidades del Usuario
Online Mrm2400-n
Invitado
Codigo HTML

Quisiera tener alguna nocion de diseño de paginas web con HTML. Agradeceré todo tipo de ayuda. Trucos, lineas de codigo, lo que sea.




Reportar a My-Forum



RESPUESTAS AL MENSAJE - Respuesta/-s
Mostrando del 0 al 9 de 24
Ir a la pag.: [1] 2 3
FECHA El 06/12/08 a las 01:12:23 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

FRAMES o MARCOS

Frames en HTML

Introducción a los Frames   Un frame es una especie de marco o recuadro independiente en el que podemos cargar una página web. Podemos así dividir una página web en diferentes partes o ventanas, cada una con sus propios bordes y barras de desplazamiento, pudiendo cargar dentro de cada una de ellas una página externa independiente. Etiqueta <FRAMESET>   Las etiquetas <FRAMESET>...</FRAMESET> son las que van a decirle al navegador dónde empiezan y dónde acaban los marcos, y el tipo y forma de estos. Entre una y otra irán las definiciones de los diferentes frames. Estas etiquetas se deben situar entre <HTML> y </HTML>, pero podemos hacerlo también entre </HEAD> y <BODY>, en incluso podemos no utilizar <BODY>...</BODY>.

FECHA El 06/12/08 a las 01:12:17 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

FRAMES o MARCOS en HTML

Sus principales atributos o parámetros son:

* COLS= " x,y,z,..." , para definir el nº de columnas o marcos verticales que va a tener la ventana, y donde las variables x,y,z... van a definir el tamaño de cada marco vertical, pudiendo definirse en píxeles o en porcentaje. También podemos fijar el tamaño de una columna o columnas como * , y en este caso el tamaño de esta será todo aquel que quede después de definir mediante puntos o porcentajes las demás columnas.

Si definimos tamaños en píxeles, estos serán absolutos, En este caso si todas las frames se indican de este modo, los valores se ajustarán para que las frames ocupen la totalidad del espacio de la ventana del navegador, no guardando siempre la proporción con la que se definen las frames.

Por el contrario, si empleamos medidas en porcentaje, en este caso si los porcentajes suman un valor distinto del 100%, se ajustarán para que coincidan con el tamaño de la ventana. Se podrá combinar con el apartado anterior de forma que algunas frames se definan en valor absoluto y otras en porcentaje.

Posibles combinaciones serían:

1) COLS="100,700"...que nos dividiría la ventana en dos columnas, una de 100 puntos y la otra de 700.

2) COLS="10%,*"...que nos daría una columna con el 10% de la ventana y otra con el resto.

3) COLS="20%,*,*"...obteniendo con ello una columna del 20% de la ventana y otras dos que se repartirian por igual el tamaño restante.

4) COLS="*,2*"...que nos creará dos columnas, teniendo la segunda el doble de ancho que la primera, es decir, la primera ocuparía el 33% de la ventana y la segunda el 66% restante.

* ROWS=" x,y,z,..." , para definir el nº de filas o marcos horizontales que va a tener la ventana, y donde las variables x,y,z... van a definir el tamaño de cada marco horizontal, pudiendo definirse en píxeles o en porcentaje. También podemos fijar el tamaño de una fila o filas como * , y en este caso el tamaño de esta será todo aquel que quede después de definir mediante píxeles o porcentajes las demás filas. Las combinaciones posibles son muchas, siendo su estructura análoga a las vistas para COLS.

Si definimos tamaños en píxeles, estos serán absolutos, En este caso si todas las frames se indican de este modo, los valores se ajustarán para que las frames ocupen la totalidad del espacio de la ventana del navegador, no guardando siempre la proporción con la que se definen las frames.

Por el contrario, si empleamos medidas en porcentaje, en este caso si los porcentajes suman un valor distinto del 100%, se ajustarán para que coincidan con el tamaño de la ventana. Se podrá combinar con el apartado anterior de forma que algunas frames se definan en valor absoluto y otras en porcentaje.

 



FECHA El 06/12/08 a las 01:12:00 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

Marcos o Bordes en HTML

 

* FRAMEBORDER= " 0 / 1 / no / yes " , que nos permite definir si los marcos creados van a tener borde o no. Los valores 0 y no son equivalentes, eliminando los bordes, así como 1 y yes, que los muestran. Su valor por defecto es yes / 1 , por lo que si no especificamos nada se verán los bordes de todos los marcos. Si además queremos que no se vean los huecos que originan los bordes invisibles hay que añadir el atributo FRAMESPACING=0 para Internet Explorer y BORDER=0 para Nestcape.

Ejemplo.- <html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="20%,*" >
     <frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" >
     <frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" >
   </frameset>
</html> O bien sin bordes:

<html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="20%,*" frameborder="0" framespacing="0" border="0">
     <frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" >
     <frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" >
   </frameset>
</html>

FECHA El 06/12/08 a las 01:12:20 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

Marcos o Frames en HTML

 

* BORDER= " n " , con n = nº entero = nº de píxeles. En el caso de que se haya establecido FRAMEBORDER=" 1 " o no se haya especificado, este atributo nos permite definir el grosor del borde. Sólo funciona con Nestcape. * FRAMESPACING= " n " , con n = nº entero = nº de píxeles. Nos permite definir el espacio entre los marcos, y en el caso de que se haya establecido FRAMEBORDER=" 1 " o no se haya especificado, este atributo nos permite definir el grosor del borde. Sólo funciona con Explorer. * BORDERCOLOR= " color " , donde color puede venir especificado mediante su nombre web en inglés o mediante su código hexadecimal. Nos permite establecer el color de los bordes de los marcos.

Ejemplo.- <html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="20%,*" bordercolor="red">
     <frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" >
     <frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" >
   </frameset>
</html>   Sus principales atributos o parámetros son: * SRC=" ruta página html" , que especifica qué página se va a cargar en el frame. La ruta de la página debe especificar su localización en el sistema de archivos local del servidor web o una URL completa. Ejemplos.-

<frame src="principal.html">
<frame src="http://www.yahoo.es"> * NAME=" nombre " , que especifica qué página se va a cargar en el frame. La ruta de la página debe especificar su localización en el sistema de archivos local del servidor web o una URL completa. Sirve para asignar un nombre al marco. Es un atributo muy importante, ya que cuando queramos luego cargar una página en un marco mediante un enlace, deberemos decir en qué marco queremos hacerlo, y esto se consigue haciendo referencia al nombre del marco en el atributo TARGET de la etiqueta <A> del enlace.

FECHA El 06/12/08 a las 01:12:05 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

Frames y marcos en HTML

 

Este parámetro TARGET está relacionado con pulsar un enlace en un marco y cargar la página enlazada en otro. Su sintaxis general dentro de la etiqueta <A> es: <A HREF=" manual.html " TARGET= " cuerpo ">Manual HTML</A> donde cuerpo es el nombre asisnado a un frame mediante el atributo NAME. Con esto, al pulsar el enlace se cargará la página manual.html dentro del marco llamado cuerpo. <A HREF=" manual.html " TARGET= " _blank">Manual HTML</A> y ahora se cargará la página en una ventana nueva del navegador, por lo que tendremos dos ventanas abiertas. <A HREF=" manual.html " TARGET= " _self "</A> En este caso el la página llamada se va a cargar en el propio frame que la llama. Es equivalente a no colocar el parámetro TARGET, por lo que casi no se usa. Se puede usar para modificar el valor dado por BASE. <A HREF=" manual.html " TARGET= " _parent</A> y la página se mostrará en el marco o <FRAMESET> que llamó al documento actual. Si no hay ningún <FRAMESET> anterior, la página llamada se mostrará a pantalla completa, suprimiendo todos los marcos de la pantalla. Indica que se muestre en la ventana completa, eliminando la estructura de frames que tenga la ventana. <BASE TARGET= " nombre" </A> que especifica el frame en el que se mostrará por defecto todos los hiperenlaces del documento actual. Se debe especificar en la cabecera del documento (HEAD). <AREA SHAPE=RECT COORDS="x,y,..." HREF="url" TARGET="frame" </A> que en la definición de imágenes sensibles en el cliente, indica el frame donde se verá el documento que se activa en la zona correspondiente de la imagen. <FORM ACTION="url" TARGET="nombre"</A> que indica al formulario al que se mandan los datos el frame de destino del resultado de los mismos.

FECHA El 06/12/08 a las 01:12:48 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

FRAMES o MARCOS en HTML

 

* MARGINWIDTH=" x " , con x = nº píxeles o porcentaje. Sirve para definir el margen horizontal que queremos que haya dentro del frame, entre l os límites de este y su contenido. que indica al formulario al que se mandan los datos el frame de destino del resultado de los mismos. * MARGINHEIGHT=" x " , con x = nº píxeles o porcentaje. Nos define el margen vertical que queremos que haya dentro del frame, entre los límites de este y su contenido. Ejemplo.- <html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="40%,*" >
     <frame src="a.html" marginwidth="50" marginheight="30">
     <frame src="b.html" marginwidth="10" marginheight="0">
   </frameset>
</html> * SCROLLING= " yes / no / auto " , que nos va a permitir establecer si el marco tendrá o no barra deslizadora cuando el contenido del marco exceda al tamaño de este.

Sus posibles valores son:

- yes…siempre aparecerá la barra deslizadora.
- no…nunca aparecerá. Por lo tanto, si el contenido es mayor que el texto sólo podremos ver lo que quepa en el marco.
- auto…sólo aparecerá el scroll si es necesario para poder visualizar el contenido completo del marco. Este es el valor por defecto * NORESIZE . Este atributo impide que el marco pueda ser redimensionado por el visitante arrastrando su borde. Si no se indica este atributo el marco podrá ser redimensionado. * BORDECOLOR= " color " , con color = nombre color web en inglés o en hexadecimal. Sirve para definir el color del borde del marco concreto al que se aplica. * FRAMEBORDER= " 1 / 0 " . Si se ha establecido BORDECOLOR, si su valor es 0 se mostrará el borde sin efecto 3D en el marco (se percibe mejor en Explorer), y si es 1 sí se mostrará este efecto. Además, si lo igualamos a cero se eliminará el borde con todos los marcos contiguos que tengan también este valor a cero. Ejemplos.- <html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="40%,*" bordercolor="red">
     <frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" >
     <frame src="b.html" marginwidth="10" marginheight="0" frameborder="0">
   </frameset>
</html> <html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="40%,*" bordercolor="red">
     <frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" >
     <frame src="b.html" marginwidth="10" marginheight="0" >
   </frameset>
</html> <html>
   <head>
   <title>Mi página</title>
   </head>
   <frameset rows="40%,*" bordercolor="red">
     <frame src="a.html" marginwidth="50" marginheight="30" frameborder="1" >
     <frame src="b.html" marginwidth="10" marginheight="0" frameborder="1">
   </frameset>
</html>

FECHA El 06/12/08 a las 01:12:38 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

NOFRAMES

 

Etiquetas <NOFRAMES>…</NOFRAMES>   Este par de etiquetas no son atributos de <FRAME> . Se utiliza para prevenir el caso de que el navegador del visitante no soporte frames. Deben situarse antes de </FRAMESET>, y dentro de ellas se incluyen <BODY> texto de aviso </BODY>. Si el navegador no reconoce los frames los ignorará, mostrando el mensaje de aviso. Este atributo está actualmente en dehuso, ya que todos los modernos navegadores soportan frames. Un ejemplo completo de una página simple con frames sería: <html>
   <head>
   <title>Página con frames</title>
   </head>
   <frameset rows="20%,*" frameborder="yes" bordercolor="yellow" >
     <frame name="uno" src="a.html" marginwidth="50" marginheight="30" >
     <frame name="dos" src="b.html" marginwidth="30" marginheight="40" >
   <noframes>
   <body>
     Lo siento. Su navegador no soporta frames. Pulse <a href="noframes.html">AQUÍ</a> para acceder a una página sin frames.
   </body>
   </noframes>
   </frameset>
</html>  

FECHA El 06/12/08 a las 01:12:16 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

que es HTML

 

Son las iniciales de Hiper Text Markup Languaje. Es un lenguaje de programación, mas o menos standard que se usa para que podamos crear documentos que se puedan ver con cualquier navegador.
Los programas HTLM, están hechos con texto plano, sólo contienen números y letras, pero no todos los carácteres son válidos, algunos carácteres son especiales y debemos insertar su código, por ejemplo las minúsculas acentuadas . Para decirle al navegador que nos muestre una a acentuada debemos teclear &aacute y el resultado sería
á, así  é acentuada &eacute, y así el resto de vocales.
Los códigos de marcado del lenguaje HTML, no son puntillosos y no distinguen entre mayúsculas y minúsculas. Con lo que si hay que tener cuidado es con las llamadas externas, y sobre todo con nombres de ficheros. Con los maravillosos sistemas operativos que tienen ahora nuestros ordenadores, podemos poner nombres larguisimos a nuestros ficheros, y además pueden contener espacios. Por cuestiones de portabilidad, yo seguiría con los nombres cortitos, para separar palabras, nunca useis un blanco, es mejor un guión.

Cuidado porque distingue mayúsculas y minúsculas en los nombres de los ficheros, ejem. no es lo mismo asturias/ Asturias / ASTURIAS, serían tres ficheros distintos.



FECHA El 06/12/08 a las 01:12:31 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

estructura de una pagina en HTML

 

Todo documento HTML debe empezar y acabar por las etiquetas <HTML> y </HTML> respectivamente.  

 Todas las etiquetas van entre <>. Además la gran mayoría de las etiquetas van emparejadas y para distinguir entre la etiqueta de inicio y de fin, se le pone / a la etiqueta de fin. Fácil no?.
Todos los documentos HTML tienen dos partes, el encabezado y el cuerpo, de perogrullo no?. Pues hasta para esto hay que poner etiqueta, y cuales son? .
Para el encabezado la etiqueta es <HEAD> y </HEAD> En esta sección se pone la información de la página y poco más. Aquí es donde pónemos el título de nuestra página, para que todo el mundo nos conozca. El título irá entre las etiquetas <TITLE> y </TITLE> lo que pongamos aqui, aparecera en la parte izquierda de la línea superior de la ventana.
Ya esta, manos a la obra vamos a empezar a diseñar nuestra primera página. Cogemos cualquier procesador, y acordaros de que se debe salvar como texto normal.
<HEAD>
<TITLE>Mi pagina Web</TITLE>
</HEAD>
Y ahora vamos con la parte importante, el cuerpo del documento, donde vamos a insertar nuestro texto, imagenes, hiperenlaces, scrips ......... el cuerpo también tiene su etiqueta, que como no podia ser de otra manera son <BODY> y </BODY> y entre medias que?. Nuestra página WEB como todos los documentos, necesita un encabezamiento, algo que llame la atención y que defina el resto de la página. Podemos definir hasta 6 tamaños de encabezados, y esto se hace con las etiquetas <H1> a <H6> teniendo en cuenta que el número 1 define el tamaño de letra más grande y el 6 define el más pequeño.
Seguimos diseñando la página:
<BODY>
<H1>BIENVENIDO A MI PAGINA PERSONAL</H1>

</BODY>

Bienvenido a mi página personal (H1) Bienvenido a mi página personal (H2) Bienvenido a mi página personal (H3) Bienvenido a mi página personal (H4) Bienvenido a mi página personal (H5)

Bienvenido a mi página personal (H6)



FECHA El 06/12/08 a las 01:12:21 IP GUARDADA Buscar Mensajes Posteados Buscar Mensajes Posteados
Online jerkan
Administrador
Administrador



Mensajes:
Visitas:
Lecturas:
Fecha Reg.:
709
1848
1043
El 21/10/08 a las 11:10:48

parrafos en HTML

 

Y ahora que, ya tenemos el encabezado de nuestra página, pero se puede mejorar el aspecto, alineando el parrafo. Lo normal es que todos queramos poner el encabezado en el centro de la página. Esto se logra con la etiqueta <CENTER> </CENTER>. Esta etiqueta también es válida para gráficos, pero lo veremos mas adelante.
<BODY>
<CENTER><H3>BIENVENIDO A MI PAGINA PERSONAL</H3></CENTER>
</BODY> BIENVENIDO A MI PAGINA PERSONAL (H2) Los párrafos van entre las etiquetas <P> y </P>, y los podemos alinear a la izquierda, a la derecha y como ya hemos visto, centrarlos, pero vamos a seguir con nuestra página, introduciendo el comando ALIGN.
<BODY>
<CENTER><H3>BIENVENIDO A MI PAGINA PERSONAL</H3></CENTER>
<P ALIGN="LEFT"> Ahora estoy escribiendo el primer párrafo de mi página personal, que quiero que se alinea a la izquierda. </P>
<P ALIGN="RIGTH"> Pero esta línea quiero que salga a la derecha</P>
<P ALIGN="CENTER"> Toma ya y ahora en el centro</P>
</BODY> Ahora estoy escribiendo el primer párrafo de mi página personal, que quiero que se alinie a la izquierda esta línea quiero que salga a la derecha ahora en el centro.


Si lo que queremos es sangrar un párrafo, debemos escribir entre las etiquetas
<BLOCKQUOTE> Y </BLOCKQUOTE>



Mostrando del 0 al 9 de 24
Ir a la pag.: [1] 2 3


Temas Relacionados
Mensaje Normal
Mensaje No Leido
Eliminar la cuenta de hotmail  
Armando Armando
Fecha El 03/12/11 a las 08:12:00
LACATUS LACATUS
Fecha El 03/12/11 a las 08:12:52
419 1
Mensaje Normal
Mensaje No Leido
Cuenta de msn bloqueada  
Sandra Sandra
Fecha El 17/10/11 a las 09:10:39
MAR MAR
Fecha El 04/11/11 a las 02:11:07
313 3
Mensaje Normal
Mensaje No Leido
Datos sobre webs  
VENUS.1 VENUS.1
Fecha El 17/06/11 a las 06:06:18
Sin Respuesta 324 0
Mensaje Normal
Mensaje No Leido
Locutor a la carta  
VENUS.1 VENUS.1
Fecha El 17/06/11 a las 06:06:47
Sin Respuesta 264 0
Mensaje Normal
Mensaje No Leido
Wetransfer  
VENUS.1 VENUS.1
Fecha El 12/05/11 a las 02:05:18
Sin Respuesta 305 0