Directory —
Web Design —
Blog Details for "Aprende a Crear tu propia Pagina web - Codigos y R"
Aprende a Crear tu propia Pagina web - Codigos y RAprende a Crear tu propia Pagina web - Codigos y RAprende a crear facilmente tu pagina web y encuentra los mejores codigos y recursos para webmaster. Reproductores de musica, relojes, contadores, usuarios online, alta en buscadores, y mucho mas! Articles
Bloquear botón derecho del ratón y Cambiar cursor
2007-05-24 01:42:00 Bloquar boton secundario del mouseEste código te servirá para evitar que usen el botón derecho del raton en tu página web, por lo tanto no podrán copiar ni seleccionar.Pegalo en Vista HTML en tu página web (Entre <html> y </html>)Cambiar el Cursor (puntero del ratón) en tu pagina webCodigo General:Ahora debes hacer lo siguientePara que funcione debes subir tus cursores al hosting donde tienes tus páginas y a este código le cambias la dirección por la del cursor tuyo. (Busca en google por Descargar cursores .cur)Ejemplo:Si tu cursor se llama cursor.cur y lo tienes en la carpeta llamada miscursores y tu web se llama www.tupagina.com, entonces la ruta sería esta:http://wwww.tuapagina.com/miscursore s/cursor.curque en el código quedaría así. Por lo tanto este ? es el código que deberías insertar en tu web.Nota: Solo es un ejemplo! debes seguir los pasos para tener tu código.Nota: Solo es un ejemplo! debes seguir los pasos para tener tu código.Cuando ya hayas subido el curso... More About: Derecho
Insertar Imagen de Fondo y cambiar Color de Enlaces (Links)
2007-05-23 03:18:00 Si ya te aburriste del color de fondo de tu página web y quieres darle más estilo con una imágen de fondo o cambiar el color predeterminado de los links y no sabes cómo, ahora te lo explico. =)Con el Editor | Por medio de HTMLCon el EditorEs muy simple. Vas a Formato -> Color y fondo de pagina y Eliges la imágen.Se abrirá una ventana como esta:Aqui tienes muchas imágenes de fondo donde elegir. Bajalas a tu pc y subelas a tu servidor. Si no sabes cómo, lee la Lección 6Recuerda!! La imágen debe estar en internet, no la busques con "Elegir archivo" porque sino, hará referencia a tu disco duro y no a la direccion de la imágen y nadie la podrá ver.Nota: La imágen se repetirá hasta completar la página. Nunca pongas imágenes pesadas si no quieres que tarde horas en cargar.Si quieres puedes cambiar los colores predeterminados de los enlaces, aunque no es recomendable ya que el todo el mundo está acostumbrado a los colores estandar.En el ejemplo todos están de color azul, asi el enlace no ca... More About: Imagenes , Links , Imagen , Lace
Insertar Imagen de Fondo y cambiar Color de Enlaces (Links)
2007-05-23 03:18:00 Si ya te aburriste del color de fondo de tu página web y quieres darle más estilo con una imágen de fondo o cambiar el color predeterminado de los links y no sabes cómo, ahora te lo explico. =)Con el Editor | Por medio de HTMLCon el EditorEs muy simple. Vas a Formato -> Color y fondo de pagina y Eliges la imágen.Se abrirá una ventana como esta:Aqui tienes muchas imágenes de fondo donde elegir. Bajalas a tu pc y subelas a tu servidor. Si no sabes cómo, lee la Lección 6Recuerda!! La imágen debe estar en internet, no la busques con "Elegir archivo" porque sino, hará referencia a tu disco duro y no a la direccion de la imágen y nadie la podrá ver.Nota: La imágen se repetirá hasta completar la página. Nunca pongas imágenes pesadas si no quieres que tarde horas en cargar.Si quieres puedes cambiar los colores predeterminados de los enlaces, aunque no es recomendable ya que el todo el mundo está acostumbrado a los colores estandar.En el ejemplo todos están de color azul, asi el enlace no ca... More About: Imagenes , Links , Imagen , Magen
Alta Gratis en Buscadores Google y Yahoo
2007-05-21 21:17:00 Es muy importante darse de alta en los buscadores si quieres que tu página aparezca más rápido en los buscadores y tenga más visitas. Asi lo ayudamos un poco y se demora menos tiempo en indexarte. Sino, espera a que el buscador lo haga solo, aunque puede tardar una eternidad.Alta en Googl e Para ayudar a este amigo de los webmasters a indexar tu página más rapido a su base de datos entra en la siguiente direccion y escoje muy bien la descripcion de tu página, ya que de ella dependerá si las personas se detengan a mirar o pasen de largo.Alta en Google aquiCento para Webmaster de GoogleDiversas Herramientas de google especialmente diseñadas para ti. Sobre todo al parte de Herramientas para Webmaster que incluso te muestra la ultima vez que fue indexada tu página. Accede desde aquí.Alta en Yahoo !Para darte de alta en Yahoo! deberás estar registrado.Alta en Yahoo! desde aquí. Pero de que sirve aparecer en los buscadores si estas en la pagina 100?he aqui 10 consejos para mejorar tu posició... More About: Gratis
Alta Gratis en Buscadores Google y Yahoo
2007-05-21 21:17:00 Es muy importante darse de alta en los buscadores si quieres que tu página aparezca más rápido en los buscadores y tenga más visitas. Asi lo ayudamos un poco y se demora menos tiempo en indexarte. Sino, espera a que el buscador lo haga solo, aunque puede tardar una eternidad.Alta en Googl e Para ayudar a este amigo de los webmasters a indexar tu página más rapido a su base de datos entra en la siguiente direccion y escoje muy bien la descripcion de tu página, ya que de ella dependerá si las personas se detengan a mirar o pasen de largo.Alta en Google aquiCento para Webmaster de GoogleDiversas Herramientas de google especialmente diseñadas para ti. Sobre todo al parte de Herramientas para Webmaster que incluso te muestra la ultima vez que fue indexada tu página. Accede desde aquí.Alta en Yahoo !Para darte de alta en Yahoo! deberás estar registrado.Alta en Yahoo! desde aquí. Pero de que sirve aparecer en los buscadores si estas en la pagina 100?he aqui 10 consejos para mejorar tu posició... More About: Gratis
Agregar Estadisticas, Contador, Usuarios Online.
2007-05-20 21:38:00 Ya Terminamos con las lecciones y tu ya deberías ser el feliz propietario de una pagina web, por lo tanto, ahora empezamos con los recursos, codigos y lo que sea de ayuda para tu web! ^^EstadisticasSi quieres saber como va tu pagina en cuanto a visitas lo que necesitas son estadisticas. Hay muchas páginas que te ofrecen estadisticas, yo te recomiendo estas:AdemailsContador Wap*Geocities te da contador propio, pero las estadisticas de estos son más detalladas.Te registras, eliges el tipo de contador, copias el codigo y luego lo pegas en la Vista HTML de tu web según donde quieras ponerlo.Si no sabes donde poner el codigo en el Editor para que quede como tu quieres, en Vista Normal escribes algo identificable donde quieres ponerlo (ej: AQUIIIIIIIIII), despues vas a HTML y buscas donde escribiste AQUIIIIII y pegas el codigo ^^Contador de Usuarios Online Si quieres saber cuantas personas estan viendo tu página en el mismo instante en que entras a la web, copia y pega el siguiente codigo d... More About: Greg , Icas
Agregar Estadisticas, Contador, Usuarios Online.
2007-05-20 21:38:00 Ya Terminamos con las lecciones y tu ya deberías ser el feliz propietario de una pagina web, por lo tanto, ahora empezamos con los recursos, codigos y lo que sea de ayuda para tu web! ^^EstadisticasSi quieres saber como va tu pagina en cuanto a visitas lo que necesitas son estadisticas. Hay muchas páginas que te ofrecen estadisticas, yo te recomiendo estas:AdemailsContador Wap*Geocities te da contador propio, pero las estadisticas de estos son más detalladas.Te registras, eliges el tipo de contador, copias el codigo y luego lo pegas en la Vista HTML de tu web según donde quieras ponerlo.Si no sabes donde poner el codigo en el Editor para que quede como tu quieres, en Vista Normal escribes algo identificable donde quieres ponerlo (ej: AQUIIIIIIIIII), despues vas a HTML y buscas donde escribiste AQUIIIIII y pegas el codigo ^^Contador de Usuarios Online Si quieres saber cuantas personas estan viendo tu página en el mismo instante en que entras a la web, copia y pega el siguiente codigo d... More About: Line , Greg , Icas
Lección 7: Como usar un Programa FTP (Ws_FTP)
2007-05-19 07:51:00 ¿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 5El 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 siteTe abrirá Connection Wizard. Ahi configuramos nuestro host.En Site Name pones el nombre que quieras, es solo para IdentificarloEj: Mi PáginaSiguiente -> Te Preguntará Tipo de conección, ahi ponemos FTPSiguiente -> Server AddressEn esta parte ponemos la direccion del Host, esta nos la provee el mismo hosting en su página.En Geocities es: ftp.es.geocities.comFTP en AwardspaceEn Awardspace es la dirección de tu SubDominio (a menos que hayas comprado un dominio) : nombredetusubdominio.awardspace.com (depende del que elejiste)Si usas awardspa... More About: Como , Gram
Lección 7: Como usar un Programa FTP (Ws_FTP)
2007-05-19 07:51:00 ¿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 5El 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 siteTe abrirá Connection Wizard. Ahi configuramos nuestro host.En Site Name pones el nombre que quieras, es solo para IdentificarloEj: Mi PáginaSiguiente -> Te Preguntará Tipo de conección, ahi ponemos FTPSiguiente -> Server AddressEn esta parte ponemos la direccion del Host, esta nos la provee el mismo hosting en su página.En Geocities es: ftp.es.geocities.comFTP en AwardspaceEn Awardspace es la dirección de tu SubDominio (a menos que hayas comprado un dominio) : nombredetusubdominio.awardspace.com (depende del que elejiste)Si usas awardspa... More About: Como , Gram
Lección 6: Insertar Imágenes en mi Página Web
2007-05-18 05:05:00 ¿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 finalLas 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 ponerlasNo 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... More About: Imagenes , Gene , Genes
Lección 6: Insertar Imágenes en mi Página Web
2007-05-18 05:05:00 ¿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 finalLas 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 ponerlasNo 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... More About: Imagenes , Genes
Lección 5: Publicar la Página en Internet y Redireccionamiento
2007-05-18 03:36:00 Publicar | Saltar a Redireccionamiento (Primero Expandir Post)Publicar - El Servidor (Hosting, Hospedaje, alojamiento)(No creas que hemos terminado! pero para algunas cosas deberás conocer los servidores. Ej: Las imágenes)Luego de terminar nuestra página web debemos publicarla en Internet para que este disponible a todo el mundo.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... More About: Nami , Dire
Lección 5: Publicar la Página en Internet y Redireccionamiento
2007-05-18 03:36:00 Publicar | Saltar a Redireccionamiento (Primero Expandir Post)Publicar - El Servidor (Hosting, Hospedaje, alojamiento)(No creas que hemos terminado! pero para algunas cosas deberás conocer los servidores. Ej: Las imágenes)Luego de terminar nuestra página web debemos publicarla en Intern et para que este disponible a todo el mundo.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... More About: Nami , Dire
Lección 4: Crear Links (Enlaces) a Textos e Imagenes
2007-05-16 06:59:00 Enlazar hacia una página web Primero Escribiremos el texto que queremos enlazarEjemplo: Entra a CreandowebLuego lo seleccionaremos y clickeamos en el botón ENLACEy 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:Si quieres que al hacer clic la web enlazada se abra en otra ventana.En atributo selecciona: "target"en valor:_Self : Abrirá el link en la misma ventana_blank : Abrirá el link en una Nueva ventanaPara que se vea un texto al poner el puntero del mouse sobre el link.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 HTMLTexto enlazadoCrear Enlace en una imágenEs 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 instruccio... More About: Imagenes , Links , Gene , Rear , Lace
Lección 4: Crear Links (Enlaces) a Textos e Imagenes
2007-05-16 06:59:00 Enlazar hacia una página web Primero Escribiremos el texto que queremos enlazarEjemplo: Entra a CreandowebLuego lo seleccionaremos y clickeamos en el botón ENLACEy 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:Si quieres que al hacer clic la web enlazada se abra en otra ventana.En atributo selecciona: "target"en valor:_Self : Abrirá el link en la misma ventana_blank : Abrirá el link en una Nueva ventanaPara que se vea un texto al poner el puntero del mouse sobre el link.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 HTMLTexto enlazadoCrear Enlace en una imágenEs 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 instruccio... More About: Imagenes , Links , Magen , Genes
Leccion 3: Organizar con Tablas
2007-05-08 05:59:00 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 des... More About: Organ
Leccion 3: Organizar con Tablas
2007-05-08 05:59:00 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 des... More About: Organ
Lección 2: Insertar Textos
2007-05-08 02:01:00 ¿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ítuloLo primero que harémos es insertar el título a la paginaEl 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 codig...
Lección 2: Insertar Textos
2007-05-08 02:01:00 ¿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ítuloLo primero que harémos es insertar el título a la paginaEl 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 codig...
Lección 1: ¿Cómo empezar? El Editor
2007-05-06 23:53:00 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ñolEl 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 V...
Lección 1: ¿Cómo empezar? El Editor
More articles from this author:2007-05-06 23:53:00 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ñolEl 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 V... 1, 2, 3 |
