http://desarrolloweb.com/manuales/publicar-webs-internet.

html Página 1 de 43
 Introducción: Publicar en Internet

Este es un manual general sobre la publicación en la web. Contiene toda la información más
básica que debería conocer una persona que desea tener su propia página web, ya sea a título
personal, o como iniciación al desarrollo web a un persona que quiera dedicarse en el futuro
profesionalmente al medio Internet. A lo largo de diversos capítulos tratamos los temas más
básicos, desde cero, por lo que es un manual ideal para aclarar conceptos que rodean a la
publicación de webs. Entre otros, podrás aprender sobre los materiales necesarios para
comenzar, el lenguaje HTML, editores de código, elegir alojamiento, subir páginas a los
servidores y mucho más. Además al final hemos recopilado una serie de artículos de
orientación para que cada persona sepa por donde continuar aprendiendo, según sean sus
gustos, intereses o necesidades, así como el tipo de proyecto que desee realizar. El manual de
Publicar en Internet es una obra que comenzó a escribirse en 1998, incluso antes de la
creación de DesarrolloWeb.com. A lo largo de todos estos años hemos ido actualizando el
contenido y agregando información, por lo que hoy todavía sigue siendo una fuente válida para
la lectura por todas aquellas personas interesadas en dar sus primeros pasos en la creación y
publicación de un sitio web en Internet.

Encuentras este manual online en:

http://desarrolloweb.com/manuales/publicar-webs-internet.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 2 de 43
 Autores del manual

Las siguientes personas han participado como autores escribiendo artículos de este manual.

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de

formación online EscuelaIT. Comenzó en el mundo del desarrollo web
en el año 1997, transformando su hobby en su trabajo.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 3 de 43
 Entender la Web

Primero vamos a entender lo que es la Web, su significado con respecto a la Red Internet y
cómo están fabricadas internamente. Simplemente un vistazo rápido a todos esos conceptos y
datos que nos ayudarán a comprender cómo es el medio donde pretendemos publicar.

Luego proponemos hacer una reflexión sobre el trabajo que cada uno pretende publicar, para
analizar y aclarar cuáles son los objetivos que se desean cumplir.

Introducción a Internet
Vemos rápidamente qué es Internet y los servicios que ofrece. Veremos lo que es
un servidor y para qué sirven.

Internet es una red de ordenadores conectados en toda la extensión del Globo Terráqueo, que
ofrece diversos servicios a sus usuarios como pueden ser el correo electrónico, el chat o la web.
Todos los servicios que ofrece Internet son llevados a cabo por miles de ordenadores que están
permanentemente encendidos y conectados a Internet, esperando que los usuarios les soliciten
los servicios y sirviéndolos una vez son solicitados. Como decimos, hay servidores para todo,
los hay que ofrecen correo electrónico, otros hacen posible nuestras conversaciones por chat,
otros la transferencia de ficheros o la visita a las páginas web y así hasta completar la lista de
servicios de Internet. A menudo, un mismo servidor se Internet ofrece varios servicios
distintos, es decir, un único ordenador puede ofrecer servicio de correo electrónico,
transferencia de ficheros y servidor web.

También existe otro tipo de servidores que son los que se encargan de proveer de acceso a
Internet a nuestros ordenadores, son los proveedores de acceso, los servidores a los que nos
conectamos con nuestros módems. Cuando hacemos la llamada con el módem a los servidores
que proveen el acceso entramos a formar parte de Internet y mientras mantengamos la
conexión podremos acceder a todos los servidores repartidos por todo el mundo y solicitarles
sus servicios.

Actualmente, con las conexiones por ADSL, en muchas configuraciones se ha suprimido el

modem y añadido un nuevo dispositivo, que es el denominado Router. El Router se encarga de
conectarse con el servidor de acceso a Internet y distribuye la señal para todos los ordenadores
que estén conectados a la red local de tu casa u oficina, ya sea por cable o Wireless (Wi-Fi,
conexión inalámbrica).

Lo que debe quedarnos claro en este punto es que Internet es una red de ordenadores
conectados, donde muchos de ellos son servidores que ofrecen distintos servicios. Por nuestra
parte, accedemos a Internet como clientes de esos servidores, consultando información de
webs o enviando email. En el momento que pedimos un servicio de Internet (por ejemplo
solicitamos ver una página web escribiendo la dirección de un sitio web en la barra de

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 4 de 43
direcciones del navegador) nos convertimos en clientes del servidor que lo ofrece.

Para solicitar uno de estos servicios es necesario contar con un programa especial que suele ser
distinto para cada servicio de Internet. Por ejemplo, para acceder al correo electrónico
utilizamos programas como Outlook Express o Thunderbird, para acceder a la web utilizamos
un navegador como Firefox o Internet Explorer, o para entrar en el chat utilizamos un
programa como Mirc o Pirch. Todos estos programas, que nos dan acceso a los servicios de
Internet, se denominan clientes.

En definitiva, tenemos los servidores, que ofrecen diferentes servicios y para utilizar un
servicio necesitamos un programa cliente del servicio al que intentamos acceder.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/introduccion-internet.html

La web es un servicio de Internet

Comentamos el servicio de Internet que nos interesa, el servicio web. Su
funcionamiento y otras cosas básicas.

Toda esta introducción sirva para que nos demos cuenta que Internet es un conjunto de
servicios y el web no es más que uno de ellos.

En estos momentos la web es el servicio más popular de Internet. Por ello muchas veces
cuando pensamos en Internet nos viene a la cabeza una página web, o cuando decimos "me voy
a conectar a Internet" muchas veces lo que hacemos es abrir el navegador y consultar una
página web. El correo electrónico, sin lugar a dudas también es un servicio muy popular, que
hoy se ha convertido en una herramienta de comunicación universal.

El tema que tratamos en DesarrolloWeb.com es la creación de páginas web y en este manual de

publicación de webs queremos acercar a los lectores el mundo del desarrollo web, sobre todo a
los que no saben nada sobre el tema y quieren una guía para aprender desde cero.

Así pues, si quieres hacer una página web, conviene saber primero que la web es un servicio
más de Internet, que consiste en un inmenso conjunto de páginas conectadas unas a otras por
un sistema de enlaces (también llamados links, vínculos o hipervínculos).

El sistema con el que está construido el web se llama hipertexto y es un entramado de páginas
conectadas con enlaces. Los sistemas de hipertexto se utilizan en otros contextos, como la
ayuda del Windows (donde tienes acceso a unos textos y ciertas áreas ellos se pueden clicar
para acceder a otras informaciones relacionadas). Los sistemas de hipertexto, como podrás
haber comprobado, son muy fáciles de utilizar y con ellos es fácil moverse por la información
para encontrar lo que buscamos rápidamente.

La web no solo se limita a presentar textos y enlaces, sino que también puede ofrecernos

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 5 de 43
imágenes, videos, sonido y todo tipo de presentaciones, llegando a ser el servicio más rico en
medios que tiene Internet. Por esta razón, para referirnos al sistema que implementa el web
(hipertexto), se ha acuñado un nuevo término que es hipermedia, haciendo referencia al
hipertexto con contenidos multimedia.

Multimedia, por si alguno no lo sabe todavía, significa muchos medios. En español, como
sugieren en los comentarios de este artículo, podríamos utilizar el término multimedios, pero
hoy en día la palabra multimedia ya se ha incorporado de lleno al vocabulario habitual de las
personas. solamente quiere decir que se están utilizando muchos medios para presentar
información como son el vídeo, el audio o realidad virtual. Cuando nos venden un ordenador
multimedia, nos venden un ordenador que está construido para poder trabajar con muchos
medios, como imagen, sonido, animación, video, etc.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/web-es-un-servicio-de-
internet.html

Cómo es una web por dentro

Nos acercamos a una página web desde dentro, es decir, analizamos como están
hechas internamente.

Una página web la vemos en nuestro navegador, o cliente web, y parece una sola entidad, pero
no es así, está compuesta por multitud de diferentes ficheros, como son las imágenes, los
posibles vídeos y lo más importante, el código fuente que dice donde colocar cada texto, cada
imagen o cada video y la forma que tendrán estos al ser colocados en la página. No es problema
que las webs están compuestas por tantos elementos, ya que rápidamente veremos que su
organización es fácil y que no se nos van a perder o escapar ninguno.

Como hemos podido imaginar y a modo de resumen, para publicar en Internet necesitaremos
construir unos documentos hipertexto, o hipermedia, con sus correspondientes archivos de
imagen o video y colocarlos en unos ordenadores que son servidores de páginas web. Pero esto
es algo que vamos a tratar de explicar poco a poco en los siguientes capítulos.

Aunque signifique adelantarse a los acontecimientos, es interesante señalar que con una
simple acción podemos ver el código fuente de de las páginas, es decir, cómo están hechas por
dentro. Para ello en Internet Explorer se ha de pulsar sobre el menú de Ver Código fuente y en
Firefox se ha de seleccionar Ver Código fuente de la página.

Una vez accionemos el menú para ver el código fuente de la página nos abrirá una ventana con
un montón de texto que seguramente nos resultará difícil de entender a primera vista. No
importa que no entendamos nada, pero podemos ver que una página web "por dentro" es un
texto con código. Con el tiempo aprenderás a escribir ese código por ti mismo, aunque tal vez
prefieras olvidarte de las complicaciones de escribir código y utilizar un programa que lo
genere por ti, que es otra posibilidad perfectamente válida.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 6 de 43
 Este artículo es obra de Miguel Angel Alvarez
Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/una-web-por-dentro.html

Pasos previos I. Pensar un tema

Antes de ponerse a crear tu página web es aconsejable pensar en el tema a tratar
y a ser posible, que sea atractivo para tener más posibilidades que otras personas
lo consulten.

Para publicar una página en Internet debemos seguir unos pasos, en lo que se llamaría el ciclo
de vida de una página web.

Primero tendremos que hacer una planificación, luego vendrá la construcción de las páginas y
más tarde la promoción y constante actualización de la información. Así pues, vamos a ver
cuáles son los pasos previos que debemos realizar para que nuestro esfuerzo y resultados sean
lo más óptimos posibles, es decir, vamos a ver cuál es la planificación que hay que hacer antes
de ponerse manos a la obra.

Para no comenzar la casa por la ventana, debes realizar un plan que incluya la elección de un
tema a tratar y un esquema de la estructura que va a tener tu sitio web.

Nota: Muchas veces utilizamos terminología que es tan habitual en nuestro vocabulario
que se nos pasa explicar bien qué significa. Quiero aclarar los conceptos página web y
sitio web. Un sitio web (o una web, o un sitio) es como DesarrolloWeb.com, que es un
portal para desarrolladores con decenas de secciones y miles de páginas. Por supuesto,
puede haber sitios web mucho más pequeños, como la web de muchas empresas, que puede
tener una portada y media docena de páginas interiores. Osea, el sitio web hace referencia a
un conjunto de páginas web, por ejemplo "el sitio web de mi empresa está traducido en
varios idiomas". Sin embargo, el concepto de página web es un poco más ambiguo, puesto
que se utiliza indistintamente para referirse a un sitio web completo, por ejemplo, "la
página del diario El País" o a una página única en concreto, por ejemplo, "dentro de
DesarrolloWeb.com hay una página que explica lo que es XML" o "DesarrolloWeb.com está
compuesto por miles de páginas".

Pensar un tema para tu web

Puede ser el más importante de los pasos para la creación de un web. Hay que elaborar la idea
y documentarse sobre el tema que has elegido para tu página en Internet.

Cuando hacemos incluso una página personal podemos hablar de algún tema interesante como
nuestro equipo de fútbol o nuestro cantante favorito, o de un tema que nos conmueva
profundamente, como el ecologismo o la historia de nuestra comarca.

También podemos construir una página que trate de nuestra familia o de nuestros perros, o
todo junto, pero tenemos que tener en cuenta que el valor de este tipo de páginas es mucho

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 7 de 43
menor y que a los demás usuarios seguramente no les va a interesar, a no ser que sean
familiares o amigos próximos. Si deseamos construir una página que algún día sea popular,
debemos abordar, como digo, temas que sean de interés para un grupo de gente mayor.

Una vez pensado el tema es muy importante documentarse lo más posible sobre él, aunque
muchas de las ideas pueden estar en nuestra cabeza, es importante tomar notas, fotografías u
opiniones de otras personas que también conocen el asunto que nos traemos en la cabeza.
Insisto, conviene que el material que vamos a publicar tenga el mayor valor posible, así
conseguiremos los mejores resultados.

Referencia: Tenemos un artículo que ofrece más información y consejos para escoger
correctamente la temática de nuestra web, además de aprender a obtener información de
los usuarios, para saber cuáles son los temas que más interesan y obrar en consecuencia. De
qué Trata tu Web?

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/pensar-un-tema.html

Pasos previos II. Estructura del sitio

Hay que pensar también en la estructura del sitio, veamos cómo diseñarla.

Es importante también que pensemos en la estructura de los contenidos de todo el sitio antes
de ponernos a diseñarlo. En este punto tenemos que pensar sobre varias cosas, como las
distintas secciones que va a contener el sitio, el árbol de las páginas que vamos a tratar, etc.

La manera de que este punto sea realmente útil, es preparar todas estas ideas sobre el papel.
Con toda la tranquilidad del mundo podemos preparar una serie de diagramas y listados, que
nos permitan dirigir nuestros esfuerzos de manera óptima. Esto se puede hacer en un lugar
tranquilo, que nos permita pensar con calma y poner en marcha la imaginación, o incluso
puedes hacerlo en un bar, con algún amigo o compañero, tomando una cerveza y escribiendo
en una servilleta de papel. Cualquier esfuerzo de planificación lo agradecerás en el futuro y
servirá para construir tu web con unos cimientos más sólidos.

Ahora veamos los informes que puedes documentar para realizar la planificación de tu sitio
web:

Secciones del sitio:

Podremos pensar en qué secciones vamos a poner en el sitio. Una con información general,
otra con información de contacto, otra con una visita gráfica a nuestras instalaciones, etc.
Tenemos que procurar agrupar las distintas informaciones en páginas y conseguir ofrecer una

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 8 de 43
información completa.

Árbol del sitio:

Podemos dibujar en un papel cuáles son las distintas secciones del sitio, metidas dentro de
cuadrados y representar también los enlaces que hay entre cada sección, mediante líneas que
unen esos cuadrados. Es algo muy simple y divertido de hacer, además podemos tener nuevas
ideas para el web a medida que lo vamos dibujando.

Esquema de una página:

Podemos dibujar en papel también cómo sería una página del sitio que vamos a construir, para
decidir dónde colocar la barra de navegación, el logotipo del sitio o la empresa, un posible
banner publicitario, etc. Este esquema puede ser también de utilidad a la hora de construir las
páginas y siempre es más fácil diseñar sobre el papel que diseñar directamente con el
ordenador.

Estos pasos son opcionales. Está claro que cualquiera puede ponerse a construir una página
nada más decidir que desea tener una web, pero no siempre es el camino más rápido. La
planificación es un paso fundamental para realizar un proyecto con éxito y siempre será más
fácil que los resultados sean los deseados si nos hemos planteado bien cuáles son los objetivos
y hemos formado un proyecto con todos los puntos desarrollados de antemano.

Los resultados finales son lo más importante y empezar la casa por el tejado no va a ser lo más
positivo para nuestra página. Si no hemos pensado todo con calma podrá ocurrirnos que, una
vez terminado el proyecto, queramos añadir secciones o cambiar cosas que nos obliguen a
retocar todas las páginas del sitio, lo que puede redundar en una mayor carga de trabajo o una
menor satisfacción con el resultado final.

Un consejo para conseguir un buen proyecto es consultarlo con otras personas, a ser posible
que conozcan el tema que deseamos tratar, a las que mostrar nuestras ideas y que nos den sus
opiniones y consejos.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/estructura-del-sitio.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 9 de 43
 Manos a la obra!

Ahora que tenemos claro qué queremos hacer, podemos empezar a trabajar y para ello
veremos cómo se realiza el trabajo de desarrollo de una página web. Desde las herramientas
que necesitamos hasta cómo construir las propias páginas. Obviamente todo será una visión
general, pero daremos referencias para obtener mucha más información de cada tema.

Qué necesitas para empezar a crear páginas web

Veamos lo poco que hace falta para empezar a diseñar páginas web. Casi seguro
que lo tienes todo para comenzar.

Para ponernos a diseñar páginas web nos hace falta realmente poco material. En la mayoría de
los equipos con Windows, y en otros sistemas, se encuentran todos los materiales necesarios
para empezar. Por lo que en principio no necesitarás obtener nuevos programas.

En concreto, los materiales necesarios son un editor de textos, con el que programaremos
nuestras páginas y un cliente web como Internet Explorer o Firefox, Opera, o cualquier otro
navegador que tengamos instalado. Como un ordenador Windows por defecto siempre tiene
instalado el Block de Notas y también el Internet Explorer se puede empezar a construir una
página web sin más necesidades.

Nota: Nosotros estamos asumiendo que tu ordenador tiene Windows, pues la inmensa
mayoría de las personas que nos consultan poseen ese sistema y sobre todo los usuarios con
menos experiencia, a los que va dirigido este manual. No obstante, en cualquier sistema
operativo como Linux o Mac OS, debe haber una herramienta para edición de ficheros de
solo texto. No nos conviene utilizar un editor que no sea de modo "texto plano", osea, en
principio es mejor olvidarse de crear páginas con Word, Wordpad u otros editores de texto
complejos. Por eso recomiendo el Block de Notas para hacer las primeras pruebas, porque
está en todos los Windows, sólo permite texto plano y es el editor de texto más sencillo que
hay.

Si lo deseamos, será también muy fácil obtener un editor de textos sencillo, de texto plano, y
un navegador con el que ver las páginas que vamos a crear, si es que no están instalados ya en
nuestro ordenador. En DesarrolloWeb.com tenemos una sección de programas donde hay una
clasificación de software útil para crear páginas web. Podéis buscar un cliente web en la
sección de programas de navegación y un editor de texto en la sección de programas de
programación.

Por si alguien lo desea también cabe hablar de otros directorios donde descargar programas
interesantes no sólo para hacer webs, sino más bien para todos los propósitos, como Tucows o
Download.com. En estas páginas tienen software de todos los sistemas operativos como

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 10 de 43
Windows, Mac OS, o Linux. También en castellano tenemos buenas páginas de descarga de
software, la más representativa es Softonic.

Sin duda, en nuestra aventura con el desarrollo del web vamos a necesitar muchos más
programas, como por ejemplo herramientas de retoque fotográfico o editores complejos de
páginas web, pero no necesitamos hablar de ellos todavía en este manual porque no son
imprescindibles para dar nuestros primeros pasos.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/que-necesitas-para-
empezar.html

Qué es HTML
Llegó el momento de hablar sobre HTML, el lenguaje con el que crean las páginas
web.

HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata
de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán
una página web, como imágenes, listas, vídeos, etc.

El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas
imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con
carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar
respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo
utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido
incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos
estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001.
Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de
HTML, de la que ya se tiene un borrador casi definitivo.

El HTML es un lenguaje de marcación de elementos para la creación de documentos

hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya
programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y pronto
podremos dominar el lenguaje. Más adelante se conseguirán los resultados profesionales
gracias a nuestras capacidades para el diseño y nuestra vena artista, así como a la
incorporación de otros lenguajes para definir el formato con el que se tienen que presentar las
webs, como CSS.

Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas más. Este
lenguaje se escribe en un documento de texto, por eso necesitamos un editor de textos para
escribir una página web. Así pues, el archivo donde está contenido el código HTML es un
archivo de texto, con una peculiaridad, que tiene extensión .html o .htm (es indiferente cuál
utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos, lo
más sencillo posible y guardaremos nuestros trabajos con extensión .html, por ejemplo

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 11 de 43
mipagina.html

Por adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta de etiquetas
que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que
se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. Casi todas las
etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no
debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en
negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir el
contenido del documento y algún estilo básico. <B>Esto está en negrita</B>.

Nota: El HTML no distingue entre mayúsculas y minúsculas, por lo que <B> sería
equivalente a <b>. Lo común es que los desarrolladores escriban las etiquetas en minúscula.

Para aprender HTML en profundidad tenemos un manual en DesarrolloWeb.com. Además se

pueden consultar los enlaces a distintos manuales que tenemos en nuestra Sección HTML a
Fondo.

Vídeo qué es HTML

Este vídeo que verás a continuación te aclarará muy bien en lo que consiste el lenguaje HTML
y verás rápidamente una serie de ejemplos interesantes, junto con una síntesis de los asuntos
más importantes que debes conocer cuando te acercas por primera vez al lenguaje de
marcación.

Para ver este vídeo es necesario visitar el artículo original en:

https://desarrolloweb.com/articulos/que-es-html.html

Si lo que deseamos es tener una idea global de lo que es la publicación en Internet y los pasos a
seguir para colocar nuestras páginas en la web lo más adecuado será consultar el manual de
Publicar en Internet.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/que-es-html.html

Editores de HTML
Que son los editores de HTML: programas que nos pueden ayudar a la hora de
construir una página web.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 12 de 43
Vamos a hablar en este artículo sobre los editores de HTML, los programas que nos sirven para
crear páginas web con el lenguaje HTML.

Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las
páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar
una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener
que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en
modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la
vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan
incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si
estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es
el encargado de vérselas con el lenguaje y programar internamente la página con el código
HTML, según lo que nosotros estamos diseñando.

Con el editor HTML en vista diseño podemos colocar imágenes, definir estilos, utilizar negritas
o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es
el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores
HTML en modo diseño se denominan, en lenguaje técnico WYSIWYG (What You See Is What
You Get) porque cuando trabajas con ellos lo que ves que estás creando con el editor es lo que
obtienes luego cuando grabas la página.

Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas
web. Por un lado tenemos a las personas que prefieren crear las páginas programando el
HTML y por otro las personas que utilizan editores HTML en modo diseño. Algunas
diferencias entre hacerlo de un modo u otro son las siguientes:

| Escribiendo el HTML | Con un editor WYSIWYG | | Dominas con mayor precisión el

código de la página, queda más limpio. Si dominas bien el HTML nunca tendrás ningún
problema para hacer lo que deseas. | El código de la página tiene peor calidad, incluso puede
llegar a tener errores, más o menos visibles, que cuestan arreglar. Es la máquina la que domina
el trabajo. | | Es más complicado el aprendizaje, más lento y cuando se llega a un nivel
avanzado también se hace considerablemente más difícil | El aprendizaje es muy sencillo, tal
como puede ser trabajar en Word. Solo se trata de manejar un programa más. | | Hacer una
página cuesta más trabajo y tiempo. | Es muy rápido. |

Cada uno debe escoger el camino que más le convenga o el que le parezca más atractivo. De
todos modos siempre se puede empezar de un modo y luego pasar al otro modo sin ningún tipo
de problema. Incluso, por adelantarnos a los acontecimientos, diríamos que cuando una
persona profundiza en el diseño de páginas web llega un momento en el que le hace falta
conocer las dos maneras de construir webs. A los programadores en HTML les hará falta
aprender un editor porque eso aumentará su productividad y los que utilizan editores
necesitarán aprender un poco de HTML para arreglar alguna cosa que el editor ha hecho mal o
realizar alguna cosa que el editor no puede hacer.

Este manual está escrito por una persona que aprendió a realizar sus primeras webs con el
Block de notas y algunas veces puede verse mi mayor inclinación a escribir el código HTML
uno mismo. Aunque mi consejo es aprender HTML, estoy seguro que muchos preferirán que
un editor en modo diseño haga las cosas más sencillas. Si el editor HTML WYSIWYG es bueno

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 13 de 43
y lo dominamos perfectamente se pueden obtener perfectos resultados.

Editores HTML modo diseño WYSIWYG

En el mercado existen multitud de editores de HTML WYSIWYG, es importante elegir un

editor bueno porque nuestros trabajos van a depender de sus resultados. Actualmente el rey de
los editores y el que os aconsejamos sin duda es el Dreamweaver, fabricado por Adobe.

Otras posibilidades son editores como:

Kompozer, una opción gratuita

Frontpage, aunque lo desaconsejamos

Editores de texto preparados para escribir código HTML

Las personas que después de estas líneas han decidido aprender el lenguaje HTML también
tienen herramientas muy interesantes para aumentar su productividad sin dejar de escribir
ellos mismos el HTML que desean. Se trata de unos editores de texto, como cualquier otro, que
están preparados para escribir HTML y por lo tanto ofrecen multitud de ayudas a los
diseñadores:

Pueden tener abiertos y editar varios ficheros a la vez

Colorean los códigos de las páginas para hacerlos más comprensibles.
Suelen soportar otros lenguajes de programación con los que podemos llegar a trabajar
en el desarrollo de páginas web.
Ofrecen ayudas a la programación, que muchas veces son contextuales y se activan a
medida que vamos realizando las páginas.
Y además muchos de ellos tienen herramientas integradas para hacer cosas tan variadas
como la generación de código, asistentes, módulos de conexión por FTP con el servidor,
etc.

Dependiendo del programa escogido tendremos unas herramientas y ayudas u otras.

Simplemente es elegir el que más se adapte a nuestras necesidades. Algunos ejemplos son:

Notepad++, gratuito y código libre.

Home Site, que estaba bien, aunque Adobe hace años que no lo actualiza.
UltraEdit, que es un editor para programadores de los más populares.
Arachnophilia, que funciona en todos los sistemas operativos.

Si nos decidimos por escribir el código fuente en HTML será muy recomendable utilizar
cualquiera de estos programas, para sentirnos más a gusto al programar las páginas y poder
hacerlas más rápido. No obstante cabe recordar que cualquier editor de textos serviría para
hacer páginas web, incluso el Block de notas, que es el editor más sencillo que existe para texto
plano, pero utilizar un programa de estos será imprescindible con el tiempo.

En la sección de programas de desarrolloweb tenemos descripciones de algunos editores de

HTML, tanto en modo diseño como escribiendo el código.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 14 de 43
 Este artículo es obra de Miguel Angel Alvarez
Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/editores-de-html.html

Construir las páginas

Por fin empezamos a trabajar en la página y vamos a ver algunos consejos útiles
para hacerlo bien.

Es el momento en el que nos ponemos manos a la obra de una forma más dedicada y tenemos
que trabajar más duramente. El programar o diseñar las páginas podrá gustar más o menos
que otras acciones como planearlas o promocionarlas más tarde, pero no cabe duda que es el
momento más excitante porque nuestros sueños y nuestras ideas empiezan a concretarse en
los resultados que esperábamos conseguir.

Para construir un sitio web tendremos que crear los archivos HTML de las distintas páginas
del sitio. Para ello utilizaremos un editor de HTML y seguramente tengamos que lidiar
también con algún editor gráfico y otros programas para subir las páginas al servidor. Pero
todo eso lo veremos a su debido tiempo.

Si hemos proyectado un sitio compuesto por un gran número de páginas lo más habitual es
empezar diseñando una página con el marco del sitio, que luego vamos a repetir a modo de
plantilla en todas las páginas. Pero esto son técnicas que aprenderemos con el tiempo.

Para ahorrarnos errores cuando hacemos las páginas podemos seguir una serie de consejos
útiles a la hora de dar nombre a los archivos de las páginas:

No utilizar espacios en los nombres de los archivos de las páginas o las imágenes que
vamos a crear al desarrollar el sitio. Tampoco utilizar caracteres que no están en el
alfabeto inglés, como la tilde o los acentos.
Tener cuidado con las mayúsculas y las minúsculas en los nombres de los archivos que
tratamos. Si las utilizamos equivocadamente la página podría funcionar en nuestro
Windows (por que le dan igual las mayúsculas y las minúsculas), pero al subirla al
servidor Linux o Unix (la mayoría de los servidores donde se publican las páginas web
están en Linux) podría ser que no funcionase (porque estos sistemas si que distinguen
entre mayúsculas y minúsculas).
Enterarse de cómo funciona el documento por defecto, que nos permitirá que lo
expliquemos en capítulos posteriores.
Trabajar siempre con una extensión del archivo HTML específica. No mezclar en un
mismo proyecto páginas con extensión .html y .htm, porque nos puede liar al poner
enlaces entre las distintas páginas del sitio.

En general, desarrolloweb.com te ayudará sobretodo en este paso, la creación de la página. En

este sitio podrás encontrar todas las referencias para profundizar en el trabajo.

Tenemos una sección muy interesante para los más novatos que se llama Desde 0. Muy
recomendable si estás empezando.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 15 de 43
Además, hemos publicado un vídeo, de poco más de media hora de duración, en el que
explicamos el proceso de creación de una página web, especialmente pensado para personas
que no tengan ninguna experiencia previa. En el vídeo el usuario podrá ver cómo se crea una
web desde cero con el Bloc de Notas, cómo se trabaja con los distintos archivos de la página,
etc. Para ver el vídeo accede al artículo Vídeo de la creación de una web desde cero.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/construir-las-paginas.html

Imágenes y otros recursos

Vemos algunos tipos de archivos que se utilizan para construir webs como
imágenes, videos...

Como se ha podido ver anteriormente, el desarrollo de una página implica la creación de un

archivo en código HTML, pero no es lo único que debemos crear. En la mayoría de los casos
también desearemos incluir imágenes y para ello será necesario crear los correspondientes
archivos gráficos.

El proceso para incluir una imagen en una página empieza por la creación de la imagen con un
programa de diseño gráfico o mediante su digitalización con un escáner. Será necesario que
conozcamos alguno de los programas de diseño gráfico que existen en el mercado. Son muy
interesantes Photoshop, Paint Shop Pro, Fireworks o Gimp, que sería la alternativa gratuita.
En un principio podremos contentarnos con manejarlos por encima y nos resultará
medianamente fácil, pero según avancemos en el camino como diseñadores web será más
necesario dominarlos para obtener resultados más profesionales.

Los tipos de archivos gráficos que soporta Internet son JPG, GIF y PNG. Tienen características
distintas y por tanto usos distintos. Podemos conocer más esto en el reportaje Formatos
gráficos de Internet.

Una vez tenemos los archivos gráficos los ponemos en el mismo directorio que los archivos
HTML o en un subdirectorio de este y en el código de la página HTML pondremos una etiqueta
especial para incluir la imagen, o la insertaremos con nuestro programa editor de HTML.

Lo importante de todo esto es que nos percatemos que el sitio web está compuesto por
archivos HTML, GIF, JPG y PNG e incluso los correspondientes archivos que contengan
videos, animaciones Flash, programas Java, etc. Todos estos archivos los tenemos que tener
bien localizados dentro de nuestro disco duro y dentro de un mismo directorio. Por supuesto el
orden como están los archivos dentro del directorio es indiferente, pero podrá ser interesante
que incluyamos subdirectorios para que quede todo mejor colocadito y su mantenimiento sea
más fácil. Por ejemplo, una técnica muy habitual es colocar todas las imágenes dentro de un
subdirectorio llamado images.

El objetivo de tanto orden y conocimiento de la localización de todos los archivos es que a la

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 16 de 43
hora de crear las páginas tendremos que especificar la ruta de cada enlace o cada imagen.
Luego tendremos que subirlos al servidor sin olvidarnos de ninguno, lo que es otra razón para
tenerlos todos localizados. En capítulos posteriores veremos cómo se hace este paso.

Un problema típico con las imágenes y otros archivos externos consiste en que cuando vemos
las páginas en nuestro ordenador se ven correctamente y no falta ninguna imagen ni otros
posibles elementos. Sin embargo, cuando subimos los archivos al servidor y vemos la página
desde Internet esta se muestra con errores en las imágenes y otros elementos, de modo que no
se pueden ver. Esto suele llamarse tener una imagen rota. La razón por la que está; rota es que
no puede localizarla en el servidor y por tanto no la puede mostrar. Esto puede ser debido a
varias razones.

La imagen no ha sido subida al servidor.

La posición relativa de la imagen con respecto a la página no es la misma en nuestro
ordenador (local) y en el servidor (remoto). Por ejemplo, las imágenes en local podrían
estar en el directorio images mientras que en remoto podrían estar en el mismo
directorio que la página, lo que sería un error. Siempre se debe respetar la estructura de
directorios que hay en local y crearla exactamente igual en remoto.
La imagen que se intenta acceder tiene un camino dirigido a un directorio de nuestro
disco duro, como al ver la página desde Internet no se tiene acceso a tu disco duro, los
usuarios no podrán ver las imágenes. Cuando trabajamos con un editor de HTML y
colocamos imágenes en algunas ocasiones el editor coloca caminos en nuestro disco
duro en lugar de caminos relativos. Los caminos relativos son rutas que empiezan en el
lugar donde está la página que estamos diseñando.

Hay una forma muy útil de obtener pistas acerca del fallo de una imagen, consiste en pulsar
con el botón derecho del ratón sobre ella y seleccionar propiedades. Esto nos muestra
información sobre la imagen y nos informa sobre el sitio donde se está intentando encontrarla.

Referencia: Todo lo explicado en este artículo lo podemos seguir en el vídeo Crea tu

primera página web. Recomendamos ver el vídeo para las personas que nunca han creado
una página web, para que vean cómo lo hacemos nosotros y cómo se manejan los
programas, se enlaza con imágenes y otros temas que seguro resultarán de interés para los
más novatos.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/imagenes-y-otros-
recursos.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 17 de 43
 Cómo poner nuestro proyecto online

Cómo hacer que nuestro proyecto, que hemos realizado con tanto esmero durante los últimos
días o semanas, se coloque en la Web y esté disponible a través de Internet en cualquier parte
del mundo y en cualquier momento.

Alojar las páginas

Debes elegir un servidor para alojar tus páginas, es decir, un alojamiento web
acorde con tus necesidades.

Como hemos dicho, cualquier servicio que se quiere ofrecer en Internet tiene que brindarlo un
servidor, que es un ordenador que se encuentra encendido las 24 horas del día y conectado a
Internet también permanentemente. En el caso de una página web, existen unos servidores
que son los encargados de mandarla cuando se la solicita, son los servidores web. Nuestras
páginas tienen que estar alojadas en un servidor web para que puedan estar accesibles desde
Internet.

Dependiendo del proyecto que estemos realizando necesitaremos más o menos recursos de
nuestro servidor web. Si estamos haciendo una página personal quizás este punto no nos
interese mucho y simplemente no queramos gastar dinero, pero si estamos pensando en hacer
un proyecto más serio, como una página para nuestro negocio, conviene contratar un buen
servicio de alojamiento de la página. No merece la pena realizar un esfuerzo grande en
construir el sitio y luego colocarlo en un servidor de poca calidad, que sea lento o sufra cortes
de servicio habitualmente.

Lo que tendremos que hacer entonces es buscar un lugar para alojar la página que esté acorde
con nuestras necesidades.

Nota: En la primera redacción de este manual, en el año 1998, cuando todavía ni existía
DesarrolloWeb.com, hacía mucho incapié en las posibilidades de alojamiento gratuito. Este
mismo manual se creó para utilizarlo como contenido en mi primera página personal y lo
publiqué en un servidor gratuito que ya no existe: Geocities. Hoy el panorama ha cambiado
bastante, por dos razones: 1) Los servidores de alojamiento gratuitos casi han desaparecido
por completo, porque ha quedado claro que no es un negocio rentable. 2) Por otra parte, los
servicios de alojamiento de pago, con los que podemos tener nuestro propio dominio y
muchos otros recursos, han bajado mucho el precio.

Así pues mi consejo es contratar el alojamiento en algún proveedor de hosting y publicar la

página con tu propio dominio, que tendrás si lo deseas para toda la vida, mientras sigas
pagando. Pero con una inversión anual muy pequeña tendrás un espacio que bien se
merece tu proyecto.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 18 de 43
Si estamos buscando un alojamiento gratuito es interesante leer el reportaje sobre cómo elegir
un alojamiento gratuito (artículo poco actualizado, porque los proveedores de alojamiento
gratuito mantienen una tendencia de cierre desde hace años). También podemos ver una lista
de alojamientos gratuitos en nuestro buscador.

Si las exigencias de nuestro proyecto son más elevadas, como por ejemplo que tenga un
dominio propio, es interesante leer un completo manual que hemos publicado en
DesarrolloWeb.com sobre la elección de un alojamiento web.

Si queremos saber lo que es un dominio o pensamos registrar uno es muy interesante leer el
reportaje los dominios y su registro.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/alojar-las-paginas.html

Subir los archivos al servidor

Veamos cómo se suben los archivos al servidor, para que estén accesibles desde
Internet.

Subir la página web que has creado en tu ordenador al servidor es una de las tareas que
parecen más difíciles cuando te pones a construir las páginas. Igual que casi cualquier cosa en
la vida, cuando lo has hecho unas cuantas veces, el problema se desvanece.

Básicamente lo que tenemos que hacer es tomar todos los archivos que componen nuestro sitio
web, incluidas imágenes, animaciones, etc. y subirlas a nuestro servidor web. Para ello primero
es tarea imprescindible el identificar dónde están todos los archivos de nuestro web. Si hemos
escrito la página con código HTML seguramente sabremos perfectamente donde están
nuestros ficheros, pero si la página la hemos hecho con un editor HTML como Frontpage es
probable que estén un poco más difíciles de identificar.

Dependiendo del alojamiento que tengamos, la manera de subir los archivos cambiará.
Existen, de todos modos, dos maneras de subir los archivos al servidor, por FTP o a través de
una interfaz web, de modo que podremos ver aquí todas las formas.

Subir archivos por FTP

La forma más tradicional de subir ficheros es por FTP, que es un servicio más de Internet, que
se utiliza para transferir ficheros por la red. Como lo que queremos hacer es transferir los
ficheros desde nuestro ordenador al servidor, este es el servicio que debemos utilizar.

Nota: Si lo deseas, puedes ver en vídeo el proceso de subir una página al servidor por
medio de FTP: Videotutorial: subir una web a Internet.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 19 de 43
Cuando tenemos un alojamiento profesional para nuestras webs lo más seguro es que nos
proporcionen un acceso por FTP a los servidores para subir las páginas.

Como otros servicios de Internet, para utilizar FTP necesitamos un programa especial que se
denomina cliente de FTP. Podemos encontrar en el mercado muchos de estos clientes, algunos
populares son Filezilla (que es gratuito) o Cute FTP. Si queremos ver una gama muy amplia de
clientes FTP podemos acercarnos por La sección de clientes FTP encontraremos algunas
opciones interesantes.

Todos los programas de FTP son parecidos (igual que Internet Explorer es parecido a Firefox),
básicamente consisten en una ventana que está partida en dos partes. En una parte podemos
ver nuestro disco duro, con sus distintas unidades de disco y carpetas. En la otra parte se
puede ver el sistema de archivos del servidor, con sus correspondientes carpetas. Para mover
los archivos de un lugar a otro suele bastar con arrastrarlos de una parte de la ventana a la
otra.

Una tarea que también puede ser complicada en un principio puede ser el configurar el
programa de FTP para que acceda al espacio que tenemos asignado. Los datos de
configuración los debes obtener en el lugar donde te ofrecieron el espacio, son estos:

Nombre del servidor FTP:

suele tener una forma como ftp.tudominio.com

Usuario:

tu nombre de usuario.

Password:

tu palabra de clave

Podría haber algún dato adicional, como el directorio de publicación, que es el directorio en el
que debes meter las páginas y las imágenes. Suele tener nombres como "html", "Public_html",
"httpdocs", "www". Muchas veces al conectarte por FTP te abre justamente el directorio de
publicación, pero muchas otras tienes que abrirlo tú entrando en esa carpeta para arrastrar los
archivos de tu página allí.

Con estas explicaciones ya verás que cuando vas a hacer un acceso por FTP te suena todo y no
te cuesta nada el realizarlo. De todos modos, puedes ver un tutorial de Cute FTP que puede
aclararte alguna duda más.

También cabe comentar otra posibilidad, que tu editor HTML tenga un programa de FTP
integrado y que suba las páginas al servidor una vez has terminado tu sitio web. Muchos
editores tienen esta funcionalidad que se acciona tan fácilmente como pulsar un botón. Pero en
este caso, necesitarás igualmente configurar el editor HTML para darle los datos de acceso por

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 20 de 43
FTP a tu servidor, que serán los mismos que habíamos comentado para programas específicos
de FTP.

Acceso con interfaz web

Es muy típico que los proveedores de alojamiento gratuito provean de una herramienta de muy
fácil uso para subir las páginas. Esta herramienta se accede a través de la web alojador y no es
más que un formulario donde se puede elegir los archivos que se desea subir al servidor, se
pulsa un botoncito, y todo listo.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/subir-archivos-servidor.html

Documento por defecto

Veamos qué es el documento por defecto y cómo sacar provecho de él.

Es importante conocer este concepto, incluso antes de ponerse a diseñar la página. El

documento por defecto es el archivo que envía el servidor cuando el cliente no especifica que
archivo es el que solicita. Esto se puede ver muy fácilmente con un ejemplo.

Cuando escribimos la dirección www.desarrolloweb.com no estamos especificando ningún

nombre de archivo en concreto, entonces el servidor web donde está alojado este sitio web le
devolverá el documento por defecto del directorio raíz de publicación del dominio. Cada
directorio puede tener un documento por defecto, por ejemplo, cuando escribimos
www.desarrolloweb.com/manuales se envía el documento por defecto del directorio manuales.

Cada servidor web puede estár configurado de una manera distinta para el documento por
defecto, es decir, en cada servidor web el documento por defecto puede ser distinto. Lo más
habitual es que se llame index.html, en desarrolloweb es así y en la mayoría de los servidores
de hosting también. Pero en otros casos puede variar el documento por defecto y ser lo que los
administradores de cada servidor decidan. Otros nombres para el documento por defecto
podráan ser default.html o ind.html.

Nota: Puede que un servidor tenga configurados varios documentos por defecto. En este
caso habrá un orden definido de nombres de archivos por defecto. Primero se intentará ver
si en el directorio está el documento por defecto marcado en primer lugar y si no está, se
buscará el siguiente documento por defecto definido. Si finalmente no se encuentra ningún
documento por defecto, lo más habitual es que se de un mensaje de no encontrado cuando
un usuario intenta acceder a ese directorio sin especificar ningún archivo del mismo.

Como decíamos, en desarrolloweb el documento por defecto se llama index.html, pero también
está configurado como documento por defecto el archivo index.php. Podemos probar a acceder

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 21 de 43
a www.desarrolloweb.com/index.php o a www.desarrolloweb.com/manuales/index.php y
veríamos como se accede a las mismas páginas que se accede sin especificar el archivo
index.php, usando el documento por defecto.

Nota: En el servidor de desarrolloweb.com, y en la mayoría que tienen soporte PHP,

tenemos definidos dos documentos por defecto index.php e index.html. Si se accede a un
directorio sin especificar un archivo, primero se buscará en el directorio el archivo
index.php y si no lo encuentra, buscará el archivo index.html. Esto es porque
DesarrolloWeb.com está programado con páginas dinámicas PHP, que son un poco más
complejas, pero que también nos permiten hacer cosas más avanzadas. En desarrolloweb
podemos encontrar también información adicional sobre páginas dinámicas.

Decimos que es importante saber cuál es nuestro documento por defecto porque es necesario
que llamemos a la primera página de nuestro sitio web (la portada) con ese nombre de archivo,
de modo que no tengamos que saber el nombre de ningún archivo de nuestra página para
acceder y la dirección será más corta.

Por ejemplo una web con un dominio propio, nuestra página se accedería escribiendo
www.midominio.com y se devolvería el documento por defecto. Sin embargo, si no utilizamos
el documento por defecto y nuestra portada se llama mipagina.html, si intentamos acceder sin
poner el nombre de archivo, con la dirección de antes, dará un error de archivo no encontrado
y para acceder a nuestra portada deberíamos de escribir www.midominio.com/mipagina.html.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/documento-por-defecto.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 22 de 43
 El ciclo de vida de una web

Una vez nuestro proyecto está en el aire nuestro trabajo no ha hecho más que comenzar. Aun
quedan muchas cosas que hacer, desde promocionar la web a actualizarla o mejorarla... y todo
ello se puede realizar en una rueda sin fin, que sería el ciclo de vida de la web.

Promoción de las páginas

Es un paso imprescindible si deseamos dar a conocer el web que hemos
construido para que sea muy visitado.

Con el diseño y la publicación del sitio web en el servidor no se termina el trabajo. Una de las
tareas más importantes para el éxito de la web es promocionarla adecuadamente, de manera
que su dirección figure en el mayor número de sitios.

Las acciones que se pueden realizar para promocionar una página son muchas y variadas,
como hacer que figure su dirección en nuestros correos electrónicos o intercambiar banners,
pero la más importante es aparecer listados en los buscadores y especialmente en Google.

Estas tareas de promoción no son nada complicadas y cualquiera puede realizarlas sin ningún
problema, pero conseguir que nuestra web se encuentre situada entre los primeros resultados
de la búsqueda reviste más dificultad. La clave para estar listado en buscadores es conseguir
enlaces en otras páginas hacia tu sitio. Si bien en Google podrás dar de alta tu dirección,
probablemente no conseguirás aparecer en el buscador hasta que otras personas enlacen con
tu sitio en sus webs. Realmente Google ni necesita que registres tu página en el servidor, sino
que automáticamente cuando encuentre un enlace a tu web en otra página, lo seguirá e
indexará tu sitio. Cuando consigas una buena cantidad de enlaces, si además tu sitio lo has
construido de manera amistosa a buscadores, conseguirás aparecer en las búsquedas en una
mejor posición.

Todos los detalles de la promoción de páginas web se pueden encontrar en la sección de

promoción de este mismo sitio. En esta sección podremos encontrar un buen manual donde
aprender muchos trucos sobre promoción de webs y registro en buscadores. Además podremos
encontrar muchas herramientas para promocionar tu sitio.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/promocion-de-las-paginas.html

Actualizar las páginas

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 23 de 43
Mantener actualizadas las páginas es una de las claves del éxito y una de las
necesidades más importantes.

El último truco para que nuestra página sea muy visitada y que los visitantes entren una y otra
vez se trata de mantenerla siempre bien actualizada. Hay algunas webs que se prestan más que
otras a tener los contenidos actualizados, como son las páginas donde se pueden ver
contenidos de actualidad, pero en general todas las páginas pueden mantener secciones con
contenidos actualizables.

Este es un aspecto muy importante, pues si el navegante se percata de que los contenidos se
renuevan constantemente volverá; con el tiempo unas cuantas veces. Para dar una imagen de
web actualizada se pueden utilizar imágenes o textos que resalten donde ponga nuevo o new.
También será adecuado poner un área en un sitio visible donde se enumeren las novedades del
sitio.

Por lo general habrá que volver siempre sobre este punto para ver qué hay de nuevo y dónde se
puede renovar el contenido del web. No es bueno tener un enlace que no lleva a ningún sitio,
igual que no es bueno tener una dirección de correo que no existe ya. Además, si tenemos un
área de noticias no será bueno que la última noticia sea de hace tres meses porque da la
impresión de que nunca renovamos los contenidos.

Si no mantenemos nuestro sitio actualizado el visitante entrará una vez a la página pero no lo
volverá a hacer nunca, con lo que habremos perdido una oportunidad de hacernos con un
cliente o un visitante asiduo. Supongo que habrá quedado claro lo importante de esta tarea,
aunque salta a la vista, creo, para la mayoría de las personas.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/actualizar-las-paginas.html

Cómo actualizar páginas web

Vamos a relatar la manera de renovar una página web, desde la obtención de los
archivos, su edición y la posterior carga de los mismos para que el sitio web
quede actualizado.

En este artículo vamos a relatar la manera de actualizar una página web. Es un tema bastante
trivial para una persona que tenga ya un poco de experiencia en el desarrollo de webs pero,
después de haber recibido varias solicitudes para abordar este tema de los lectores del manual
de Publicar en Internet, parece que merece la pena abordar el asunto.

En un capítulo anterior vimos en líneas generales por qué debemos actualizar las páginas
periódicamente, de modo que ahora vamos a tratar sobre el cómo hacerlo.

Obtener los archivos a actualizar

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 24 de 43
El primer paso sería disponer de los archivos de la página web que queremos actualizar en
nuestro ordenador de trabajo. Generalmente tendremos que editar un texto o una fotografía,
así que este primer paso será obtener los ficheros con el código de la página, con extensión
.html o las fotografías, que serán archivos en formato GIF (.gif) o JPG (.jpg).

Referencia: Hablamos más sobre los archivos HTML y los JPG o GIF en los artículos:

Cómo es una web por dentro

Qué es HTML

Formatos gráficos para páginas web

Puede ocurrir que la página la hayamos programado nosotros u otra persona. En el primer
caso posiblemente ya tengamos esos archivos en nuestro ordenador, en caso contrario, o si era
otra persona la que había desarrollado el sitio a actualizar, deberemos conectarnos por FTP al
servidor web para obtener los archivos.

Para conectarse por FTP al servidor de la página necesitaremos la dirección de dicho servidor,
algo como ftp.tudominio.com. Además necesitaremos los datos de usuario y contraseña con
permiso para acceder al FTP. Estos datos los debemos obtener, si es que no los tenemos ya,
pidiéndoselos al proveedor del espacio o a la persona que lo ha contratado. Para conectarse al
servidor deberemos configurar un programa FTP con esos datos. Algunas posibilidades de
programas FTP son Cute FTP, ACE FTP o FTP Voyager.

Referencia: Se habla más sobre el acceso al FTP en el artículo Subir los archivos al
servidor.

Una vez dentro del FTP debemos descargar los archivos a nuestro ordenador local y para ello
nuestro programa de FTP presentará dos áreas, una con los archivos de nuestro ordenador
local y otra con los del servidor remoto. Arrastrando los archvos del servidor remoto a el área
del servidor local podremos realizar la transferencia de los archivos. Lo más adecuado es que
descarguemos los archivos en un directorio en nuestro ordenador creado a propósito para
contener las páginas a actualizar.

Editar las páginas

Una vez disponemos de los archivos que deseamos editar en nuestro ordenador podemos
empezar el trabajo de actualización propiamente dicho. Para trabajar será importante disponer
de algunos conocimientos en la edición de páginas web o en el diseño gráfico.

Si deseamos actualizar un texto de la página deberemos editar los ficheros HTML y para ello
nos bastará con utilizar un programa de edición de textos simple como el Bloc de Notas. De
todos modos, existen numerosos programas de edición HTML que nos simplificarían mucho el

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 25 de 43
trabajo, con posibilidad de editar el código y el texto de las páginas directamente o con la
ayuda del diseño WYSIWYG.

Referencia: Hablamos más de editores HTML y los distintos tipos en el artículo Editores
HTML.

Si deseamos actualizar un gráfico, deberemos disponer de una herramienta de edición gráfica,

entre las que podemos destacar Photoshop o Paint Shop Pro.

El proceso, ya sea tanto para editar un gráfico como un texto, será el mismo. Básicamente
abriremos el archivo donde se encuentra la información a editar, lo actualizaremos y
guardaremos los cambios.

Subir los archivos otra vez al servidor

Para que las actualizaciones tengan validez y sean visibles por todos los visitantes de nuestras
páginas, hay que colocar los archivos que hemos editado en el servidor.

Para eso basta con conectarse de nuevo al servidor por FTP y subir los archivos, realizando un
proceso similar al realizado al descargar los ficheros, pero en dirección contraria, es decir,
arrastrando esta vez los ficheros desde nuestro ordenador local hasta el servidor remoto.

Será suficiente con subir los archivos que hemos actualizado. Los que no hayamos tocado son,
en teoría, iguales que los del servidor, por lo que será indiferente que los volvamos a colocar,
porque no estaríamos alterando nada.

Comprobar las actualizaciones

Ya está el trabajo realizado, así que sólo faltaría acceder a nuestra página web con nuestro
navegador en su dirección de la web y comprobar que los cambios se han realizado
satisfactoriamente.

Nota: Si no vemos los cambios realizados en la página posiblemente sea porque estaremos
recibiendo los datos desde la caché de nuestro navegador. Para saltarnos esta caché y
solicitar los archivos directamente al servidor podemos utilizar la tecla Control (CTRL). Con
la tecla apretada, pulsamos sobre el enlace de la página que deseamos que se obtenga desde
el servidor sin pasar por la caché. También podemos actualizar la página, evitando la caché,
con la tecla CTRL apretada y pulsando el botón de la barra de herramientas de nuestro
navegador o con la tecla rápida correspondiente (F5 en Internet Explorer). En último caso,
si sigue sin actualizarse el contenido de la página, podemos cerrar todas las ventanas del
navegador y volverlo a abrir y acceder a esa página, en esos casos muchas veces el
navegador solicita todos los archivos nuevos que se han actualizado, en vez de mostrarlos
desde la caché.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 26 de 43
 Este artículo es obra de Miguel Angel Alvarez
Fue publicado / actualizado en 06/03/2003
Disponible online en http://desarrolloweb.com/articulos/actualizar-paginas-web.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 27 de 43
 Videotutoriales sobre la creación básica
de una página web

Ofrecemos algunos videotutoriales que muestran el proceso de creación de una página web,
simplificado y práctico, para que las personas puedan apreciar visualmente cómo es el proceso
de desarrollo y publicación de una primera web. Cualquier persona con estos vídeos podrá dar
sus primeros pasos y soltarse en el mundo de la creación de páginas web.

Vídeo: crear tu primera página web

Conoce el proceso de creación de una página web desde cero. Es un vídeo
dedicado para personas sin ninguna experiencia en la publicación en Internet,
donde ver los pasos de manera sencilla.

Hemos preparado un vídeo para los lectores del Manual de Publicar en Internet, en el que
explicamos los detalles más fundamentales que debemos saber para crear una página web. Un
vídeo creado especialmente para las personas que nunca han desarrollado webs y que tienen
dudas sobre los temas más básicos y sobre cómo comenzar la tarea.

Como probablemente sabrás, en DesarrolloWeb.com tenemos un manual que explica los

conceptos más básicos sobre crear páginas web. Es un texto que trata sobre todo el proceso,
desde cero, de modo que cualquier persona pueda crear su primera página y publicarla en un
servidor de Internet. Justamente para el perfil de usuario más inexperto, hemos pensado que
un vídeo sería de gran ayuda y nos hemos decidido a publicar este material.

En este vídeo veremos cómo se crea una página web, lo más básica posible y con los materiales
más elementales, y que todo el mundo dispone en Windows, que son el bloc de notas y un
navegador web. Luego aprenderemos a trabajar con varios archivos, como imágenes
(colocaremos una imagen en una web) y otras páginas (que enlazaremos unas a otras).
Veremos cómo organizar los distintos ficheros que componen un sitio web en diferentes
subdirectorios.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 28 de 43
Este vídeo cubre el proceso de creación de la web en nuestro ordenador, dejando para un
futuro vídeo lo relacionado con subir la página a un servidor de Internet.

Con este vídeo esperamos que todas las personas puedan entender el proceso de creación de
una página web partiendo desde cero, de modo que puedan sentirse más seguros a la hora de
comenzar a dar sus primeros pasos en el mundo de desarrollo y resolver todas las dudas que en
principio nos podemos plantear. Además, está repleto de consejos para evitar problemas
típicos que pueden surgir y sobre cómo solucionarlos.

Sin más, os dejamos el vídeo de la creación de una página web básica, que hemos publicado en
Vimeo y podemos ver en alta definición si pulsamos el botón de ver el vídeo a pantalla
completa.

Para ver este vídeo es necesario visitar el artículo original en:

https://desarrolloweb.com/articulos/video-crear-primera-pagina-web.html

Referencia: También puedes saber cómo se realizaría el paso siguiente, a través de este
video explicativo sobre subir nuestra web a Internet.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 06/02/2020
Disponible online en http://desarrolloweb.com/articulos/video-crear-primera-pagina-
web.html

Vídeo: subir una web a Internet

Vídeo para explicar el proceso de subir una página web a un servidor de Internet,
a través de FTP, que es el sistema más sencillo y habitual de publicar y actualizar
el contenido de una web. Conceptos que debes conocer sobre alojamiento web.

Hemos creado un vídeo pensando en las personas que quieren hacer su primera página web, ya
que explica los aspectos más básicos, pero fundamentales, para publicar una página web,
creada en nuestro ordenador, en un servidor web. Este vídeo ofrece una ayuda visual y práctica
a los lectores del Manual de Publicar en Internet, donde se ofrecen los contenidos para las
personas con menos experiencia.

Veremos el proceso en vídeo, con todo detalle, y a la vez repasaremos varios conceptos básicos
de el alojamiento web que debes conocer para poder publicar y actualizar el contenido de las
páginas web.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 29 de 43
Este vídeo es continuación de otro, en el que mostramos cómo realizar una página web en
nuestro ordenador. En el vídeo anterior ya mostramos cómo se hace una web y en este nuevo
vídeo vamos a mostrar cómo publicarla en una web. Para ello utilizaremos el servicio de FTP,
que es el método que se suele utilizar para transferir los archivos, de nuestro ordenador al
servidor web donde vamos a alojar la página.

En el vídeo mostraremos cómo subir la página a un servidor, lo que incluye la descarga de un

programa cliente de FTP, conexión a nuestro servidor de hosting (donde se va a albergar la
página), subida de los archivos, etc. Pero además damos también muchos consejos sobre las
posibilidades de alojamiento y cómo podemos escoger uno adecuado. También exploramos
ciertos conceptos que debe saber todo aquel que quiere publicar una web en Internet y que
están relacionados con la etapa de subir los archivos a Internet. Estos conceptos que
explicamos en el vídeo son el documento por defecto y el directorio raíz de publicación.

El vídeo dura poco menos de media hora y como digo, espero que sirva para que las personas
que nunca han usado FTP y quieran publicar una web, al menos para quitarse el miedo inicial
y saber cómo realizar los pasos finales antes de tener su página web disponible para el mundo.

Así pues, lo mejor es que veamos este vídeo y comprobemos lo sencillo que es subir una web a
Internet, con un espacio para alojarla y todos los datos que necesitas para configurar tu FTP.

Para ver este vídeo es necesario visitar el artículo original en:

https://desarrolloweb.com/articulos/video-subir-web-internet.html

Nota: Si te han interesado estos vídeos básicos sobre la creación y publicación de una web,
te pasamos nuevas referencias para seguir aprendiendo. Nuestro consejo es que comiences
a estudiar HTML y para ello, si te interesa seguir tu formación en vídeo, te recomendamos
el videotutorial de HTML.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 06/02/2020
Disponible online en http://desarrolloweb.com/articulos/video-subir-web-internet.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 30 de 43
http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 31 de 43
 Más cosas que debes saber sobre el
mundo de la publicación web

Otra serie de cosas que pueden resultar interesantes, ahora que estás introduciéndote en el
mundo de la publicación en Internet y que te podrán guiar si buscas objetivos más importantes
que hacer una simple página personal.

Por dónde continuar

Hemos visto muchas cosas, pero aun queda más en el desarrollo web. Últimos
apuntes para indicar donde puedes encontrar más ayudas.

En este manual hemos visto lo más básico y sin duda tendremos multitud de trabajo en lo
sucesivo para tratar de dominar cada una de las técnicas y programas de los que hemos
hablado como el HTML, algún editor, los programas de diseño gráfico, alojar las páginas y
subir archivos...

Pero en la carrera de un desarrollador del web queda todo un mundo de posibilidades por
delante de las que ni siquiera hemos hablado, como puede ser el tratamiento de imágenes
profesional, la programación de páginas avanzadas con Javascript y lenguajes como ASP o
PHP que nos permitirán crear portales con páginas que acceden a bases de datos y ofrecen
servicios más complicados.

Un punto muy interesante para continuar aprendiendo es la sección Desde 0 que contiene la
guía para moverse por los contenidos de DesarrolloWeb para personas novatas. En la sección
descubrirás enlaces a un manual de HTML, otro de promoción de páginas y a otros artículos y
manuales de interés.

Muchas de estas cosas que acabo de enumerar te sonarán todavía a chino, pero ya verás que
con el tiempo y a medida que aumenten tus necesidades llegarás a comprenderlas y estudiarlas
con calma. Acerca de todas estas cuestiones se puedes informarte en DesarrolloWeb.com,
según tu curiosidad y necesidades se presenten.

Otro manual que te puede introducir en procesos más avanzados de la programación de

páginas web es el Manual de Paginas Dinámicas, que te explicará que es una página dinámica,
para que la puedes necesitar y cómo llegar a programarlas.

Por ahora, este manual se acaba y solo me queda recomendarte otra serie de sitios donde
puedes dirigirte para solucionar tus problemas y dudas.

Si piensas que a este manual para principiantes le falta algún contenido realmente
básico o algo que consideras confuso, te agradecería que escribieses a través de nuestro

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 32 de 43
 formulario de contacto para que publiquemos un artículo al respecto.
Si deseas preguntar dudas puedes dirigirte a la lista de correo que tenemos a este efecto.
También puedes participar en los foros para webmasters, donde se puede encontrar
mucha información acerca de un montón de tecnologías, servidores, programación, etc.

Esperamos que la suerte te acompañe en tu diseño web.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 01/01/2001
Disponible online en http://desarrolloweb.com/articulos/por-donde-continuar-
desarrollo.html

Orientación académica
Una respuesta a una carta de un usuario que deseaba asesoramiento para
orientar sus estudios en los próximos años con objetivo de convertirse en un
webmaster.

He recibido más de una vez una consulta sobre cómo enfocar los estudios para una persona
que desea llegar a ser un webmaster. Creo que más de una persona podría interesarle esta
respuesta, por eso me he decidido a publicarla.

Para ponernos en materia, señalaré que la persona que me hacía la consulta se interesaba
especialmente por mi experiencia profesional y por lo que yo opinaba con respecto al sector del
desarrollo de soluciones para el web, es decir, la programación y mantenimiento de páginas
web y servidores.

Además me proponía tres posibilidades de estudios para que valorase sus ventajas e
inconvenientes, las siguientes:

1. Diseño Multimedia. En una academia o centro de formación no universitario.

2. Estudios de ingeniería informática en la universidad.
3. Diseño Gráfico, en la universidad.

Pero antes de empezar con la carta de respuesta, quería indicar que estas son notas muy
personales que no tienen porque ser las más inteligentes y ser compartidas por vosotros. Es
más aconsejo encarecidamente que no se tengan en cuenta más que como un modesto punto
de vista. No baséis vuestros siguientes pasos ni vuestro fututo en estas notas porque estaríais
muy equivocados si se toman como un dogma.

La respuesta de la carta

Yo estudié ingeniería informática en la universidad, pero no me ha servido prácticamente para

nada de lo que estoy haciendo. De todos modos esto tiene un matiz importante que trataré de
explicar.

Resulta que lo que debes aprender para ser un webmaster es más bien programas y tecnologías

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 33 de 43
que no enseñan en la universidad y si en academias y centros de diseño. Si quieres estudiar
poco e ir rápidamente al grano debes decantarte por las academias o aquellos sitios donde
puedas aprender esos programas o sistemas.

Pero es importante señalar que para hacer el trabajo de un webmaster siempre te será muy útil
ser un buen informático. En para serlo lo mejor es ir a la universidad. En la universidad se
enseñan muchas cosas que sirven para tener unas buenas bases. Programar podemos todos,
pero hacerlo bien no es tan sencillo. Que tus programas funcionen lo puede hacer cualquier
persona, pero que estén optimizados y funcionen de la mejor manera es una cosa que se
aprende con el tiempo.

Estudiar en la universidad te dará pues aquellas visiones y facilidades que un estudiante de

diseño no va a tener nunca (nunca sabrá que existe un algoritmo de ordenación de elementos o
no conocerá al ingeniería de desarrollo de software ni cómo administrar las bases de datos. Sin
embargo, un estudiante de universidad si que tiene muy a mano aprender en cualquier
momento a utilizar un programa como Dreamweaver. Así pues, si empiezas por la universidad
empezarás por lo difícil y tendrás que aprender cosas más fáciles y divertidas cuando te
especialices. Sin embargo, si estudias diseño luego te va a parecer un tostón el ponerte a
estudiar programación desde las bases, aunque puedas hacer cosillas en el mundo de la
programación puede que nunca lleges a dominarla como para hacer algo muy grande.

De todos modos y para acabar, te diré que no deseo influir en tu decisión pues es algo muy
personal. Si te gusta el diseño más que la programación o administración de sistemas no te
metas en la universidad que te vas a aburrir y probablemente fracases por resultarte tedioso.

Otra cosa, un webmaster no lo es todo en el mundo de la creación o mantenimiento de webs.

En un equipo de producción se requieren webmasters, desarrolladores, diseñadores, etc. Mira
a ver dónde encajas tu y trabaja para conseguirlo.

Yo trabajo por mi cuenta. Monté una empresa que la dirijo yo mismo y en la que realizamos el
mantenimiento de varias páginas web, entre las que se incluye DesarrolloWeb.com. Además
realizamos todo tipo de trabajos para empresas en el ámbito multimedia, pero sobretodo para
Internet. Quería decirte que mi trabajo no es ser webmaster, más bien soy desarrollador (mi
enfoque es la programación, por tanto, tampoco soy diseñador aunque pueda defenderme
modestamente en este último campo). Pienso que el sector está muy jodido para salir adelante
de manera independiente, de hecho conozco muchos fracasos de gente de España y pienso que
en Argentina las cosas no deben estar mejor. Así es que no te importe realizar tus estudios en
un periodo prolongado de tiempo pues pienso que al final debería estar mejor el sector que
este año y los más próximos.

Por favor, que sólo te sirvan estas notas como consejos. No los tomes al pie de la letra e
infórmate en muchos más sitios y por más amigos o contactos. Tus padres o sus amigos
también te pueden dar una visión a considerar más que estas notas y se tu al final el que
decida. Pienso que es tu ilusión por hacer una cosa u otra lo que debe primar.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 05/11/2002
Disponible online en http://desarrolloweb.com/articulos/949.php

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 34 de 43
Plantearse los objetivos para saber qué aprender
Para saber qué materias o tecnologías debes aprender dentro de todas las
disponibles en el ámbito del desarrollo de webs, primero debes de plantearte
cuáles son los objetivos que buscas.

¿Qué debes aprender de entre todas las posibilidades que se te presentan? ¿Por dónde
empezar? Supongo que muchos de los lectores de DesarrolloWeb.com se plantearán estas
preguntas o algunas similares. Este artículo pretende dar un poco de luz a estas cuestiones a
través de una simple pregunta que nos debemos plantear todos: ¿Qué es lo que deseo
conseguir?

Porque, dependiendo de nuestros objetivos, el camino a seguir puede ser muy variado. No es lo
mismo construir una página personal, que una web de noticias o una de juegos. Los objetivos
cambian y con ellos también las tecnologías , lenguajes o programas que necesitaremos
aprender.

Otra posibilidad sería una persona que desease aprender -sin más-, para conocer todas las
tecnologías y saber decidir por si mismo cuál es la apropiada para cada caso. Para todos ellos
queremos ofrecer una solución.

Dar los primeros pasos y realizar una web muy sencilla fácilmente

Empezaremos por este caso, por ser el más sencillo. Realmente, esta motivación es muy válida
para empezar. Seguro que casi todos los webmasters de webs de éxito empezaron por aquí.

Seguramente la persona que desea hacer una web sencilla también desea que las herramientas
necesarias sean simples de usar y le permitan hacer el trabajo rápidamente y sin
complicaciones.

Para estas personas recomendamos el manual de Publicar en Internet. Este manual explica los
conceptos más básicos que hay que saber para desenvolverse en la realización de una web.

Entiendo que a una persona que no desea complicarse nada la vida, le será más cómodo hacer
la página utilizando un editor web, sin tener que vérselas con el código HTML. Es decir,
diseñando una página como si estuviera en un editor de textos como Word. Pues bien, es una
elección, pero no olvidarse que aprender a manejar un programa también tiene cierta
dificultad.

Entre los editores que podemos recomendar los hay más potentes (pero más complicados) y
más simples (pero más sencillos de manejar).

Por ejemplo, uno de los editores más sencillos podría ser el que viene con la Suite Mozilla (es
un conjunto de programas para Internet: de correo electrónico, navegación y también un
editor web). Este editor permite las funciones más básicas.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 35 de 43
Frontpage, de Microsoft, también puede ser una buena opción para principiantes. Un
programa que empieza a complicarse un poco con todas las funcionalidades de versiones
nuevas.

Uno de los mejores editores disponibles es Dreamweaver. Sin pocos conocimientos también se
puede usarlo, aunque hay que decir que necesitaremos práctica y paciencia para sacarle el
partido que tiene.

Si deseas una web sencilla pero atractiva visualmente

Tal vez se desee complicarse un poco la vida, pero con ello conseguir una página que sea
bonita. Si es así, aparte de crear la página, que técnicamente no es muy difícil, necesitas poner
en marcha tu creatividad y también utilizar algún que otro programa o lenguaje adicional.

Para empezar, tendrás que ahondar en temas relacionados con el diseño. Para ello
recomendamos el manual de Introducción al diseño, que trata sobre los distintos programas
disponibles, para lo que sirven y cuáles se pueden escoger. También el Curso práctico de
diseño web, que relata el mundo del diseño desde lo más básico a lo más avanzado.

Pequeños dinamismos e interactividades

Seguimos con las páginas básicas, pero puede que desees incluir algún pequeño efecto o
interactividad a tu página web. Posiblemente, sin meterte todavía en nada demasiado serio,
deseas que tu página pueda tener algún tipo de animación o respuesta al usuario.

Para ello sería muy recomendable Flash, que es un programa que permite incorporar todo tipo
de contenidos multimedia a la web. Utilizado correctamente, es una herramienta que puede
dar mucha vistosidad e interactividad a las páginas web. Atención, porque Flash se tiene que
utilizar con inteligencia: Aunque se puede, no es una buena idea abusar del programa y hacer
una web entera en Flash.

Si te animas, sabes o has decidido aprender a programar, Javascript es un lenguaje que

también permite hacer pequeños dinamismos e interactividades, como cambiar una imagen al
pasar el ratón por encima, controlar los datos de un formulario, para validarlos o hacer cosas
con ellos, mover un texto por la ventana del navegador, cambiar el contenido de una parte de
la página web... y un largo etc.

Javascript está muy bien y es una gran herramienta para los desarrolladores, pero ya tiene
cierta dificultad. También es un buen punto de partida para las personas que no saben
programar y desean aprender con un lenguaje sencillito. Pero posiblemente, si habías pensado
en hacer una web sencilla, no sea muy recomendable por su complejidad y porque ya implica
meterse con el código de la página.

Este artículo continúa en Tecnologías para desarrollo de objetivos avanzados.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 23/09/2005
Disponible online en http://desarrolloweb.com/articulos/objetivos-para-aprender.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 36 de 43
Tecnologías para desarrollo de objetivos avanzados
Si pretendemos realizar páginas web avanzadas tendremos que aprender a
programar y usar tecnologías más complejas.

En el artículo Plantearse los objetivos para saber qué aprender ya examinamos las tecnologías
recomendadas para proyectos sencillos. Ahora veremos qué tenemos que aprender en
proyectos más avanzados.

Puede que estés muy ilusionado, te sientas con ganas y con fuerzas para dominar el mundo del
desarrollo de webs. Esto es genial!! Te apoyamos y te animamos a ello. Además, es muy
divertido.

También te recomendamos que leas el manual de Publicar en Internet, si es que no lo has

hecho ya o si ya tienes claros los conceptos básicos.

Pero lo que te recomendamos encarecidamente es que aprendas HTML. Un lenguaje con una
sintaxis muy sencillita que sirve para crear páginas web. Aunque hayas utilizado un programa
para hacer una web, en el fondo, ese programa estaba definiendo la página a mediante el
lenguaje HTML. Casi cualquier paso que vayas a dar a continuación en el desarrollo de webs
requerirá que hayas aprendido HTML.

Cuando decimos aprender HTML, nos referimos a aprender a escribir nosotros mismos el
código HTML para hacer tus propias páginas web. Para escribir código HTML puedes hacerlo
con el Bloc de Notas, pero seguramente en algún momento tendrás que pasar a algún editor
más avanzado que te ayude a escribir el código y a acelerar el proceso de creación de las
páginas. Entonces puedes escoger entre varios editores, como podrían ser Homesite o HTML
Kit.

Una vez domines HTML, seguro que te vendrá bien aprender CSS, que es un lenguaje con el
que se define la forma de una página web, es decir, el aspecto que tendrá. CSS es
complementario de HTML. Aunque solamente con HTML ya puedes definir muchos
parámetros del aspecto de una página, con CSS se pueden definir muchas más cosas. No sólo
permite trabajar con mucho más detalle, sino también beneficiarte de diversas ventajas que
explicamos en nuestros manuales de CSS.

Si quieres aprender a programar

Para llegar todavía más lejos necesitarás aprender a programar. Dicho de otro modo, si no
quieres tener fronteras en tus capacidades de desarrollo, tendrás que meter mano en el código.
Cuando escribías HTML ya pudiste familiarizarte sobre lo que era escribir un código fuente,
pero los lenguajes de programación que deberás aprender ahora son un poco distintos.

Para aprender las bases de la programación estamos publicando ahora un manual programar.
Sin salirnos del ámbito de la web, un lenguaje muy bueno para aprender a programar es
Javascript. Nuestro manual de Javascript está escrito pensando en esto justamente, que una

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 37 de 43
persona pueda aprender a programar desde cero, poco a poco y con explicaciones detalladas
que le hagan posible dar el salto a la programación.

El código Javascript se escribe dentro de la propia página web, con lo que las herramientas
para edición son las mismas que para escribir código HTML.

Para tener una visión general de los distintos lenguajes de programación que se utilizan en la
web tenemos un manual llamado Introducción a los lenguajes del web. Este manual no te
enseñará a programar en ningún lenguaje. Más bien te explicará cuáles hay y para qué se
utiliza cada uno, siguiendo la ruta lógica de aprendizaje, desde lo más simple a lo más
complicado.

Si quieres hacer páginas web con funcionalidades avanzadas

Las páginas web grandes, o las que ofrecen servicios avanzados, se construyen utilizando
lenguajes de programación del lado del servidor. Estos lenguajes sirven para construir las
páginas web con datos que extraídos de una base de datos y son capaces de llevar un
seguimiento de las acciones del cliente y memorizar cosas durante toda la visita a la página de
ese cliente. Este tipo de páginas web con programación del lado del servidor se llaman
aplicaciones web.

Los lenguajes del servidor son ya bastante complejos, aunque su uso es muy sencillo porque el
código se sigue incluyendo dentro del propio código HTML de la página web. No obstante,
implican conocer los conceptos de páginas dinámicas de servidor. Esos conceptos se explicaron
en el manual Introducción a los lenguajes del web, y se detallan en el manual de Páginas
dinámicas.

Como se habrá podido leer en los manuales mencionados arriba, existen varios lenguajes de
programación de páginas del lado del servidor. Casi todos permiten hacer las mismas cosas,
aunque en algunos es sencillo que en otros. Estos lenguajes son apuestas de distintos
organismos y empresas. Por ejemplo, la apuesta de Microsoft es ASP y ahora .NET. La apuesta
de Java se llama JSP. O la apuesta de la comunidad de código libre, el popular PHP.

Las ventajas o inconvenientes de estos lenguajes están discutidas en diferentes artículos y

FAQs dentro de DesarrolloWeb.com

Con qué tecnología programo una página

Qué elegir ASP o PHP

Comparando JSP con ASP

Opiniones hay de todos los gustos. Sin embargo, podríamos decir que si te sientes cómodo con
las tecnologías de Microsoft, aprendas ASP. Si no te importa plantearte un aprendizaje más
duro, pero quieres beneficiarte de las ventajas que han implementado los de Microsoft en su
sistema de desarrollo, vete directamente a .NET.

Si te gustaría desarrollar con herramientas con el software libre, aprender PHP tiene muchas
ventajas. Este lenguaje dispone de un juego de funciones muy grande y muchas colaboraciones

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 38 de 43
de una gran comunidad, que ha desarrollado una serie de productos gratuitos que se pueden
adaptar fácilmente a las páginas web. Existen muchos productos desarrollados en PHP, como
foros, tiendas, interfaces de gestión de bases de datos, servidores de banners, etc. disponibles
en PHP gratuitamente para cualquier propósito.

Si te interesa un todopoderoso, JSP es una tecnología desarrollada dentro del ámbito de Java.
Utilizar Java para hacer una página web no tiene límites, pero posiblemente si ya sabes que te
interesa Java o ya desarrollas en Java no estarás leyendo este artículo. JSP es un poco más
difícil. Para principiantes no lo recomendaría.

Las bases de datos se estudian paralelamente a la programación de servidor

También tendrás que aprender a utilizar bases de datos. Esta es una tarea que seguramente
harás a la vez que aprendes a programar en un lenguaje de servidor, porque estos lenguajes
utilizan las bases de datos para hacer sus funcionalidades avanzadas.

Las bases de datos sirven para almacenar información que luego, en nuestro caso,
presentaremos en páginas web. Si tenemos que hacer una página web con un catálogo de
productos, lo normal es que tengamos el catálogo en una base de datos y que construyamos
páginas web que lean la información de ese catálogo para mostrar sus productos. Lo mismo
ocurre con las tiendas, pero en este caso también se tiene que gestionar una lista de usuarios,
por ejemplo. También un sitio como DesarrolloWeb.com utiliza una base de datos para
almacenar los contenidos. Cuando se introduce un artículo nuevo, simplemente se está
insertando en una base de datos y enlazándolo con las categorías o manuales adecuados.

Las bases de datos más adecuadas dependen también del lenguaje de programación de
servidor que utilices. Por ejemplo, con PHP se suele utilizar MySQL. Por su parte, con ASP se
utiliza habitualmente Access o SQL Server. Access para proyectos más pequeños y SQL Server
para grandes cantidades de información o bien páginas con un mayor tráfico.

Todas las bases de datos utilizan un lenguaje para manejar su información llamado SQL. Este
lenguaje es común para todas las bases de datos distintas, aunque se pueden encontrar ligeras
diferencias entre unos sistemas a otros.

Pero de todo esto se habla detenidamente en los manuales de las distintas tecnologías para
programación de aplicaciones web.

Conclusión

Llegado a este punto ya te hemos guiado en tu descubrimiento del desarrollo de páginas web.
Espero que este enfoque te haya servido de ayuda si eras nuevo en esto y no sabías por dónde
empezar.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 23/09/2005
Disponible online en http://desarrolloweb.com/articulos/tecnologias-desarrollo-
objetivos-avanzados.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 39 de 43
CMS: cuál elegir
Análisis de las principales soluciones de CMS junto con las características que
nos pueden ayudar a decidir entre uno u otro. WordPress, Joomla!, Drupal,
DotNetNuke, Typo3.

A la hora de escoger un CMS para un nuevo proyecto podemos encontrarnos ante la duda
sobre cuál es mejor o cuál es peor, pero la verdad es que lo que tendríamos que analizar es cuál
se adapta mejor a nuestras necesidades. En este artículo pretendemos dar una serie de motivos
por los que podríamos decantarnos por uno u otro CMS, de modo que nos facilite la elección.

Vamos a centrarnos en los sistemas de gestión de contenido con licencia de uso gratuita, por
ser Open Source, que al final de las cuentas son los más solicitados y generalmente ofrecen las
mismas prestaciones que aquellos de pago. Por otra parte son los que conocemos más y de los
que podemos dar una opinión.

¿Realmente necesito un CMS?

Antes de comenzar a analizar cuál es el CMS que mejor se adapta a nuestras necesidades hay
una pregunta que quizás deberíamos plantearnos. ¿Realmente un CMS es la solución para mi
problema?.

En general la respuesta depende mucho del tipo de proyecto que se desee desarrollar, no
obstante existen una serie de parámetros que nos indican una cosa u otra.

Primero podríamos desarrollar una web sin utilizar ningún tipo de software, realizando todo el
trabajo manualmente. Este sería el primer supuesto, solo recomendable si la web a desarrollar
es realmente pequeña, de 1 a 5 páginas, y no se requiere editar su contenido con frecuencia.
Para todas las otras situaciones un CMS realmente ayudará.

La otra opción podría ser decantarse por un framework para desarrollo. Esto es, un paquete de
librerías y una definición de arquitectura que nos facilite el trabajo y a la vez nos asegure una
mayor calidad de nuestro trabajo final. Generalmente la elección entre un framework y un
CMS se basa en la personalización del proyecto. Los CMS facilitan la creación de sitios que se
basan en contenido y cuyas estructuras son comunes con relación a otros muchos sitios. Esto
no quiere decir que el contenido deba basarse en artículos o post como un blog, porque el CMS
puede adaptarse a muchos tipos de entrada de información, pero al fin y al cabo siempre
maneja sitios basados en contenido, con texto, fotos, vídeo, etc.

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 40 de 43
Un CMS también puede producir fácilmente catálogos o tiendas, pero el framework se adapta
mejor a lo que serían conocidas como aplicaciones de gestión. Estas aplicaciones dan mayor
peso a la funcionalidad que al propio contenido. Por ejemplo, una aplicación de facturación,
una aplicación de reserva de viajes, registro de asistentes a un evento, etc.

Principales características de los CMS orientadas a la selección

Ahora vamos a hacer un resumen de las características de los CMS, pero no nos centraremos
tanto en las funcionalidades o sus capacidades de manejar uno u otro tipo de contenido, sino
más bien en las que pensamos que pueden ayudarnos a seleccionar entre unos y otros.

WordPress

Este es el rey de los CMS, sobre todo en lo que respecta a tasa de uso. WordPress es el más
sencillo de los CMS populares y por eso es la elección de muchos desarrolladores, ya que
facilita su uso y aprendizaje. Sencillo nos referimos tanto a su arquitectura de desarrollo como
a la hora de usarlo por parte de los administradores del sitio. Sus capacidades “de salida” no
son las mejores y están orientadas a hacer un blog, pero eso no es impedimento para que
WordPress sea capaz de albergar todo tipo de web.

Todas las estadísticas indican que es el más usado con diferencia, aunque no sea el mejor en
muchos otros aspectos. Por ejemplo en lo que respecta a calidad del código y arquitectura dista
mucho de ser ideal, falto también de todo tipo de patrón de diseño de software. Pero eso
básicamente es también uno de los motivos por los que resulta fácil de usar y de adaptar a todo
tipo de proyectos.

Joomla!

joomla es más completo que WordPress, de casa o en su instalación básica. Hace más cosas y
es capaz de crear sitios más sofisticados, pero también es más difícil de usar, tanto para los
administradores del sitio como para los desarrolladores que necesiten adaptarlo o ampliar sus
funcionalidades. El equipo de desarrolladores que lo realiza tiene más interés por conseguir un
código limpio, adaptable y escalable, por lo que como software también tiene más calidad.

En nuestra opinión tiene un problema, aunque este mismo problema también trae beneficios,
aunque no suele gustar a mucha gente: no respeta compatibilidad hacia atrás. Eso quiere decir
que una instalación de Joomla! 2.x no es compatible con 3.x y así en adelante. Los beneficios
son que el software puede crecer en calidad y adaptarse a nuevos patrones y arquitectura que
mejoren lo existente, pero en contra produce muchos problemas cuando toca actualizar. Se
traduce en inversión, ya sea en tiempo o en dinero, por parte de las empresas que quieran
migrar a versiones superiores para seguir disponiendo de un CMS con las últimas
características en funcionalidad y a veces en seguridad.

Drupal

Si midiéramos la calidad de un CMS por la calidad de su código, de los tres que hemos
analizado hasta el momento, Drupal sería un claro ganador. Sin embargo Drupal es menos
usado, aunque muy respetado por la comunidad. A los desarrolladores les suele acobardar su

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 41 de 43
curva de aprendizaje y es que Drupal usa muchas características de programación avanzada
que en ocasiones son difíciles de manejar cuando se quiere hacer personalizaciones
importantes o ampliaciones de funcionalidad.

En los últimos años y nuevas versiones Drupal usa como motor un framework de desarrollo
tan importante como Symfony, lo que debe provocar nuevos adeptos que se sientan
familiarizados con las costumbres de desarrollo de tal framework. Otra de las ventajas de su
arquitectura es que es compatible con varias bases de datos y no solo MySQL como otras
alternativas comentadas.

Drupal sin duda es una buena opción si tenemos un nivel alto como desarrolladores y
apreciamos un código de calidad, sin embargo la comunidad es menor todavía, lo que puede
provocar dificultades mayores en encontrar soluciones a problemas típicos, comparada con
CMS más populares como WordPress o incluso Joomla!.

DNN

Antes conocido como DotNetNuke, DNN es un CMS de altas prestaciones que cabe señalar y
recomendar porque está desarrollado con otras tecnologías que los anteriores. Mientras que
WordPress y compañía usan PHP, DNN usa .NET. Es un motivo muy especial para mucha
gente que se siente más cómodo con tecnologías Microsoft.

Este CMS tiene bastante cuota de mercado, en número de sitios, pero no es comparable a
WordPress.

Typo3

Por salir de las opciones más trilladas y comentadas a lo largo y ancho de Internet, sacamos a
relucir otro CMS basado en tecnologías PHP, compatible con varias bases de datos populares
como PostgreSQL u Oracle, aparte de MySQL.

Typo3 tiene muchas funcionalidades de casa y su uso está extendido principalmente en

Europa, con Alemania a la cabeza. El hecho de no estar tan usado tiene dos caras de la
moneda, por un lado se encuentran menos posibles soluciones a problemas y por otro lado
tendremos menos posibilidad de ataques.

Notas sobre la seguridad

No queremos terminar este artículo sin comentar algunos aspectos relacionados con este
importante tema. Hay mucha desinformación sobre el tema de seguridad en cuanto a CMSs y
en lo que respecta a software libre en general. Quizás hayas oído en ocasiones “WordPress no
es seguro”, “instalar Joomla! es un suicidio” (por la seguridad), o “el software libre no es
seguro”. Son barbaridades que se dicen sin pensar.

Partiendo de que ningún sistema es completamente seguro, por definición, esas afirmaciones
serían extensibles a cualquier tipo de proyecto. Problemas de seguridad existen, aunque en el
software libre, como se conoce el código, es más sencillo de detectar que en el software
propietario, pero no por eso significa que sea más o menos seguro. El software libre tiene una

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 42 de 43
gran comunidad detrás que ante cualquier problema de seguridad reacciona rápidamente
publicando nuevas versiones que corrigen las vulnerabilidades. Por tanto, los desarrolladores o
administradores de los proyectos son los responsables de mantener al día las instalaciones de
los CMS para que siempre tengan las últimas versiones estables y seguras.

En este sentido, cualquiera de los proyectos que hemos señalado es perfectamente seguro,
siempre que se tenga instalada la versión más nueva. Cualquiera de ellos, si dejas de
actualizarlo, se vuelve una herramienta vulnerable y atacable por cualquier bandido que quiera
explotar los fallos de seguridad conocidos en versiones anteriores. A la hora de valorar un
proyecto hay que ver qué cantidad de actualizaciones publica y con ello veremos lo saludable
que es.

Por tanto, siéntete en confianza al instalar cualquiera de estos CMS que tienen una comunidad
fuerte que respalda su seguridad. Sólo cerciórate siempre de tener actualizado el sistema para
evitar situaciones desagradables.

Este artículo es obra de Miguel Angel Alvarez

Fue publicado / actualizado en 16/03/2016
Disponible online en http://desarrolloweb.com/articulos/cmd-cual-elegir.html

http://desarrolloweb.com/manuales/publicar-webs-internet.html Página 43 de 43