1. INTRODUCCIÓN
Desde la venta de la primera computadora personal en 1975, fue casi inevitable pensar en que estas maquinas serian una de las nuevas formas de comunicación del futuro; esto motivo a ingenieros y científicos que comenzaron a idear formas de crear vínculos de PC a PC a pesar de que estas estuvieran a miles de kilómetros de distancia.
Esto se logra gracias a la aparición del “Internet” que fue el punto de partida para los expertos en el área de sistemas dieran comienzo al diseño de páginas multimedia que ese momento tal vez no eran tan sofisticadas, ya que hoy en día las paginas no solo contiene texto si no que vienen acompañadas de imágenes, videos, sonidos, e hipervínculos haciendo sea posible interactuar con gente al otro lado del mundo, esto por medio de diseños web como “Messenger”, capaz de lograr que se interactúe mediante mensajes de texto o mejor aun por medio de lo que en la actualidad se conoce como “video conferencia”, programas como este han tenido gran impacto desde su aparición, por su utilidad se han hecho indispensables para cualquier sociedad y prueba de ello es que apenas en 1993 Internet contaba con solo 50 páginas web y ya para el año 2000 se incrementaron a 50 millones de páginas en la red.
Sin duda es indispensable conocer esta historia para todos aquellos que pretenden introducirse en el mundo de la programación o mejor aun hacerse de una carrera, ya que se trata de la aplicación tecnológica más usadas por la empresas.
De este modo, pretendemos que conozcan un poco más del diseño web, así como de su importancia en nuestras vidas, como se aplica, y cuál es la mejor manera de aprovechar la información que nos proveen, de la misma forma debemos saber cuándo utilizar estas aplicaciones de la red ya que a pesar de en estas podemos encontramos infinidad de información sobre cualquier tema, noticias, investigaciones, incluso podemos hacer compras electrónicas sin salir de nuestras casas, abusar de estas logra que el usuario en cuestión se aislé de la convivencia con la sociedad y le cause pereza realizar ciertas actividades cotidianas.
En fin, saber sobre el diseño web es algo indispensable para los jóvenes que buscan crear sus propias páginas, ya que es una de las innovaciones tecnológicas que llegaron para quedarse, de ahí nuestro interés por ese tema como objeto de nuestra investigación documental.
2. ANTECEDENTES
Historia de la Web
La Web es una idea que se construyo sobre la Internet. Las conexiones físicas son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las ya existentes.
Empezó a principios de 1990, en Suiza en el centro de investigación CERN (centro de Estudios para la Investigación Nuclear) y la idea fue de Tim Berners-Lee, que se gestó observando una libreta que él usaba para añadir y mantener referencias de cómo funcionaban los ordenadores en el CERN.
Antes de la Web, la manera de obtener los datos por la Internet era caótica: había un sinfín de maneras posibles y con ello había que conocer múltiples programas y sistemas operativos. La Web introduce un concepto fundamental: la posibilidad de lectura universal, que consiste en que una vez que la información esté disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier país, por cualquier persona autorizada, usando un único y simple programa. Para que esto fuese posible, se utilizan una serie de conceptos, el más conocido es el hipertexto.
Con Web los usuarios novatos podrían tener un tremendo poder para hallar y tener acceso a la riqueza de información localizada en sistemas de cómputos en todo el mundo.
Este solo hecho llevó un avance tremendo de Internet, un ímpetu tan grande que en 1993 World Wide Web creció un sorprendente 341000%, tres años después, en 1996, todavía sé esta duplicando cada 50 días
3. DEFINICION DEL PROBLEMA
En la actualidad ya nos hemos dado cuenta que el diseño web es una herramienta indispensable que abarca los campos informáticos, ya que con esto se pretende informar a la comunidad estudiantil se enfoque más en la elaboración de páginas web y así tener un camino más amplio dentro de una empresa u otra organización con ello facilitan a utilizar herramientas que ayuden a mejorar a crear o innovar páginas web esto hace a que quien ya sepa diseñar lo haga con mas estilo, el diseño de páginas web puede ser uno de los campos que a futuro o a largo plazo obtenga mucha demanda además se pretende recopilar mas información para que haya más facilidades en el manejo del diseño y así resolver dudas acerca de las aplicaciones que se manejen en dicha investigación.
4. JUSTIFICACIÓN
Lo que el equipo pretende lograr con esta investigación de tipo documental es lograr entender la estructura de la misma pero también dar a conocer el contenido de nuestro trabajo que es el “diseño web”, además de fomentar un poco la lectura que este es un buen pretexto para lograr desarrollar una gran investigación ya si está muy bien hecha será muy interesante y entretenido leerlo, ya que el tema en si es muy interesante, solo basta mirar a nuestro alrededor y darnos cuenta que gran parte de las herramientas multimedia contienen aplicaciones hechas en algún entorno de programación web como un ejemplo claro están las aplicaciones de algunos celulares o de los videojuegos, que por sí solo es un tema muy interesante, solo nos queda esforzarnos para hacer que esta investigación sea llamativa para cualquier persona que desee leerla, adentrarse un poco a la historia del diseño web, saber que hay detrás de esta aplicación de la programación virtual.
Ya que esta investigación tiene como finalidad mostrarnos que tan útil puede ser un diseño web en un mundo tan globalizado en el que el internet es uno de los medios de comunicación más importante de la actualidad.
5. OBJETIVOS GENERALES Y ESPECIFICOS
Una de las razones que nos motivo a realizar a realizar esta investigación fue dar a conocer más del diseño web.
A grandes rasgos uno de los objetivos que esperamos es que esta investigación despierte el interés de quien lo lea se adentre más en la misma; otro factor que nos pusimos como meta es terminar esta investigación con éxito y orgullo de saber que hicimos un buen trabajo con la investigación documental.
A sí mismo, queremos ofrecer información que sea de gran utilidad pero sobre de calidad para que nuestros lectores comprendan los conceptos de las páginas web, entender los distintos entornos de las aplicaciones que sirven para desarrollar las aplicaciones web.
Siendo más específicos la de esta investigación es familiarizarnos todos, tanto lectores como los que contribuimos a desarrollar este tema ya que otro objetivo es que nosotros con futuros ingenieros en sistemas comprendamos un entorno muy manejado en nuestra especialidad y nuestra vida cotidiana, como profesional; debido que el diseño web juega el papel más importante del comercio, la información y la publicidad electrónica.
6. SUPUESTOS E HIPOTESIS
v ¿Cree que la web es una mala influenza para los menores de edad?
v ¿Qué tipo de problemas ocasionaría sin la existencia de las páginas web?
v ¿Cree que las páginas web es el principal causante de la evolución de la comunicación?
v Se obtendrían problemas si se le da mal uso a la web
v ¿Cree que sería indispensable la web a largo plazo?
v ¿Qué tipos de ventajas tiene la web?
v ¿Cree que la web influya en el área de la economía?
v La web soluciona los problemas del estudio
v En que otra área se puede utilizar la web
v Cree que gracias a la web ha ido en desarrollo la economía en el país
7. MARCO TEORICO
7.1 LA WEB
También se le da este nombre, al ordenador que ejecuta este programa.
7.2 Página web
7.3 Diseño web
El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc.).
Estos documentos o páginas web pueden ser creados:
Etapas
Para el diseño de páginas web debemos tener en cuenta tres etapas:
· La primera es el diseño visual de la información que se desea editar.
La segunda, una vez que se tiene este boceto se pasa a 'escribir' la página web.
7.4 Funcionamiento de la Web
7.5 APLICACIONES DE LA PÁGINA WEB
7.5.1 Alojamiento Web (Web Hosting)
7.5.2 Tipos de Alojamiento Web
El alojamiento Web se divide en seis tipos: gratuitos, compartidos, revendedores, servidores virtuales, servidores dedicados y de co-locación.
- Alojamiento gratuito: El alojamiento gratuito es extremadamente limitado cuando se lo compara con el alojamiento de pago. Estos servicios generalmente agregan publicidad en los sitios y tienen un espacio y tráfico limitado.
- Alojamiento compartido (shared hosting): En este tipo de servicio se alojan clientes de varios sitios en un mismo servidor, gracias a la configuración del programa servidor web. Resulta una alternativa muy buena para pequeños y medianos clientes, es un servicio económico y tiene buen rendimiento.
- Alojamiento de imágenes: Este tipo de hospedaje se ofrece para guardar tus imágenes en internet, la mayoría de estos servicios son gratuitos y las páginas se valen de la publicidad colocadas en su página al subir la imagen.
- Alojamiento revendedor (reseller): Este servicio de alojamiento está diseñado para grandes usuarios o personas que venden el servicio de Hosting a otras personas. Estos paquetes cuentan con gran cantidad de espacio y de dominios disponibles para cada cuenta.
- Servidores virtuales (VPS, Virtual Private Server): mediante el uso de una máquina virtual, la empresa ofrece el control de un ordenador aparentemente no compartido. Así se pueden administrar varios dominios de forma fácil y económica, además de elegir los programas que se ejecutan en el servidor. Por ello, es el tipo de producto recomendado para empresas de diseño y programación web.
- Servidores dedicados: El término servidor dedicado se refiere a una forma avanzada de alojamiento web en la cual el cliente alquila o compra un ordenador completo, y por tanto tiene el control completo y la responsabilidad de administrarlo. El cuidado físico de la máquina y de la conectividad a Internet es tarea de la empresa de alojamiento, que suele tenerlo en un centro de datos.
- Colocación (o housing): Este servicio consiste básicamente en vender o alquilar un espacio físico de un centro de datos para que el cliente coloque ahí su propio ordenador. La empresa le da la corriente y la conexión a Internet, pero el ordenador servidor lo elige completamente el usuario (hasta el hardware).[1]
7.5.3 COOL 3D
Ulead Cool 3DStudio es un programa que combina gráficos 3D y animación de textos con una eficaz e intuitiva interfaz y múltiples herramientas para la producción de animaciones profesionales para video, GIF animados, secuencias de imágenes y películas Flash 3D. El programa incorpora una librería con objetos prediseñados, estilos, atributos y efectos, que pueden ser usados para comenzar a trabajar o ser modificados según tus necesidades. Puedes importar cualquier objeto 3D existente así como exportar tus creaciones. La interfaz ofrece un modo de edición con línea de tiempo que te permite crear modelos de texto 3D, fondos de video, efectos especiales, etc. Entre sus características cuenta con edición libre de formas, efectos de partículas, edición de objetos, personalización del área de trabajo y mucho más.[2]
Ulead COOL 3D te permite crear imágenes o animaciones de texto 3D y objetos, siendo una perfecta herramienta para páginas webs, video digital, productos multimedia, presentaciones, informes y mucho más. Puedes exportar estas imágenes como un único fotograma, una animación, un archivo de video o un fichero de Macromedia Flash. Con COOL 3D, tus textos y formas pueden ser fácilmente convertidos en imágenes 3D con unos pocos clics de ratón. Puedes animar objetos, aplicar efectos especiales, y mucho más.
7.5.4 QUE ES EL DREAMWEAVER
Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:
- Hojas de estilo y capas
- Java Script para crear efectos e interactividades
- Inserción de archivos multimedia...
Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañías, para realizar otras acciones más avanzadas.
En resumen, el programa es realmente satisfactorio, incluso el código generado es de buena calidad. La única pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con otras herramientas de Macromedia como Fireworks.
Los lenguajes de programación que domina Dreamweaver MX 2004 son ASP, CSS, PHP, SQL, JSP, y XML. El potencial del software en cuanto a la capacidad de programar bajo los lenguajes que acabamos de citar es de lo más amplio, permitiendo la creación de aplicaciones y diseños web complejos.
Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo de sitios web, y si bien se trata del producto de mayores características del mercado, su uso está limitado a usuarios con experiencia, ya que de no ser así, uno se encuentra con la dificultad de no saber por dónde comenzar.
Por otro lado, se tiene la costumbre de identificar a Front Page como un producto fácil de usar, con pocas prestaciones, y con groseras fallas, es decir, un producto no profesional. Nosotros lo veíamos así en sus inicios, pero en los últimos años Front Page ha evolucionado notablemente, siendo hace tiempo una aplicación profesional que mantiene una facilidad de uso impecable combinado con útiles herramientas.[3]Dreamweaver MX 2004 es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver MX 2004 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos Java Script, etc., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.[4]
7.5.5 ¿CÓMO SURGIÓ FLASH?
En 1996 salió la primera versión de Flash, conocida como Macromedia Flash 1.0. Este proyecto surgió a partir del programa de animación en 2D Future Splash Animator, creado por el arquitecto Jonathan Gay y adquirido por Macromedia.[5]
7.5.6 ¿QUE ES FLASH?
Probablemente, uno de los avances más importantes en materia de diseño en el web ha sido la aparición de la tecnología desarrollada por Macromedia denominada Flash.
Flash es la tecnología más comúnmente utilizada en el Web que permite la creación de animaciones vectoriales. El interés en el uso de gráficos vectoriales es que éstos permiten llevar a cabo animaciones de poco peso, es decir, que tardan poco tiempo en ser cargadas por el navegador.
Flash se sirve de las posibilidades que ofrece el trabajar con gráficos vectoriales, fácilmente redimensionables y alterables por medio de funciones, así que de un almacenamiento inteligente de las imágenes y sonidos empleados en sus animaciones por medio de bibliotecas, para optimizar el tamaño de los archivos que contienen las animaciones.
Esta optimización del espacio que ocupan las animaciones, combinada con la posibilidad de cargar la animación al mismo tiempo que ésta se muestra en el navegador (técnica denominada streaming), permite aportar elementos visuales que dan vida a una web sin que para ello el tiempo de carga de la página se prolongue hasta límites insoportables por el visitante.
Además de este aspecto meramente estético, Flash introduce en su entorno la posibilidad de interaccionar con el usuario. Para ello, Flash invoca un lenguaje de programación llamado Action Script. Orientado a objetos, este lenguaje tiene claras influencias del Java Scripts y permite, entre otras muchas cosas, gestionar el relleno de formularios, ejecutar distintas partes de una animación en función de eventos producidos por el usuario, saltar a otras páginas, etc.
De este modo, Macromedia pone a nuestra disposición una tecnología pensada para aportar vistosidad a nuestra web al mismo tiempo que nos permite interaccionar con nuestro visitante. Por supuesto, no se trata de la única alternativa de diseño vectorial aplicada al Web pero, sin duda, se trata de la más popular y más completa de ellas.[6]
Adobe Flash es una aplicación en forma de estudio de animación que trabaja sobre "Fotogramas" destinado a la producción y entrega de contenido interactivo para diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente escrito y distribuido por Adobe Systems, y utiliza gráficos vectoriales e imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Flash es el entorno y Flash Player es el programa de máquina virtual utilizado para ejecutar los archivos generados con Flash.
Los archivos de Flash, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página web para ser vista en un navegador, o pueden ser reproducidos independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en páginas Web y sitios Web multimedia, y más recientemente Aplicaciones de Internet Ricas. Son también ampliamente utilizados en anuncios de la web.[7]
7.5.7 ¿QUE ES UN SERVIDOR WEB?
Servidor web de la Wikimedia
Sobre el servicio web clásico podemos disponer de aplicaciones web. Éstas son porciones de código que se ejecutan cuando se realizan ciertas peticiones o respuestas HTTP. Hay que distinguir entre:
Aplicaciones en el lado del servidor: el servidor web ejecuta la aplicación; ésta, una vez ejecutada, genera cierto código HTML; el servidor toma este código recién creado y lo envía al cliente por medio del protocolo HTTP.
Las aplicaciones de servidor muchas veces suelen ser la mejor opción para realizar aplicaciones web. La razón es que, al ejecutarse ésta en el servidor y no en la máquina del cliente, éste no necesita ninguna capacidad añadida, como sí ocurre en el caso de querer ejecutar aplicaciones java script o java. Así pues, cualquier cliente dotado de un navegador web básico puede utilizar este tipo de aplicaciones.
Algunos conceptos relacionados con las aplicaciones web son:
Algunos servidores web importantes son:
Apache, IIS, Cherokee
Otros servidores, más simples pero más rápidos, son:
8. CONCLUSIONES
Podemos concluir que el diseño web ha sido y será una de las grandes innovaciones tecnológicas que el hombre ha creado, siendo que lo podemos encontrar en casi todos los artículos que contienen aplicaciones multimedia, además de que es de gran utilidad tanto para el hombre como para todas las empresas que pretenden obtener grandes éxitos.
Esta herramienta contribuye demasiado en el ámbito económico a nivel mundial; porque todos nosotros hemos dependido demasiado de este recurso tomándolo como la salida para la solución de sus problemas.
Hoy en día, gracias a esta herramienta se han abierto nuevas vías de comunicación en el mundo, que ha traído consigo grandes beneficios a la economía mundial.
9. RECOMENDACIONES
Las páginas Web, es una herramienta tecnológica creada para la necesidad del hombre, que le ha permitido tener grandes ventajas en el ámbito del trabajo, la Web es la herramienta que ha evolucionado en el área de la comunicación a nivel mundial; Esto genera la facilidad de manejar y visitar estos ambientes, ocasionando que el visitante sea de mínimas o grandes conocimientos sin importar lo niveles de edades. El buen uso de este recurso da al hombre una positiva situación económica, pero también tiene desventajas ya que presenta su lado obscuro, en donde el mal uso de cierto recurso da el paso de la destrucción de la misma. Gracias a estos tipos de usos que se le está aplicando, la web tiende a obtener cambios constantemente y eso nos da la necesidad de estudiarlo a fondo con más frecuencia, con la cual seguir obteniendo más información acerca de la innovación rápido con la que se está desarrollando año tras año.
10. BIBLIOGRAFIA
11. ANEXOS
Formas de obtener un Hosting
Por lo general, se distingue entre servicios pagados y servicios gratuitos.
Servicios pagados
Otro medio de obtención es contratando algún servicio de una empresa no dependiente de la conexión a internet, las cuales ofrecen según las capacidades de sus servidores o de su espacio. Casi siempre a la par, entregan servicios añadidos, como la ejecución de tareas automáticas o cuentas de correo electrónico gratuitas.
Normalmente las transacciones son electrónicas, por tarjeta de crédito o por sistemas de pagos como PayPal.
Servicios gratuitos
Este tipo de servicio viene dado por la base de ser gratuito, y sin costo alguno al suscriptor. Sin embargo, quienes usan este servicio, por lo general son páginas de bajos recursos de mantención o aquellas que los dueños no poseen suficiente dinero para ser mantenida.
Otra limitación de estas ofertas es que tiene un espacio limitado y no se puede usar como almacén de datos, ni pueden alojar páginas subversivas o de contenido adulto o no permitido.
De todas maneras, existe una amplia oferta de alojamientos gratuitos con características muy diferentes y que pueden satisfacer las necesidades de programadores que desean un lugar donde hacer pruebas o que mantienen una web con un número no muy elevado de visitas.
Servidores y servicios
Dominios
[3] http://www.desarrolloweb.com/articulos/332.php
[4]http://www.aulaclic.es/dream2004/t_1_1.htm
[5] http://img.redusers.com/imagenes/libros/ldrme023/capitulogratis.pdf
[6]http://www.desarrolloweb.com/articulos/1067.php
[7]http://www.aulaclic.es/dream2004/t_1_1.htm
[8] http://es.wikipedia.org/wiki/Servidor_web
