Quisiera tener alguna nocion de diseño de paginas web con HTML. Agradeceré todo tipo de ayuda. Trucos, lineas de codigo, lo que sea.
Frames 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.
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.
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 (H6)
Si lo que queremos es sangrar un párrafo, debemos escribir entre las etiquetas <BLOCKQUOTE> Y </BLOCKQUOTE>