Lo primero que tendremos que hacer antes de empezar a construir nuestra pgina web ser hacernos unas determinadas

preguntas

COMO CREAR UNA PGINA WEB

Lo primero que tendremos que hacer antes de empezar a construir nuestra pgina Web ser hacernos unas determinadas preguntas: 1.- Que tema quiero abarcar? 2.- Que deseo conseguir con la construccin de la Web? 3.- A que publico quiero que vaya dirigida? 4.- Cual ser el nombre de la pgina? Por ejemplo antes de empezar a construir webnueva, me tuve que hacer esas preguntas y mis respuestas fueron: 1.- Desarrollo Web 2.- Intentar construir una pagina que permita a cualquier usuario, crearse una pagina Web de una forma rpida, clara y precisa, permitindole encontrar en cualquier momento la informacin que necesita, una informacin veraz y de calidad. 3.- A cualquier persona interesada en el mundo del Web, ya tenga un nivel bajo, medio o alto. 4.- webnueva. Una vez que ya tengamos una idea bsica de lo que queremos hacer, habr llegado la hora de coger lpiz y papel y crearnos un boceto de nuestra Web. No os cortis a la hora de disear e intentar disear la Web perfecta, del resto se ocupa webnueva, :). Si te atascas durante la construccin de la Web no te preocupes, tmatelo con calma, dale una nueva visin al problema y en el caso de que te tome un tiempo excesivo improvisa, a veces la improvisacin da los mejores resultados y es que uno nunca sabe cuando puede llegar la inspiracin, jeje En el diseo deben ir incluidos todos los enlaces (botones) que queris insertar y estara bien que debajo del diseo escribierais una lista con todos los enlaces q disponis y una o dos lneas definiendo a q seccin va ese link. Si usted es nuevo en esto del mundo Web e Internet le vendra bien pasarse por esta pgina para aprender todas esas palabruchas raras ;), que gobiernan el desarrollo Web. GLOSARIO INTERNET -------------> http://webdominio.com/glosario/glosario-internet-terminologia-internet.asp Una vez tengamos nuestras ideas en una mano y el diseo terminado en la otra lleg el momento de ponerse manos a la obra!. Nota: Para un correcto seguimiento del tutorial ir a : www.recursos.webnueva.com. Una vez all ir al panel de control por el cual os guiar segn vamos avanzando en el aprendizaje. EDITORES WEB Lo primero que vamos a necesitar para empezar la construccin de nuestra Web ser un editor de paginas Web que constituir la base sobre la que nos moveremos a lo largo de nuestra creacin. Existen dos editores Web por excelencia que son: - Macromedia Dreamweaver - Microsoft FrontPage Yo os recomendara el Dreamweaver, ya que ofrece mayores posibilidades y calidad, aunque con FrontPage tambin nos podremos crear webs muy interesantes. Si no tenis a nadie que os deje alguno de estos programas y no andis muy bien de pelas, suele pasar, sobre todo sino tienes curro como yo, jeje, podis optar por un editor gratuito, con el cual obtendremos menos prestaciones como es natural, pero al fin y al cabo nos ofrecer una base que como os deca antes es lo que nos hace falta. En la Web, dentro de la zona azul podis encontrar una carpeta llamada "Editores Web", en ella os pongo unas cuantas direcciones, para que os descarguis las versiones de prueba de
file:///C|/Descargas/fla_swf_htm/Portafolio/webnueva/HTML/crear_web.htm (1 de 5) [09/09/2004 7:26:27]

Lo primero que tendremos que hacer antes de empezar a construir nuestra pgina web ser hacernos unas determinadas preguntas

Dreamweaver y FrontPage, as como un par de tutrales muy interesantes, tambin podis encontrar direcciones desde las que os podis descargar editores Web gratuitos. HTML Si ya os habis decidido por algn editor Web, es la hora de empezar con un poquito de programacin, pero no os asustis ya veris que es muy fcil y segn vas sabiendo mas, te vas enganchando poco a poco. Empezaremos programando con HTML (HyperText Mark-up Language) que se podra definir como el lenguaje por excelencia de las pginas Web. No es necesario saber programar con HTML para construir una Web, pues los editores de paginas Web, mediante botones, barras de herramientas, etc., t traducen automticamente a lenguaje HTML, con lo que la construccin de la Web se vuelve mucho ms fcil, no como antiguamente, cuando haba que programar escribiendo cdigo puro y duro. Si ya os habis ledo un poquito de los tutoriales de los editores Web, sabris q hay varias opciones de visualizar la pagina, por ejemplo en Microsoft FrontPage tendris las vistas normal, previa y HTML. El usuario trabajara en la vista normal utilizando los mens y barras de herramientas para crear la Web como os he comentado antes y todo lo que vayamos haciendo en nuestra vista normal, se nos ira traduciendo en la vista HTML, con lo que una buena manera de aprender a programar con HTML de una forma rpida y practica es trabajar en la vista normal y por cada cosa que hagamos echarle un vistazo a la vista HTML para ver como es la traduccin a cdigo de la accin que acabamos de realizar. Una cosa que si me gustara resaltar es la estructura bsica de un HTML. La estructura sera algo tal que as:

<html> <head> <title> Titulo de tu web </title> </head> <body> </body> </html>
Podis encontrar tutoriales sobre HTML en la zona amarilla, en la seccin HTML JAVASCRIPT A estas alturas ya deberamos saber manejar nuestro editor Web con soltura y tener unas nociones de HTML, pues bien con solo estas dos cosas ya podramos construirnos una Web, para que veis que facilito es elaborar una pagina, pero claro la calidad de la Web no ser demasiado alta que digamos. Si queremos empezar a aportar un poco d calidad con nuevos elementos como por ejemplo un reloj digital, efectos de texto que resalten nuestra pagina, visualizadores de imgenes etc... deberemos ampliar nuestros conocimientos, para ello aprenderemos un poquito de javascript. JavaScript permite crear aplicaciones especficamente orientadas a su funcionamiento en la red Internet. Usando JavaScript, se pueden crear pginas HTML dinmicas que procesen la entrada del usuario y que sean capaces de gestionar datos persistentes usando objetos especiales, archivos y bases de datos relacinales. Como nos pasaba con HTML no ser necesario que conozcamos como programar con JavaScript ya que en Internet tenemos a nuestra disposicin una gran coleccin de cdigos JavaScript que nos permiten implementar aplicaciones en nuestra pgina, aunque yo os recomendara que os miraseis los tutoriales que os pongo en webnueva, pues considero este lenguaje muy practico y divertido y ya veris como al final cuando seis capaces de crearos una aplicacin echa por vosotros con JavaScript lo agradeceris. Seguramente para los mas novatos se os de el problema de que no sepis como introducir estos cdigos que estn colgados en Internet dentro de nuestro cdigo HTML, pues tranquilos que a continuacin os lo explico. COMO INTRODUCIR LOS CDIGOS JAVASCRIPT DENTRO DE NUESTRO HTML Cuando queramos introducir un cdigo JavaScript dentro de nuestro HTML nos tendremos que ir esta vez a

file:///C|/Descargas/fla_swf_htm/Portafolio/webnueva/HTML/crear_web.htm (2 de 5) [09/09/2004 7:26:27]

Lo primero que tendremos que hacer antes de empezar a construir nuestra pgina web ser hacernos unas determinadas preguntas

la vista HTML de nuestro editor Web. Una vez estemos en esta vista, tendremos ante nuestros ojos la estructura bsica del HTML que os explique antes, dentro de esta estructura tendremos q fijarnos en las etiquetas: <head></head> (Comienzo y final de la cabecera) <body></body> (Comienzo y final del cuerpo) Cuando entremos en una pgina en busca de un cdigo JavaScript, en esta se nos indicara en que parte del HTML va el cdigo JavaScript, si dentro del head o dentro del body. Puede ocurrir que un cacho del cdigo vaya dentro del head y otro trozo dentro del body, pero tranquilos que eso tambin os lo aclararan en la pagina. Voy a hacer un ejemplo de como insertaramos un reloj digital en nuestra Web. Para insertar un reloj digital en nuestra Web, entraramos primero en cualquiera de las direcciones que webnueva te ofrece, por ejemplo... http://www.pluralidad.com/codigos/index.html Una vez dentro de la pagina nos vamos a "relojes"------>"reloj digital" y vemos que nos aparece un cdigo y que en la parte superior se nos comenta que el cdigo debe ir entre las etiquetas body. Lo que haramos ahora seria copiar todo el cdigo que nos ofrecen los chicos de pluralidad.com e irnos a nuestro editor Web, a continuacin nos iramos a la vista normal del mismo y colocaramos el cursor en la parte de la pgina donde queramos que aparezca el reloj y finalmente nos iramos a la vista HTML y seleccionaramos "pegar". Ya tendramos nuestro cdigo JavaScript insertado en nuestra Web, ahora solo tendramos que situarnos en vista previa y disfrutar de nuestra nueva adquisicin, jeje, :). ESTTICA WEB Ha llegado el momento de mejorar el aspecto de nuestra Web, para ello tenemos muchas variantes que tratar, como por ejemplo, las imgenes, los botones o el diseo en general de la Web. Empezaremos tratando las imgenes y de los botones y diseos nos ocuparemos una vez hayamos aprendido un poquito de flash. IMAGENES Si queris conseguir las mejores imgenes que rondan por Internet, ya sean gifs, jpeg, iconos, animaciones, etc. solo tienes que ir a la zona verde dentro del panel de control de webnueva y seleccionar "imgenes", ya veras como encuentras cosas muy interesantes!. Una vez que tengamos nuestras imgenes, puede que necesitemos retocarlas, ya sea para adaptarla a nuestra pgina, por esttica o por que nos aburrimos, :), para conseguir este cometido tenemos a nuestra disposicin unos cuantos programas muy buenos que nos ayudaran a optimizar nuestras imgenes, programas tales como: Adobe Photoshop, Adobe Illustrator, 3D Studio Max, etc. A continuacin trataremos cada uno de los programas citados. ADOBE PHOTOSHOP, ADOBE ILLUSTRATOR Y 3D STUDIO MAX Photoshop e Illustrator son dos programas de retoque fotogrfico que nos permitirn optimizar nuestras fotos y conseguir que esta se adapten a nuestros gustos y a nuestra Web personal. Si queris convertiros en verdaderos diseadores Web, no dudis en visitar los tutoriales que os recomiendo en mi Web, dentro de la zona azul. Con 3D Studio Max podremos crear tanto modelados como animaciones en 3D. Como ya os comente antes a mi manera de ver las imgenes 3D son las que mejor quedan dentro de una Web y por eso se hace imprescindible saber manejarlas, alterarlas y animarlas, acciones que conseguiremos gracias a este software de alta calidad, del cual os podis bajar tutoriales muy buenos pinchando en 3D Studio Max, dentro de la zona azul de Webnueva. FLASH Llegados a este punto toca hablar de flash, mi parte favorita. Mediante flash podremos crear contenidos webs animados basado en vectores. El programa por excelencia para crear paginas webs en flash es

file:///C|/Descargas/fla_swf_htm/Portafolio/webnueva/HTML/crear_web.htm (3 de 5) [09/09/2004 7:26:27]

Lo primero que tendremos que hacer antes de empezar a construir nuestra pgina web ser hacernos unas determinadas preguntas

Macromedia Flash, del cual podemos encontrar muchas versiones, la ultima, la versin MX 2004. Mediante este programa podremos unir diseo y programacin todo en uno. En cuanto a diseo Macromedia Flash nos ofrece unas grandes prestaciones, adems de permitirnos crear animacin en nuestra Web, aunque mejor que veis vosotros mismos lo que podis lograr con flash, para que veis que no os miento ;). A continuacin os dejo la direccin de una pgina echa ntegramente en flash. www.neostream.com Impresionados verdad? Pues eso y mucho mas podemos lograr! por eso yo soy un fan del flash! En cuanto a la programacin en flash, utilizaremos como lenguaje de programacin Action Script, un lenguaje de programacin orientado a objetos, muy interesante y del que podis encontrar tutrales en la carpeta flash, dentro de la zona amarilla de webnueva. DISEOS Y BOTONES Peridicamente en webnueva iremos publicando diseos y botones gratuitos, que os sirvan de plantilla para todos aquellos que no tengis mucho tiempo o que no os apetezca liaros con el diseo. PHP Nuevamente nos encontramos ante un lenguaje de programacin, PHP. La caracterstica mas importante de este lenguaje es que no se ejecuta en el navegador, sino en el servidor, con lo cual podremos tener acceso a los recursos del servidor como por ejemplo una base de datos, luego ya sabemos que cuando queramos acceder a una base de datos tendremos que utilizar este lenguaje. Por ejemplo si quisiramos crear una pgina Web con posibilidad de registro de usuarios, tendramos que utilizar una base de datos para el almacenamiento de los datos de los mismos y posteriormente necesitaramos colgar en nuestro servidor las lneas de cdigo PHP necesarias para acceder a nuestra base de datos.

Como siempre os dejo las direcciones de los mejores tutoriales para que aprendis a manejar PHP. MySQL MySQL es un tipo de base de datos asociado con PHP que utiliza el lenguaje de programacin de base de datos SQL. Utilizaremos MySQL para guardar cualquier dato de inters en el servidor, como nombre de los usuarios, descargas de un determinado producto, contraseas, etc... Podis encontrar todo acerca de MySQL y SQL en la Web (zona amarilla). ASP Las siglas ASP corresponden a las palabras Active server page ( Paginas activas en el servidor ) con lo cual ya sabemos que mediante ASP podremos comunicarnos con una base de datos, pero a diferencia de PHP la base de datos tendr q ser SQL, Access, Oracle o cualquier otra con soporte de conexin OBDC. Con todo esto ya podramos crearnos una Web muy vistosa y con muchas aplicaciones, ahora ya solo nos quedara subirla a Internet, para ello necesitaremos un dominio y un hosting, si queris informacin acerca

file:///C|/Descargas/fla_swf_htm/Portafolio/webnueva/HTML/crear_web.htm (4 de 5) [09/09/2004 7:26:27]

Lo primero que tendremos que hacer antes de empezar a construir nuestra pgina web ser hacernos unas determinadas preguntas

de estos dos trminos y de las webs q ofrecen este tipo de servicios solo tenis que iros al enlace "dominios y alojamiento Web". Una ltima cosa, muy importante una vez tengis subida vuestra pagina web, es la publicidad. Si queris que vuestra pgina sea visitada por los usuarios de Internet tendris que dar de alta vuestra web en los buscadores, para esto os he dejado unas direcciones que os pueden interesar, para bajaros programas gratuitos que os dan de alta en los mejores buscadores, solo tenis que ir a la carpeta "freeware" en el panel de control y all encontrareis las dos direcciones desde las cuales bajaros los programas ( site 3, site 4 ). Muy bien chicos! si habis llegado hasta aqu, leyendo los tutoriales que estn colgados en webnueva, ya seris todos unos expertos en el desarrollo Web, como habris podido observar es muy fcil y divertido construir una pagina Web, solo hay que tener unos pocos de conocimientos de diseo grafico, programacin, y mucha creatividad. Mi ultimo consejo seria que os pasaseis por las zonas freeware y otros dentro de la zona azul ( zona de programas ) y nada mas, que disfrutis con vuestras creaciones y gracias por aprender con webnueva. Muchas gracias de nuevo y hasta la prxima! ;).

******WWW.WEBNUEVA.COM******

file:///C|/Descargas/fla_swf_htm/Portafolio/webnueva/HTML/crear_web.htm (5 de 5) [09/09/2004 7:26:27]