|
|
|
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----------------------------------------
Con motivo del terremoto que asoló al Perú
Ayuda española.
El inca a los cielos clama,
humillado solo reza,
no es posible la entereza
si tiembla la Pachamama.
Unidos en este drama
tu pena es tambien mi duelo,
ya está la ayuda en el cielo,
nuestra fe los acompaña
se acerca el alma de España
para llevaros consuelo.
Artesana, Agosto, 2007
PAGINA CENTRAL DE ARTESANA
OTROS POETAS
Los poemas son como los platos regionales, unos nos gustan más y otros menos, unos son un poquito ácidos para nuestro gusto, otros quizá demasiado dulces; los hay secos, adustos o hasta mal condimentados. Os pido de antemano perdón por mezclarlos a todos en la misma mesa. Para mi cada uno tiene su momento, su oportunidad y sus valores, pero por un lado no tengo espacio para hacerlo de otra manera y por otro esto nos permite comprobar la riqueza y variedad de la poética. Eso sí, os aseguro que están todos preparados con la misma ilusión.
(ORDEN ALFABÉTICO)
ÁNGELA GALDÓN GRILLÁN
DE MI JARDÍN DE VERSOS
Difícil es con letra hacer bocetos
y pintar con palabras primaveras,
no es fácil y en tejerlos tú te esmeras
consiguiendo además lograr sonetos;
con sonidos tan suaves, tan concretos
me llegan tus palabras lisonjeras
en bellas melodías zalameras,
salidas de tus versos tan repletos.
Inspirándole a mi alma tiernos textos
que trepen cual hermosa enredadera,
llevándote a paisajes muy diversos
te demuestro mi estima verdadera.
Recogidos aquí los dejo inmersos,
de mi jardín, son pura sementera...
Admiración sincera
que en poesías hermosas tú diluyes.
¡Preciosas melodías me construyes!
Angela
MARINA MUÑOZ CERVERA
Un paseo por ahí
No quisiera estar en la piel
de quien sustituye mi identidad
No quiero saber cómo se siente
aquél que agarra mis letras y mi nombre
y las pasea por ahí
No quisiera impregnarme de dolor
al ver doble mi persona
siendo ausente una
y obligada a estar, la otra
No quisiera llenarme de lágrimas
al sentirme usurpada en mi espíritu
y en mi ser
No quisiera......
© MMC
FABIANA PICEDA
MARÍA JESÚS RODRÍGUEZ BARBERÁ
CONCIENCIA OPACA…
¿Qué puedo hacer para evitar la guerra?
¿Cómo vivir sin levantar la envidia?
¿Dónde se alberga, la maldad, perfidia
y la avaricia que al que es pobre entierra?
¿Siempre es la gloria del que es malo y yerra?
¿Por qué al humilde la soberbia insidia?
¿Quién trata al justo como a res de lidia?
¿Por qué el perverso todo el bien destierra?
Preguntas duras con respuestas blandas
que no queremos escuchar siquiera.
Conciencia opaca que no deja entrar
esos lamentos y también demandas,
que gritan fuerte ante la gran sordera
que nos acalla para no pensar.
María Jesús Rodríguez Barberá - Chiclana
JULIE SOPETRÁN
LO EFÍMERO
La rosa ama la risa y muere seria
muestra en sus labios la melancolía;
la veo llorar siempre, aunque sonría…
Vitaliza en su aliento la materia.
Los colores se crecen en su arteria
su forma es manantial de poesía,
placer donde se aprende la alegría
portal donde se aleja la miseria.
Sonrisa y llanto de la rosa viva
adorna los peldaños de mi puerta
cual si fuera capricho de una diva.
Su aroma es la embriaguez que desconcierta
la huelo en el asombro que cautiva.
Cuando voy a cortarla…, ya está muerta.
Julie Sopetrán
Cuba libre
Que un Cuba libre no sea
solamente una bebida,
que sea grito libertario
aunque Fidel no esté muerto,
y vea llegar la marea.
Que lo traigan los cubanos
desde dentro y desde fuera
que sea como una oleada
un tsunami de esperanza
que acaricie la isla entera.
La libertad de Miami
no vendrá en una patera,
vendrá alegre y bulliciosa
en el rencuentro fraterno
de dos mitades de un pueblo
que no debíó separarse
a pesar del reyezuelo
que quiere dejar su reino
en manos de la miseria
incluso despues de muerto.
Artesana. Sept. 2007
Tengo amigos Bolivianos que estan furiosos por ver al Che como un héroe cuando allí cometió innumerables crímenes contra la población civil más desfavorecida.
En recuerdo del Che
Murió el revolucionario
asesino libertario
que aterrorizó a Bolivia
matando niños y niñas.
Allá se quedó su fama
de patriota solidario,
en realidad se burlaba
del pueblo que masacraba.
Huían los campesinos,
temerosos en las sierras,
de tu divina presencia
comandante Che Guevara.
Deshonraste el uniforme,
tú nunca fuiste soldado,
fuiste solo un terrorista
que el comunismo ha encumbrado.
Y así se libra la historia
de un sádico desalmado,
de tu nefasta presencia
comandante Che Guevara.
Artesana, 2007
Negro y rojo
Rojo, rojo es el galón
con la esvástica bordada,
coincidencia desdichada
de un siglo de destrucción.
Son polos de la abyección
del terror que asoló al mundo
y colea furibundo.
Venga en rojo la serpiente
o con la cruz inclemente,
su veneno es siempre inmundo.
Artesana, 10-11-08
Chavez acaba de decir que si pierde las elecciones sacará los tanques a la calle, pues que no las haga, eso no son elecciones libres, solo se pretende que todos sean cómplices de la desvergüenza.
Lo que hay
Cuando ganar lo requiera,
guiado de su empeño terco
pondrá al país bajo cerco
con pericia bananera.
Engaña a la clase obrera
este déspota imprudente,
a la verdad renuente,
dispuesto a sacar los tanques
en uno de sus arranques
de fervor grandilocuente.
Artesana, 10-11-08
Engañar siempre está mal, pero engañar a la gente humilde con falsas esperanzas para terminar de quitarle lo poco que les quede, es criminal.
La marea roja
Rojos los ojos de llanto,
de vivir sin esperanzas
al viento de las andanzas
de algún nuevo desencanto.
Chupópteros del espanto,
disfrazando con razones
sus pésimas intenciones.
Que una cosa es prometer,
otra, atesorar poder
y otra, ofrecer soluciones.
Artesana, 10-11-08
Quedan 400 rehenes y Chavez dice que no son guerrilleros.
Pobre Colombia
Sugiere que al guerrillero
ahora le llamen patriota...
Colombia del alma rota
y el corazón prisionero.
Un despota traicionero
de ambiciones desmedidas
amenaza vuestras vidas
fingiendo que se desvela...
America, el buitre vuela
acechando tus heridas.
Artesana, 12-1-08
Interrumpía constantemente
Hacía uso un presidente
de la palabra en la cumbre,
Chavez según su costumbre
vociferaba imprudente.
La chilena por prudente
no corrigió su manía,
llevaba así todo el día
despachandose con saña
y escuchó del rey de España
solo lo que merecía.
Artesana, 2007
Suerte Hispanoamerica.
Juntos contra ese tirano
plantaréis vuestra batalla,
contra el odio del canalla
los pueblos se dan la mano.
Desde la montaña al llano
en defensa de su tierra
la consigna está en la sierra:
Chavez fuera de Bolivia
solo esta unión los alivia
en este ambiente de guerra.
Artesana, 6-3-08
PAGINA CENTRAL DE ARTESANA
|
Tools 
Help
