Este tutorial esta destinado a los que quieren hacer una pagina Web y no tienen la

menor idea de cómo hacerlo. Para los que tienen un conocimiento avanzado no tiene
sentido que lo lean. Empecemos.

1 lo crucial para tener una pagina Web es un posting. ¿Que es eso? Un posting es un
servicio que te permite tener una pagina Web, lo que ofrece es un servicio de
almacenamiento para que puedas alojar tus archivos. El que vamos a usar en este caso
es el 000webhost ya que es un muy buen servicio de almacenamiento.

2 tenemos que ir a la pagina (esta en ingles pero no se preocupen no es muy difícil

entenderlo) y clickear donde dice sign up. Después donde dice i Will chose a sub
domain en el espacio que tenes abajo pones la pagina después va tu nombre el email la
contraseña (tiene que tener números y letras los dos por ejemplo abcd12) y por ultimo
otra vez la contraseña. Tendría que quedar algo así.

3. Después va a redireccionarse a los datos del la pagina. Clickear en enter control

panel.
Ahí tenes un montón de cosas pero primero vamos a ir al diseño de la pagina para eso
seleccionamos en website builder en la sección software and service. Haces click en el
sitio que esta al lado de goto al principio.

4 te aparece algo como esto:

Haces click en next ->step 2 y ahí seleccionas el template que queres(el template es
como el tema que va a llevar la pagina. Después de seleccionarlo haces click en next. Y
ahí pones los datos de la página una imagen de referencia.
Después en go y se va a instalar la pagina. En go edit my website vas al panel para
editar la página. El menú es así

Ahora vamos a ver las funciones:

-Añadir una página al menú: esta función sirve para agregar otro submenú en la
página si miran la parte superior izquierda de la imagen hay una especie de tabla con
los nombres de todo los submenús que elegiste antes, esta función es para agregar otro
en caso de que hayas olvidado.
-noticias: el la pagina que has creado si se fijan a un costado hay una parte que dice
noticias. En este lugar pueden poner cosas importantes que le pasan a la página. Y
siempre va a estar visible no importa a que parte de la pagina vallas.
-encuestas: yo creo que ya saben lo que es una encuesta lo que hace esta función es
colocar una en una parte de la página así los que visitan la página pueden votar.
-modificar estilo: esta función lo que hace es modificar el template que ya pusiste
anteriormente. (Ojo con esto porque cuando modificas el estilo perdes todo lo que
hiciste anteriormente)
-configuración: este panel es para modificar todo lo anterior que hiciste como el
nombre que va arriba de cabecera el logo y un montón de cosas mas. Una imagen de
ayuda
-asistente de imagen: esta función es para subir las imágenes a tu página de forma fácil
y sencilla.

Ahora empecemos a editar la página para que quede como queremos.

Primero que hay que hacer es clickear en el sub menú que queres editar en la pagina
principal del menú. Yo selecciono por ejemplo home. Entonces me va a ir a una especie
de editor de texto en el cual puedo escribir. Y poner todo lo que yo quiera ya sean
imágenes videos o links a paginas todo en un sencillo editor de texto como el Word.

Y con esto concluimos la parte del website builder ahora vamos a

pasar a algo un poco mas difícil

Imagínate que vos queres poner juegos online y vos decidiste que
quedaría mejor si se abre en otra ventana entonces como logro
eso??? Primero necesitas un programa como puede ser el adobe
Dreamweaver. ¿Ahora teniendo ese programa que tenes que hacer?
Primero de todo necesitas una serie de cosas:
1 el Dreamweaver como dije antes
2 el juego flash el cual queres subir
3 un programa que te suba la pagina y el flash a tu pagina el cual va
a ser el Filezilla
Una vez que tengas esto vamos a empezar:

Recomendación antes de empezar: pongan el archivo que quieren

subir en la misma carpeta donde van a gurdar el HTML
1 abrimos el Dreamweaver
2 escribimos lo que queramos (opcional si no queres poner nada no lo
hagas)
3 hay un panel a la derecha, en el buscamos la dirección en donde
esta nuestro archivo flash. Lo arrastramos a la hoja HTML y van a ver
que hay un recuadro gris es cual es la animación, lo guardan con el
nombre que quieran y lo suben con el Filezilla.
4 poner un hipervínculo a esa página, por ejemplo:
Mi página es tutorialparaweb.net45.Net
Y el archivo que guarde lo guarde como ejemplo1
El resultado para ir a esa página seria este
tutorialparaweb.net45.Net/ejemplo1.HTML si se dirigen ahí quedaría
el resultado
(Respeten las mayúsculas)
Y ahora ya esta ya tienen su página subida.
Bueno eso es todo lo elemental para saber como crear una página
Web

Ahora les voy a mostrar algunas cosas extra que hacen que tu Web se
vea más vistosa:
1 contadores los contadores lo que hacen en registrar cada persona
que entro a tu pagina así dándote un numero exacto de personas que
entraron a tu pagina Web. A continuación una pagina de Internet la
cual tiene muchos contadores y muchos estilos distintos:
http://contadores.miarroba.com/ lo único malo de esta pagina es que
tenes que registrarte para usar sus servicios pero vale la pena ya que
además de los contadores tienen un montón de cosas que realmente
te sirven mucho.

2 javascript: JavaScript es un lenguaje de programación

interpretado, es decir, que no requiere compilación, utilizado
principalmente en páginas Web, con una sintaxis semejante a la del
lenguaje Java y el lenguaje C. en pocas palabras es una compilación
de códigos que ejecutan diversas funciones. Por ejemplo el contador
esta echo mediante javascript. Una buena función es como traductor
por ejemplo, si quieren tener uno en su pagina solo van a
http://www.gmodules.com/ig/creator?synd=open&url=http
%3A//chw2054.googlepages.com/Ggadget.google.translate.v.0.4.xml
&pt=%26context%3Dd%26type%3Dgadgets%26synd%3Dig%26lang
%3Des%26.lang%3Des%26country%3Des%26.country%3Des
%26start%3D0%26num%3D1%26target%3Da2Qw%26objs
%3Dhz3%2Cn7F%2CDZ%2CeXh%2CFms&sn=a2Qw&lang=es
Editan el traductor como lo quieren y copian el código de debajo de
todo. Para ponerlo en la pagina abren el Dreamweaver y arriba donde
aparecen tres opciones
clickeas en code y va a parecer el código HTML después buscas
donde dice <body>y lo pegas entre el body y el otro body después lo
subís y listo. Si lo queres en las noticias o dentro de la página
template en el menú de arriba buscas donde dice HTML lo seleccionas
y ahí copias el código.
Algunas paginas con códigos javascript:
http://www.geocities.com/siliconvalley/7116/ (esta en ingles)

Bueno espero que este tutorial les sirva ya

que estuve un buen tiempo haciéndolo

crear pagina web 100% gratis

Desde el rincón mas recóndito de mis marcadores, encuentro esta estupenda
recopilación de miles de consejos, tutoriales y herramientas para hacer tu propia página
web. Como yo en mis inicios, supongo que a los que os estéis iniciando en esto de hacer
páginas webs, os vendrá como caído del cielo. El post en sí esta ordenado según lo
tendríamos que ir haciendo, ahí os va:

Hosting:

Como sabemos, el proyecto web que montemos debe estar alojado en un servidor, que
puede ser de pago o gratuito. Para los hostings de pago existe una página muy buena
que da comparativas de las diferentes compañías, se llama Hostarting. y aquí mismo os
pongo una lista de cientos de servidores gratuitos para que hagáis vuestras
Pruebas:

http://www.100webspace.com/freeplan.html/
http://www.000k.com/index.php/
http://www.frandt.com/services.php/
http://anyxhost.com/webhosting.htm/
http://www.x3fusion.com/
http://www.britishhost.co.uk/compare.html/
http://free.sonichosting.co.uk/
http://www.nasway.com/php/
http://www.lifelesspeople.com/hosting/
http://www.spiralpages.com/
http://www.communityfreaks.com/index.php?showtopic=3/
http://www.mycubix.com/
http://www.zonichost.uni.cc/

Dominio:

El dominio lo podríamos definir como el nombre que llevará tu sitio web para los
internautas y desde el cual ellos podrán tener una referencia fácil de recordar para entrar
siempre que quisieran (Ej.: www.tusitio.com).

Normalmente las mismas compañías que te proveen el hosting, te dan la opción a

registrar el dominio con ellos, esto en el caso de los dominios de pago, para los
gratuitos, aquí hay varias compañías que te dan un nombre gratis:

http://www.dot.tk/
http://www.uni.cc/
http://www.ripn.net:8080/en/
http://www.dhs.org/
http://www.acidmist.com/

Cursos:

Algo básico en el diseño web es conocer este código, así que nada mejor que unos
cuantos sitios con multitud de cursos sobre él.

http://www.canalhtml.com/
http://www.etsit.upm.es/~alvaro/manual/manual.html/
http://www.ldc.usb.ve/~vtheok/webmaestro/
http://aprender-html.html.deeuropa.net/
http://www.ciudadfutura.com/cursohtml/
http://www.chez.com/samram/aprender.htm/
http://www.udabol.edu.bo/biblioteca…2e/leccion8.htm/
http://www.ccim.be/ccim328/htmlsp/

El programa de edición web más usado y extendido, aquí te lo dejamos para su

descarga.

http://rapidshare.com/files/86780155/DREAMWEAVER.part1.rar
http://rapidshare.com/files/86819071/DREAMWEAVER.part2.rar

- Versión portable:

http://rapidshare.com/files/64282464/Portable_Adobe_Dreamweaver__CS3.rar

- Cursos de Dreamweaver:

http://www.yaromat.com/
http://www.projectseven.com/
http://www.massimocorner.com/
http://www.dreamweavering.com/
http://members.fortunecity.es/dwcs/index.html/
http://bibliotecainformatica.iespan…/ManualDWMX.zip/
http://www.svetlian.com/Webmaster/dream_tutor1.htm/
http://www.arp.jazztel.es/
http://www.programatium.com/dreamweaver.htm/

Templates, themes o temas:

Si quieres ahorrarte un tiempo muy valioso diseñando el estilo de tu sitio, siempre

puedes bajarte temas ya hechos y adaptarlos a tu web, aquí tienes algunos:

http://rapidshare.com/files/22912252/500.part1.rar
http://rapidshare.com/files/22912585/500.part2.rar
http://rapidshare.com/files/22912842/500.part3.rar
http://rapidshare.com/files/22911590/500.part4.rar

Pass: Homepagevorlagen

Diseño Gráfico:

El diseño web es algo muy amplio y del que tenemos que saber de todo, como es lógico,
la parte visual (o diseño gráfico), es algo muy importante para que la gente se sienta
agusto en nuestro sitio. Ahora una lista de sitios dónde encontrar cursos para el diseño
gráfico de nuestra web:

http://www.desarrolloweb.com/
http://www.webestilo.com/
http://www.lawebdelprogramador.com/
http://www.hotscripts.com/
http://www.dynamicdrive.com/
http://www.elosan.net/

Programas de diseño gráfico:

Varios programas de diseño gráfico para su descarga.

- Photoshop CS3:

http://rapidshare.de/files/39589792/Adobe_Photoshop.rar.0.html
http://rapidshare.de/files/39590080/Adobe_Photoshop.rar.1.html
http://rapidshare.de/files/39620078/Adobe_Photoshop.rar.2.html
http://rapidshare.de/files/39631562/Adobe_Photoshop.rar.3.html
http://rapidshare.de/files/39631979/Adobe_Photoshop.rar.4.html

Illustrator CS3:

http://rapidshare.com/files/60395384/AICS3.iso.001
http://rapidshare.com/files/60425463/AICS3.iso.002
http://rapidshare.com/files/60468169/AICS3.iso.003
http://rapidshare.com/files/60491446/AICS3.iso.004
http://rapidshare.com/files/60515134/AICS3.iso.005
http://rapidshare.com/files/60537805/AICS3.iso.006
http://rapidshare.com/files/60550639/AICS3.iso.007
http://rapidshare.com/files/60560317/AICS3.iso.008

- Fireworks CS3:

http://rapidshare.com/files/38197805/fuego.trabajando3.r00
http://rapidshare.com/files/38192673/fuego.trabajando3.r01
http://rapidshare.com/files/38197892/fuego.trabajando3.rar

- CorelDraw Suite X4:

http://www.mediafire.com/download.php?1rjlh5nmyyp
http://www.mediafire.com/download.php?i3nmvjsjm3z
http://www.mediafire.com/download.php?rxdz39yhdwg
http://www.mediafire.com/download.php?3lddiftytfy
http://www.mediafire.com/download.php?jpmp5zmqjgt
http://www.mediafire.com/download.php?mydginlyejo
http://www.mediafire.com/download.php?ghkhltlgdx1

- Corel Paint Shop Pro Photo X2 v12.0:

http://rapidshare.com/files/111701668/Corel.Paint.Shop.Pro.Photo.X2.v12.0.part1.rar
http://rapidshare.com/files/111683258/Corel.Paint.Shop.Pro.Photo.X2.v12.0.part2.rar
http://rapidshare.com/files/111674507/Corel.Paint.Shop.Pro.Photo.X2.v12.0.part3.rar
http://rapidshare.com/files/111666966/Corel.Paint.Shop.Pro.Photo.X2.v12.0.part4.rar

Recursos:

Es muy importante tener también un repertorio de recursos de los que ir obteniendo

imagenes ya hechas para ahorrar algo de tiempo también. Una buena recopilación de
estos a continuación:

- Logos:

http://rapidshare.com/files/112173186/BEST_OF_DESIGN_LOGO.rar

- 2000 mini iconos:

http://rapidshare.com/files/108190698/Mini_Web_Icons_-
_Over_2000_in_a_5MB__Great_for_Applications_.rar

- Clip Arts profesionales:

http://rapidshare.com/files/114082133/Extreme.zip
http://rapidshare.com/files/114097851/Extreme.z01
http://rapidshare.com/files/114096061/Extreme.z02
http://rapidshare.com/files/114103555/Extreme.z03
http://rapidshare.com/files/114111379/Extreme.z04
http://rapidshare.com/files/114119170/Extreme.z05
http://rapidshare.com/files/114127774/Extreme.z06
http://rapidshare.com/files/114135375/Extreme.z07
http://rapidshare.com/files/114143147/Extreme.z08
http://rapidshare.com/files/114150772/Extreme.z09
http://rapidshare.com/files/114158704/Extreme.z10
http://rapidshare.com/files/114168368/Extreme.z11
http://rapidshare.com/files/114176154/Extreme.z12
http://rapidshare.com/files/114183890/Extreme.z13
http://rapidshare.com/files/114192085/Extreme.z14

- 2000 logos vectorizados:

http://rapidshare.com/files/114696809/Logos_Vectores.rar

- 10000 fuentes para PC:

http://rapidshare.com/files/103537166/10000_Fonts_Collection_by_SAW.rar

http://rapidshare.com/files/107172316/300Graffiti_Fonts.rar

- 1300 estilos de Photoshop:

http://rapidshare.com/files/104640207/wag999-1315_styles_svenn15.rar

Diseño animado:

El diseño animado le da mucha vida a una web, aquí encontrarás todo lo necesario para
aprenderlo y usarlo.
Cursos:

http://www.equisflash.tk/
http://www.flashkit.com/
http://www.flashxl.com/
http://www.flashmaestro.fm/
http://www.flash-es.net/
http://www.flashla.com/
http://www.kadazuro.com/
http://www.alesys.net/
http://www.nomaster.com/
http://www.subflash.com/
http://www.flashargentina.com.ar/
http://www.ciudadfutura.com/flash/
http://www.soloflash.tuportal.com/
http://www.flashtribute.com/

- Flash Web Designers Toolkit 2008 PRO DVD:

Miles de recursos flash para tus diseños.

http://rapidshare.com/files/96680776/FLASHTOOLKIT2008.part46.rar.html
http://rapidshare.com/files/96680778/FLASHTOOLKIT2008.part01.rar.html
http://rapidshare.com/files/96680785/FLASHTOOLKIT2008.part02.rar.html
http://rapidshare.com/files/96680784/FLASHTOOLKIT2008.part03.rar.html
http://rapidshare.com/files/96680777/FLASHTOOLKIT2008.part04.rar.html
http://rapidshare.com/files/96681698/FLASHTOOLKIT2008.part05.rar.html

Templates Flash:

http://rapidshare.com/files/57023895/flash_templates_uploaded_by_mohd-taha.rar
pass : forumw.org

- 6000 efectos de sonido:

http://rapidshare.com/files/95212621/6000.Sound.Effects.CrOwN..part1.rar
http://rapidshare.com/files/95241065/6000.Sound.Effects.CrOwN..part2.rar

Programación web:

Páginas dinámicas, interacción con el usuario, esas y muchas más son las características
del código web, aquí varios sitios para aprenderlo.

PHP:

http://www.php.net/
http://phpbrasil.com/
http://www.phpbuilder.com/
http://www.rinconastur.com/php/
http://www.solophp.com.ar/
http://www.php-center.de/
http://geneura.ugr.es/~maribel/php/
http://www.portalmw.com/cursos/php/
http://otri.us.es/recursosPHP/
http://www.phpfreaks.com/
http://php.planetmirror.com/manual/es/print/index.php/
http://php.resourceindex.com/
http://www.php-scripts.com/

Recursos:

- 1000 scripts PHP:

http://rapidshare.com/files/6788604/All.In.One.100.PHPSelect.Scripts__.rar

ASP:
http://www.aspfacil.com/
http://www.soloasp.com.ar/
http://www.asptutor.com/
http://www.sqlmax.com/asp1.asp/
http://www.aspobjects.com/
http://www.aspin.com/

Javascript:

http://www.mundojavascript.com/
http://a1-javascripts.com/
http://www.ciudadfutura.com/javascriptdesdecero/
http://www.iespana.es/cnlasrozas/tutjs/index.html/
http://www.redestb.es/javaaula/cursjava.htm/
http://javascript.internet.com/
http://javascript.com/
http://www.javascriptkit.com/
http://www.geocities.com/SiliconValley/7116/
http://www.javascriptcity.com/
http://www.javascriptsearch.com/
http://www.javascript-page.com/
http://www.paratodos.8m.net/javas.htm/
http://www.losrecursosgratis.com/ja…javascript.html/
http://www.javafile.com/
http://www.java-scripts.net/
http://www.mundojavascript.com/
http://www.ulpgc.es/otros/tutoriale…ntro/tabla.html/
http://www.cimat.mx/%7Ejlabreu/CursoJava/
http://mec21.etsii.upm.es/ayudainf/…/Java/Java2.pdf/
http://www.javaworld.com/
http://www.monografias.net/trabajos/java/java.shtml/
http://java.about.com/cs/sourcecodebase/
http://www.apl.jhu.edu/~hall/java/

Posicionamiento:

Si haces una página web con todo tu esfuerzo, deberías querer que la gente entrara a
verla, que mejor para ello que aparecer lo más alto posible en los buscadores que
pueblan Internet.

http://www.guiabuscadores.com/posicionamiento/
http://google.dirson.com/posicionamiento.net/

Bueno, pues aquí acaban los consejos por ahora, si ves que falta algo no dudes en
ponerlo en los comentarios, también si ves que algún link está roto, hazmelo saber y lo
intentaré reponer.