Paso 1: Estructura
Antes de empezar, siéntate y piensa que quieres poner en la web y como vas a estructurarla. Intenta que sea lo mas sencilla posible y haz un esquema básico en un papel. Procura que el contenido de la pagina sea interesante. Una pagina donde solo pongas "Hola, me llamo Juan y soy de Sabadell. Me gusta la música y el cine. Aquí tienes unas fotos mías y de mi colegio" no tendrá muchas visitas, puedes estar seguro. Esta información puede ir en una subpágina, pero no la conviertas en el tema principal. Escoge un tema (o temas) que conozcas y que te guste y no te metas en camisas de once varas.
Paso 2: Escoger un editor
De editores html hay dos tipos básicos: los gráficos o "wysiwyg" (what do you see is what do you get = lo que ves es lo que obtienes) y los que editan el código html directamente. Si estas empezando y no tienes ni idea de html, lo mejor es escoger un editor gráfico. La mayoría también permiten editar el código html directamente si lo deseas. Esto te será útil mas adelante, ya que necesitarás aprender html.
Si usas Windows 98 o Windows 95 con el Internet Explorer 4 tendrás ya instalado el Microsoft Frontpage Express, una versión reducida del Frontpage 98. El Frontpage es de tipo wysiwyg y es una buena opción para empezar. Lo encontrarás dentro de la carpeta Internet Explorer en el menú Inicio -> Programas. El Netscape Communicator también lleva un editor incorporado, el Composer, pero personalmente no os lo recomiendo.
Si quieres algo mas profesional, te recomiendo el Macromedia Dreamweaver 3 (asegurate que es la 3, la 2 no es tan buena), pero este ya no es gratuito. Otros editores bastante usados son el Microsoft Frontpage 2000 (no el Express) que viene con la suite Office 2000, Hotdog, Homesite y Aracnophilia (este es gratuito). Muchos ofrecen versiones de prueba, asi que no tengas miedo de probarlos para encontrar el que te vaya mejor. Cada persona tiene su propia manera de trabajar y no a todos les va bien el mismo editor.
Todos estos editores son para Windows. No uso Macintosh, asi que no puedo recomendarte ninguno. Algunos de los que he oído hablar por internet son Hotmetal o PageSpinner. Un lugar donde puedes buscar son el directorio Yahoo de editores html para Mac.
Paso 3: Crear las paginas
Una vez sabemos que pondremos en la web y tenemos un editor, vamos a empezar con la pagina propiamente dicha. Lo primero es escoger un título. Procura que sea original ya que la gente lo recordará mas. Además si usas un nombre muy común corres el riesgo de encontrarte con incontables homónimos en la red. No intentes complicarte la vida para crear la web mas fantabulosamente diseñada de la www. Muchas veces lo mas sencillo es lo mejor. Cuando tengas mas experiencia ya podrás diseñar cosas mas complicadas. Ahora lo que nos interesa es que la gente pueda navegar por la pagina y encontrar lo que busca con facilidad.
Algunos consejos básicos:
• No uses tamaños de fuentes grandes para el texto. Procura que no sea mas grande que 10 o 12 puntos (tamaño 2 o 3). Ponlo más grande en los títulos o si quieres destacar alguna cosa.• Procura que los colores no se den bofetadas entre ellos y que el texto sea legible. Por ejemplo, si pones de color de fondo un azul marino no pongas el texto en negro (y no exagero, que conste que esto lo he visto por internet).• Procura evitar los colores chillones para el fondo de pagina. Son visualmente agresivos y cansan.• Vigila con las fuentes. Recuerda que no todo el mundo tiene las mismas instaladas en su equipo. Por ejemplo, puede que con la fuente "Staccatto" el texto que quieres quede fabuloso para ti, pero si quien este viendo la pagina no la tiene instalada, su navegador la visualizará con la fuente por defecto (que suele ser Times New Roman en equipos windows) obteniendo un resultado no deseado y generalmente poco agraciado. Para evitarlo usa fuentes comunes o ampliamente extendidas como por ejemplo Arial, Times new roman, Brushscript, Comic Sans Serif, Courier o Verdana.• Pon siempre tu email en alguna parte visible de la pagina. A la gente le gusta saber como contactar contigo.• Recuerda que en internet escribir toda la palabra en mayúsculas equivale a gritar. Paso 3: Añadiendo cosas
Algunas cosas básicas que añadir a la pagina para que quede mejor son: • Un fondo de pagina. Se trata de una imagen que repite automaticamente por toda la longitud de la pagina (por ejemplo el "cursor" que hay aquí detrás) Los hay de muchos tipos pero para tu primera pagina intenta escoger uno sencillo y que permita que el texto se lea con facilidad. En la pagina de Clipart encontraras varias direcciones de donde bajarte fondos. • Algunos iconos como por ejemplo líneas separadoras. Añadirán un toque de color a tu pagina (pero procura que los colores combinen!!). Encontraras varias direcciones en la pagina de Clipart. • Un contador para saber cuantas visitas tienes. Depende de donde pongas la pagina (ver paso 5) ellos ya tendrán contadores propios. También hay lugares que se especializan en contadores gratuitos para paginas web. Suelen darte ya el código html que solo tendrás que copiar y pegar en tu pagina. Atención! Asegurate de estar en modo html y no en modo gráfico cuando lo pongas por que sino el código html no funcionará! (Ver página Escoger un contador)
Paso 4: Visualizar la pagina
Antes de poder publicar la página, tenemos que asegurarnos que se vea bien. Así que ahora debes abrir tu navegador y cargar la pagina índice (en Netscape: File/Open File y en MSI Explorer: Archivo/Abrir/Abrir Archivo) y a partir de allí navegar por la pagina asegurandote que todo se vea correctamente. Si tienes instalados varios navegadores (el Netscape y el Explorer por ejemplo) mírala con ambos. Muchas veces las cosas no se ven exactamente igual con ambos y debes asegurarte que la página sea compatible.
Paso 5: Buscando donde poner la pagina
Ahora puede que te estés preguntando: vale, ya tengo la pagina hecha ¿Donde la meto?. Bueno, lo mas probable es que tu proveedor de acceso a internet ya te de algún espacio con tu cuenta de acceso (suelen ser de 2 a 5 mb). Ese es un buen lugar para empezar. Ahora bien, si estas pensando en cambiar de proveedor o sueles cambiar con frequencia, eso ya deja de ser un opción viable. En ese caso es mejor que escogas un servidor que ofrezca espacio web gratuito. Asi aunque tu cambies de proveedor la pagina estará siempre en el mismo sitio y la gente sabrá donde encontrarla cuando quiera volver.
Hay portales que te facilitan la creación on-line de tu página Web con asistentes que hacen la labor muy sencilla, por ejemplo esto nos ofrece al darnos de alta gratis:
http://www.yahoo.es/ http://www.iespana.com/
http://www.tripod.es/ http://www.ya.com/ http://www.miarroba.com/
Paso 6: Publicar la web
Ya tienes la web y el espacio donde ponerla. Ahora solo te falta subirla. Lo mejor es hacerlo usando un programa de ftp, como el Cute Ftp o el WS-Ftp. Si no lo tienes, algunos servidores tienen un sistema que te permite subir las paginas a través del navegador. Asegurate de subir todos los ficheros, incluidos el fondo de pagina y las imágenes.
Ahora solo tienes que escribir la dirección de tu pagina en tu navegador para verla online. Felicidades! ;)
En nuestros links encontraras web que te ayudarán a saber más para la creación de webs así como editores de las mismas.
