Download Publicar en Internet

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
Publicar en
Internet
Tratamos los temas más básicos que necesitas saber para publicar una página web, como los
materiales necesarios, el lenguaje HTML, editores, elegir alojamiento, subir páginas a los
servidores y mucho más.
Autores del manual
Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com:
Miguel Angel Alvarez
Director de DesarrolloWeb.com
http://www.desarrolloweb.com
(22 capítulos)
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
1
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
Parte 1:
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.
1.1.- 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 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
2
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
Artículo por
Miguel Angel Alvarez
1.2.- 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 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.
Artículo por
Miguel Angel Alvarez
1.3.- 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
3
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
Artículo por
Miguel Angel Alvarez
1.4.- 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".
1.4.1.- 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 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
4
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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?
Artículo por
Miguel Angel Alvarez
1.5.- 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 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.
Artículo por
Miguel Angel Alvarez
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
5
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
Parte 2:
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.
2.1.- 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 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.
Artículo por
Miguel Angel Alvarez
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
6
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
2.2.- 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 definen 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.
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 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>.
Para aprender HTML en profundidad tenemos un manual en DesarrolloWeb.com. Además se pueden consultar los enlaces a
distintos manuales que tenemos en nuestro buscador en la sección de 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.
Artículo por
Miguel Angel Alvarez
2.3.- Editores de HTML
Que son los editores de HTML: programas que nos pueden ayudar a la hora de construir una página web.
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,
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
7
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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 El aprendizaje es muy sencillo, tal como puede ser
se llega a un nivel avanzado también se hace
trabajar en Word. Solo se trata de manejar un
considerablemente más difícil
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 y lo dominamos perfectamente se pueden obtener perfectos resultados.
2.3.1.- 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 aconsejaríamos sin duda es el
Dreamweaver, fabricado por Adobe.
Otras posibilidades son editores como
•
•
Kompozer, una opción gratuita
Frontpage, aunque lo desaconsejamos.
2.3.2.- 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
8
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
•
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.
Artículo por
Miguel Angel Alvarez
2.4.- 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 ñ 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á 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éis 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
9
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
Tenemos una sección muy interesante para los más novatos que se llama Desde 0. Muy recomendable si estás empezando.
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.
Artículo por
Miguel Angel Alvarez
2.5.- 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 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
10
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
Artículo por
Miguel Angel Alvarez
Parte 3:
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.
3.1.- 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
11
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
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.
Artículo por
Miguel Angel Alvarez
3.2.- 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.
3.2.1.- 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.
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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
12
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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 FTP a tu servidor, que serán los mismos que habíamos comentado para programas específicos de FTP.
3.2.2.- 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.
Artículo por
Miguel Angel Alvarez
3.3.- 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 ha 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
13
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
documento por defecto el archivo index.php. Podemos probar a acceder 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.
Artículo por
Miguel Angel Alvarez
Parte 4:
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.
4.1.- 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
14
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
Artículo por
Miguel Angel Alvarez
4.2.- Actualizar las páginas
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.
Artículo por
Miguel Angel Alvarez
4.3.- 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
15
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
4.3.1.- Obtener los archivos a actualizar
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.
4.3.2.- 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 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.
4.3.3.- 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
16
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
4.3.4.- 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é.
Artículo por
Miguel Angel Alvarez
Parte 5:
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.
5.1.- Vídeo: crear tu primera página web
Un vídeo que explica el proceso de creación de una página web, enfocado para personas sin ninguna
experiencia. Explicamos cómo crear la página, el documento HTML básico y cómo incluir imágenes y
enlaces a otras páginas.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
17
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
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.
Crear una página web básica desde cero (ver el vídeo en DailyMotion)
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.
Artículo por
Miguel Angel Alvarez
5.2.- Vídeo: subir una web a Internet
Un vídeo sobre cómo subir una página web a un servidor de Internet, para que las personas con menos
experiencia aprendan a manejar FTP y los varios conceptos que debemos conocer, como el documento por
defecto.
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.
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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
18
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
Subir paginas web al sevidor (ver el vídeo en DailyMotion)
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.
Artículo por
Miguel Angel Alvarez
Parte 6:
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.
6.1.- 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.
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
19
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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 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.
Artículo por
Miguel Angel Alvarez
6.2.- 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 Grafico, 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 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
20
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
Artículo por
Miguel Angel Alvarez
6.3.- 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
21
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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.
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.
Artículo por
Miguel Angel Alvarez
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
22
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
6.4.- 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 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
23
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
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 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
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
24
Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
haya servido de ayuda si eras nuevo en esto y no sabías por dónde empezar.
Artículo por
Miguel Angel Alvarez
Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.
25