|
|
INDICE DE LA PÁGINA
PONER FOTOS EN EL HOSTING IMAGESHACK
REGISTRARSE EN IMAGESHACK
HACERSE UN SPACES
PONER UN MÓDULO CON MÚSICA
PONER FOTOS EN EL HOSTING IMAGESHACK
Esta página es un apéndice de "aprende a mejorar tu espacio"
Se trata de tener una URL de la foto que queremos poner en un foro o una web:
2º._ Hay 2 posibilidades:
- La foto está almacenada en una carpeta o un archivo de nuestro ordenador, cuando entres ya está preparado, no hay que hacer nada.
- Quieres traer una foto de otra web a la tuya, tienes su URL, pero quieres que la dirección sea tuya, entonces mira en la foto de debajo y antes del paso siguiente pincha delante de url, fíjate que hay una barra donde pone upload, images, url, video, si no has hecho nada cuando abres está pulsado images.
3º._ Pincha en donde dice Browse.., está después de Cancel
4º._ Se abre una ventana donde aparece el contenido de tu equipo, todas tus carpetas y archivos. Busca la foto que quieras poner.
5º._ Señala la foto que quieras, la mía es, como se ve en la foto porque aparece sombreada, una que se llama "Buena muerte, Salamanca". Tienes que darle a abrir o pinchar 2 veces en la foto, así se abrirá.
6._ Una vez la foto abierta su nombre aparecerá en el recuadro como ves en la foto siguiente. Pincha en start upload!
Ya se abre una ventana donde aparece la foto, es el Cristo pequeñito que aparece, y su URL que es la que necesitamos para repetir la foto donde sea necesario. Yo la que uso es la que pone: Direct link to image. A esa URL le añado las etiquetas que me indiquen en cada sitio. Cópiala y pégala donde la necesites.
REGISTRARSE EN IMAGESHACK
Para que tengas tu propia página en el hosting y que tus fotos estén juntas, así las administras a tu manera y necesidades, sigue estos pasos:
1º._ Pincha en SignUp
2º._ Rellena el cuestionario:
Dirección e-mail, repite la dirección e-mail, pon un nombre de usuario, el que quieras, verdadero o falso. Selecciona el sexo, y pon tu edad, no tiene que ser verdadera, es solo para que se vea que no tienes 8 años. > Register y ya está.
3º._ Te mandan un mail con la contraseña, la conservas o vas a tu cuenta y la cambias por otra personalizada, y ya puedes usarlo.
HACERSE UN SPACES
1º._ Pon en GOOGLE: Bienvenidos MSN España, o entra directamente a través de MSN, pincha en el enlace.
2ª._ Pincha en Más servicios.
3º._ Se abre una ventana y ve a Spaces. Allí te registras y sigues los pasos que te indiquen.
4º._ Puedes entrar también por la página de tu correo dandole a Más y te sale esa ventana blanca y allí a Spaces. Después, sigue instrucciones, tócalo todo y practica hasta que te guste el resultado.
PONER LISTAS DE MÚSICA
Supongo que será obligatorio, salvo que sea para una audición privada, usar música libre si se pretende su difusión. Esto que aparece aquí son enlaces de una lista de Ebay Turquía. No sé de quien son las listas ni si se mantendrán, lo importante es ver en que consiste el sistema y como se hace. Para hacerse una lista como esta es necesario entrar aquí:
|
CONTENIDO
En este tutorial se explican las nociones básicas de HTML que permiten poner en los espacios todo tipo de animaciones, música, cuadros decorativos y sistemas para rediccionar a otras páginas.
|
|
El SPACES
Página personal que se compone principalmente de:
FOTOS- Agrupadas en álbumes, se instalan siguiendo unas sencillas instrucciones, puedes ponerles nombres diferentes y colocar en cada uno 20 fotos ordenadas. Admite 500 fotos cada mes, su calidad no es maravillosa, pero se ven.
BLOG- El blog se organiza por entradas, cada una con su título, y luego estas se agrupan por categorías que vienen ya prefijadas, pero permite añadir otras 15, según las necesidades. El blog es el unico sitio del espacio donde se puede poner un texto extenso, aunque se puedan proporcionar más textos mediante enlaces con otras páginas. El blog puede incluir además de escritos, fotos, animaciones y enlaces con otras URL.
LISTAS- Hay varias que están ya preparadas de libros, música y blog, pero además existe la opción de un numero indeterminado de "listas personalizadas". En todas ellas se puede si se desea poner un título, un breve comentario y un enlace con otra página.
ACCESORIOS- El espacio proporciona una serie de útilidades o complementos, como son las herramientas, el perfil, el título, libro de visitas, etc, para satisfacer diversas necesidades de almacenamiento, comunicación, etc. Son:
MÓDULOS, cada uno de los recuadros o apartados que nos proporciona el espacio.
GADGETS, son "chismes" que diriamos nosotros, una radio, un reloj, un contador, etc.
|
|
NOCIONES BÁSICAS DE INTERNET
Para tener un Space hay que tener una cuenta de correo de MSN, un @hotmail.com, con ella tenéis gratis un Messenger y un Spaces. Procurad visitar algunos espacios para ver en que consiste y lo que hacen los demás. Una vez en el Messenger clik en "ir a tu espacio" que es una de las opciones que ofrecen y seguid las instrucciones, como siempre para instalarlo decir que sí a todo.
La dirección del space no se puede cambiar después, hay que pensarla bien, pero el resto, incluso el nombre, se puede modificar luego, así que no hay problema.
El espacio, viene con un diseño preconfigurado para tener un soporte mientras no se personaliza, es necesario explorar para ver lo que se puede hacer con cada módulo, cualquier cosa que se haga salvo eliminar el propio espacio, es recuperable, pinchad sin miedo y recurrid al botón de ayuda.
|
|
DIRECCIÓN, URL O RUTA
La URL, es la dirección de cada página que se vea en una pantalla de internet. Cada entrada del blog tiene una URL y cada foto del blog tambien la tiene. Según vamos moviéndonos por una web vamos cambiando de página y va cambiando la dirección, la véis en la barra de arriba del todo junto a las flechas de detrás, delante y empieza por http://
|
|
PROGRAMACIÓN Y LENGUAJE HTML
El programa del ordenador convierte ciertas fórmulas hechas con letras y números que no vemos en un texto legible. Para comprobarlo pincha en el botón de la derecha del ratón, luego en " ver el código fuente" y se ven estas claves o "etiquetas".
Nuestro espacio nos permite editar directamente, no hay que aprender HTML, aunque conviene saber su mecanismo. Por ejemplo, para ordenar que el texto se ponga en el centro lo marcamos con el ratón y en la barra de edición se elige centro, pero hacer esto es como escribir en el editor de HTML <DIV align=center>.
Lo mejor es tener una página web y ensayar en ella para familiarizarse con el sistema. Editando en una entrada del blog si se pulsa el botón HTM se entra al código fuente y viendo ese lenguaje se puede aprender yendo hacia delante y hacia detrás. Podéis copiar un texto de otro espacio, pegarlo en el vuestro y mirar como está hecho; si no le dais a "publicar entrada" se borrará al salir.
Las etiquetas están metidas en cajas limitadas por signos de puntuación, como < > o [ ] y siempre empiezan por la orden y terminan con el fin de la orden. Para dar la instrucción de fin de orden, se pone en la caja de cierre este signo / que en el teclado está sobre el número 7 . Por difíciles y largas que parezcan solo tenemos que copiarlas con el ratón y pegarlas.
|
|
IMÁGENES
Es información que actúa como un bloque, los banner, los carteles, los gifs, las fotos, etc. Pueden ser animadas o no. Se suele decir "subir" una foto cuando la ponemos en algun sitio, y "bajar" cuando la tomamos. Hay que considerar que a cada imagen que tengamos también se le puede llamar archivo, esté sola o en una carpeta.
Oiremos hablar por un lado de, banners, gifs, animaciones, carteles, botones, logos y por otro de fotos. Los botones son las imágenes que sirven para indicar donde hay que pinchar con el raton, y todos los demás sirven para adornar o captar la atención del internauta hacia algo concreto. En el espacio sean fotos o imágenes actuaremos para ponerlas de la misma manera. Gifs es un término que refiere al sistema de programación con que se ha hecho la animación, Banner refiere al uso que suele ser publicitario.
Las imágenes, que aparecen en nuestras webs, sean fotos o dibujos, no se guardan en las páginas como las tenemos en el disco duro de nuestro ordenador, se tienen almacenadas en otra página web, y lo que ponemos dentro de la etiqueta es la dirección de la página donde está guardada que se llama URL, o RUTA.
En la página central de Artesana hay enlaces de webs donde hacer animaciones, carteles y logos personalizados.
URL DE UNA FOTO O IMAGEN
Las fotos que están en internet todas tienen su propia dirección como cualquier otra página web, puede estar abierta al público en general o ser de uso restringido pero todas tienen su URL.
VER LA URL DE UNA FOTO O IMAGEN
Para verla nos situamos sobre la foto, presionamos con el ratón derecho, aparece una ventana grande y vamos a "propiedades", en la siguiente ventana ya vemos todas las características de la imagen, medidas, etc, y entre ellas la URL, para cogerla damos al ratón derecho y a copiar. Esta dirección nos será útil para muchas cosas como iremos viendo.
COPIAR IMÁGENES.
Para copiar una foto ponemos encima de ella el ratón y con el boton derecho marcamos "guardar como" así la metemos en el lugar seleccionado del disco duro de nuestro archivo.
|
|
MÚSICA
Como pasa con las imágenes, no se encuentra en nuestra web, está almacenada en una página especializada a la cual accedemos por su URL. La podemos tener en un video, en un módulo como el Player o en un módulo HTML. Por eso es necesario conocer su dirección para ponerla en la nuestra.
|
|
PONER IMÁGENES EN EL BLOG
|
|
DESDE NUESTRO DISCO DURO:
No podemos llevarlas directamente con el sistema "copiar/pegar" de nuestro ordenador al texto del blog. Pero poner imágenes en el álbum desde nuestro disco duro es fácil, solo hay que ir haciendo lo que nos indican, ponerlas en una entrada del blog es igual de sencillo, dandole a "agregar fotos" al pie de la página, nos saldrán las fotos, aunque a veces más pequeña, en la zona del texto donde tengamos el puntero del ratón. Lo que hay que hacer primero es abrir las fotos pinchando sobre ellas con el botón derecho, la foto sale ya de su tamaño en otra ventana y alli las robamos con el sistema "copiar/pegar" de siempre, luego las pegamos en la parte del texto que nos interese y si queremos después borramos la pequeña.
|
|
DESDE OTRA URL
Si tenemos una URL, podemos ponerlas directamente con la URL, pincha HTML, entra al editor y escribe: <img src="URL de la imagen">
COPIARLA DE OTRA WEB:
Para copiar una foto de alguien ponemos encima de ella el ratón y con el boton derecho marcamos "copiar" ya las podéis llevar a una entrada del blog y darle otra vez con el ratón derecho a "pegar". Las imágenes se pueden robar de otro espacio y ponerlas directamente en el blog nuestro, pero lo lógico es hacerlo desde nuestro disco duro como acabamos de explicar, pues si del otro la quitan, se borrará del nuestro también.
Una vez la foto en nuestra entrada del blog, tiene ya su URL que sirve para repetirla en otro sitio que admita lenguaje HTML, pero si la borramos del blog o del álbum desaparece la URL.
|
|
PONER IMÁGENES EN UN FORO
En un foro se pone normalmente, en función edición, esta etiqueta, [img] URL [/img].
Hace falta tener una URL, si no la tienes, pon la foto en un hosting y te darán una, => Tutorial de Artesana para usar el hosting Imageshack
|
|
LOS MÓDULOS HTML
Entre los módulos que se ofrecen, está el "HTML personalizado" podéis poner hasta 10. Es un módulo vacio que puede ocupar cualquiera de las columnas del espacio y que permite escribir dentro en código HTLM que es el mismo con que funciona nuestro blog, con ello podemos poner en él un texto breve, un rótulo luminoso, una foto, un banner, música, etc...
Para personalizar y decorar es la herramienta más útil, en mi página central, tengo multiples módulos HTML, son los que tienen fotos que redireccionan a otras páginas. Lo importante es que permite escribir y poner imágenes fuera del blog o de las listas..
|
|
COMPLETAR UN MODULO HTML
Es obligatorio, ponerle un título que se puede dejar oculto. Tambien decidimos si queremos que el módulo ocupe todo el ancho de la página y que esté dentro de un recuadro o no. Se personaliza su configuración con unos botones que tiene en la esquina superior de la derecha.
Se pueden completar con todas las opciones, si es un texto, puede ser texto normal o complicado con etiquetas, lo mejor es preparlo en una entrada del blog y despues copiarlo al módulo, pero solo admiten textos breves.
Podemos usarlo para poner carteles, notas, avisos, etc. Lo importante es que todas las fórmulas deben estar completas, sin huecos, si falta cualquier signo no saldrá bien, pero no os desaniméis tarde o temprano sale.
|
|
IMÁGENES EN LOS MÓDULOS HTML
|
|
Es la misma etiqueta del editor del blog. En mi página central hay un cuadro con las principales etiquetas, solo hay que copiarlas. Esta es para una imagen centrada con medidas:
<DIV align=center> <img height=160 src="URL foto"width=150>
Se puede poner también sin medidas: <img src="URL foto">
|
|
PONER MÚSICA EN EL SPACES, EL BLOG Y LOS FOROS
La música normalmente se pone o en video, o en un módulo especial o simplemente con un enlace que al pincharlo nos lleve a la canción. En la página central de Artesana se puede ver como yo uso todos estos sistemas, hay un video, un módulo Media Player y listas con enlaces de música.
|
|
WINDOWS MEDIA PLAYER
INSTALACION: Es fácil de instalar porque viene incluido entre los módulos que ofrece el espacio. Seguir este proceso empezando arriba a la derecha: Personalizar -> Módulos -> Otros -> Windows Media Player -> Agregar . Es un módulo con música, tiene volumen y mandos para controlarlo.
COMPLETARLO: Se trata de escribir una formula en el casillero habilitado para ello. Solo hay que poner la URL del sitio donde está la música, canción o radio y completar las casillas.
Hace falta tener la URL, bien de música propia puesta en otra página web que se dedique a eso y nos de la URL, bien la de una web especializada en música de internet.
Para saber la URL de la canción que queremos poner, debemos hacer un clik con el boton derecho del raton en el texto de entrada a la canción, (si lo hacemos con el izquierdo, entraríamos directamente al reproductor) luego elegir la opcion "copiar acceso directo". Ya tenemos la URL en el ratón, luego ya solo debemos soltarlo en el casillero dándole a "pegar".
En las listas de mi página central hay enlaces de direcciones con música midi y normal.
|
|
MÓDULOS HTML y FOROS
Para poner música en estos espacios, normalmente seguimos uno de estos pasos:
1._ Con esta etiqueta podemos poner música en cualquier módulo HTML sin necesidad de tener un módulo media Player, tiene el inconveniente de que suena, pero no presenta mandos:
<BGSOUND SRC="http://www.pcdon.com/-NatKingCole_AquellosOjosVerdes.mid" LOOP="6">
Recuerda que debes siempre sustituir mi URL por la tuya
|
|
REDIRECCIONAR
|
|
REDIRECCIONAR HACIA OTRA PÁGINA
Para dirigir a los visitantes de nuestra página a un sitio específico, simplemente ponemos el enlace de la URL de la página donde queramos que vayan y al pinchar van allí. Podemos hacerlo con un texto explicativo sin mostrar la URL, esto queda más bonito. Se hace así:
En la barra de herramientas del editor del espacio se pincha el 6º icono empezando por el final, "insertar vinculo" y rellenar el casillero que aparece en una ventana. Queda un texto preparado con la URL oculta como este: Ve al día de tu nacimiento
Para ponerlo directamente en el editor de HTML hay que escribir:
<A href="URL" target=_blank>Texto</A>
REDIRECCIONAR EN UN FORO
En un foro cambia la etiqueta, casi siempre es esta:
[url=http://artes-ana-madrid.spaces.live.com/]Artesana, mi belén[/url]
Esta fórmula es útil para redireccionar al lector a nuestra página personal y se puede poner al final del post o en el perfil en la firma.
|
|
SALIR DEL MODO EDICIÓN
El reenvio tambien puede ser a otra entrada del nuestro, se hace exactamente igual poniendo la dirección de la URL de la página. Tu espacio tiene de cada página dos direcciones la que está en modo edición y la que está fuera del modo edición que es la que ven los demás. Para salir del modo edición y ver la página según la ven los demás, le damos a "personalizar", arriba a la derecha en la barra de herramientas del espacio y allí a "salir del modo de edición" y a esa dirección es a donde los tenemos que mandar.
Además de en una entrada de blog podéis poner la URL de una página en una "lista personalizada" fijaros en mis listas veréis como muchas de ellas remiten a páginas del blog. Con esto tenéis una especie de lista o índice de páginas de vuestro blog.
|
|
ÍNDICES
El blog se organiza por entradas cada una con su título, y las entradas por categorías, de manera que se ordenan todas las de una misma categoría juntas. Si queremos establecer un índice del contenido de una categoria es necesario crear una lista con estas entradas. Por ejemplo yo tengo una lista de algunas entradas del blog agrupadas en la categoría "BELENES, TALLER", y al pinchar sobre ellas reenvío directamente a los visitantes a la entrada seleccionada.
Con esta acción tenemos múltiples posibilidades, mezclar entradas nuestras con las de otro blog, con páginas de internet, con música, etc. En mi espacio podéis ver que hay varias listas que llevan a páginas de otras webs o de mi blog.
|
|
REDIRECCIONAR CON IMÁGENES
PONER UNA IMAGEN BOTÓN CON TEXTO EXPLICATIVO
Tendremos una imagen que hace de botón con una URL oculta para cambiar de página y ademas al superponer el ratón un rótulo explicando la función que tiene el botón. Mira mi ejemplo de botón mariposa:
<a href="URL (de la página donde van a entrar)" target=_blank><img src="URL (de la imagen que hace de botón)"title="TEXTO EXPLICATIVO"></a>
|
|
REDIRECCIONAR PARA ENVIAR UN MAIL
Se trata de que le aparezca una ventana con tu correo a quien quiera enviarte un mensaje. Hay que poner algo así.
Si estás interesado manda un mail a mi correo =>
Cuando se pincha en la flecha blanca sale una ventana con el mail de cada uno listo para salir. En esta etiqueta solo hay que sustituir la dirección de mail, y el texto, yo he puesto una flecha pero se puede poner un texto o una foto con la etiqueta que ya hemos explicado en el hueco del texto:
|
|
EXPLICACIÓN PARA HACER UN CUADRO
Abrimos el editor HTML de la entrada del blog y se escriben allí las etiquetas metidas en una caja bordeada por los signos de puntuación. Siempre empezamos por la orden: < > y terminamos por su cierre: < / >, todo lo que vaya entre estas dos cajas obedecerá la orden expresada en ella.
El cuadro se trata de una tabla, el espacio no de la opción de insertar tablas, pero se pincha en el editor de HTML y se escriben las fórmulas:
1._ La etiqueta de "abrir tabla", < TABLE> que incluye várias medidas de la tabla, como la medida del ancho, width= 600, la alineación al centro, align=center y el tamaño del borde, border=6.
2._ La etiqueta de "dentro de la tabla" <TBODY>, lo que va a partir de aquí hasta que cerremos con </TBODY> es lo que va dentro de la tabla.
3._ Dentro de la tabla va, la etiqueta <TR> que indica el número de casillas vérticales, no ponemos nada porque en este caso solo hay una fila y la etiqueta <TD>, dentro de ella podemos poner o una
etiqueta con el color de fondo elegido o la foto que queremos que sea el fondo de la tabla. Ya está la tabla, ahora en ella ponemos el texto escrito con o sin otra foto de adorno.
4._ Cerráis todo lo que habéis abierto antes, por su orden: </TD></TR></TBODY></TABLE>
5._ Todo queda según este modelo (las medidas son a personalizar):
<TABLE width=600 align=center border=6> <TBODY><TR><TD> Aqui vuestro texto </TD></TR></TBODY></TABLE>
Al volver al estado normal de edición, pinchando de nuevo HTML, ya tenemos una tabla simple.
A esa tabla se le puede escribir cualquier texto, para ello tenéis todas las facultades de edición del espacio, el color de la fuente y del resaltado, tamaño, fuente, etc... Es importante poner el ancho,
ya que de largo crece según se va rellenando, pero se podría poner la medida del ancho y el largo
y así guardaría una proporción definida.
Cada "cuadro" se compone al menos de una tabla con o sin marco, después si hace falta por el diseño se pueden superponer varios cuadros. Las partes que componen la tabla pueden estar formadas por superficies de colores o por fotos, salvo el borde exterior que no admite foto.
Las fotos de los fondos son solo un cuadradito o una tira que se repite varias veces.
Las imágenes que componen nuestro cuadro, sean fotos o dibujos, se tienen almacenadas en otra
página web, no están allí, lo que está es solo la URL de la imagen. Es importante poner una URL que esté siempre abierta a todo el mundo o solo se verán cruces.
Lo más fácil es tomar las fotos de una página que las ofrezca ya hechas, en la página central hay un álbum con fotos y enlaces a páginas expecializadas.
Doy las etiquetas de los cuadros con una explicación, solo hay que sustituir los parámetros, para tener otros modelos. Para repetir mis tablas se da a "copiar", después en una entrada de vuestro blog solo hay que darle a "pegar", y ya la tenéis, para personalizar, entráis a HTML, y allí cambiáis colores, medidas o fotos. Volved a pinchar HTML para salir y ya está todo.
|
|
VOCABULARIO HTML
Pongo una fórmula y explico lo que es cada etiqueta, pero ya digo que quien no quiera líos solo tiene que copiarlas.
<TABLE borderColor=#000099 height=300 cellSpacing=30 cellPadding=30 width=600 align=center bgColor=#ff0099 border=6><TBODY><TR><TD>
<TABLE borderColor=#000099 height=200 cellSpacing=30 cellPadding=30 width=400 align=center bgColor=#ff0099 border=16><TBODY><TR><TD>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
Cambio de renglón) Un solo espacio, <DIV> </DIV> o doble espacio, <P> </P>
Cada hueco entre letras o espacio horizontal)
Color) <FONT color=#333399> Color y tamaño) <FONT color=#333399 size=4>
Posición) <DIV align=center></DIV>._ Centro = center; Izquierda = left; derecha = right
Abrir tabla) <TABLE borderColor=#00099 height=tu número cellSpacing=tu nº cellPadding=tu nº
width=tu nº align=center bgColor=#ffffff border=tu nº>
Alto de tabla) height=tu nº Ancho de tabla) width=tu nº (También para el tamaño de las fotos)
Marco exterior o borde de tabla, ancho) border=tu nº Marco interior, ancho) cellSpacing=tu nº
Introduccion fotos o color) Las fotos: <background= URL> y los colores: <bg Color=código>
Foto marco interior) background=http://www.fiestac.com/fondos/aglitters/fade-001.gif border=tu nº>
Color del marco) <bgColor=#fff000 border=tu nº>
Color del borde de la tabla) borderColor=#fa58ac (se elige color en la barra de edición del espacio)
Dentro de la tabla a partir de TBODY) <TBODY><TR><TD>
Foto de la tabla) <TD background=http://www.fiestac.com/fondos/Color15.jpg> (se elige URL foto )
Color de la tabla) Con número: <TD bgColor=#fff000> Etiqueta con nombre: <TD bgColor=red>
Cerrar tabla) </TD></TR></TBODY></TABLE></DIV>
|
MODELOS Y ETIQUETAS
Se pincha HTLM, se escriben esas fórmulas, después se vuelve pulsar HTLM y ya debe salir un cuadro vacio, como el de debajo, si no sale es que os habéis dejado un simbolo mal puesto, comprobad las comillas y que la dirección de las fotos, si hay sea correcta. Se le da a editar y queda guardado. En resumen yo escribo esto en la versión HTML:
Tabla sola sin foto dentro y sin color
<TABLE height=100 width=800 align=center border=12> <TBODY>
<TR><TD>
</TD></TR></TBODY></TABLE></DIV>
Tabla sola sin foto dentro con color solo en el borde y en el marco que se extiende al centro.
<TABLE borderColor=#fa58ac height=100 width=800 align=center bgColor=#fff000 border=12> <TBODY>
<TR><TD>
</TD></TR></TBODY></TABLE></DIV>
Tabla doble, sin foto dentro, con un marco azul y color fucsia en el borde y la tabla.
<TABLE borderColor=#c13365 cellSpacing=55 cellPadding=10 width=600 bgColor=#000066 border=6><TBODY>
<TR><TD bgColor=#c13365> TEXTO<TD bgColor=#c13365>TEXTO
</TD></TR> </TBODY></TABLE> </DIV>
Si queréis poner un casillero a todo el largo de la tabla, es decir que ocupe 2 casillas, solo hay que añadir: colSpan=2 en la etiqueta del <TD>. En el cuadro anterior ponemos la orden de otro renglón: <TR>, y añadimos el <TD> con la nueva orden: <TD bgColor=#c13365 colSpan=2>:
<TABLE borderColor=#c13365 cellSpacing=55 cellPadding=10 width=600 bgColor=#000066 border=6><TBODY>
<TR><TD bgColor=#c13365 colSpan=2>
<TR><TD bgColor=#c13365> TEXTO <TD bgColor=#c13365>TEXTO
</TD> </TR> </TBODY></TABLE> </DIV>
Y ya queda así el cuadro:
Casillas verticales en una sola horizontal, pon en el <TD> esto: <TD width=200 bgColor=#f2dcdb rowSpan=3>
Quedan las etiquetas así:
<TABLE borderColor=#c00000 cellSpacing=10 cellPadding=0 width=700 bgColor=#000000 border=5><TBODY>
<TR><TD bgColor=#f2dcdb colSpan=2><DIV align=center>TEXTO</DIV>
<TR><TD width=200 bgColor=#f2dcdb rowSpan=3><DIV align=center>tres temas</DIV><TD bgColor=#f2dcdb><DIV>tema 1</DIV>
<TR><TD bgColor=#f2dcdb><DIV>tema 2</DIV>
<TR><TD bgColor=#f2dcdb><DIV>tema 3</DIV>
<TR><TD bgColor=#f2dcdb colSpan=2><DIV align=center>Enlaces</DIV>
</TD></TR></TBODY></TABLE>
<DIV></DIV>
|
TEXTO
|
|
tres temas
|
tema 1
|
|
tema 2
|
|
tema 3
|
|
Enlaces |
TABLA DE COLORES POR NOMBRES
|
black
|
###
|
maroon
|
###
|
green
|
###
|
olive
|
###
|
|
navy
|
###
|
purple
|
###
|
teal
|
###
|
gray
|
###
|
|
silver
|
###
|
red
|
###
|
lime
|
###
|
yellow
|
###
|
|
blue
|
###
|
fuchsia
|
###
|
aqua
|
###
|
white
|
### |
TABLAS CON FOTOS
<TABLE cellSpacing=55 cellPadding=0 width=540 background=http://i285.photobucket.com/albums/ll78/Artes-ana/FONDOS%20PARA%20TABLAS/LISOS/telaverde2.jpg border=6> <TBODY>
<TR> <TD bgColor=#c13365>> TEXTO
</TD> </TR> </TBODY> </TABLE>
Paso otra vez a HTML normal, le damos a "publicar entrada y los demás ven esto cuando entran:
Ahora cambiamos TEXTO por una foto o por cualquier escrito, a medida que escribimos, él solo va creciendo a lo largo. Como ejemplo pongo esta foto, para hacerlo es suficiente darle a copiar/pegar, pinchando en el centro de la tabla.
RESULTADO
DOBLE MARCO
Si se quiere poner doble basta con meter otra dentro, lo importante es guardar las proporciones y fijaros que en los espacios se cierran las dos tablas juntas al final:
<DIV align=center> <TABLE cellSpacing=30 cellPadding=10 width=600 background=http://i285.photobucket.com/albums/ll78/Artes-ana/FONDOS%20PARA%20TABLAS/LISOS/telaverde2.jpg?t=1236089882 border=6><TBODY> <TR><TD bgColor=#c13365><DIV align=center> </DIV><DIV align=center> <TABLE cellSpacing=25 cellPadding=0 width=500 background=http://i285.photobucket.com/albums/ll78/Artes-ana/FONDOS%20PARA%20TABLAS/LISOS/telaverde2.jpg?t=1236089882 border=6> <TBODY><TR><TD bgColor=#c13365>TEXTO
</TD></TR></TBODY></TABLE><DIV></DIV></DIV></TD></TR></TBODY></TABLE></DIV>
Así es el resultado:
|
CUADRO ETIQUETAS HTML
|
|
TERMINOLOGÍA
Host: Ordenador conectado a Internet. Ordenador en general. Literalmente anfitrión.
Homepage: Página principal o inicial de un sitio WEB.
Gateway: Prueta de Acceso. Dispositivo que permite conectar entre si dos redes normalmente de distinto protocolo o un Host a una red. En Español: Pasarela.
GIF: Graphics Interchange Format. Formato Grafico de Intercambio.
ADSL Asymmetric Digital Subscriber Line: Linea Digital Asimétrica de Abonado. Sistema asimétrico de transmisión de datos sobre lineas telefónicas convencionales.
Avatar: Identidad representada gráficamente que adopta un usuario que se conecta a un CHAT con capacidades gráficas
Download: “Bajarse un programa”. Se refiere al acto de transferir un fichero/s desde un servidor a nuestro ordenador.
MODEM: Modulator/Demodulator. Modulador/Demodulador. Dispositivo que adapta las señales digitales para su transmisión a traves de una linea analógica. Normalmente telefónica.
Nick: Nombre o pseudónimo que utiliza un usuario de IRC
Spam / Spammer: Se llama así al "bombardeo" con correo electrónico, es decir, mandar grandes cantidades de correo o mensajes muy largos.
URL: Uniform Resource Locator. Localizador Uniforme de Recursos. Denominación que no solo representa una direccion de Internet sino que apunta aun recurso concreto dentro de esa dirección.
|
|
ENLACES
MÁS MODELOS DE MARCOS
|
|
|
MODELOS DE TABLAS
Estos modelos de cuadros que sirven para poner dentro una foto o un texto se forman con etiquetas en HTML, la explicación detallada está en spaces taller =>. Lo importante son las proporciones del modelo pues los colores y dibujos se pueden cambiar a vuestro gusto facílmente.
Tened en cuenta que hacia debajo crecen solos a medida que vamos poniendo el texto y que los casilleros también pueden llevar medida aunque aquí solo tenga medida la tabla. Dandole a copiar / pegar se toman y despues los podéis modificar en una entrada vuestra.
MODELOS SIN FOTO
----------------------------------------O-O-O-O-O-1-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-2-O-O-O-O-O----------------------------------------
------------------------------------O-O-O-O-O-3-O-O-O-O-O--------------------------------
-------------------------------O-O-O-O-O- 4 -O-O-O-O-O------------------------------
----------------------------O-O-O-O-O-5-O-O-O-O-O--------------------------
----------------------------------------O-O-O-O-O- 6 -O-O-O-O-O----------------------------------------
|
TEXTO
|
|
tres temas
|
tema 1
|
|
tema 2
|
|
tema 3
|
|
Enlaces |
----------------------------------------O-O-O-O-O- 7 -O-O-O-O-O----------------------------------------
|
|
TÍTULO
|
|
TEXTO
|
TEXTO
|
TEXTO
|
TEXTO
|
|
O
|
O
|
|
O
|
|
| O
|
O
| O
|
|
O
|
|
|
|
|
O
|
O
|
O
|
O
|
|
O
|
O
|
O
|
O
|
|
O
|
O
|
O
|
O
|
|
O
|
O
|
O
|
O |
|
----------------------------------------O-O-O-O-O- 8 -O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O- 9 -O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O- 10 -O-O-O-O-O----------------------------------------
MODELOS CON FOTO
-----------------------------O-O-O-O-O- 11 -O-O-O-O-O-----------------------------
----------------------------O-O-O-O-O-12-O-O-O-O-O---------------------------
----------------------------O-O-O-O-O-13-O-O-O-O-O----------------------------
---------------------------------O-O-O-O-O-14-O-O-O-O-O------------------------------------
----------------------------------------O-O-O-O-O-15-O-O-O-O-O----------------------------------------
-----------------------------O-O-O-O-O-16-O-O-O-O-O-------------------------------
------------------------------O-O-O-O-O-17-O-O-O-O-O-----------------------------
----------------------------------------O-O-O-O-O-18-O-O-O-O-O----------------------------------------
---------------------------O-O-O-O-O- 19 -O-O-O-O-O--------------------------
----------------------------------------O-O-O-O-O-20-O-O-O-O-O----------------------------------------
------------------------------O-O-O-O-O-21-O-O-O-O-O----------------------------
----------------------------------------O-O-O-O-O-22-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-23-O-O-O-O-O----------------------------------------
|
TU TEXTO
|
|
----------------------------------------O-O-O-O-O-24-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-25-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-26-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-27-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-28-O-O-O-O-O----------------------------------------
----------------------------------------O-O-O-O-O-O-O-O-O-O-O----------------------------------------
|
Tools 
Help
