REPBLICA BOLIVARIANA DE VENEZUELA MINISTERIO DEL PODER POPULAR PARA LA DEFENSA UNIVERSIDAD NACIONAL EXPERIMENTAL POLITCNICA DE LA FUERZA ARMADA

BOLIVARIANA NCLEO SAN TOME, EDO ANZOTEGUI

DESARROLLO DE PGINA WEB DINMICA

PROFESOR: Nstor Gmez BACHILLERES: Alejandra Silvera C.I 20.528.704 Erika Manzo C.I 21.176.603 Adiary Brudas C.I 20.740.475 Joselin Villarroel C.I 2.546.539 6to Semestre Seccin D02 Ing. De Sistemas

San Tome, Julio de 2013

Introduccin

Una pgina web (o pgina electrnica, segn el trmino recomendado por la R.A.E.) es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador. Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imgenes digitales, entre otros. El diseo web es una actividad que consiste en la planificacin, diseo e implementacin de sitios web. No es simplemente una aplicacin de diseo convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la informacin y la interaccin de medios como el audio, texto, imagen, enlaces y vdeo. La unin de un buen diseo con una jerarqua bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicacin e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos. El diseo de pginas web se trata bsicamente de realizar un documento con informacin hiperenlazado con otros documentos y asignarle una presentacin para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un telfono mvil, etc). Para que una pgina web dinmica funcione, necesitaremos un hosting con soporte de base de datos MySQL (u otra como PostgreSQL), necesitaremos un hosting que permita subir y compilar ficheros PHP (con soporte para PHP) y que permita acceso externo a la base de datos MySQL (para la aplicacin AjpdSoft Gestor de Contenidos Web). En una pgina Web dinmica en el servidor, la base de datos almacena y suministra la informacin que se le presentar al usuario, con la gran ventaja de que la informacin puede variar segn el usuario, horario, etc. Una vez tengamos

claro que nos interesa un sitio Web dinmico, deberemos definir qu tecnologa usar y qu base de datos. Existen varias opciones para elegir el gestor de la base de datos: Oracle, PostgreSQL, Microsoft SQL Server, MySQL, etc. Todos ellos pueden usarse para pginas Web dinmicas, aunque dependiendo de la plataforma del servidor Web (Apache, IIS, Tomcat, etc.) y del lenguaje de programacin Web utilizado (Perl, PHP, JSP, etc.), se usa ms una u otra. Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas, organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones. As mismo, la nueva tendencia orienta a que las pginas web no sean slo atractivas para los internautas, sino tambin optimizadas (preparadas) para los buscadores a travs del cdigo fuente. Forzar esta doble funcin puede, sin embargo, crear conflictos respecto de la calidad del contenido. Si hablamos de posicionamiento web, una pgina web es la base para optimizar todo un sitio web el cual es un conjunto de pginas web Un sitio web con contenido dinmico es un sitio cuya informacin proviene de una BASE DE DATOS, y que al momento de que el usuario visita la pgina y solicita (hace click en) algn link, un programa (desarrollado por nosotros) se trae (solicita) la informacin en ese momento para entonces armar la pgina con los contenidos de la base de datos ms las instrucciones que el programa provea. Un sitio web dinmico ofrece la ventaja de poder ser actualizado en tiempo real por usted mismo, desde cualquier localidad con acceso a internet. Mediante este mtodo, los desarrolladores web crean tambin aplicaciones con estos lenguajes (JSP, PHP, ASP, etc.), para que el usuario (normalmente accediendo con sus credenciales) pueda modificar el contenido de la web. Siempre intentando que no se requieran conocimientos de HTML ni de desarrollo por parte del usuario.

Cmo es el Desarrollo de un Sitio Web Internet est ofreciendo miles de nuevas oportunidades de negocios para las empresas que encuentran en la red de redes una nueva forma para comunicarse, ganar nuevos clientes e incluso hasta vender en forma electrnica. El primer paso para comenzar un proyecto en Internet es, por supuesto, contratar acceso a la Red. La utilizacin de los usuarios ser variada y progresiva: primero, se comunicarn a travs del correo electrnico, luego efectuarn bsquedas en la Red, participarn de newsgroups y foros, navegarn la Web y harn videoconferencias. Luego, como segunda etapa, la empresa puede que decida colocar su informacin en Internet, y crear un sitio en la World Wide Web. Lo ms habitual es colocar primero la informacin institucional de la empresa, en un sitio esttico. En esta edicin de los archivos se explicarn los diversos aspectos a tener en cuenta para el desarrollo del primer sitio Web. Etapas Para el diseo de pginas web debemos tener en cuenta tres etapas: 1. El diseo visual de la informacin que se desea editar. En esta etapa se trabaja distribuyendo el texto, los grficos, los vnculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseo sobre el papel. Esto facilitar tener un orden claro sobre el diseo. 2. Estructura y relacin jerrquica de las pginas del sitio web. Una vez que se tiene el boceto se pasa a 'escribir' la pgina web. Para esto, y fundamentalmente para manejar los vnculos entre documentos, se cre el lenguaje de marcacin de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras pginas con informacin relacionada. La importancia de la estructura y arborescencia

web radica en que los visitantes no siempre entran por la pgina principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rpido, adems permitirle navegar por el sitio. 3. Posicionamiento en buscadores o SEO. sta consiste en optimizar la estructura del contenido para mejorar la posicin en que aparece la pgina en determinada bsqueda. Etapa no gustosa por los diseadores grficos, porque a diferencia del texto, an para el ao 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy grficos. El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningn tipo de formato y con extensin .html o .htm). Aprender HTML es relativamente fcil, as que es sencillo crear pginas web de este modo. Esta era la nica manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque s aconsejable), con lo cual el desarrollador se concentra en lo ms importante, el diseo del documento. Todo esto teniendo en cuenta el nivel de programacin en el diseo de las aplicaciones y del impacto visual que se quiere generar en el usuario. Secciones dinmicas de una web Las secciones dinmicas sern aquellas cuyo contenido pueda ser actualizado externamente por el usuario, sin necesidad de tener conocimientos de HTML ni de PHP. Servidor Apache Es el servidor web hecho por excelencia, su configurabilidad, robustez y estabilidad hacen que cada vez millones de servidores reiteren su confianza en este programa.

Apache es una muestra, al igual que el sistema operativo Linux (un Unix desarrollado inicialmente para PC), de que el trabajo voluntario y cooperativo dentro de Internet es capaz de producir aplicaciones de calidad profesional difciles de igualar. Servidor web Las pginas Web pueden generarse dinmicamente mediante varias secuencias de comandos en el servidor. Una vez que el navegador las recibe, las trata como pginas HTML normales y simplemente las despliega. Por lo general, el procesamiento implica el uso de la informacin proporcionada por el usuario para buscar un registro en una base de datos del disco del servidor y generar una pgina HTML personalizada para regresarla al cliente. En una pgina Web dinmica en el servidor, la base de datos almacena y suministra la informacin que se le presentar al usuario, con la gran ventaja de que la informacin puede variar segn el usuario, horario, etc. Una vez tengamos claro que nos interesa un sitio Web dinmico, deberemos definir qu tecnologa usar y qu base de datos. Existen varias opciones para elegir el gestor de la base de datos: Oracle, PostgreSQL, Microsoft SQL Server, MySQL, etc. Todos ellos pueden usarse para pginas Web dinmicas, aunque dependiendo de la plataforma del servidor Web (Apache, IIS, Tomcat, etc.) y del lenguaje de programacin Web utilizado (Perl, PHP, JSP, etc.), se usa ms una u otra.

Lenguaje de programacin para la web HTML El HTML (HyperText Markup Language) o lenguaje de marcas de hipertexto, es el lenguaje estndar en el que se crean las pginas Web de Internet. La sintaxis y semntica bsica de HTML est definido en el estndar de HTML

del W3C (World Wide Web Consortium), el consorcio internacional encargado del desarrollo de los estndares de la Web. Un documento de hipertexto (hipertext) es aquel que contiene informacin cruzada con otros documentos, lo cual nos permite realizar una lectura no secuencial pasando de una seccin o documento a otro desde la misma aplicacin con la que lo estamos visualizando mediante los denominados enlaces (links). Los enlaces son palabras o frases generalmente resaltadas y subrayadas, que aparecen en el texto y que dirigen al lector automticamente al pulsar sobre ellos con el ratn a otras partes del documento o a un documento diferente, pero con el que mantienen alguna relacin. HTML permite, adems, crear documentos de tipo multimedia, es decir, que contengan informacin ms all de la simplemente textual, como por ejemplo: imgenes, vdeo, sonido, o animaciones. Los documentos HTML, cuya extensin es .htm o .html, se conforman como documentos de texto plano, en los que todo el formato del texto se especifica mediante marcas de texto

o etiquetas (tags), que delimitan los contenidos a los que afecta la etiqueta. Algunos ejemplos de etiquetas son: <head></head>, <body></body>, <h1></h1>, etc. Los navegadores (browsers) son unas herramientas software gratuitas, que se comunican con los servidores Web mediante el protocolo HTTP (Hypertext Transfer Protocol) o protocolo de transferencia de hipertexto, leen las

instrucciones HTML y las presentan al usuario segn se indica. La identificacin de los distintos servidores en la Red se realiza mediante su identificador uniforme de recurso o URL (Universal Resource Locator).

Requisitos del hosting para instalar una web dinmica Para que nuestra web dinmica funcione, como ya hemos comentado, necesitaremos un hosting con soporte de base de datos MySQL (u otra

como PostgreSQL), necesitaremos un hosting que permita subir y compilar ficheros PHP (con soporte para PHP) y que permita acceso externo a la base de datos MySQL (para la aplicacin AjpdSoft Gestor de Contenidos Web). Lgicamente tambin necesitaremos espacio web, con unas 100MB ser suficiente, aunque esto depender de la cantidad de productos, descargas e imgenes que queramos publicar en el sitio web. Hay tres maneras de aadir estilos a nuestras pginas Web: Aadiendo instrucciones de estilo slo a etiquetas concretas o a un grupo de ellas. Es la opcin ms utilizada, pero no facilita la disociacin entre el contenido y su presentacin. Incluyendo el bloque de estilo en la cabecera de una pgina concreta. Esto permite cambiar la apariencia de una hoja entera, cambiando unas pocas lneas. Enlazando todas las pginas que componen un sitio del Web con un fichero con extensin .css- que contiene la hoja de estilo. De esta manera, se puede cambiar la apariencia de mltiples pginas retocando un solo fichero. Podemos utilizar en nuestras pginas uno, dos o los tres mtodos descritos. Para evitar conflictos entre los distintos mtodos, el orden de precedencia (de mayor a menor) es el indicado en la enumeracin anterior. Lo ms prctico es utilizar el tercer mtodo -enlace a una hoja de estilo-, para dar una apariencia consistente a todas las pginas, y si es necesario modificar un aspecto concreto en alguna de ellas, utilizar el segundo o el primero. SQL Es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones en ellas. Una de sus caractersticas es el manejo del lgebra y el clculo relacional que permiten efectuar consultas con el fin de recuperar de forma sencilla informacin de inters de bases de datos, as como hacer cambios en ella.

El SQL es un lenguaje de acceso a bases de datos que explota la flexibilidad y potencia de los sistemas relacionales y permite as gran variedad de operaciones. Es un lenguaje declarativo de "alto nivel" o "de no procedimiento" que, gracias a su fuerte base terica y su orientacin al manejo de conjuntos de registros y no a registros individuales, permite una alta productividad en codificacin y la orientacin a objetos. De esta forma, una sola sentencia puede equivaler a uno o ms programas que se utilizaran en un lenguaje de bajo nivel orientado a registros. SQL tambin tiene las siguientes caractersticas: Lenguaje de definicin de datos: El LDD de SQL proporciona comandos para la definicin de esquemas de relacin, borrado de relaciones y modificaciones de los esquemas de relacin. Lenguaje interactivo de manipulacin de datos: El LMD de SQL incluye lenguajes de consultas basado tanto en lgebra relacional como en clculo relacional de tuplas. Integridad: El LDD de SQL incluye comandos para especificar las restricciones de integridad que deben cumplir los datos almacenados en la base de datos. Definicin de vistas: El LDD incluye comandos para definir las vistas. Control de transacciones: SQL tiene comandos para especificar el comienzo y el final de una transaccin. SQL incorporado y dinmico: Esto quiere decir que se pueden incorporar instrucciones de SQL en lenguajes de programacin como: C++, C, Java, Cobol, Pascal y Fortran. Autorizacin: El LDD incluye comandos para especificar los derechos de acceso a las relaciones y a las vistas. Dominio de internet

Al existir infinidad de ordenadores conectados a la Red, resulta imprescindible arbitrar un sistema que permita reconocer e individualizar cada mquina que est en conexin. Para poder transmitir la informacin de un ordenador a otro es necesario que exista una direccin unvoca para transferir los datos. En un principio las direcciones de los ordenadores conectados se hacan a travs de direcciones que funcionaban a modo de nmeros de telfono. Pero como los humanos no somos buenos para recordar nmeros sino que por lo general prefiere utilizar nombres pues son ms fciles de recordar, inici la aparicin de los llamados "nombres de dominio" que nacieron con la tarea de ayudar a los humanos en su lucha contra los nmeros y as identificar un directorio en la red. Un dominio de Internet es un nombre de equipo que proporciona nombres ms fcilmente recordados en lugar de la IP numrica. Permiten a cualquier servicio moverse a otro lugar diferente en la topologa de Internet, que tendr una direccin IP diferente. Un dominio se compone normalmente de tres partes: en www.masadelante.com, las tres uves dobles (www), el nombre de la organizacin (ms adelante) y el tipo de organizacin (com). Los tipos de organizacin ms comunes son .COM, .NET, .MIL, y .ORG, que se refieren a comercial, network, militar, y organizacin. Puesto que Internet se basa en direcciones IP, y no en nombres de dominio, cada servidor web requiere de un servidor de nombres de dominio (DNS) para traducir los nombres de los dominios a direcciones IP. Cada dominio tiene un servidor Digamos que cada mquina (ordenador personal o servidor) que est conectada a Internet es identificada mediante un nmero nico llamado "direccin IP" (IP son las siglas en ingls de "Internet Protocolo" o "Protocolo de Internet" en espaol). Un ejemplo de direccin IP es 217.116.15.218, para solicitar los archivos que forman esta pgina web tendramos que darle esta direccin a nuestro navegador, si copias y pegas este nmero en la barra de direcciones de tu navegador aparecer el sitio web al que corresponde. La direccin IP es como el nmero de la seguridad social o el nmero de telfono que nos identifica en Internet. Pero, como puedes comprobar, este nmero ni es fcil de recordar ni nos da informacin sobre el sitio Web al que corresponde. Aqu es donde entra lo que hoy conocemos como dominio, en este caso este nmero corresponde al dominio intermonoxfam.org.

El sistema de nombres de dominio, se cre para facilitar la manera de localizar maquinas en la web y por lo tanto para nombrar y encontrar sitios Web alojados en esas mquinas. En realidad, un dominio es un nombre que apunta hacia una mquina que est conectada a Internet, identificada mediante una direccin IP y en la cual estn guardados unos archivos que conforman una pgina Web.

Conclusin En el siglo XXI la vida cotidiana de las personas ha dado un vuelco total para incorporarse a las tecnologas ya que son el medio de comunicacin ms eficaz que ha logrado hasta a hora la humanidad; por ello nos hemos puesto en la tarea de dar a conocer la importancia y las ventajas que trae la utilizacin de una pgina web, la misma se compone de contenido, es estructura viva, operativa, interactiva, es tambin acceso y mercadeo. Se trata de documentos singulares cuya creacin requiere de la confluencia de saberes y experiencias. Riqueza de la herramienta. Ms all de luces y sombras propias de toda herramienta, el poder del web, la verdadera riqueza, reside en su universalidad, debemos actuar para reforzar esa virtud, muchas veces opacada por la mala prctica.