Manual Publicar Internet Desarrollowebcom

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.
com
Publicar en Internet
Tratamos los temas ms bsicos que necesitas saber para publicar una pgina web, como los materiales necesarios, el lenguaje HTML, editores, elegir alojamiento, subir pginas a los servidores y mucho ms.
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 captulos)
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 autorizacin.
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 cmo estn fabricadas internamente. Simplemente un vistazo rpido a todos esos conceptos y datos que nos ayudarn a comprender cmo es el medio donde pretendemos publicar. Luego proponemos hacer una reflexin sobre el trabajo que cada uno pretende publicar, para analizar y aclarar cules son los objetivos que se desean cumplir.
1.1.- Introduccin a Internet

Vemos rpidamente 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 extensin del Globo Terrqueo, que ofrece diversos servicios a sus usuarios como pueden ser el correo electrnico, el chat o la web. Todos los servicios que ofrece Internet son llevados a cabo por miles de ordenadores que estn permanentemente encendidos y conectados a Internet, esperando que los usuarios les soliciten los servicios y sirvindolos una vez son solicitados. Como decimos, hay servidores para todo, los hay que ofrecen correo electrnico, otros hacen posible nuestras conversaciones por chat, otros la transferencia de ficheros o la visita a las pginas 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 electrnico, transferencia de ficheros y servidor web. Tambin 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 mdems. Cuando hacemos la llamada con el mdem a los servidores que proveen el acceso entramos a formar parte de Internet y mientras mantengamos la conexin 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 aadido un nuevo dispositivo, que es el denominado Router. El Router se encarga de conectarse con el servidor de acceso a Internet y distribuye la seal para todos los ordenadores que estn conectados a la red local de tu casa u oficina, ya sea por cable o Wireless (Wi-Fi, conexin inalmbrica). 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 informacin de webs o enviando email. En el momento que pedimos un servicio de Internet (por ejemplo solicitamos ver una pgina web escribiendo la direccin 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 electrnico 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.

Artculo por
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 bsicas. Toda esta introduccin sirva para que nos demos cuenta que Internet es un conjunto de servicios y el web no es ms que uno de ellos. En estos momentos la web es el servicio ms popular de Internet. Por ello muchas veces cuando pensamos en Internet nos viene a la cabeza una pgina web, o cuando decimos "me voy a conectar a Internet" muchas veces lo que hacemos es abrir el navegador y consultar una pgina web. El correo electrnico, sin lugar a dudas tambin es un servicio muy popular, que hoy se ha convertido en una herramienta de comunicacin universal. El tema que tratamos en DesarrolloWeb.com es la creacin de pginas web y en este manual de publicacin 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 gua para aprender desde cero. As pues, si quieres hacer una pgina web, conviene saber primero que la web es un servicio ms de Internet, que consiste en un inmenso conjunto de pginas conectadas unas a otras por un sistema de enlaces (tambin llamados links, vnculos o hipervnculos). El sistema con el que est construido el web se llama hipertexto y es un entramado de pginas 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 podrs haber comprobado, son muy fciles de utilizar y con ellos es fcil moverse por la informacin para encontrar lo que buscamos rpidamente. La web no solo se limita a presentar textos y enlaces, sino que tambin puede ofrecernos imgenes, videos, sonido y todo tipo de presentaciones, llegando a ser el servicio ms rico en medios que tiene Internet. Por esta razn, para referirnos al sistema que implementa el web (hipertexto), se ha acuado un nuevo trmino que es hipermedia, haciendo referencia al hipertexto con contenidos multimedia. Multimedia, por si alguno no lo sabe todava, significa muchos medios. En espaol, como sugieren en los comentarios de este artculo, podramos utilizar el trmino multimedios, pero hoy en da la palabra multimedia ya se ha incorporado de lleno al vocabulario habitual de las personas. solamente quiere decir que se estn utilizando muchos medios para presentar informacin como son el vdeo, 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, animacin, video, etc.
Artculo por
1.3.- Cmo es una web por dentro

Nos acercamos a una pgina web desde dentro, es decir, analizamos como estn hechas internamente. Una pgina 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 imgenes, los posibles vdeos y lo ms importante, el cdigo fuente que dice donde colocar cada texto, cada imagen o cada video y la forma que tendrn estos al ser colocados en la pgina. No es problema que las webs estn compuestas por tantos elementos, ya que rpidamente veremos que su organizacin es fcil 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

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com servidores de pginas web. Pero esto es algo que vamos a tratar de explicar poco a poco en los siguientes captulos. Aunque signifique adelantarse a los acontecimientos, es interesante sealar que con una simple accin podemos ver el cdigo fuente de de las pginas, es decir, cmo estn hechas por dentro. Para ello en Internet Explorer se ha de pulsar sobre el men de Ver > Cdigo fuente y en Firefox se ha de seleccionar Ver > Cdigo fuente de la pgina. Una vez accionemos el men para ver el cdigo fuente de la pgina nos abrir una ventana con un montn de texto que seguramente nos resultar difcil de entender a primera vista. No importa que no entendamos nada, pero podemos ver que una pgina web "por dentro" es un texto con cdigo. Con el tiempo aprenders a escribir ese cdigo por ti mismo, aunque tal vez prefieras olvidarte de las complicaciones de escribir cdigo y utilizar un programa que lo genere por ti, que es otra posibilidad perfectamente vlida.
Artculo por
1.4.- Pasos previos I. Pensar un tema

Antes de ponerse a crear tu pgina web es aconsejable pensar en el tema a tratar y a ser posible, que sea atractivo para tener ms posibilidades que otras personas lo consulten. Para publicar una pgina en Internet debemos seguir unos pasos, en lo que se llamara el ciclo de vida de una pgina web. Primero tendremos que hacer una planificacin, luego vendr la construccin de las pginas y ms tarde la promocin y constante actualizacin de la informacin. As pues, vamos a ver cules son los pasos previos que debemos realizar para que nuestro esfuerzo y resultados sean lo ms ptimos posibles, es decir, vamos a ver cul es la planificacin 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 eleccin de un tema a tratar y un esquema de la estructura que va a tener tu sitio web.
Nota: Muchas veces utilizamos terminologa que es tan habitual en nuestro vocabulario que se nos pasa explicar bien qu significa. Quiero aclarar los conceptos pgina 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 pginas. Por supuesto, puede haber sitios web mucho ms pequeos, como la web de muchas empresas, que puede tener una portada y media docena de pginas interiores. Osea, el sitio web hace referencia a un conjunto de pginas web, por ejemplo "el sitio web de mi empresa est traducido en varios idiomas". Sin embargo, el concepto de pgina web es un poco ms ambiguo, puesto que se utiliza indistintamente para referirse a un sitio web completo, por ejemplo, "la pgina del diario El Pas" o a una pgina nica en concreto, por ejemplo, "dentro de DesarrolloWeb.com hay una pgina que explica lo que es XML" o "DesarrolloWeb.com est compuesto por miles de pginas".
1.4.1.- Pensar un tema para tu web

Puede ser el ms importante de los pasos para la creacin de un web. Hay que elaborar la idea y documentarse sobre el tema que has elegido para tu pgina en Internet. Cuando hacemos incluso una pgina personal podemos hablar de algn tema interesante como nuestro equipo de ftbol o nuestro cantante favorito, o de un tema que nos conmueva profundamente, como el ecologismo o la historia de nuestra comarca. Tambin podemos construir una pgina 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 pginas es mucho menor y que a los dems usuarios seguramente no les va a interesar, a no ser que sean familiares o amigos prximos. Si deseamos construir una pgina que algn da sea popular, debemos abordar, como digo, temas que sean de inters para un grupo de gente mayor. Una vez pensado el tema es muy importante documentarse lo ms posible sobre l, aunque muchas de las ideas pueden estar en nuestra cabeza, es importante tomar notas, fotografas u opiniones de otras personas que tambin 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 artculo que ofrece ms informacin y consejos para escoger correctamente la temtica de nuestra web, adems de aprender a obtener informacin de los usuarios, para saber cules son los temas que ms interesan y obrar en consecuencia. De qu Trata tu Web?
Artculo por
1.5.- Pasos previos II. Estructura del sitio

Hay que pensar tambin en la estructura del sitio, veamos cmo disearla. Es importante tambin que pensemos en la estructura de los contenidos de todo el sitio antes de ponernos a disearlo. En este punto tenemos que pensar sobre varias cosas, como las distintas secciones que va a contener el sitio, el rbol de las pginas 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 imaginacin, o incluso puedes hacerlo en un bar, con algn amigo o compaero, tomando una cerveza y escribiendo en una servilleta de papel. Cualquier esfuerzo de planificacin lo agradecers en el futuro y servir para construir tu web con unos cimientos ms slidos. Ahora veamos los informes que puedes documentar para realizar la planificacin de tu sitio web: Secciones del sitio: Podremos pensar en qu secciones vamos a poner en el sitio. Una con informacin general, otra con informacin de contacto, otra con una visita grfica a nuestras instalaciones, etc. Tenemos que procurar agrupar las distintas informaciones en pginas y conseguir ofrecer una informacin completa. rbol del sitio: Podemos dibujar en un papel cules son las distintas secciones del sitio, metidas dentro de cuadrados y representar tambin los enlaces que hay entre cada seccin, mediante lneas que unen esos cuadrados. Es algo muy simple y divertido de hacer, adems podemos tener nuevas ideas para el web a medida que lo vamos dibujando. Esquema de una pgina: podemos dibujar en papel tambin cmo sera una pgina del sitio que vamos a construir, para decidir dnde colocar la barra de navegacin, el logotipo del sitio o la empresa, un posible banner publicitario, etc. Este esquema puede ser tambin de utilidad a la hora de construir las pginas y siempre es ms fcil disear sobre el papel que disear directamente con el ordenador. Estos pasos son opcionales. Est claro que cualquiera puede ponerse a construir una pgina nada ms decidir que desea tener una web, pero no siempre es el camino ms rpido. La planificacin es un paso fundamental para realizar un proyecto con xito y siempre ser ms fcil que los resultados sean los deseados si nos hemos planteado bien cules son los objetivos y hemos formado un proyecto con todos los puntos desarrollados de antemano. Los resultados finales son lo ms importante y empezar la casa por el tejado no va a ser lo ms positivo para nuestra pgina. Si no hemos pensado todo con calma podr ocurrirnos que, una vez terminado el proyecto, queramos aadir secciones o cambiar cosas que nos obliguen a retocar todas las pginas del sitio, lo que puede redundar en una mayor carga de trabajo o una menor satisfaccin 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.
Artculo por

Parte 2:
Manos a la obra!
Ahora que tenemos claro qu queremos hacer, podemos empezar a trabajar y para ello veremos cmo se realiza el trabajo de desarrollo de una pgina web. Desde las herramientas que necesitamos hasta cmo construir las propias pginas. Obviamente todo ser una visin general, pero daremos referencias para obtener mucha ms informacin de cada tema.
2.1.- Qu necesitas para empezar a crear pginas web

Veamos lo poco que hace falta para empezar a disear pginas web. Casi seguro que lo tienes todo para comenzar. Para ponernos a disear pginas web nos hace falta realmente poco material. En la mayora de los equipos con Windows, y en otros sistemas, se encuentran todos los materiales necesarios para empezar. Por lo que en principio no necesitars obtener nuevos programas. En concreto, los materiales necesarios son un editor de textos, con el que programaremos nuestras pginas 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 tambin el Internet Explorer se puede empezar a construir una pgina web sin ms necesidades.
Nota: Nosotros estamos asumiendo que tu ordenador tiene Windows, pues la inmensa mayora 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 edicin 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 pginas 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, slo permite texto plano y es el editor de texto ms sencillo que hay.
Si lo deseamos, ser tambin muy fcil obtener un editor de textos sencillo, de texto plano, y un navegador con el que ver las pginas que vamos a crear, si es que no estn instalados ya en nuestro ordenador. En DesarrolloWeb.com tenemos una seccin de programas donde hay una clasificacin de software til para crear pginas web. Podis buscar un cliente web en la seccin de programas de navegacin y un editor de texto en la seccin de programas de programacin. Por si alguien lo desea tambin cabe hablar de otros directorios donde descargar programas interesantes no slo para hacer webs, sino ms bien para todos los propsitos, como Tucows o Download.com. En estas pginas tienen software de todos los sistemas operativos como Windows, Mac OS, o Linux. Tambin en castellano tenemos buenas pginas de descarga de software, la ms representativa es Softonic. Sin duda, en nuestra aventura con el desarrollo del web vamos a necesitar muchos ms programas, como por ejemplo herramientas de retoque fotogrfico o editores complejos de pginas web, pero no necesitamos hablar de ellos todava en este manual porque no son imprescindibles para dar nuestros primeros pasos.
Artculo por

2.2.- Qu es HTML
Lleg el momento de hablar sobre HTML, el lenguaje con el que crean las pginas web. HTML es el lenguaje con el que se definen las pginas web. Bsicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrn una pgina web. El HTML se cre en un principio con objetivos divulgativos de informacin con texto y algunas imgenes. No se pens que llegara a ser utilizado para crear rea de ocio y consulta con carcter 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 utilizaran en un futuro. Sin embargo, pese a esta deficiente planificacin, si que se han ido incorporando modificaciones con el tiempo, estos son los estndares del HTML. Numerosos estndares se han presentado ya. El HTML 4.01 es el ltimo estndar a febrero de 2001. Actualizacin a mayo de 2005, en estos momentos est apunto de presentarse la versin 5 de HTML, de la que ya se tiene un borrador casi definitivo. El HTML es un lenguaje de marcacin de elementos para la creacin de documentos hipertexto, muy fcil 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 fcil y pronto podremos dominar el lenguaje. Ms adelante se conseguirn los resultados profesionales gracias a nuestras capacidades para el diseo y nuestra vena artista, as como a la incorporacin 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 ms. Este lenguaje se escribe en un documento de texto, por eso necesitamos un editor de textos para escribir una pgina web. As pues, el archivo donde est contenido el cdigo HTML es un archivo de texto, con una peculiaridad, que tiene extensin .html o .htm (es indiferente cul utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos, lo ms sencillo posible y guardaremos nuestros trabajos con extensin .html, por ejemplo mipagina.html Por adelantar un poco cmo se utiliza el HTML os diremos que el lenguaje consta de etiquetas que tienen esta forma o . Cada etiqueta significa una cosa, por ejemplo significa que se escriba en negrita (bold) o significa un prrafo, <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 se utiliza para indicar que se deje de escribir en negrita. As que el HTML no es ms que una serie de etiquetas que se utilizan para definir el contenido del documento y algn estilo bsico. Esto est en negrita. Para aprender HTML en profundidad tenemos un manual en DesarrolloWeb.com. Adems se pueden consultar los enlaces a distintos manuales que tenemos en nuestro buscador en la seccin de HTML. Si lo que deseamos es tener una idea global de lo que es la publicacin en Internet y los pasos a seguir para colocar nuestras pginas en la web lo ms adecuado ser consultar el manual de Publicar en Internet.
Artculo por
2.3.- Editores de HTML

Que son los editores de HTML: programas que nos pueden ayudar a la hora de construir una pgina web. Vamos a hablar en este artculo sobre los editores de HTML, los programas que nos sirven para crear pginas web con el lenguaje HTML. Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las pginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten disear una pgina web, como si estuvisemos escribiendo con un editor de texto avanzado, sin tener que escribir el cdigo con las etiquetas. Esta ltima vertiente, que podemos llamar editores en modo diseo, 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 diseo nos permiten crear la pgina como si estuviramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vrselas con el lenguaje y programar internamente la pgina con el cdigo HTML,

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com segn lo que nosotros estamos diseando. Con el editor HTML en vista diseo podemos colocar imgenes, 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 diseo se denominan, en lenguaje tcnico WYSIWYG (What You See Is What You Get) porque cuando trabajas con ellos lo que ves que ests creando con el editor es lo que obtienes luego cuando grabas la pgina. Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar pginas web. Por un lado tenemos a las personas que prefieren crear las pginas programando el HTML y por otro las personas que utilizan editores HTML en modo diseo. Algunas diferencias entre hacerlo de un modo u otro son las siguientes:
Escribiendo el HTML
Dominas con mayor precisin el cdigo de la pgina, queda ms limpio. Si dominas bien el HTML nunca tendrs ningn problema para hacer lo que deseas.
Con un editor WYSIWYG
El cdigo de la pgina tiene peor calidad, incluso puede llegar a tener errores, ms o menos visibles, que cuestan arreglar. Es la mquina la que domina el trabajo. Es ms complicado el aprendizaje, ms lento y cuando El aprendizaje es muy sencillo, tal como puede ser se llega a un nivel avanzado tambin se hace trabajar en Word. Solo se trata de manejar un considerablemente ms difcil programa ms. Hacer una pgina cuesta ms trabajo y tiempo. Es muy rpido. Cada uno debe escoger el camino que ms le convenga o el que le parezca ms atractivo. De todos modos siempre se puede empezar de un modo y luego pasar al otro modo sin ningn tipo de problema. Incluso, por adelantarnos a los acontecimientos, diramos que cuando una persona profundiza en el diseo de pginas 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 necesitarn 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 inclinacin a escribir el cdigo HTML uno mismo. Aunque mi consejo es aprender HTML, estoy seguro que muchos preferirn que un editor en modo diseo haga las cosas ms sencillas. Si el editor HTML WYSIWYG es bueno y lo dominamos perfectamente se pueden obtener perfectos resultados.
2.3.1.- Editores HTML modo diseo 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 aconsejaramos sin duda es el Dreamweaver, fabricado por Adobe. Otras posibilidades son editores como Kompozer, una opcin gratuita Frontpage, aunque lo desaconsejamos.
2.3.2.- Editores de texto preparados para escribir cdigo HTML

Las personas que despus de estas lneas han decidido aprender el lenguaje HTML tambin 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 estn preparados para escribir HTML y por lo tanto ofrecen multitud de ayudas a los diseadores: Pueden tener abiertos y editar varios ficheros a la vez Colorean los cdigos de las pginas para hacerlos ms comprensibles Suelen soportar otros lenguajes de programacin con los que podemos llegar a trabajar en el desarrollo de pginas web. Ofrecen ayudas a la programacin, que muchas veces son contextuales y se activan a medida que vamos realizando
8

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com las pginas. Y adems muchos de ellos tienen herramientas integradas para hacer cosas tan variadas como la generacin de cdigo, asistentes, mdulos de conexin por FTP con el servidor, etc.
Dependiendo del programa escogido tendremos unas herramientas y ayudas u otras. Simplemente es elegir el que ms se adapte a nuestras necesidades. Algunos ejemplos son: Notepad++, gratuito y cdigo libre. Home Site, que estaba bien, aunque Adobe hace aos que no lo actualiza. UltraEdit, que es un editor para programadores de los ms populares. Arachnophilia, que funciona en todos los sistemas operativos.
Si nos decidimos por escribir el cdigo fuente en HTML ser muy recomendable utilizar cualquiera de estos programas, para sentirnos ms a gusto al programar las pginas y poder hacerlas ms rpido. No obstante cabe recordar que cualquier editor de textos servira para hacer pginas web, incluso el Block de notas, que es el editor ms sencillo que existe para texto plano, pero utilizar un programa de estos ser imprescindible con el tiempo. En la seccin de programas de desarrolloweb tenemos descripciones de algunos editores de HTML, tanto en modo diseo como escribiendo el cdigo.
Artculo por
2.4.- Construir las pginas

Por fin empezamos a trabajar en la pgina 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 ms dedicada y tenemos que trabajar ms duramente. El programar o disear las pginas podr gustar ms o menos que otras acciones como planearlas o promocionarlas ms tarde, pero no cabe duda que es el momento ms excitante porque nuestros sueos y nuestras ideas empiezan a concretarse en los resultados que esperbamos conseguir. Para construir un sitio web tendremos que crear los archivos HTML de las distintas pginas del sitio. Para ello utilizaremos un editor de HTML y seguramente tengamos que lidiar tambin con algn editor grfico y otros programas para subir las pginas al servidor. Pero todo eso lo veremos a su debido tiempo. Si hemos proyectado un sitio compuesto por un gran nmero de pginas lo ms habitual es empezar diseando una pgina con el marco del sitio, que luego vamos a repetir a modo de plantilla en todas las pginas. Pero esto son tcnicas que aprenderemos con el tiempo. Para ahorrarnos errores cuando hacemos las pginas podemos seguir una serie de consejos tiles a la hora de dar nombre a los archivos de las pginas: No utilizar espacios en los nombres de los archivos de las pginas o las imgenes que vamos a crear al desarrollar el sitio. Tampoco utilizar caracteres que no estn en el alfabeto ingls, como la o los acentos. Tener cuidado con las maysculas y las minsculas en los nombres de los archivos que tratamos. Si las utilizamos equivocadamente la pgina podr funcionar en nuestro Windows (por que le dan igual las maysculas y las minsculas), pero al subirla al servidor Linux o Unix (la mayora de los servidores donde se publican las pginas web estn en Linux) podra ser que no funcionase (porque estos sistemas si que distinguen entre maysculas y minsculas). Enterarse de cmo funciona el documento por defecto, que nos permitiris que lo expliquemos en captulos posteriores. Trabajar siempre con una extensin del archivo HTML especfica. No mezclar en un mismo proyecto pginas con extensin .html y .htm, porque nos puede liar al poner enlaces entre las distintas pginas del sitio.
En general, desarrolloweb.com te ayudar sobretodo en este paso, la creacin de la pgina. En este sitio podrs encontrar todas las referencias para profundizar en el trabajo.

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com Tenemos una seccin muy interesante para los ms novatos que se llama Desde 0. Muy recomendable si ests empezando. Adems, hemos publicado un vdeo, de poco ms de media hora de duracin, en el que explicamos el proceso de creacin de una pgina web, especialmente pensado para personas que no tengan ninguna experiencia previa. En el vdeo el usuario podr ver cmo se crea una web desde cero con el Bloc de Notas, cmo se trabaja con los distintos archivos de la pgina, etc. Para ver el vdeo accede al artculo Vdeo de la creacin de una web desde cero.
Artculo por
2.5.- Imgenes y otros recursos

Vemos algunos tipos de archivos que se utilizan para construir webs como imgenes, videos... Como se ha podido ver anteriormente, el desarrollo de una pgina implica la creacin de un archivo en cdigo HTML, pero no es lo nico que debemos crear. En la mayora de los casos tambin desearemos incluir imgenes y para ello ser necesario crear los correspondientes archivos grficos. El proceso para incluir una imagen en una pgina empieza por la creacin de la imagen con un programa de diseo grfico o mediante su digitalizacin con un escner. Ser necesario que conozcamos alguno de los programas de diseo grfico que existen en el mercado. Son muy interesantes Photoshop, Paint Shop Pro, Fireworks o Gimp, que sera la alternativa gratuita. En un principio podremos contentarnos con manejarlos por encima y nos resultar medianamente fcil, pero segn avancemos en el camino como diseadores web ser ms necesario dominarlos para obtener resultados ms profesionales. Los tipos de archivos grficos que soporta Internet son JPG, GIF y PNG. Tienen caractersticas distintas y por tanto usos distintos. Podemos conocer ms esto en el reportaje Formatos grficos de Internet. Una vez tenemos los archivos grficos los ponemos en el mismo directorio que los archivos HTML o en un subdirectorio de este y en el cdigo de la pgina 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 estn los archivos dentro del directorio es indiferente, pero podr ser interesante que incluyamos subdirectorios para que quede todo mejor colocadito y su mantenimiento sea ms fcil. Por ejemplo, una tcnica muy habitual es colocar todas las imgenes dentro de un subdirectorio llamado images. El objetivo de tanto orden y conocimiento de la localizacin de todos los archivos es que a la hora de crear las pginas 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 razn para tenerlos todos localizados. En captulos posteriores veremos cmo se hace este paso. Un problema tpico con las imgenes y otros archivos externos consiste en que cuando vemos las pginas 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 pgina desde Internet esta se muestra con errores en las imgenes y otros elementos, de modo que no se pueden ver. Esto suele llamarse tener una "imagen rota". La razn 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 posicin relativa de la imagen con respecto a la pgina no es la misma en nuestro ordenador (local) y en el servidor (remoto). Por ejemplo, las imgenes en local podran estar en el directorio images mientras que en remoto podran estar en el mismo directorio que la pgina, lo que sera 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 pgina desde Internet no se tiene acceso a tu disco duro, los usuarios no podrn ver las imgenes. Cuando trabajamos con un editor de HTML y colocamos imgenes 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 pgina que estamos diseando.
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 botn derecho del ratn sobre ella y seleccionar propiedades. Esto nos muestra informacin sobre la imagen y nos informa sobre el sitio donde se est intentando encontrarla.
Referencia: Todo lo explicado en este artculo lo podemos seguir en el vdeo Crea tu primera pgina web. Recomendamos ver el vdeo para las personas que nunca han creado una pgina web, para que vean cmo lo hacemos nosotros y cmo se manejan los programas, se enlaza con imgenes y otros temas que seguro resultarn de inters para los ms novatos.
Artculo por
Parte 3:
Cmo poner nuestro proyecto online

Cmo hacer que nuestro proyecto, que hemos realizado con tanto esmero durante los ltimos das o semanas, se coloque en la Web y est disponible a travs de Internet en cualquier parte del mundo y en cualquier momento.
3.1.- Alojar las pginas

Debes elegir un servidor para alojar tus pginas, 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 da y conectado a Internet tambin permanentemente. En el caso de una pgina web, existen unos servidores que son los encargados de mandarla cuando se la solicita, son los servidores web. Nuestras pginas tienen que estar alojadas en un servidor web para que puedan estar accesibles desde Internet. Dependiendo del proyecto que estemos realizando necesitaremos ms o menos recursos de nuestro servidor web. Si estamos haciendo una pgina personal quizs este punto no nos interese mucho y simplemente no queramos gastar dinero, pero si estamos pensando en hacer un proyecto ms serio, como una pgina para nuestro negocio, conviene contratar un buen servicio de alojamiento de la pgina. 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 pgina que est acorde con nuestras necesidades.
Nota: En la primera redaccin de este manual, en el ao 1998, cuando todava ni exista DesarrolloWeb.com, haca mucho incapi en las posibilidades de alojamiento gratuito. Este mismo manual se cre para utilizarlo como contenido en mi primera pgina 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

11
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 algn proveedor de hosting y publicar la pgina con tu propio dominio, que tendrs si lo deseas para toda la vida, mientras sigas pagando. Pero con una inversin anual muy pequea tendrs un espacio que bien se merece tu proyecto.
Si estamos buscando un alojamiento gratuito es interesante leer el reportaje sobre cmo elegir un alojamiento gratuito (artculo poco actualizado, porque los proveedores de alojamiento gratuito mantienen una tendencia de cierre desde hace aos). Tambin podemos ver una lista de alojamientos gratuitos en nuestro buscador. Si las exigencias de nuestro proyecto son ms elevadas, como por ejemplo que tenga un dominio propio, es interesante leer un completo manual que hemos publicado en DesarrolloWeb.com sobre la eleccin 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.
Artculo por
3.2.- Subir los archivos al servidor

Veamos cmo se suben los archivos al servidor, para que estn accesibles desde Internet. Subir la pgina web que has creado en tu ordenador al servidor es una de las tareas que parecen ms difciles cuando te pones a construir las pginas. Igual que casi cualquier cosa en la vida, cuando lo has hecho unas cuantas veces, el problema se desvanece. Bsicamente lo que tenemos que hacer es tomar todos los archivos que componen nuestro sitio web, incluidas imgenes, animaciones, etc. y subirlas a nuestro servidor web. Para ello primero es tarea imprescindible el identificar dnde estn todos los archivos de nuestro web. Si hemos escrito la pgina con cdigo HTML seguramente sabremos perfectamente donde estn nuestros ficheros, pero si la pgina la hemos hecho con un editor HTML como Frontpage es probable que estn un poco ms difciles 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 travs de una interfaz web, de modo que podremos ver aqu todas las formas.
3.2.1.- Subir archivos por FTP

La forma ms tradicional de subir ficheros es por FTP, que es un servicio ms 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 vdeo el proceso de subir una pgina al servidor por medio de FTP: Videotutorial: subir una web a Internet.
Cuando tenemos un alojamiento profesional para nuestras webs lo ms seguro es que nos proporcionen un acceso por FTP a los servidores para subir las pginas. 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 seccin de clientes FTP encontraremos algunas opciones interesantes. Todos los programas de FTP son parecidos (igual que Internet Explorer es parecido a Firefox), bsicamente 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

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 tambin 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 configuracin 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 Podra haber algn dato adicional, como el directorio de publicacin, que es el directorio en el que debes meter las pginas y las imgenes. Suele tener nombres como "html", "Public_html", "httpdocs", "www". Muchas veces al conectarte por FTP te abre justamente el directorio de publicacin, pero muchas otras tienes que abrirlo t entrando en esa carpeta para arrastrar los archivos de tu pgina all. Con estas explicaciones ya vers 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 ms. Tambin cabe comentar otra posibilidad, que tu editor HTML tenga un programa de FTP integrado y que suba las pginas al servidor una vez has terminado tu sitio web. Muchos editores tienen esta funcionalidad que se acciona tan fcilmente como pulsar un botn. Pero en este caso, necesitars igualmente configurar el editor HTML para darle los datos de acceso por FTP a tu servidor, que sern los mismos que habamos comentado para programas especficos de FTP.
3.2.2.- Acceso con interfaz web

Es muy tpico que los proveedores de alojamiento gratuito provean de una herramienta de muy fcil uso para subir las pginas. Esta herramienta se accede a travs de la web alojador y no es ms que un formulario donde se puede elegir los archivos que se desea subir al servidor, se pulsa un botoncito, y todo listo.
Artculo por
3.3.- Documento por defecto

Veamos qu es el documento por defecto y cmo sacar provecho de l. Es importante conocer este concepto, incluso antes de ponerse ha disear la pgina. El documento por defecto es el archivo que enva el servidor cuando el cliente no especifica que archivo es el que solicita. Esto se puede ver muy fcilmente con un ejemplo. Cuando escribimos la direccin www.desarrolloweb.com no estamos especificando ningn nombre de archivo en concreto, entonces el servidor web donde est alojado este sitio web le devolver el documento por defecto del directorio raz de publicacin del dominio. Cada directorio puede tener un documento por defecto, por ejemplo, cuando escribimos www.desarrolloweb.com/manuales se enva el documento por defecto del directorio manuales. Cada servidor web puede estr configurado de una manera distinta para el documento por defecto, es decir, en cada servidor web el documento por defecto puede ser distinto. Lo ms habitual es que se llame index.html, en desarrolloweb es as y en la mayora de los servidores de hosting tambin. 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 podran 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 ningn documento por defecto, lo ms habitual es que se de un mensaje de no encontrado cuando un usuario intenta acceder a ese directorio sin especificar ningn archivo del mismo.
Como decamos, en desarrolloweb el documento por defecto se llama index.html, pero tambin est configurado como

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 veramos como se accede a las mismas pginas que se accede sin especificar el archivo index.php, usando el documento por defecto.
Nota: En el servidor de desarrolloweb.com, y en la mayora 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 pginas dinmicas PHP, que son un poco ms complejas, pero que tambin nos permiten hacer cosas ms avanzadas. En desarrolloweb podemos encontrar tambin informacin adicional sobre pginas dinmicas.
Decimos que es importante saber cul es nuestro documento por defecto porque es necesario que llamemos a la primera pgina de nuestro sitio web (la portada) con ese nombre de archivo, de modo que no tengamos que saber el nombre de ningn archivo de nuestra pgina para acceder y la direccin ser ms corta. Por ejemplo una web con un dominio propio, nuestra pgina se accedera escribiendo www.midominio.com y se devolvera 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 direccin de antes, dar un error de archivo no encontrado y para acceder a nuestra portada deberamos de escribir www.midominio.com/mipagina.html.
Artculo por
Parte 4:
El ciclo de vida de una web

Una vez nuestro proyecto est en el aire nuestro trabajo no ha hecho ms 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 sera el ciclo de vida de la web.
4.1.- Promocin de las pginas

Es un paso imprescindible si deseamos dar a conocer el web que hemos construido para que sea muy visitado. Con el diseo y la publicacin del sitio web en el servidor no se termina el trabajo. Una de las tareas ms importantes para el xito de la web es promocionarla adecuadamente, de manera que su direccin figure en el mayor nmero de sitios. Las acciones que se pueden realizar para promocionar una pgina son muchas y variadas, como hacer que figure su direccin en nuestros correos electrnicos o intercambiar banners, pero la ms importante es aparecer listados en los buscadores y especialmente en Google.

14
Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com Estas tareas de promocin no son nada complicadas y cualquiera puede realizarlas sin ningn problema, pero conseguir que nuestra web se encuentre situada entre los primeros resultados de la bsqueda reviste ms dificultad. La clave para estar listado en buscadores es conseguir enlaces en otras pginas hacia tu sitio. Si bien en Google podrs dar de alta tu direccin, probablemente no conseguirs aparecer en el buscador hasta que otras personas enlacen con tu sitio en sus webs. Realmente Google ni necesita que registres tu pgina en el servidor, sino que automticamente cuando encuentre un enlace a tu web en otra pgina, lo seguir e indexar tu sitio. Cuando consigas una buena cantidad de enlaces, si adems tu sitio lo has construido de manera amistosa a buscadores, conseguirs aparecer en las bsquedas en una mejor posicin. Todos los detalles de la promocin de pginas web se pueden encontrar en la seccin de promocin de este mismo sitio. En esta seccin podremos encontrar un buen manual donde aprender muchos trucos sobre promocin de webs y registro en buscadores. Adems podremos encontrar muchas herramientas para promocionar tu sitio.
Artculo por
4.2.- Actualizar las pginas

Mantener actualizadas las pginas es una de las claves del xito y una de las necesidades ms importantes. El ltimo "truco" para que nuestra pgina 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 ms que otras a tener los contenidos actualizados, como son las pginas donde se pueden ver contenidos de actualidad, pero en general todas las pginas 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 imgenes o textos que resalten donde ponga "nuevo" o "new". Tambin 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 dnde se puede renovar el contenido del web. No es bueno tener un enlace que no lleva a ningn sitio, igual que no es bueno tener una direccin de correo que no existe ya. Adems, si tenemos un rea de noticias no ser bueno que la ltima noticia sea de hace tres meses porque da la impresin de que nunca renovamos los contenidos. Si no mantenemos nuestro sitio actualizado el visitante entrar una vez a la pgina 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 mayora de las personas.
Artculo por
4.3.- Cmo actualizar pginas web

Vamos a relatar la manera de renovar una pgina web, desde la obtencin de los archivos, su edicin y la posterior carga de los mismos para que el sitio web quede actualizado. En este artculo vamos a relatar la manera de actualizar una pgina web. Es un tema bastante trivial para una persona que tenga ya un poco de experiencia en el desarrollo de webs pero, despus 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 captulo anterior vimos en lneas generales por qu debemos actualizar las pginas peridicamente, de modo que ahora vamos a tratar sobre el cmo hacerlo.

15
4.3.1.- Obtener los archivos a actualizar

El primer paso sera disponer de los archivos de la pgina web que queremos actualizar en nuestro ordenador de trabajo. Generalmente tendremos que editar un texto o una fotografa, as que este primer paso ser obtener los ficheros con el cdigo de la pgina, con extensin .html o las fotografas, que sern archivos en formato GIF (.gif) o JPG (.jpg).
Referencia: Hablamos ms sobre los archivos HTML y los JPG o GIF en los artculos: - Cmo es una web por dentro - Qu es HTML - Formatos grficos para pginas web
Puede ocurrir que la pgina 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 haba desarrollado el sitio a actualizar, deberemos conectarnos por FTP al servidor web para obtener los archivos. Para conectarse por FTP al servidor de la pgina necesitaremos la direccin de dicho servidor, algo como ftp.tudominio.com. Adems necesitaremos los datos de usuario y contrasea con permiso para acceder al FTP. Estos datos los debemos obtener, si es que no los tenemos ya, pidindoselos 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 ms sobre el acceso al FTP en el artculo 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 ms adecuado es que descarguemos los archivos en un directorio en nuestro ordenador creado a propsito para contener las pginas a actualizar.
4.3.2.- Editar las pginas

Una vez disponemos de los archivos que deseamos editar en nuestro ordenador podemos empezar el trabajo de actualizacin propiamente dicho. Para trabajar ser importante disponer de algunos conocimientos en la edicin de pginas web o en el diseo grfico. Si deseamos actualizar un texto de la pgina deberemos editar los ficheros HTML y para ello nos bastar con utilizar un programa de edicin de textos simple como el Bloc de Notas. De todos modos, existen numerosos programas de edicin HTML que nos simplificaran mucho el trabajo, con posibilidad de editar el cdigo y el texto de las pginas directamente o con la ayuda del diseo WYSIWYG.
Referencia: Hablamos ms de editores HTML y los distintos tipos en el artculo Editores HTML.
Si deseamos actualizar un grfico, deberemos disponer de una herramienta de edicin grfica, entre las que podemos destacar Photoshop o Paint Shop Pro. El proceso, ya sea tanto para editar un grfico como un texto, ser el mismo. Bsicamente abriremos el archivo donde se encuentra la informacin 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 pginas, 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 direccin contraria, es decir, arrastrando esta vez los ficheros desde nuestro ordenador local

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 teora, iguales que los del servidor, por lo que ser indiferente que los volvamos a colocar, porque no estaramos alterando nada.
4.3.4.- Comprobar las actualizaciones

Ya est el trabajo realizado, as que slo faltara acceder a nuestra pgina web con nuestro navegador en su direccin de la web y comprobar que los cambios se han realizado satisfactoriamente.
Nota: Si no vemos los cambios realizados en la pgina 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 pgina que deseamos que se obtenga desde el servidor sin pasar por la cach. Tambin podemos actualizar la pgina, evitando la cach, con la tecla CTRL apretada y pulsando el botn de la barra de herramientas de nuestro navegador o con la tecla rpida correspondiente (F5 en Internet Explorer). En ltimo caso, si sigue sin actualizarse el contenido de la pgina, podemos cerrar todas las ventanas del navegador y volverlo a abrir y acceder a esa pgina, en esos casos muchas veces el navegador solicita todos los archivos nuevos que se han actualizado, en vez de mostrarlos desde la cach.
Artculo por
Parte 5:
Videotutoriales sobre la creacin bsica de una pgina web

Ofrecemos algunos videotutoriales que muestran el proceso de creacin de una pgina web, simplificado y prctico, para que las personas puedan apreciar visualmente cmo es el proceso de desarrollo y publicacin de una primera web. Cualquier persona con estos vdeos podr dar sus primeros pasos y soltarse en el mundo de la creacin de pginas web.
5.1.- Vdeo: crear tu primera pgina web

Un vdeo que explica el proceso de creacin de una pgina web, enfocado para personas sin ninguna experiencia. Explicamos cmo crear la pgina, el documento HTML bsico y cmo incluir imgenes y enlaces a otras pginas.

17
Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com Hemos preparado un vdeo para los lectores del Manual de Publicar en Internet, en el que explicamos los detalles ms fundamentales que debemos saber para crear una pgina web. Un vdeo creado especialmente para las personas que nunca han desarrollado webs y que tienen dudas sobre los temas ms bsicos y sobre cmo comenzar la tarea. Como probablemente sabrs, en DesarrolloWeb.com tenemos un manual que explica los conceptos ms bsicos sobre crear pginas web. Es un texto que trata sobre todo el proceso, desde cero, de modo que cualquier persona pueda crear su primera pgina y publicarla en un servidor de Internet. Justamente para el perfil de usuario ms inexperto, hemos pensado que un vdeo sera de gran ayuda y nos hemos decidido a publicar este material. En este vdeo veremos cmo se crea una pgina web, lo ms bsica posible y con los materiales ms 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 imgenes (colocaremos una imagen en una web) y otras pginas (que enlazaremos unas a otras). Veremos cmo organizar los distintos ficheros que componen un sitio web en diferentes subdirectorios. Este vdeo cubre el proceso de creacin de la web en nuestro ordenador, dejando para un futuro vdeo lo relacionado con subir la pgina a un servidor de Internet. Con este vdeo esperamos que todas las personas puedan entender el proceso de creacin de una pgina web partiendo desde cero, de modo que puedan sentirse ms 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. Adems, est repleto de consejos para evitar problemas tpicos que pueden surgir y sobre cmo solucionarlos. Sin ms, os dejamos el vdeo de la creacin de una pgina web bsica, que hemos publicado en Vimeo y podemos ver en alta definicin si pulsamos el botn de ver el vdeo a pantalla completa. Crear una pgina web bsica desde cero (ver el vdeo en DailyMotion)
Referencia: Tambin puedes saber cmo se realizara el paso siguiente, a travs de este video explicativo sobre subir nuestra web a Internet.
Artculo por
5.2.- Vdeo: subir una web a Internet

Un vdeo sobre cmo subir una pgina 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 vdeo pensando en las personas que quieren hacer su primera pgina web, ya que explica los aspectos ms bsicos, pero fundamentales, para publicar una pgina web, creada en nuestro ordenador, en un servidor web. Este vdeo ofrece una ayuda visual y prctica a los lectores del Manual de Publicar en Internet, donde se ofrecen los contenidos para las personas con menos experiencia. Este vdeo es continuacin de otro, en el que mostramos cmo realizar una pgina web en nuestro ordenador. En el vdeo anterior ya mostramos cmo se hace una web y en este nuevo vdeo vamos a mostrar cmo publicarla en una web. Para ello utilizaremos el servicio de FTP, que es el mtodo que se suele utilizar para transferir los archivos, de nuestro ordenador al servidor web donde vamos a alojar la pgina. En el vdeo mostraremos cmo subir la pgina a un servidor, lo que incluye la descarga de un programa cliente de FTP, conexin a nuestro servidor de hosting (donde se va a albergar la pgina), subida de los archivos, etc. Pero adems damos tambin muchos consejos sobre las posibilidades de alojamiento y cmo podemos escoger uno adecuado. Tambin exploramos ciertos conceptos que debe saber todo aquel que quiere publicar una web en Internet y que estn relacionados con la etapa de subir los archivos a Internet. Estos conceptos que explicamos en el vdeo son el documento por defecto y el directorio raz de publicacin. El vdeo dura poco menos de media hora y como digo, espero que sirva para que las personas que nunca han usado FTP y

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 cmo realizar los pasos finales antes de tener su pgina web disponible para el mundo. As pues, lo mejor es que veamos este vdeo 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 vdeo en DailyMotion)
Nota: Si te han interesado estos vdeos bsicos sobre la creacin y publicacin 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 formacin en vdeo, te recomendamos el videotutorial de HTML.
Artculo por
Parte 6:
Ms cosas que debes saber sobre el mundo de la publicacin web

Otra serie de cosas que pueden resultar interesantes, ahora que ests introducindote en el mundo de la publicacin en Internet y que te podrn guiar si buscas objetivos ms importantes que hacer una simple pgina personal.
6.1.- Por dnde continuar

Hemos visto muchas cosas, pero aun queda ms en el desarrollo web. ltimos apuntes para indicar donde puedes encontrar ms ayudas. En este manual hemos visto lo ms bsico y sin duda tendremos multitud de trabajo en lo sucesivo para tratar de dominar cada una de las tcnicas y programas de los que hemos hablado como el HTML, algn editor, los programas de diseo grfico, alojar las pginas 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 imgenes profesional, la programacin de pginas avanzadas con Javascript y lenguajes como ASP o PHP que nos permitirn crear portales con pginas que acceden a bases de datos y ofrecen servicios ms complicados.

19
Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com Un punto muy interesante para continuar aprendiendo es la seccin Desde 0 que contiene la gua para moverse por los contenidos de DesarrolloWeb para personas novatas. En la seccin descubrirs enlaces a un manual de HTML, otro de promocin de pginas y a otros artculos y manuales de inters. Muchas de estas cosas que acabo de enumerar te sonarn todava a chino, pero ya vers que con el tiempo y a medida que aumenten tus necesidades llegars a comprenderlas y estudiarlas con calma. Acerca de todas estas cuestiones se puedes informarte en DesarrolloWeb.com, segn tu curiosidad y necesidades se presenten. Otro manual que te puede introducir en procesos ms avanzados de la programacin de pginas web es el Manual de Paginas Dinmicas, que te explicar que es una pgina dinmica, para que la puedes necesitar y cmo 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 algn contenido realmente bsico o algo que consideras confuso, te agradecera que escribieses a travs de nuestro formulario de contacto para que publiquemos un artculo al respecto. Si deseas preguntar dudas puedes dirigirte a la lista de correo que tenemos a este efecto. Tambin puedes participar en los foros para webmasters, donde se puede encontrar mucha informacin acerca de un montn de tecnologas, servidores, programacin, etc.
Esperamos que la suerte te acompae en tu diseo web.

Artculo por
6.2.- Orientacin acadmica

Una respuesta a una carta de un usuario que deseaba asesoramiento para orientar sus estudios en los prximos aos con objetivo de convertirse en un webmaster. He recibido ms de una vez una consulta sobre cmo enfocar los estudios para una persona que desea llegar a ser un webmaster. Creo que ms de una persona podra interesarle esta respuesta, por eso me he decidido a publicarla. Para ponernos en materia, sealar que la persona que me haca 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 programacin y mantenimiento de pginas web y servidores. Adems me propona tres posibilidades de estudios para que valorase sus ventajas e inconvenientes, las siguientes: 1)Diseo Multimedia. En una academia o centro de formacin no universitario. 2) Estudios de ingeniera informtica en la universidad 3) Diseo Grafico, en la universidad. Pero antes de empezar con la carta de respuesta, quera indicar que estas son notas muy personales que no tienen porque ser las ms inteligentes y ser compartidas por vosotros. Es ms aconsejo encarecidamente que no se tengan en cuenta ms que como un modesto punto de vista. No basis vuestros siguientes pasos ni vuestro fututo en estas notas porque estarais muy equivocados si se toman como un dogma. La respuesta de la carta Yo estudi ingeniera informtica en la universidad, pero no me ha servido prcticamente 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 ms bien programas y tecnologas que no ensean en la universidad y si en academias y centros de diseo. Si quieres estudiar poco e ir rpidamente al grano debes decantarte por las

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 sealar que para hacer el trabajo de un webmaster siempre te ser muy til ser un buen informtico. En para serlo lo mejor es ir a la universidad. En la universidad se ensean 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 estn 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 diseo no va a tener nunca (nunca sabr que existe un algoritmo de ordenacin de elementos o no conocer al ingeniera de desarrollo de software ni cmo 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 empezars por lo difcil y tendrs que aprender cosas ms fciles y divertidas cuando te especialices. Sin embargo, si estudias diseo luego te va a parecer un tostn el ponerte a estudiar programacin desde las bases, aunque puedas hacer cosillas en el mundo de la programacin 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 decisin pues es algo muy personal. Si te gusta el diseo ms que la programacin o administracin 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 creacin o mantenimiento de webs. En un equipo de produccin se requieren Webmasters, desarrolladores, diseadores, etc. Mira a ver dnde 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 pginas web, entre las que se incluye DesarrolloWeb.com. Adems realizamos todo tipo de trabajos para empresas en el mbito multimedia, pero sobretodo para Internet. Quera decirte que mi trabajo no es ser webmaster, ms bien soy desarrollador (mi enfoque es la programacin, por tanto, tampoco soy diseador 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 Espaa 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 debera estar mejor el sector que este ao y los ms prximos. Por favor, que slo te sirvan estas notas como consejos. No los tomes al pie de la letra e infrmate en muchos ms sitios y por ms amigos o contactos. Tus padres o sus amigos tambin te pueden dar una visin a considerar ms que estas notas y se tu al final el que decida. Pienso que es tu ilusin por hacer una cosa u otra lo que debe primar.
Artculo por
6.3.- Plantearse los objetivos para saber qu aprender

Para saber qu materias o tecnologas debes aprender dentro de todas las disponibles en el mbito del desarrollo de webs, primero debes de plantearte cules son los objetivos que buscas. Qu debes aprender de entre todas las posibilidades que se te presentan? Por dnde empezar? Supongo que muchos de los lectores de DesarrolloWeb.com se plantearn estas preguntas o algunas similares. Este artculo pretende dar un poco de luz a estas cuestiones a travs 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 pgina personal, que una web de noticias o una de juegos. Los objetivos cambian y con ellos tambin las tecnologas , lenguajes o programas que necesitaremos aprender. Otra posibilidad sera una persona que desease aprender -sin ms-, para conocer todas las tecnologas y saber decidir por si mismo cul es la apropiada para cada caso. Para todos ellos queremos ofrecer una solucin. Dar los primeros pasos y realizar una web muy sencilla fcilmente

21
Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com Empezaremos por este caso, por ser el ms sencillo. Realmente, esta motivacin es muy vlida para empezar. Seguro que casi todos los webmasters de webs de xito empezaron por aqu. Seguramente la persona que desea hacer una web sencilla tambin desea que las herramientas necesarias sean simples de usar y le permitan hacer el trabajo rpidamente y sin complicaciones. Para estas personas recomendamos el manual de Publicar en Internet. Este manual explica los conceptos ms bsicos que hay que saber para desenvolverse en la realizacin de una web. Entiendo que a una persona que no desea complicarse nada la vida, le ser ms cmodo hacer la pgina utilizando un editor web, sin tener que vrselas con el cdigo HTML. Es decir, diseando una pgina como si estuviera en un editor de textos como Word. Pues bien, es una eleccin, pero no olvidarse que aprender a manejar un programa tambin tiene cierta dificultad. Entre los editores que podemos recomendar los hay ms potentes (pero ms complicados) y ms simples (pero ms sencillos de manejar). Por ejemplo, uno de los editores ms sencillos podra ser el que viene con la Suite Mozilla (es un conjunto de programas para Internet: de correo electrnico, navegacin y tambin un editor web). Este editor permite las funciones ms bsicas. Frontpage, de Microsoft, tambin puede ser una buena opcin 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 tambin se puede usarlo, aunque hay que decir que necesitaremos prctica 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 pgina que sea bonita. Si es as, aparte de crear la pgina, que tcnicamente no es muy difcil, necesitas poner en marcha tu creatividad y tambin utilizar algn que otro programa o lenguaje adicional. Para empezar, tendrs que ahondar en temas relacionados con el diseo. Para ello recomendamos el manual de Introduccin al diseo, que trata sobre los distintos programas disponibles, para lo que sirven y cules se pueden escoger. Tambin el Curso prctico de diseo web, que relata el mundo del diseo desde lo ms bsico a lo ms avanzado. Pequeos dinamismos e interactividades Seguimos con las pginas bsicas, pero puede que desees incluir algn pequeo efecto o interactividad a tu pgina web. Posiblemente, sin meterte todava en nada demasiado serio, deseas que tu pgina pueda tener algn tipo de animacin o respuesta al usuario. Para ello sera 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 pginas web. Atencin, 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 tambin permite hacer pequeos dinamismos e interactividades, como cambiar una imagen al pasar el ratn 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 pgina web... y un largo etc. Javascript est muy bien y es una gran herramienta para los desarrolladores, pero ya tiene cierta dificultad. Tambin es un buen punto de partida para las personas que no saben programar y desean aprender con un lenguaje sencillito. Pero posiblemente, si habas pensado en hacer una web sencilla, no sea muy recomendable por su complejidad y porque ya implica meterse con el cdigo de la pgina. Este artculo contina en Tecnologas para desarrollo de objetivos avanzados.
Artculo por

22
6.4.- Tecnologas para desarrollo de objetivos avanzados

Si pretendemos realizar pginas web avanzadas tendremos que aprender a programar y usar tecnologas ms complejas. En el artculo Plantearse los objetivos para saber qu aprender ya examinamos las tecnologas recomendadas para proyectos sencillos. Ahora veremos qu tenemos que aprender en proyectos ms avanzados. Puede que ests 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. Adems, es muy divertido. Tambin 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 bsicos. Pero lo que te recomendamos encarecidamente es que aprendas HTML. Un lenguaje con una sintaxis muy sencillita que sirve para crear pginas web. Aunque hayas utilizado un programa para hacer una web, en el fondo, ese programa estaba definiendo la pgina a mediante el lenguaje HTML. Casi cualquier paso que vayas a dar a continuacin en el desarrollo de webs requerir que hayas aprendido HTML. Cuando decimos aprender HTML, nos referimos a aprender a escribir nosotros mismos el cdigo HTML para hacer tus propias pginas web. Para escribir cdigo HTML puedes hacerlo con el Bloc de Notas, pero seguramente en algn momento tendrs que pasar a algn editor ms avanzado que te ayude a escribir el cdigo y a acelerar el proceso de creacin de las pginas. Entonces puedes escoger entre varios editores, como podran 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 pgina web, es decir, el aspecto que tendr. CSS es complementario de HTML. Aunque solamente con HTML ya puedes definir muchos parmetros del aspecto de una pgina, con CSS se pueden definir muchas ms cosas. No slo permite trabajar con mucho ms detalle, sino tambin beneficiarte de diversas ventajas que explicamos en nuestros manuales de CSS. Si quieres aprender a programar Para llegar todava ms lejos necesitars aprender a programar. Dicho de otro modo, si no quieres tener fronteras en tus capacidades de desarrollo, tendrs que meter mano en el cdigo. Cuando escribas HTML ya pudiste familiarizarte sobre lo que era escribir un cdigo fuente, pero los lenguajes de programacin que debers aprender ahora son un poco distintos. Para aprender las bases de la programacin 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 programacin. El cdigo Javascript se escribe dentro de la propia pgina web, con lo que las herramientas para edicin son las mismas que para escribir cdigo HTML. Para tener una visin general de los distintos lenguajes de programacin que se utilizan en la web tenemos un manual llamado Introduccin a los lenguajes del web. Este manual no te ensear a programar en ningn lenguaje. Ms bien te explicar cules hay y para qu se utiliza cada uno, siguiendo la ruta lgica de aprendizaje, desde lo ms simple a lo ms complicado. Si quieres hacer pginas web con funcionalidades avanzadas Las pginas web grandes, o las que ofrecen servicios avanzados, se construyen utilizando lenguajes de programacin del lado del servidor. Estos lenguajes sirven para construir las pginas web con datos que extrados 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 pgina de ese cliente. Este tipo de pginas web con programacin del lado del servidor se llaman aplicaciones web. Los lenguajes del servidor son ya bastante complejos, aunque su uso es muy sencillo porque el cdigo se sigue incluyendo

23
Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com dentro del propio cdigo HTML de la pgina web. No obstante, implican conocer los conceptos de pginas dinmicas de servidor. Esos conceptos se explicaron en el manual Introduccin a los lenguajes del web, y se detallan en el manual de Pginas dinmicas. Como se habr podido leer en los manuales mencionados arriba, existen varios lenguajes de programacin de pginas 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 cdigo libre, el popular PHP. Las ventajas o inconvenientes de estos lenguajes estn discutidas en diferentes artculos y FAQs dentro de DesarrolloWeb.com Con qu tecnologa programo una pgina Qu elegir ASP o PHP Comparando JSP con ASP Opiniones hay de todos los gustos. Sin embargo, podramos decir que si te sientes cmodo con las tecnologas de Microsoft, aprendas ASP. Si no te importa plantearte un aprendizaje ms duro, pero quieres beneficiarte de las ventajas que han implementado los de Microsoft en su sistema de desarrollo, vete directamente a .NET. Si te gustara 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 fcilmente a las pginas web. Existen muchos productos desarrollados en PHP, como foros, tiendas, interfaces de gestin de bases de datos, servidores de banners, etc. disponibles en PHP gratuitamente para cualquier propsito. Si te interesa un todopoderoso, JSP es una tecnologa desarrollada dentro del mbito de Java. Utilizar Java para hacer una pgina web no tiene lmites, pero posiblemente si ya sabes que te interesa Java o ya desarrollas en Java no estars leyendo este artculo. JSP es un poco ms difcil. Para principiantes no lo recomendara. Las bases de datos se estudian paralelamente a la programacin de servidor Tambin tendrs que aprender a utilizar bases de datos. Esta es una tarea que seguramente hars 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 informacin que luego, en nuestro caso, presentaremos en pginas web. Si tenemos que hacer una pgina web con un catlogo de productos, lo normal es que tengamos el catlogo en una base de datos y que construyamos pginas web que lean la informacin de ese catlogo para mostrar sus productos. Lo mismo ocurre con las tiendas, pero en este caso tambin se tiene que gestionar una lista de usuarios, por ejemplo. Tambin un sitio como DesarrolloWeb.com utiliza una base de datos para almacenar los contenidos. Cuando se introduce un artculo nuevo, simplemente se est insertando en una base de datos y enlazndolo con las categoras o manuales adecuados. Las bases de datos ms adecuadas dependen tambin del lenguaje de programacin 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 ms pequeos y SQL Server para grandes cantidades de informacin o bien pginas con un mayor trfico. Todas las bases de datos utilizan un lenguaje para manejar su informacin llamado SQL. Este lenguaje es comn 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 tecnologas para programacin de aplicaciones web. Conclusin Llegado a este punto ya te hemos guiado en tu descubrimiento del desarrollo de pginas web. Espero que este enfoque te

24
Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com haya servido de ayuda si eras nuevo en esto y no sabas por dnde empezar.
Artculo por

25

Manual Publicar Internet Desarrollowebcom

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Manual Publicar Internet Desarrollowebcom

Enviado por

Direitos autorais:

Formatos disponíveis

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.

Autores del manual

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

1.1.- Introduccin a Internet

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

Miguel Angel Alvarez

1.2.- La web es un servicio de Internet

Miguel Angel Alvarez

1.3.- Cmo es una web por dentro

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Miguel Angel Alvarez

1.4.- Pasos previos I. Pensar un tema

1.4.1.- Pensar un tema para tu web

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

Miguel Angel Alvarez

1.5.- Pasos previos II. Estructura del sitio

Miguel Angel Alvarez

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

2.1.- Qu necesitas para empezar a crear pginas web

Miguel Angel Alvarez

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

Miguel Angel Alvarez

2.3.- Editores de HTML

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Con un editor WYSIWYG

2.3.1.- Editores HTML modo diseo WYSIWYG

2.3.2.- Editores de texto preparados para escribir cdigo HTML

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Miguel Angel Alvarez

2.4.- Construir las pginas

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Miguel Angel Alvarez

2.5.- Imgenes y otros recursos

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Miguel Angel Alvarez

Cmo poner nuestro proyecto online

3.1.- Alojar las pginas

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

Miguel Angel Alvarez

3.2.- Subir los archivos al servidor

3.2.1.- Subir archivos por FTP

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

3.2.2.- Acceso con interfaz web

Miguel Angel Alvarez

3.3.- Documento por defecto

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Miguel Angel Alvarez

El ciclo de vida de una web

4.1.- Promocin de las pginas

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Miguel Angel Alvarez

4.2.- Actualizar las pginas

Miguel Angel Alvarez

4.3.- Cmo actualizar pginas web

Manual de Publicar en Internet: www.desarrolloweb.com/manuales/publicar-webs-internet.html

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

4.3.1.- Obtener los archivos a actualizar

4.3.2.- Editar las pginas