Qu necesito para escribir cdigo HTML y crear pginas web?

QU NECESITO PARA
ESCRIBIR CDIGO HTML Y
APRENDERAPROGRAMAR.COM CREAR PGINAS WEB?
IDEAS PARA CREAR
BUENAS WEB (CU00707B)

Seccin: Cursos
Categora: Tutorial bsico del programador web: HTML desde cero

Fecha revisin: 2029

Resumen: Entrega n7 del Tutorial bsico HTML desde cero.

Autor: Enrique Gonzlez Gutirrez

aprenderaprogramar.com, 2006-2029
Qu necesito para escribir cdigo HTML y crear pginas web?

QU NECESITO PARA ESCRIBIR CDIGO HTML Y CREAR PGINAS WEB?

Los requisitos principales y fundamentales, para escribir cdigo HTML y crear pginas web, son
bsicamente dos: saber HTML (esto lo conseguirs siguiendo este curso) y un editor de texto (nosotros
utilizaremos el Notepad++, aunque se pueden usar otros editores o programas). Hay muchos
profesionales que crean sus pginas en Dreamweaver, usando Flash u otros programas o tecnologas.

Esta forma de crear pginas web tiene a favor la fcil creacin de stas pero, si quieres hacer pginas
web de calidad y tener un control total sobre el cdigo generado, lo primero es saber HTML sin ms.

Para crear pginas web obviamente necesitas un ordenador y un navegador (Explorer, Firefox, Chrome
o similar) instalado. Necesitamos conexin a internet para crear pginas web? La respuesta es que no:
podemos crear nuestras pginas en nuestro propio ordenador y a posteriori subirlas a un servidor
remoto para que estn accesibles en internet desde cualquier parte del mundo. En este curso vamos a
trabajar inicialmente en local (es decir, en nuestro propio ordenador sin necesidad de conexin a
internet), y ms adelante veremos cmo subir una web a un servidor. Tambin podramos generar una
pgina web directamente sobre un servidor, pero por motivos de didctica y sencillez consideramos
preferible empezar trabajando en local. Una vez tengas conocimientos ms avanzados, podrs hacerlo
como te resulte ms cmodo.

Ahora indicaremos unos sencillos consejos que deberas tener en cuenta antes de crear tus pginas
web.

Tomar ideas.

Ojo, tomar ideas no es copiar contenidos con derechos de propiedad intelectual, no debes
reproducir el trabajo de otros sin valorar si ests vulnerando el derecho de propiedad
intelectual. Sin embargo, es importante inspirarte en otros sitios, buscar contenidos que te
puedan servir, combinaciones de colores que se vean bien, y diseos organizados que te
puedan ser tiles.

No uses toda la gama de colores en tu pgina web.

No crees una pgina web que parezca un arcoiris: inicialmente te puede parecer curiosa, pero
un usuario que visite tu pgina web, se sentir molesto con demasiados colores.

Por ejemplo, es preferible utilizar el clsico fondo blanco y texto negro o azul, que el fondo rosa
con puntos morados y el texto verde fosforescente. Cuida que los colores de tu pgina tengan
una buena combinacin, y que hagan fcil la lectura.

aprenderaprogramar.com, 2006-2029
Qu necesito para escribir cdigo HTML y crear pginas web?

Ejemplo mal diseo, colores e imgenes:

Se ve mejor si cabe en la pantalla.

Procura que tu diseo est basado en el tamao de la pantalla, no busques escribir una novela
completa en la pgina inicial de tu web. Es preferible que las pginas no tengan scroll, o que si
lo tienen ste no sea demasiado largo.

Administra tus imgenes.

Tu pgina se ver ms atractiva si usas imgenes. No obstante, debes usarlas de una forma
moderada porque un excesivo nmero de imgenes puede ser tambin perjudicial si no
permite una buena lectura del contenido.

Haz que tu sitio sea fcil de navegar.

Por muy obvia que parezca esta recomendacin, debes dividir la informacin en diferentes
secciones y ubicar los enlaces a las mismas donde la gente espere encontrarlos.

Hay algunos sitios donde slo es posible desplazarse hacia delante o hacia atrs. En realidad,
eso no es "navegar". Es necesario que el visitante pueda elegir en todo momento qu seccin
quiere visitar y en qu orden: por ejemplo tener un men es algo generalmente aconsejable.
No te olvides de incluir en todas las pginas un enlace a la pgina de inicio (la primera pgina)
para facilitar la navegacin.

aprenderaprogramar.com, 2006-2029
Qu necesito para escribir cdigo HTML y crear pginas web?

Ejemplo de men:

Tambin es interesante incluir el logotipo de tu sitio en todas las pginas, porque no siempre el
visitante ingresa al sitio por la pgina de inicio; si proviene del enlace de un buscador, es
probable que ingrese por cualquier seccin, en ese caso, el logotipo en todas las pginas ayuda
a ubicar al posible visitante donde est.

Mantn tu sitio actualizado.

Nada es ms desagradable que volver a un sitio tiempo despus de una visita y no encontrar
ningn cambio. Realizar cambios frecuentes crea en los visitantes la idea de que el contenido
es valioso y vale la pena darse una vueltecita a menudo.

Progrmate un esquema de actualizacin y cmplelo.

Renueva tus promociones, agrega ms informacin sobre nuevos productos, servicios o

artculos, incluye testimonios de clientes o usuarios satisfechos, usa tu imaginacin.

Tambin puedes incluir la fecha de la ltima actualizacin en un lugar visible de tu pgina de

inicio, o bien mantener un apartado donde se vea que los contenidos estn actualizados.

Promociona tu web: on-line y off-line.

Enva tu sitio a los principales motores de bsqueda y directorios (google, yahoo, etc.). Dedica
tiempo a realizar un trabajo a conciencia, el mismo se justificar plenamente con un mejor
posicionamiento en los buscadores.

Despus de todo de qu te sirve tener un sitio en Internet si nadie lo encuentra?

En este curso aprenderemos a utilizar palabras claves (keywords) que describan tu negocio lo
mejor posible. Aqu conviene situarse del lado de quien busca, qu keywords utilizar tu
posible cliente para buscar un sitio de tus caractersticas? Haz una lista, pregunta a amigos/as y
conocidos.

aprenderaprogramar.com, 2006-2029
Qu necesito para escribir cdigo HTML y crear pginas web?

No te olvides de incluir tu direccin (http://www.tusitio.com) en toda papelera y comunicacin

que emitas: tarjeta comercial, papelera, facturas, remitos, recibos, folletos, faxes, bolsas,
publicidad, etc.

Informacin para tus clientes.

Incluye un enlace al pi de cada pgina para que puedan comunicarse contigo. En este curso
aprenderemos cmo hacerlo. El agregar informacin con la direccin fsica, telfono completo
(con el cdigo del pas), fax, etc, ayuda a crear confianza. Despus de todo t y tu web existen
en el "mundo real" no son un ente imaginario perdidos en el ciberespacio.

Cuando te sea posible, incluye un campo donde tus usuarios puedan ingresar el email para
recibir un boletn o newsletter con novedades sobre tus productos, esto ayuda a crear
confianza y lealtad a tu pgina. Otra opcin es la suscripcin mediante RSS Atom, que son
servicios para poder recibir las novedades que se van publicando en tu pgina.

Recuerda que ahora puedes utilizar las redes sociales para promocionar tu web o empresa
online: Facebook, YouTube, Slideshare, Linkedin, etc.

Todas estas ideas pueden ayudarte a tener un sitio web de calidad y bien posicionado en los
buscadores. No tienes por qu cumplirlos todos, ni son todos los puntos a tener en cuenta para que tu
sitio est el primero en los buscadores, pero pueden resultar tiles. No te preocupes si ahora algunos
conceptos no te quedan claros porque a medida que trabajes en desarrollos web irs adquiriendo una
visin ms completa.

Prxima entrega: CU00708B

Acceso al curso completo en aprenderaprogramar.com -- > Cursos, o en la direccin siguiente:
http://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192

aprenderaprogramar.com, 2006-2029