Introduccin Pues eso de entrada podemos preguntarnos qu es una pgina web.

Habran dos respuestas: para el internauta y para el diseador. Para el internauta una pgina WEB es una pantalla en su monitor que le muestra la informa i!n que "a bus ando y enla es a otros sitios rela ionados. Para el diseador una pgina WEB es un do umento onstrudo para mostrar informa i!n en la pantalla de un monitor# que ontiene adems de la informa i!n una serie de instru iones para indi ar omo se $a de mostrar esa informa i!n. Estas instru iones se es riben siguiendo un lengua%e llamado H&'( )omo "es el diseador define la pgina web omo algo ms ompleto y t ni o que el simple internauta. (a pgina web se on reta en un do umento on un nombre terminado on la e*tensi!n .$tm o .$tml. +na serie de pginas web inter one tas e interrela ionadas de alguna forma ,el mismo tema# el mismo ob%eti"o...- forman un sitio web# que $abitualmente est alma enado en un ser"idor. Requisitos Para seguir el urso los requisitos son mnimos: un ordenador# un na"egador y un editor de te*to simple es sufi iente. Un Servidor local .o es indispensable# pero puede a$orrarnos ms de un dolor de abe/a on los enla es situados en nuestras pginas. +n ser"idor lo al permitir que podamos a eder a nuestro sitio en forma lo al ,en nuestro ordenador- pero omo si estu"iramos a ediendo a l a tra"s de internet# es de ir# on una dire i!n tipo $ttp:00misitio0paginas.$tm. 1i adems "as a desarrollar pginas on PHP el ser"idor lo al es impres indible. 2unque en el mer ado e*isten mu $os programas para montar tu ser"idor lo al# en el mundo (inu* te re omiendo el ser"idor 2pa $e ,si piensas traba%ar on PHP te re omiendo la "ersi!n 3.**# la 4 sigue siendo desa onse%able-# y tambin es el ms barato: es gratis. .o te "a a o upar mu $o espa io ni te "a a pedir ompli adas opera iones de instala i!n y onfigura i!n. )on este ser"idor orriendo en tu equipo tendrs un sitio llamado lo al$ost al que podrs a eder omo si se tratara de un ser"idor de internet: $ttp:00lo al$ost0# pero solo es "isible en tu ordenador. 2dems la amplia omunidad de usuarios "a a permitirte en ontrar solu iones a los problemas que se te puedan plantear. 5tra op i!n es el Personal Web 1er"er que "iene on Window 67# o in luso el 881 que "iene on el ser"idor Window 4999. En uanto al editor de pginas web utili/a un editor tipo te*to# o uno grfi o# pero traba%ando en modo te*to. :e uerda que la idea es ono er el lengua%e H&'(# y los editores grfi os es onden el !digo. 'ra estas $erramientas que te pueden ser ;tiles# re uerda que de gratis tambin $ay osas buenas. En uanto al na"egador lo me%or es tener uno de ada# de esa manera podrs omprobar que todo lo que $agas fun iona en ambos modelos# aunque $oy por $oy el rey es el E*plorer de 'i rosoft. Cliente FTP

1i el editor H&'( no lo posee# ne esitaras un liente <&P# es de ir# un programa que te permita en"iar las pginas que $ayas reado a donde $ayas alo%ado tu sitio web. Habitualmente es un programa que te one ta a tu alo%amiento mostrndote lo que all tienes alma enado ,dire torio remoto-# al mismo tiempo te muestra lo que tienes en tu sitio lo al. 'ediante alg;n bot!n o omando sen illo te permite omo mnimo en"iar fi $eros a tu dire torio remoto o re ogerlos para traerlos a tu dis o lo al. Hay algunos gratuitos omo offe)up <&P# <ile=illa <&P o smart<&P ,e*iste "ersi!n espaola-. Editores HTML 2unque un simple editor de te*tos es sufi iente para onstruir una pgina web si no quieres memori/ar todas las etiquetas usadas por el pseudo lengua%e H&'(# utili/a alg;n programa que te ayude en est tarea. Bsi amente estos programas se agrupan dependiendo del estilo usado para la rea i!n de pginas: orientados a !digo y "isuales. Editores orientados a cdigo En estos editores las pginas se rean es ribiendo el !digo H&'( omo si fuera te*to# pero el programa nos ofre e $erramientas omo puedan ser botones para insertar !digo de determiandos elementos sin apenas tener que es ribir# omo tablas# imgenes# formularios# et . 2dems suelen in orporar alguna referen ia del lengua%e H&'(# ayudas en lnea para ompletar las etiquetas. En suma utilidades que permiten onstruir la pgina traba%ando en modo te*to pero es ribiendo lo mnimo. En este tipo de editores uando queremos "er omo "a nuestra pgina debemos a udir a un e*plorador# bien sea uno e*terno# .ets ape o 8E*plore# o uno in orporado. En estas listas tienes los enla es a las pginas ofi iales de algunos de los editores disponibles en el mer ado: Editores HTML orientados a cdigo gratuitos Web>5>:ama ?.64 Editores HTML orientados a cdigo de pago Hot'etal Pro @.9 3st Page 4999 Homesite 2ra $nop$ilia Editores visuales 1on los editores llamados WA18WAB# ini iales de las palabras inglesas W$at Aou 1ee 8s W$at Aou Bet# o en astellano# lo que "es es lo que obtienes. En estos programas ests traba%ando en una espe ie de "entana muy similar a la que se "er en un e*plorador. En esta pgina en tiempo de diseo aades las tablas# imgenes# formularios# apas y dems elementos H&'( mediante botones y "as "iendo el elemento aadido omo quedar en la pgina final. 5 asi. Es omo editar dire tamente la pgina# lo que se "e# no el !digo. .o obstante este tipo de editores ofre e la op i!n de editar el !digo dire tamente# una op i!n de la que siempre a abar e $ando mano. En estas listas tienes los enla es a las pginas ofi iales de algunos de los editores disponibles en el mer ado:

Editores HTML visuales de pago Creamwea"er 1in duda el me%or. e*iste "ersi!n en astellano .amo +na op i!n interesante. E*iste "ersi!n en astellano HotCog Profesional &odo un "eterano !Cual elegir" Prue#a ambos estilos y elige aquel en el que tra#a$es %&s a gusto# pero no ol"ides que si quieres una pgina bien $e $a debers ser apa/ de leer# entender y modifi ar el !digo H&'( de la pgina. Efe ti"amente ms tarde o ms temprano te "ers editando dire tamente H&'(# in luso si la tarea prin ipal la $a es on un editor "isual. Eli%as el estilo que eli%as #usca un progra%a que te per%ita gestionar todo el sitio# in luyendo detalles omo: )omproba i!n y a tuali/a i!n de enla es )omproba i!n de ortografa )ambio de te*to en m;ltiples ar $i"os <a ilidades para editar Da"as ript y PHP Editor de $o%as de estilo )11 1i eliges un editor "isual sin lugar a dudas el ms re omendable es 'rea%(eaver de Macromedia. Para los orientados a ob%etos Hot%etal tiene muy buena fama. Pero al final re uerda que lo que para otros es indispensable para t puede ser op ional. 2s que prueba y eli%e aquel on el que te en uentres ms a gusto.

Editor de i%&genes En otro apartado de esta gua se di e que las imgenes son pr ti amente impres indibles en las pginas web# ra/!n por la ual no est de ms disponer de un editor de imgenes. )on l podrs optimi/ar las imgenes# ambiar su formato o rear imgenes propias para botones o barras de na"ega i!n. E*isten mu $os programas que pueden serte ;tiles en este apartado# omo por e%emplo <ireworEs ,'a romedia-# P$oto 1$op ,de 2dobe- o P$oto Paint ,de )orel-. Centro de este apartado si "as a usar imgenes en formato gif animado debers disponer de un programa al efe to# el ms ade uado qui/s sea el +lead Bif 2nimator.

) *erra%ientas para diseadores (e# En este art ulo "amos a presentar in o *erra%ientas para diseadores (e#. Entre estos est una paleta de color+ tipogra,-as# una $erramienta para omprobar si nuestro diseo es responsive+ pro#ar nuestra p&gina online o sitios donde en ontrar inspiracin. ./ Lo pri%ero+ la inspiracin/ 1i estamos bus ando inspira i!n para disear una web# o alguno de sus omponentes# podemos dar una "uelta por webdesign. 2qu podremos en ontrar multitud de diseos on lo que empe/ar. 0/!1u2 colores uso" E*isten multitud de $erramientas para rear paletas de olores en armona. Ce entre todas ellas "amos a men ionar a olorotate. En esta web podremos elegir de entre las diferentes armonas de olor. 3/ !4 la tipogra,-a" Aa tenemos los olores# "amos a por las tipografas Fmal llamadas fuentes> que "amos a utili/ar en nuestro sitio. )omo pasaba en el punto anterior# e*isten infinidad de sitios donde puedes des argar tipografas de forma gratuita. Ce todas ellas me quedo on dafont# ya que permite "er una muestra on nuestro propio te*to y elegir si la tipografa debe ontener a entos o el smbolo del euro. 5/ !1u2 tal queda" !4 en %i %vil" 2 tualmente se $a in luido a la $ora de disear una web el on epto de responsive design. Este trmino "iene a indi ar la apa idad de un sitio web para adaptarse al modo en que un dispositi"o est "isuali/ando el ontenido# y rea ionar ambiando distribu i!n y tamaos uando sea ne esario. +n buen modo de "erifi ar omo se "e nuestra web es re urrir a s reenfly. 1!lo introdu iendo la +:( de la web que queremos "erifi ar nos mostrar "arias op iones de "isuali/a i!n seg;n el dispositi"o que estemos usando. )/ 6a7a *o%#re+ 8tengo pro#le%as con el cdigo ,uente9 Es dif il estar al tanto de todas las no"edades en uanto a la programa i!n web. 1i en alg;n momento nos sentimos bloqueados sobre tal o ual &2B o no sabemos muy bien !mo apli ar una u otra propiedad podemos re urrir a wGs $ools. Este sitio es una de las ms ompletas guan onine sobre programa i!n orientada a web. (a onsidero la wiEipedia del H&'( y el )11. 'e $e de%ado en el tintero otras $erramientas y ser"i ios tan ;tiles >o in luso ms ;tiles# seg;n sea nuestra forma de traba%ar> omo las aqu presentadas. Es importante transmitir que debemos arroparnos de las *erra%ientas para diseadores (e# ade uadas que nos permitan optimi/ar nuestro flu%o de traba%o. 5s animo a in"estigar y bus ar por "uestra uenta. Sitios con recursos varios

Fotos :ratuitas +n enorme atlogo de imgenes gratis para tu web. Est en ingls pero es muy simple de en ontrar la imagen que ne esites. Han ategori/adas in luso por olores. I%&genes gratis +n ser"i io enteramente gratis para que puedas co%partir tus i%agenes 7 creaciones on tus amigos y onta tos. 1i te gusta usar programas grafi os omo p*otos*op+ gi%p+ corel+ paint s*op pro+ ,ire(or;s# y demasI 1ubelos de forma totalmente gratuita y ompartelos on todo el mundo. Sin li%ites/ :estores de #anners locales Banner Plus Es un rotador de banners enfo ado al inter ambio. E*isten "ersiones de pago# pero la gratuita pare e que fun iona bien en sistemas medianos > grandes. 5penJ +n e* elente programa para rotar banners en tu sitio. .e esitas que tu sitio soporte PHP y algun gestor de base de datos ,'y1ql# Postgre#...:estin de #ases de datos Da"a'y2dmin Da"a'y2dmin es un $erramienta basada en %a"a destinada a administrar bases de datos 'y1K(. &iene las mismas fun iones que p$p'y2dmin# pero al pare er menos problemas de seguridad. P$p'y2dmin Kui/s el administrador de bases de datos 'y1ql ms e*tendido de la red. &e permite administrar totalmente tus bases de datos 'y1K( a tra"s de un sen illo interfa/ H&'( on el que a edes al ser"idor. P$pPg2dmin +n administrador "ia web para a eder a ser"idores de bases de datos Postgre1K(. Es un programa "lido para fun iones bsi as y algunas algunas a"an/adas omo pro edimientos o "istas. <uscadores locales H&Cig

Paquete de software que permite aadir a nuestra web la fun ionalidad de un potente motor de b;squeda. 1e trata de software libre on una amplia red de usuarios. 2qu tienes un tutor en espaol 1ear $ 'aEer Pro Es un software gratuito que rea un motor de b;squeda para tu web. Este software inde*ar todas las pginas de tu web y a ontinua i!n rear el !digo H&'( y Da"as ript que posibilitar las b;squedas. Foros para todos "Bulletin +n foro de pago para tu web on numerosas ara tersit as que la $a en un produ to bastante atra ti"o: personali/a i!n# a"isos "ia email# multi idioma# emoti os... p$pBB 1istema de foros basado en PHP y 'ysql. 1e administra "ia web y puede mane%ar foros pri"ados y p;bli os# soporta emoti ons# registro de usuarios# personali/able# soporte multi idioma.... W>2gora 5tro foro tan sen illo o tan omple%o omo quieras. 'uy sen illo de personali/ar# soporta "arios idiomas y es apa/ de administrar multiples foros y omunidades. 1oporta una lista de orreo# moderadores e in luso puede ser"ir para rear libros de "isitas. =oticias en tu (e# 8mente 5fre e noti ias fres as en tu web. (os enla es abren las pginas donde estn publi adas 2 eso 'uy interesante: las noti ias que ofre en se abren en una pgina de tu propio sitio. :anar dinero Pues si: Boogle te paga por tu pgina. (os anun ios de Boogle son muy efe ti"os# se adaptan al ontenido de tu pgina y por supuesto la empresa umple on los pagos. &e pagan a partir de .>>? y lo $a en por c*eque o por trans,erencia #ancaria# adems te pagan en tu %oneda# no pierdas dinero pagando omisiones al ban o. Puedes poner anun ios o in luso un bus ador en tu sitio web# en ambos asos puedes ganar bastante dinero por esos espa ios. 2$ y tienes la posibilidad de personali/ar los olores de los anun ios# que por otra parte son mayoritariamente de te*to# on lo que no enlente es tus pginas. L2 qu esperasI Pin $a el bot!n de la i/quierda y prubalo

I%presiones @e# +na nue"a empresa de ompra de publi idad que paga por i%presiones+ sistema asi desapare ido. Bueno te paga por impresiones si $a es un ierto n;mero de li Es. Pare en serios en pagos y mantienen un foro muy "i"o donde te mantienen al da de omo "an las ampaas# de las me%oras que se "an $a iendo# y adems es u $an tus sugeren ias. LEn uentras algo me%orI Pues si no te lo rees date de alta# prubalo y "ers. &otal no tienes nada que perder solo puedes ganar Anunciante I@ 1i eres anun iante 8W es un lugar e* elente para ontratar tu publi idad. Posee una enorme "ariedad de webs afiliadas y puedes ontrolar el tipo de anun io que quieres y donde lo quieres olo ar. Es una op i!n a probar.