Hola gente,les dejo un tutorial de como hacer una página web propia.Empecemos :
LECCIÓN 1
NECESITAMOS PARA EMPEZAR:
Un programa editor de páginas WEB.
Si su computadora tiene Internet Explorer de Microsoft ustedes ya tienen un editor en su máquina ,este programa se llama Front Page Express, Otros editores son Netscape Composer incluído con la versión gratis de Netscape Communicator, programas más avanzados son Front Page de MS, Dreamveaver, Homesite, Adobe Page Mill, Net Objetcs Fusion etc., estos y muchos otros se pueden bajar en esta dirección: http://winfiles.cnet.com/apps/98/html-ag.html
Un servidor con una dirección para guardar sus páginas.
Su proveedor de servicio de Internet le proporciona este espacio. Si su proveedor no le facilita este espacio, usted puede encontrar en el Internet muchos sitios donde otorgan espacio para colocar sus páginas WEB gratis. Por ejemplo aquí: http://espanol.geocities.yahoo.com/ Para sitios profesionales se recomienda seleccionar un proveedor de hospedaje de acuerdo a sus necesidades, recuerda que lo barato en muchas ocasiones sale caro.
Un programa editor de archivos gráficos.
En caso que ustedes quieran utilizar fotos, gráficas etc. Un programa fácil de usar el paint shop pro por ejemplo, éste y otros están disponibles aquí: http://winfiles.cnet.com/apps/98/graph-editors.html
LECCIÓN 2
AGREGAR CONTENIDO:
Agregar Texto.
Con los mencionados WYSIWIG editors podemos agregar textos en la misma forma como en los procesadores de texto (word etc) sin preocuparnos mucho por el lenguaje HTML (Hyper text markup language) Para una buena presentación gráfica de las páginas se usan en muchos casos tablas para la mejor distribución de los textos y/o gráficas, estas tablas pueden tener los bordes visibles o invisibles, entre otras características. Vea más sobre esto aquí: http://htmlgoodies.earthweb.com/primers/primer_3.html
Agregar Gráficas.
De la misma forma insertamos gráficas y las archivamos en el mismo folder. Los formatos para las gráficas más usados son .gif y .jpeg. Tratamos siempre de comprimir estos archivos al máximo para evitar demora en bajar las páginas. Por la misma razón, se recommienda usar un número razonable de gráficas. Más aquí: http://htmlgoodies.earthweb.com/primers/primer_3.html
en la proxima pagina aprendemos como hacer su sitio web
Hacer Links.
Con la ayuda podemos enlazar (link) texto y gráficas hacia otras partes del mismo documento, hacia otras páginas y/o hacia páginas en otros sitios del internet. Vea más sobre este tema aquí: http://htmlgoodies.earthweb.com/primers/primer_4.html
Agregar Formularios.
Estos editores nos permiten tambien integrar formularios para coleccionar información y para hacer las páginas interactivas. Más detailles sobre este tema vea esta página: http://htmlgoodies.earthweb.com/tutors/fm.html
Agregar efectos especiales.
Existe un gran número de efectos especiales que podemos agregar utilizando java applets, java scripts, flash, dhtml, entre otros. Vea algunos aquí: http://www.dynamicdrive.com/ [/size]
LECCIÓN 3
La estructura de un sitio web:
Ejemplo 1.
En este caso veamos un sitio con un total de 6 páginas, la primera página ( El Home Page) siempre se debe llamar index.html , de esta forma si nuestro sitio está ubicado en el la dirección (llamado tambien URL = Uniform resource locator) por ejemplo www.deloitte.com.pa el browser automáticamente busca a www.deloitte.com.pa/index.htm o en un subdirectorio como http://www.deloitte.com.pa/spanish/index.htm
Archivamos todas las páginas y gráficas en un mismo folder si hay pocas o en varios para ordenarlos mejor, si hay muchos archivos.
Preparamos antes de hacer el sitio un pequeño organigrama como en este ejemplo para visualizar la estructura del sitio que construimos.
Navegación.
Tenemos que utilizar links de texto o gráficas para enlazar las páginas y que sea fácil de navegar para que el visitante encuentre la información buscada. Vea más sobre este tema aqui: http://www.htmltricks.com/navigation.htm
Los Meta Tags.
El encabezado (head) de la página (visible sólamente en html mode) contiene varios componentes que podemos agregar; el más importante es el título, luego la descripción y los keywords entre ortos. Estos son algunos de los elementos importantes para los search engines, vea más sobre elste tema aquí: http://www.htmltricks.com/setricks.htm
LECCIÓN 4
Cómo conseguir visitantes a nuestro sitio
Promover el sitio en los search engines vea: Search Engine Success - Ten Steps http://websearch.about.com/internet/websearch/library/weekly/aa040400a.htm
Estrategias de mercadeo: http://www.wilsonweb.com/wct1/
Otras formas de promocionar su sitio: http://www.htmltricks.com/trafficideas.htm
Cómo ganar dinero con nuestro sitio
Recuerde: Es importante estudiar y seguir las reglas de un sponsor, ustedes serán calificados por su conducta y, es fácil de perder su credibilidad y buen nombre!
Siempre siga las Reglas del juego!
Primero necesitamos "targeted traffic" visitantes que buscan lo que nosotros vendemos, vea: http://www.htmltricks.com/target.htm
Una vez que obtenga suficientes (targeted visitors) visitantes a nuestro website podemos buscar e incluír sponsors a nuestras páginas, vea: http://www.htmltricks.com/sponsor.htm
Espero que les sirva nos vemos gente, comenten, y si pueden, denme una mano para ser New Full User gracias!!
LECCIÓN 1
NECESITAMOS PARA EMPEZAR:
Un programa editor de páginas WEB.
Si su computadora tiene Internet Explorer de Microsoft ustedes ya tienen un editor en su máquina ,este programa se llama Front Page Express, Otros editores son Netscape Composer incluído con la versión gratis de Netscape Communicator, programas más avanzados son Front Page de MS, Dreamveaver, Homesite, Adobe Page Mill, Net Objetcs Fusion etc., estos y muchos otros se pueden bajar en esta dirección: http://winfiles.cnet.com/apps/98/html-ag.html
Un servidor con una dirección para guardar sus páginas.
Su proveedor de servicio de Internet le proporciona este espacio. Si su proveedor no le facilita este espacio, usted puede encontrar en el Internet muchos sitios donde otorgan espacio para colocar sus páginas WEB gratis. Por ejemplo aquí: http://espanol.geocities.yahoo.com/ Para sitios profesionales se recomienda seleccionar un proveedor de hospedaje de acuerdo a sus necesidades, recuerda que lo barato en muchas ocasiones sale caro.
Un programa editor de archivos gráficos.
En caso que ustedes quieran utilizar fotos, gráficas etc. Un programa fácil de usar el paint shop pro por ejemplo, éste y otros están disponibles aquí: http://winfiles.cnet.com/apps/98/graph-editors.html
LECCIÓN 2
AGREGAR CONTENIDO:
Agregar Texto.
Con los mencionados WYSIWIG editors podemos agregar textos en la misma forma como en los procesadores de texto (word etc) sin preocuparnos mucho por el lenguaje HTML (Hyper text markup language) Para una buena presentación gráfica de las páginas se usan en muchos casos tablas para la mejor distribución de los textos y/o gráficas, estas tablas pueden tener los bordes visibles o invisibles, entre otras características. Vea más sobre esto aquí: http://htmlgoodies.earthweb.com/primers/primer_3.html
Agregar Gráficas.
De la misma forma insertamos gráficas y las archivamos en el mismo folder. Los formatos para las gráficas más usados son .gif y .jpeg. Tratamos siempre de comprimir estos archivos al máximo para evitar demora en bajar las páginas. Por la misma razón, se recommienda usar un número razonable de gráficas. Más aquí: http://htmlgoodies.earthweb.com/primers/primer_3.html
en la proxima pagina aprendemos como hacer su sitio web
Hacer Links.
Con la ayuda podemos enlazar (link) texto y gráficas hacia otras partes del mismo documento, hacia otras páginas y/o hacia páginas en otros sitios del internet. Vea más sobre este tema aquí: http://htmlgoodies.earthweb.com/primers/primer_4.html
Agregar Formularios.
Estos editores nos permiten tambien integrar formularios para coleccionar información y para hacer las páginas interactivas. Más detailles sobre este tema vea esta página: http://htmlgoodies.earthweb.com/tutors/fm.html
Agregar efectos especiales.
Existe un gran número de efectos especiales que podemos agregar utilizando java applets, java scripts, flash, dhtml, entre otros. Vea algunos aquí: http://www.dynamicdrive.com/ [/size]
LECCIÓN 3
La estructura de un sitio web:
Ejemplo 1.
En este caso veamos un sitio con un total de 6 páginas, la primera página ( El Home Page) siempre se debe llamar index.html , de esta forma si nuestro sitio está ubicado en el la dirección (llamado tambien URL = Uniform resource locator) por ejemplo www.deloitte.com.pa el browser automáticamente busca a www.deloitte.com.pa/index.htm o en un subdirectorio como http://www.deloitte.com.pa/spanish/index.htm
Archivamos todas las páginas y gráficas en un mismo folder si hay pocas o en varios para ordenarlos mejor, si hay muchos archivos.
Preparamos antes de hacer el sitio un pequeño organigrama como en este ejemplo para visualizar la estructura del sitio que construimos.
Navegación.
Tenemos que utilizar links de texto o gráficas para enlazar las páginas y que sea fácil de navegar para que el visitante encuentre la información buscada. Vea más sobre este tema aqui: http://www.htmltricks.com/navigation.htm
Los Meta Tags.
El encabezado (head) de la página (visible sólamente en html mode) contiene varios componentes que podemos agregar; el más importante es el título, luego la descripción y los keywords entre ortos. Estos son algunos de los elementos importantes para los search engines, vea más sobre elste tema aquí: http://www.htmltricks.com/setricks.htm
LECCIÓN 4
Cómo conseguir visitantes a nuestro sitio
Promover el sitio en los search engines vea: Search Engine Success - Ten Steps http://websearch.about.com/internet/websearch/library/weekly/aa040400a.htm
Estrategias de mercadeo: http://www.wilsonweb.com/wct1/
Otras formas de promocionar su sitio: http://www.htmltricks.com/trafficideas.htm
Cómo ganar dinero con nuestro sitio
Recuerde: Es importante estudiar y seguir las reglas de un sponsor, ustedes serán calificados por su conducta y, es fácil de perder su credibilidad y buen nombre!
Siempre siga las Reglas del juego!
Primero necesitamos "targeted traffic" visitantes que buscan lo que nosotros vendemos, vea: http://www.htmltricks.com/target.htm
Una vez que obtenga suficientes (targeted visitors) visitantes a nuestro website podemos buscar e incluír sponsors a nuestras páginas, vea: http://www.htmltricks.com/sponsor.htm
Espero que les sirva nos vemos gente, comenten, y si pueden, denme una mano para ser New Full User gracias!!