Un foro es un sitio web fácil de usar, que permite dar tu opinión sobre un argumento, intercambiar ideas con otras personas sobre un mismo tema y debatir opiniones.
En internet hay varios servicios de creacion de foros Gratis que solo con registrarte, ya tienes tu foro Listo para comenzar a crear tu comunidad.
El que recomiendo es Foro activo, por sus características más importantes:
Para empezar a crearlo, debes comenzar por aqui.
Comienzas eligiendo una plantilla, luego le das el titulo, descripcion y lo más imortante: La direccion del foro.
Puedes elegir entre varios subdominios, como por ejemplo: Miforo.activoforo.com, Miforo.coolbb.net, etc
Recuerda dar un mail valido para confirmarlo, y no olvides la contraseña de administracion que será con la cual controles tu foro.
Puedes ver un ejemplo de foro creado en Foro Activo: http://alumnosici.top-board.com/
En internet hay muchos servicios de hosting y alojamientos gratuitos donde puedes subir archivos como imágenes, videos, mp3 u otros. El problema está en el Enlace directo al archivo, en el caso de los mp3, en la mayoria de los hosting de musica el enlace para compartir tus mp3, es un enlace a un reproductor de su misma pagina. Y como a veces necesitamos el link directo al .mp3 para usarlos en un reproductor de musica o bien para compartirlo y que tus amigos lo puedan descargar con un solo clic.
Aparte de ser exelente un servicio de creacion de paginas web de manera sencilla, especial para novatos, funciona como un exelente Hosting de arhivos (de cualquier tipo, incluido mp3, avi, jpg, png, gif, etc) con un Maximo de 100mb.
El servicio es gratuito y lo único que necesitamos tener es una cuenta Google (Cuenta GMail), algo que ya tienes si eres usuario de Blogger. Si no se dispone de una cuenta de GMail, puede obtenerse una aquí.
Cuando ya tengas la cuenta, puedes ingresar desde la Pagina de Google Pages, www.GooglePages.com. Te dará la bienvenida y debes aceptar los terminos y condiciones, para luego hacer clic en "I'm ready to create my pages".
Eso es todo, ya estas listo para usarlo. Se te abrirá el editor de paginas, para salir haz clic en "Back to site manager" arriba.
Ahora nos encontramos en la página principal, la cual se abrirá de ahora en adelante cada vez que ingresemos a Google Pages.
El Hosting
Lo que nos interesa a nosotros, es lo que está a la derecha, el hosting que usaremos para alojar nuestros mp3 y archivos varios.
Hacemos click en upload, aparecerá la ventana Examinar, buscamos el archivo en nuestro disco duro y aceptamos. Cuando termina la carga, en el mismo sitio, aparecerá el nombre del archivo.
Ahora para saber la ruta o el enlace directo, en este caso, al mp3, debemos hacer clic secundario del raton sobre el nombre del mp3 y darle a "Copiar direccion del enlace" en firefox y "" en Iexplorer.
Ya tienes el Enlace al mp3, Felicidades! ahora puedes usarlo en tu reproductor de musica o Compartirlo con tus amigos con un solo clic!
Salu2
Juani nos pregunta por medio del formulario de contacto:
Me gustaria saber como poner un libro de visitas en mi web sin usar php
Te daremos 2 opciones, sin php y con php.
Suponiendo que no puedes usar php por carencias de tu hosting, siempre hay servicios externos para crear tu libro de visitas facilmente, servicios como el de miarroba.
Registrate desde aqui y sigue los pasos para comenzar a crearlo, un ejemplo de sus libros de visita es este. Como siempre, el problema es la publicidad, por eso te recomendamos la segunda opcion.
La segunda opcion consiste en que te bajes los archivos necesarios de SmartIsoft, un programa que genera tu libro de visitas en tu propio servidor, el cual deberá tener PHP y mySQL. Aqui un ejemplo de un guestbook con SmartIsoft. [Descargar SmartIsoft]
Primero descomprime la carpeta con todos sus archivos en tu computador y sube esa carpeta a tu servidor (es recomendable renombrar la carpeta).
Abre el navegador y accede a aquella carpeta, por ejemplo si a la carpeta la nombramos "librodevisitas": www.tupagina.com/librodevisitas/
y abrirá automaticamente el instalador.
Sigues los pasos y listo. Luego en tu web puedes dar el enlace a tu libro de visitas para que te firmen =) >> Leer Todo
Su nombre es SuperNew y es la versión en español de CutePHP. Con el puedes administrar facilmente tus contenidos y agregar articulos como si estuvieras en word. Ideal para webs de noticias o de articulos en general que actualizan a diario.
Actualizacion: La página de SuperNew ya no existe y no encontre el archivo por ninguna parte, como opcion te dejo Smartguest para crear tu libro de visitas facilmente.
Por si llegara alguien que tiene el archivo y no sabe instalarlo, dejo el post de igual forma...
Descomprimelos en una carpeta, para los ejemplos, la llamaremos "news".
Por medio de FTP subes esa carpeta a tu servidor.
Ahora abre el navegador y entra a la direccion de la carpeta, ejemplo: www.tupagina.com/news/
y abrirá el instalador. Sigue los pasos y rellena los datos necesarios, al terminar y logearte con tu usuario y contraseña te pedira que borres un archivo, hazlo ^^.
Cada vez que quieras agregar o editar contenidos, debes entrar al administrador mediante la misma direccion: www.tupagina.com/news
Ahora, la direccion en la que se mostrarán tus articulos será esta:
www.tupagina.com/news/show_news.php
Como agregarlo a tu web
Con marcos o frames podemos agregarlo a tu web, es decir, en tu web se abrirá una pagina dentro de otra, por lo que podrás modificar cualquier cosa desde el administrador de SuperNew sin tener que modificar el resto de tu pagina web.
Para eso necesitas un codigo, el cual pegarás donde quieras que aparezcan los articulos en tu web.
<iframe src="http://www.tupagina.com/news/show_news.php" width="300" height="500" frameborder="0" scrolling="yes">
Lo que debes modificar es la direccion de tu "show_news.php". Width se refiere al ancho en pixeles y height al alto; frameborder, el borde en pixeles y scrolling en "yes" o "no" dependiendo si quieres la barra desplazadora vertical.
Ahora tus usuarios podrán agregar comentarios en un articulo y tu podrás administrar tus contenidos facilmente.
Espero sea de utilidad, salu2!
Esto es algo que la mayoría conoce, pero más de alguno no sabrá como agregar un video a su pagina web. Para empezar, una lista con sitios donde puedes ver videos y subir los tuyos:
YouTube
Metacafe
Dailymotion
Stage6 (Alta resolución)
En todos debemos hacer lo mismo. Si quieres agregar un video que ya este en la web, lo buscas y haces clic en el, en caso de querer subir el tuyo, deberás registrarte. Al lado o abajo del reproductor saldrá un codigo llamado embed, ese es el código que debes copiar y pegar en la edicion HTML de tu página web. Si quieres cambiar el tamaño del reproductor editas width (ancho) y height (alto).
En el caso de los videos de YouTube que ves desde otro sitio web, el código embed lo puedes copiar directamente desde el reproductor. En la esquina inferior derecha haces clic en "menu", luego en "embed" y en "copy to clipboard".
Primero, ¿Qué son los Meta-tags?
Segun wikipedia, los meta tags:
Son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.
Su propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, palabras clave, descripción, etc.
Con los meta tags podemos darle cierta informacion a los buscadores que les ayudará a sus robots saber de que se trata tu página web y tenerlos en cuenta en los resultados de busqueda, estos son muy importantes a la hora del posicionamiento en buscadores.
El titulo es el más importantes, y se incluye entre las etiquetas <title> y </title>
Ahora, para insertar los demás en tu web, completa los datos entre las comillas de los siguientes meta-tags y pega el código antes de </head>
<meta name="title" content="Titulo de tu página web"/>
<meta name="keywords" content="palabras,claves,separadas,por,comas"/>
<meta name="description" content="Descripcion de tu página web"/>
<meta name="author" content="Nombre del autor"/>
<meta name="robots" content="all"/>
<meta name="revisit" content="10 days"/>
<meta name="distribution" content="all"/>
Los ultimos 3 puedes dejarlos como estan.
Saludos! >> Leer Todo
¿Para que sirve un FTP?
Un programa FTP nos facilita las cosas. Con el podrémos subir los archivos a nuestro Hosting de una manera fácil y rápida.
Obviamente hay que tener una cuenta en un Hosting, cosa que vimos en la Lección 5
El que vamos a utilizar va a ser el WS_FTP que lo puedes bajar haciendo Clic Aqui (Ingles, Version de prueba 30 días)
Lo Instalas y lo Ejecutas.
Para empezar, arriba apretas Connect y en la ventana que aparece pondrás Create site
Te abrirá Connection Wizard. Ahi configuramos nuestro host.
En Site Name pones el nombre que quieras, es solo para Identificarlo
Ej: Mi Página
Siguiente -> Te Preguntará Tipo de conección, ahi ponemos FTP
Siguiente -> Server Address
En esta parte ponemos la direccion del Host, esta nos la provee el mismo hosting en su página.
En Geocities es: ftp.es.geocities.com
FTP en Awardspace
En Awardspace es la dirección de tu SubDominio (a menos que hayas comprado un dominio) : nombredetusubdominio.awardspace.com (depende del que elejiste)
Si usas awardspace recuerda ir al FTP Manager y Ponerle clave a tu cuenta FTP o no te conectará. ¿Cómo? Vas a Website Manager -> Ftp Manager y luego esto:
Nota: Vuelvo a Recordar que estas cuentas no existen
Sigamos...
User Name: ahí va tu nombre de usuario en el hosting Ej: creandoweb
Password: La contraseña
(En awardspace debes ponerle una contraseña como muestra la imagen anterior, no es la que usas para Logearte)
Siguiente -> Finalizar
Para conectarte solo vuelves a apretar en Connect y Elijes la cuenta a la que quieres conectarte.
Y para desconectarte clic en Disconnect. Muy simple.
Subir Archivos
Luego de que estas conectado al servidor, buscas el archivo del lado izquierdo de la pantalla del WS_FTP y le das a la flecha →
Cuando el archivo esté del lado derecho de la pantalla, significa que ya esta en el servidor, por lo tanto, Ya está en Internet!
Eso es todo, espero que te halla quedado claro, sino, Pregunta. ;)
¿Como subir una imágen? ¿Por qué no se ven las imágenes?
¿¡ Por que veo una X donde debiera estar mi imágen!?
¡Solo yo puedo ver las imágenes en mi página web, pero los demás no las ven!
En esta lección responderemos todas estas interrogantes :D
*Por medio de HTML al final
Las imágenes en una pagina web son muy importantes para darle un buen aspecto visual al diseño de tu web. Por lo que debes aprender bien como ponerlas
No es cosa de apretar el boton IMAGEN y buscarla en tu pc. Porque al subirla a internet esas imagenes no se verán ya que la dirección hace referencia a tu disco duro (Por ej: c://misdocumentos/casa.gif) y las demás personas no pueden acceder a el.
Lo primero que tienes que hacer es subir las imágenes a Internet porque si no lo haces, nadie podrá verlas!
Importante! Recuerda que el titulo de las imagenes no puede tener espacios.
Si una imágen tiene por titulo: "estoy en la playa.jpg" le cambiaremos el nombre a "estoy-en-la-playa.jpg" o "estoyenlaplaya.jpg"
Para subir imágenes a Internet puedes usar el FTP de la misma web del hosting y EXAMINAR en tu pc, buscar las imágenes y subirlas.
>Si leiste la lección 7, puedes usar un programa FTP, Conectarte (Poniendo usuario, contraseña y dirección ftp del Hosting) y subirlas
Por ejemplo: Subiremos una imagen que se llama "casa.gif" a Geocities por medio del programa WS_FTP.
Lo primero que hize fue conectarme en el programa poniendo
El usuario: creandoweb (Obviamente no existe)
La contraseña: *********
y el Host, en este caso, Geocities: ftp.es.geocities.com
Ahora del lado izquierdo busque la imagen "casa.gif" en mi computador, y Le di a la flecha ->
Las sube y listo
La dirección de las imágenes quedo asi: http://es.geocities.com/creandoweb/casa.gif (Anótala)
Páginas que lo hacen por ti
Otra alternativa más fácil para subir tus imágenes a Internet es con la ayuda de las páginas que se dedican a alojar solamente imágenes, el problemas es que nunca estarás seguro de que las imágenes estarán ahí por mucho tiempo. Aquí tienes dos, la primera es la más usada:
ImageShack
ImageChile
Utilizar una imágen que encontraste en Internet
Si quieres poner una imágen que ya esta en Internet, por ejemplo, una imagen que encontraste en Google. Haz clic con el botón secundario sobre la imágen y seleccionas propiedades, ahí copias toda la dirección de la imágen y te ahorras subirla por ti mism@.
Cuando ya tengas las imágenes en internet debes copiar la direccion de las mismas para ponerlas en tu web.
Ahora voy al editor mozilla composer
Clickeas en el botón IMAGEN
y NO busco la imágen en mi pc, sino que pongo la dirección donde está alojada la imágen en Internet.
Consejo: Es el texto que se verá al poner el puntero del mouse sobre la imágen
Texto Alternativo (Siempre Usar!): Es el texto que se verá cuando la imágen este cargando o cuando el navegador no pueda cargarlas. El buscador Rastrea ese texto por lo que debes describir bien la imágen.
Si vas a usar HTML para poner las imágenes debes usar el siguiente código:
*gif lo reemplazas según la extensión de la imágen.
Ves, es muy fácil!
Publicar - El Servidor (Hosting, Hospedaje, alojamiento)
(No creas que hemos terminado! pero para algunas cosas deberás conocer los servidores. Ej: Las imágenes)
Pero.. ¿Cómo publicar una página web en Internet?
Para subirla necesitarás un servidor. Un servidor es un espacio en Internet con cierta capacidad en la que podrás publicar tu web. Recuerda que si quieres que las imagenes se vean correctamente también debes subirla, esto lo entenderás mejor en la próxima lección.
Para tener tu propio servidor deberás contratar uno o buscar uno Gratuito en Internet. El problema de los servidores gratuitos (aunque no todos) es que ponen publicidad dentro de tu web.
Aquí algunos servidores, hospedajes, alojamientos (Como quieras llamarlos) que te recomiendo:
Geocities :
En español.
El más recomendable para empezar. (Deberás tener una cuenta Yahoo o la puedes crear ahí mismo)
15 mb (Lo necesario)
Recursos como contadores, cuenta regresiva, clima en tu web, etc...
Con un pequeño banner de publicidad que se puede quitar con un redireccionamiento gratis como el de Dominiosfree
Awardspace :
En Ingles.
Alojamiento Sin publicidad.
Recomendado para usuarios más avanzados porque es un poco mas complicado de usarlo.
200 mb
PHP y MySQL
Tripod :
En Español.
Te pone un banner arriba.
50 mb
PHP y MySQL
Miarroba :
En español.
Te llena de publicidad
Muchos recursos como foros, tagboards (Pequeños chats), etc...
Al registrarnos en algún alojamiento web, gratuito o no, nos darán un Nombre de Usuario y una Contraseña.
Guarda bien estos datos porque los usarás frecuentemente.
Después de tenerlos ya estas listo para subir tu web y su contenido.
Si no tienes imágenes, documentos, archivos, etc. en tu web, es decir, solo tiene texto. Podrás subir ahora mismo tu página web a internet.
1º La página principal (Home) la debes haber guardado como index.html (si no le pones este nombre a la pagina principal, no se mostrará). Recuerda que no es el titulo de la web el que debe ser index.html, sino el nombre del archivo de la página principal.
2º Buscar el FTP en la web del servidor (o más fácil y cómodo aun. Leer Lección 7)
Si vas a usar geocities después de entrar con tu nombre de usuario y contraseña
Clickeas donde dice FTP & Carga fácil.
Ahi le das clic a examinar y buscas en en tu computador las páginas, archivos, música, etc. que vas a subir. Recuerda subir el index.html
y Listo! ya tienes tu página web en Internet disponible para todos!
Tu dirección
En geocities tu nombre de dominio sería asi: http://es.geocities.com/tunombredeusuario
Ej: Yo me registre con mi cuenta:
creandoweb.yahoo.es (No existe!)
mi ID de yahoo es creandoweb
La página principal de mi web se veria desde la siguiente dirección:
http://es.geocities.com/creandoweb
Si subo por ejemplo una imágen que se llama "casa.gif" quedaria en la siguiene dirección:
http://es.geocities.com/creandoweb/casa.gif
Eso es todo, espero que se halla entendido ^^
Saludos! >> Leer Todo
Enlazar hacia una página web
Primero Escribiremos el texto que queremos enlazar
Ejemplo: Entra a Creandoweb
Luego lo seleccionaremos y clickeamos en el botón ENLACE
y ponemos la dirección donde irá la persona al hacer clic (Comprueba que la dirección exista)
En Edición avanzada Pordrás hacer lo siguiente:
En atributo selecciona: "target"
en valor:
_Self : Abrirá el link en la misma ventana
_blank : Abrirá el link en una Nueva ventana
En atributo selecciona: "title"
y en valor pones lo que quieres que aparezca.
Ejemplo: Aprende a hacer tu página web
(Primero pon el mouse sobre el enlace sin darle clic. Luego clickea, abrirá en una nueva ventana)
Por Medio de HTML
Crear Enlace en una imágen
Es lo mismo que lo anterior. La seleccionas y apretas el boton ENLACE o le das doble clic sobre la imagen y vas a la pestaña "Enlace". Luego sigues las instrucciones anteriores.
Por medio de HTML
Si vas a crear un enlace en una imagen en HTML usa este codigo:
La forma mas fácil de organizar el contenido de nuestra página web es usando tablas. Con ellas podemos separar contenidos y editarlos facilmente sin que todo el resto se mueva.
Lo primero que deberíamos hacer, es dibujar un boceto de cómo queremos que esté organizado todo en nuestro sitio web. Un ejemplo sería este:
Después de realizar el boceto es cosa de pasarlo al editor.
Pero ¿Cómo insertar tablas en el editor web?
Para que quede claro vamos a trabajar con el ejemplo.
- Primero, apretar el botón Tabla y en la ventana emergente elegir 3 filas (celdas horizontales) y 3 columna (las verticales), 100 % de la página y de borde 1 (Si no quieres que el borde de la tabla se vea, pon 0). Asi unicamente se verá el contenido.
- Tendrás 3 Filas y 3 columnas, pero debemos unir algunas para que quede como queremos. Como vemos en la imagen anterior, en la primera fila donde va el logo hay 3 columnas que molestan. Para eliminarlas las unimos, ¿Cómo? asi:
Seleccionamos las 3 Filas arrastrando el mouse desde la fila 1, columna 1. Hasta la fila 1, columna 3. Le damos al boton derecho del mouse y seleccionamos: Unir celdas Seleccionadas.
y Seguimos hasta llegar a esto:
Notarás que falta la parte donde según el ejemplo pondríamos la informacion de contacto, para esto lo más simple es crear una linea horizontal.
Primero hacemos clic sobre la celda del medio (Donde pondrémos la linea) y luego: insertar -> Linea Horizontal. La linea te ayuda a separar contenido entre celdas sin tener que agregar más y más celdas.
Ahora pondrémos Color a las celdas y tablas.
Empezamos clickeando dentro de la tabla que queremos ponerle color, y luego apretas sobre el boton Tabla para ver sus propiedades; sino, clic secundario dentro de la tabla y luego: propiedades de tabla.
Nos vamos a la pestaña Tabla (Valga la rebundacia xD) que está al lado de celdas y en color de fondo, elejimos uno.
Tambien puedes cambiar el borde, el relleno del borde, tamaño de la ancho y el alto (Recomendable en % si no sabes de pixeles), y la alineación de la tabla dentro de la página.
Si lo que quieres es pintar celda por celda, fila por fila o columna por columna, lee mas abajo :P
Para pintar cada celda, columna o fila individualmente.
Clic en propiedades de tabla, luego seleccionas la pestaña "celdas" y te mueves con las felchas "anterior y siguiente" para seleccionar la celda que quieres pintar. Para pintar una fila o columna completa, clickea donde dice selección y elije celda, fila o columna. (Utiliza las flechas <- ->)
Es importante elejir la anchura de cada celda o columna porque sino, al poner contenido en alguna... Se mueve todo lo que hay en las siguientes!!! En el ejemplo, a la celda central le puse 50% de ancho y a las de los lados 25% cada una. Así evitamos dolores de cabeza cuando escribimos en una columna y se mueven todas!
Al final de todo debería quedar mas o menos asi:
>> Creo que con esto ya deberían haber entendido el concepto de tablas y cómo usarlas, ya que son muy útiles al momento de ordenar las cosas. Pero lo más importante es que vayas probando distintas formas hasta llegar al resultado que esperabas. Y no te desesperes, que siempre hay una solución y aquí estamos para responder a tus dudas, solo pregunta ^^
>> Leer Todo
¿Como insertar el Texto en mi web?
El texto es lo mas facil de insertar. Como ves, tiene casi las mismas herramientas de Word, Notepad o cualquier editor de texto, asi que es cosa de empezar a escribir el contenido.
Insertar Título
Lo primero que harémos es insertar el título a la pagina
El título debe sintetizar en pocas palabras el contenido general de la web lo mejor posible.
Hay 2 Formas de hacerlo:
1.- Al guardar el documento sin titulo (Archivo -> guardar) Le pedirá automáticamente el titulo de la web. esta es la alternativa más fácil y recomendable.
2.- Clickear la pestaña "<HTML> código fuente" que se encuentra en la parte inferior del composer.
Y buscar la etiqueta <title></title> que se encuentra al principio del codigo.
El titulo lo ponemos entre las etiqueta de apertura y la de cierre.
<title>AQUI VA EL TITULO</title>
Ej: <title>CreaWeb ~ Aprenda a crear páginas web</title>
*Luego Volvemos a la vista normal (Pestaña a la izquierda de codigo fuente)
Ahora alinearemos, pondremos color y tamaño al texto con las herramientas que se muestran en la imagen (Recuerde seleccionar el texto)
Seria recomendable indicar qué tipo de texto esta insertando donde dice: "Cuerpo del texto"
En el ejemplo anterior, Deberíamos poner: Título 1
Eso es lo básico que debémos saber en cuanto al texto. Ahora ya puedes seguir con la
Lección 3: Organizar con Tablas
El Editor
Para empezar, debemos tener en nuestro pc un editor de paginas web.
¿Qué es un editor web?
Un editor es un programa que te proporciona todas las herramientas para crear tu web sin conocimientos avanzados. Tu unicamente te dedicarás a Poner el contenido en tu web de la forma que desees y el editor se encargará de convertirlo a codigo HTML (Es todo el codigo que hay detras de la web, su estructura.) Para que puedas publicarlo en Internet y asi esté disponible a todo el mundo. Con un pequeño esfuerzo aprenderas todo lo que necesitas! ^^
Para empezar, te recomendamos uno muy simple y es en el que nos basaremos para las lecciones.
Descargar Mozilla Composer en Español
El composer viene integrado en el navegador de mozilla (No es el Firefox). Como las demás aplicaciones no nos seran necesarias, deseleccionaremos todo. Composer (Si quieres lo instalas completo)
Custom (Personalizado), siguiente, siguiente...
Siguiente, siguiente... Instalar.
Una vez Instalado, Abres el Navegador y vas a Ventana -> Compositor
Ahora que Ya dispones del editor necesario, puedes Seguir con la
Lección 2: Insertar textos
