Octubre del 2008
Estás viendo los artículos de ZonaMasters - Recursos para webmasters correspondientes al mes Octubre del 2008.
Pues en el foro ya pódeis ver 4 temillas en la categoría de CSS, que espero que os sea de gran ayuda, aquí os las dejo:
Si eres diseñador web y estás interesado en crear una tabla, un menú, elegir una combinanción de colores o ver ejemplos que te inspiren en tus diseños, no dudes en vistar esos 4 temillas de nuestro foro de zonamasters.
Escrito por Niko el 30 de Octubre de 2008 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web.
Pues desde hace unos días estamos iniciando un foro de webmasters en:
http://foro.zonamasters.com/
Espero que sirva de ayuda y para informaros de las últimas novedades del mundillo del webmaster. Ahora mismo está en BETA, por lo que los registros están dehabilitados pero esperamos en breve poder abrirlo, mientras tanto os dejo una recopilación de temas bastantes interesantes:
Veamos que tal sale el experimento y que todo el mundo pueda participar 
Escrito por Niko el 30 de Octubre de 2008 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y CSS y General y Herramientas Webmasters y JavaScript y Posicionamiento Web.
- INCLUSIÓN DE IMÁGENES EN HTML
Vamos a aprender a incluir imágenes en nuestro documeto HTML, algo muy sencillo y que guarda cierta similitud con los enlaces en su sintáxis.
La etiqueta que usaremos será <IMG SRC>, la cual no tiene etiqueta de cierre.
Es decir, si queremos incluir en nuestro documento HTML una imagen, por ejemplo, imagen1.gif (de nuevo hago uso de mi excelsa imaginación), la cual se encuentra en el mismo directorio que nuestro documento HTML, la estructura será la siguiente:
<IMG SRC=”imagen1.gif”>
Sencillo, ¿verdad?, pues como ya aprendimos en el tema de los enlaces, si queremos cargar una imagen que esté en otro directorio sólo tendremos que usar la misma estructura que con dichos enlaces, por ejemplo:
- Queremos cargar una imagen de nombre imagen2.gif que se encuentra en el directorio imagenes dentro del directorio principal:
<IMG SRC=”imagenes/imagen2.gif”>
- Queremos cargar una imagen de nombre imagen-externa.gif que se encuentra en un sitio web externo al nuestro, en la URL http://ricalco.com
<IMG SRC=”http://ricalco.com/imagen-externa.gif>
Ya lo vamos teniendo más claro… (more…)
Escrito por rikype el 22 de Octubre de 2008 con 2 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Programacion Web y Tutoriales.
Diseño increible
Todos hemos oido hablar sobre el modding para PC, el arte de personalizar tu PC y convertirlo en algo único ya se estética o funcionalmente. Para algunos usuarios el modding representa todo un modo de vida.
Los elementos que suelen modificarse son los siguientes:
Se utilizan neones y algunas piezas tales como ventiladores que llevan Leds incorporados de diferentes colores que dan una vistosidad a todo el conjunto.
Existen multitud de variantes para cambiar el aspecto de nuestro PC, desde cajas de metracrilato que dejan ver todo el interior hasta pintar nuestra caja con aerógrafo llegando a conseguir resultados espectaculares. Todo es cuestión de imaginación, casi cualquier parte de nuestra caja puede ser desmontada y modificado a nuestro antojo, ejemplos hay miles por la red donde inspirarnos.
No todo tiene que ser el exterior, dentro de la carcasa tenemos un mundo por descubrir, las piezas último modelo tienen diseños espectaculares y podemos modificar hasta el último tornillo para hacer de nuestra máquina un objeto digno de estar en un museo.
Lo que vemos en nuestra pantalla también puede ser modificado, existen programas para modificar el aspecto de nuestro Windows al completo, incluyendo desde la pantalla de inicio hasta las de carga, y miles de temas gráficos para elegir, cursores, salvapantallas….
Sólo teneis que buscar por Internet para encontrar miles de auténticas obras de arte, ¿nos enseñais la vuestra?….
Escrito por rikype el 19 de Octubre de 2008 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre General.
Hacemos un alto en el camino del manual HTML para presentaros un plugin para Wordpress que, a mi parecer, resulta bastante interesante.
Se trata de Notifixious, un plugin que nos permite avisar a los lectores de los nuevos contenidos de nuestro blog mediante lo servicios de mensajería instantánea tipo MSN, AIM, Google Talk o ICQ, aunque también tiene la capacidad para avisarlos por E-mail e incluso mediante SMS.
La principal pega que tiene el plugin es la necesidad de utilizar los servicios de notifixio.us, por lo que tendrás que avisar a tus usuarios registrados para que utilicen esos servicios.
Así pues, este plugin parece una buena idea para aquellos blogs más orientados hacia las suscripciones, como, por ejemplo, los blogs corporativos en los que, desde el inicio, sea obligatorio poseer usuario y contraseña para acceder.
Sin duda, si necesitas de estos servicios, esta puede ser tu solución.
Escrito por rikype el 15 de Octubre de 2008 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre Recursos Webmasters.
Como norma general, los enlaces tendrán la siguiente estructura:
<A HREF=”XXX”> YYY </A>
Es decir, XXX es el destino del enlace mientras que YYY es el texto indicativo de dicho enlace, que se mostrará con un color especial y generalmente subrayado, opciones que veremos más adelante.
En principio, vamos a distinguir cuatro tipos de enlaces:
- Enlaces dentro de la misma página.
- Enlaces con otra página de nuestro mismo “dominio”.
- Enlaces con una página exterior.
- Enlaces con un correo electrónico.
Vayamos viéndolos uno por uno:
- Enlaces dentro de la misma página:
Estos enlaces se utilizan generalmente en documentos muy extensos donde nos puede interesar crear saltos desde una posición de ese documento a otra dentro del mismo documento, un claro ejemplo puede ser la realización de un F.A.Q., donde podemos enlazar las diferentes preguntas con su respuesta dentro del documento.
Para hacer esto necesitaremos dos etiquitas, la primera será la ya nombrada <A HREF>, con la particularidad de escribir el símbolo # en el enlace, y su correspondiente cierre </A>, y la segunda será la etiqueta <A NAME> con su cierre </A>.
Es decir, el lugar desde donde queremos saltar se escribirá así:
<A HREF=”#marca”> YYY </A>
y en el lugar donde queramos ir al pulsar YYY:
<A NAME=”marca”></A>
- Enlaces con otra página de nuestro mismo “dominio”:
Lo normal es que nuestro sistema disponga de varias páginas enlazadas normalmente con una página inicial o también llamada principal así como entre ellas mismas.
Supongamos que tenemos dos páginas, pagina1.html y pagina2.html (que original ¿verdad?), y queremos colocar un enlace en pagina1.html que nos lleve a pagina2.html, pues la estructura sería la siguiente:
<A HREF=”pagina2.html”> Ir a la pagina 2 </A>
En este ejemplo suponemos que ambas páginas se encuentran en el mismo directorio, pero puede ocurrir que pagina1.html se encuentre en el directorio principal y pagina2.html se encuentre en otro, pongamos por ejemplo, el directorio subdir en otro alarde de originalidad por mi parte, tendríamos que hacer lo siguiente:
<A HREF=”subdir/pagina2.html”> Ir a la pagina 2 </A>
Pero también nos puede ocurrir a la inversa y encontrarnos en pagina2.html, dentro del directorio subdir y queremos enlazar con pagina1.html, ¿como podríamos hacerlo?, pues poniendo “../“, es decir, nuestro enlace quedaría tal que así:
<A HREF=”../pagina1.html> Ir a la pagina 1 </A>
- Enlaces con una pagina exterior:
En muchas ocasiones tendremos la necesidad de enlazar con una página que se encuentre fuera de nuestro sistema, para ello, será necesario conocer su dirección completa o URL (Uniform Resource Locator).
Conociendo este URL, sólo necesitaremos sustituir el XXX de nuestro destino de enlace por éste URL, por ejemplo, si queremos enlazar con google deberíamos poner lo siguiente:
<A HREF=”http://www.google.com“> Pulsa para ir a Google </A>
Fácil, ¿verdad?
- Enlaces con una dirección de correo electrónico:
Si queremos enlazar con una dirección de correo electrónico debemos sustituir XXX (nuestro destino de enlace) por mailto seguido de la dirección de correo electrónico de la siguiente manera:
<A HREF=”mailto: dirección de email”> Mandame un email </A>
Con esto ya hemos tocado por encima los tipos de enlace en lenguaje HTML, sin embargo, más adelante volveremos a tocar los enlaces y nos adentraremos más en ellos puesto que abarcan mucho más de lo que se ha explicado en este capítulo.
Escrito por rikype el 11 de Octubre de 2008 con 3 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Programacion Web y Tutoriales.
Vamos a poner en práctica todo lo aprendido hasta ahora.
Escribir en vuestro notepad lo siguiente:
<HTML>
<HEAD>
<TITLE> Mi primera pagina en HTML </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Esta sera la primera practica del curso HTML </CENTER></H1>
<HR>
<H3> Vamos a ir comprobando lo que hace cada etiqueta </H3>
<P>
Este sera un texto normal, sin tocar nada.
<P>
<B> Ahora lo ponemos en negrita </B>
<P>
<I> Y ahora en cursiva </I>
<BR><P>
<BR><P>
<BR><P>
<PRE>Hemos dejado varios espacios para mostrar este
texto preformateado que
respeta los espacios y los
retornos del carro.</PRE>
<BR><P>
<BR><P>
<TT>Y esta vez volvemos a dejar espacios
para mostrar un texto preformateado que no
respeta los espacios ni los saltos de
carro</TT>
<p>
Por ahora no sabemos hacer muchas cosas mas pero seguro que iremos aprendiendo.
</BODY>
</HTML>
Ahora sólo teneis que guardarlo como extensión HTML y, posteriormente, cuando lo abrais pulsando sobre el se os desplegará en vuestro explorador algo así:
¿Os ha salido bien?
¡¡¡Enhorabuena!!!!, ¡¡¡ya habéis creado vuestro primer documento HTML!!!!
Escrito por rikype el 9 de Octubre de 2008 con 7 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre General y Programacion Web y Tutoriales.
Vamos a empezar a meternos un poco más en el lenguaje HTML una vez vista la estructura básica que debemos respetar al trabajar con este lenguaje, este segundo capítulo constará de dos entregas, una primera donde conoceremos los formatos básicos que podemos darle a nuestro texto, y una segunda donde trataremos las listas (desordenadas, ordenadas y de definición).
Y empezaremos con los textos, elemento imprescindible de cualquier web y que debemos saber tratar al menos de una manera básica si queremos que nuestros diseños sean, como poco, decentes.
Una etiqueta importante será la <P>, que no tiene etiqueta de cierre y que servirá para separar los distintos párrafos entre sí dejando una línea en blanco entre ellos. Si queremos separar los párrafos sin dejar una línea en blanco entre ellos nuestra etiqueta será <BR> (break o romper), que tampoco tiene etiqueta de cierre, y, por último, si entre los párrafos deseamos dejar varias líneas en blanco, no bastará con repetir la etiqueta <P>, sino que habrá que combinarla con <BR>, es decir, que para dejar 3 líneas en blanco pondríamos:
<P><BR>
<P><BR>
<P><BR>
Otra etiqueta que nos puede venir bien para las prácticas será la etiqueta <HR> (Horizontal Rule), que introducirá una raya horizontal tan ancha como la pantalla que nos servirá como separador.
Por último, si dejamos varios espacios en blanco entre dos palabras observaremos que el navegador sólo reconoce uno de ellos, por lo que si queremos forzarle a que reconozca estos espácios de más debemos usar el código   (Non breaking Space).
Y una vez aclarado estos puntos, empecemos de lleno con los textos que es lo que de verdad nos interesa en este capítulo.
Para empezar, los textos pueden tener unas cabeceras, comprendidas entre las etiquetas <H1> a <H6>, con sus correspondientes etiquetas de cierre </H1> hasta </H6>, dichas etiquetas indican el tamaño del texto y están ordenadas de mayor (H1) a menor (H6).
Las etiquetas para destacar algo en negrita será <B> con su correspondiente </B>, y para la letra tipo cursiva <I> con su etiqueta de cierre </I>.
Estas son las principales etiquetas para el texto, pero a continuación os expongo algunas más:
<CENTER> y </CENTER> centrará nuestro texto en la pantalla.
<PRE> y </PRE> — Estas etiquetas preformatearan el texto que se encuentren entre ellas como si hubieras sido escrito con una máquina de escribir, con una fuete de espaciado fijo y que respetará los retornos del carro y los espacios en blanco. Algo que ya vimos que no pasaba normalmente.
<TT> y </TT>, también conseguiremos que el texto tenga la apariencia de haber sido realizado mediante una máquina de escribir, pero, a diferencia de las etiquetas anteriores, este no preformateara el texto, sólo cambiará su apariencia.
<BLOCKQUOTE> y </BLOCKQUOTE> destacará una cita textual dentro del texto general.
<SUP> y </SUP> escribirá un índice, por ejemplo para escribir m2.
<SUB> y </SUB> escribirá un subíndice, por ejemplo para vx
Con esto damos por finalizada la primera parte de este segundo capítulo, dejaremos para la segunda parte las listas, ya sean desordenadas, ordenadas o de definición.
Escrito por rikype el 9 de Octubre de 2008 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Programacion Web y Tutoriales.
Una página web es en esencia un archivo de texto que podemos crear desde cualquier procesador de textos, incluído el Bloc de Notas de Windows.
El principio fundamental del lenguaje HTML son las llamadas Tags (Etiquetas), con una estructura del siguiente tipo:
<XXX> Inicio de la etiqueta
</XXX> Fin de la etiqueta
Todo lo que quede comprendido entre esas dos etiquetas se veerá influenciada por ellas.
Para empezar, tódo documento HTML debe abrirse y, finalmente, cerrarse con las etiquetas <HTML> y </HTML>.
Es decir, que si vieramos el código fuente de cualquier página web deberíamos ver algo así: (more…)
Escrito por rikype el 7 de Octubre de 2008 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre General.
MANUAL BÁSICO DE HTML
¿Qué es eso de HTML?
HTML son las siglas de Hypertext Markup Language (Lenguaje de macas de Hipertexto), un lenguaje mediante el cual se construyen las páginas web, el lenguaje con el que se escriben los millones de documentos que hoy existen en la World Wide Web (WWW).
Cuando accedemos a uno de estos documentos, el cliente (ya sea Netscape, Mozilla, IE…) los interpretan y los despliega, por eso, el lenguaje HTML es un estándar reconocido en todo el mundo y, como define W3C (World Wide Web Consortim -es el organismo que define las reglas del HTML), el HTML es un un lenguaje reconocido universalmente y que permite publicar información de forma global.
Un poco de historia
(more…)
Escrito por rikype el 6 de Octubre de 2008 con 3 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Programacion Web y Tutoriales.
