DESARROLLO DE APLICACIONES WEB

 ************1-.PAGINA WEB

UNA PAGINA WEB ,PAGINA ELECTRONICA O CIBERPAGINA,ES UN DOCUMENTO O INFORMACION ELECTRONICA CAPAZ DE CONTENER TEXTO,SONIDO,VIDEO,PROGRAMAS,ENLACES,IMAGENES, Y MUCHAS COSAS,ADAPTADA PARALA LLAMADA WORLD WIDE WEB,,Y QUE PUEDE SER ACCEDIDA MEDIANTE UN NAVEGADOR.ESTA INFORMACION SE ENCUENTRAGENERALMENTE EN FORMATO HTML O XHTML,Y PUEDE PROPORCIONAR NAVEGACION(ACCESO)A OTRAS PAGINAS WEB MEDIANTE ENLACES DE HIPERTEXTO.

************2-.Aplicaciones web

Una aplicación Web es un sitio Web que contiene páginas con contenido sin determinar, parcialmente o en su totalidad. El contenido final de una página se determina sólo cuando el usuario solicita una página del servidor Web. Dado que el contenido final de la página varía de una petición a otra en función de las acciones del visitante, este tipo de página se denomina página dinámica.

Las aplicaciones Web se crean en respuesta a diversas necesidades o problemas.

************3-.TIPOS DE PÁGINAS WEB

Página Web Estática:
Es aquella que está compuesta de una serie de archivos que contienen el código HTML que constituye la página en sí y que permiten mostrar los textos, imágenes, videos, etc que conforman el contenido de la página.
Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imágenes (comunmente en formato jpg, gif o png) y los videos y demás contenido del site.
Para modificar este tipo de página los archivos deben ser descargados del servidor con algún software para este fin (como los clientes FTP), editado usando un programa de edición de páginas web como el Dreamweaver, grabados y subidos nuevamente al servidor.
Este proceso de edición requiere manejar una serie de programas que se deben tener instalados en la PC y requieren de una serie de conocimientos y habilidades para el uso correcto de estos programas.
Por lo general la edición de este tipo de páginas la realizan los diseñadores y desarrolladores web dedicados a estas labores.
Este tipo de página son difíciles de manejar por el propio cliente debido a los conocimientos y programas que se requieren.

Página Web Dinámica:

El término dinámico no se refiere a movimiento como muchos pueden pensar. El término dinámico hace referencia a que la página web se construye al momento en que la página es visitada por el usuario. Es decir que el contenido de la página web no es fijo sino que se construye de acuerdo a la interacción que el usuario hace con la página. La información de este tipo de página suele estar almacenada en Bases de Datos de las cuales se extrae una parte según las selecciones o acciones llevada a cabo por la persona que visita la página web.
Lás página web dinámicas tienen además las siguientes características:

• Gran número de posibilidades en su diseño y desarrollo.
• El visitante puede alterar el diseño, contenidos o presentación de la página a su gusto.
• En su realización se utilizan diversos lenguajes y tecnicas de programación.
• El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.
• Permite un gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.

En definitiva, el concepto de página Web dinámica se ha impuesto en el mundo del diseño y de la empresa en Internet. Páginas como Yahoo!, Google, Amazon e incluso ésta, son excelentes ejemplos de páginas Web dinámicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendente: carritos de compra, posibilidad de incluir sus propias críticas en libros y discos, buscar en base a criterios determinados, participar en discusión y un larguísimo etcétera.

Otra característica principal de las páginas dinámicas es que pueden ser administradas por una persona sin conocimiento alguno de diseño o desarrollo web. Esto se puede hacer mediante el uso de formularios que sirvan para que el usuario administrador modifique los contenidos de la página que estan almacenados en la Base de Datos.
De esta manera el administrador solo debe tipear los textos, elegir las imágenes, videos, etc que irán en las secciones de la página en formularios construidos para ese fin.

Página Web Animada

Las páginas web animadas son aquellas que se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos animados continuados. El uso de esta tecnología permite diseños más vanguardistas, modernos y creativos.

Páginas Web en Flash

Este tipo de página web son construidas usando el software de Adobe llamado Flash. Este software permite realizar animaciones. Este tipo de página suelen ser muy vistosas y estan cargadas de efectos, movimientos, sonidos y demás.
Para su construcción es necesario conocer a profundidad este software de animación.
El resultado de la construcción de este tipo de páginas son una serie de archivos en extensión swf que se suben a un servidor de Hosting. Para poder ser visualizados se necesita que la PC del visitante tenga instalado un programa anexo al navegador o plug-in. Cabe señalar que el 90% de las pcs del mundo tienen este plugin instalado.
Si bien es cierto que aunque un diseñador experto en Flash puede crear páginas web realmente impresionantes con este software, muy difíciles de igualar usando cualquier otra tecnología; el uso del Flash tienen grandes desventajas, entre las cuales mencionamos:

Páginas Web en HTML

Son páginas estáticas construidas en el lenguaje de marcado HTML. Para construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede usar software para edición web o simplemente un editor de texto cualquier, inclusive el bloc de notas.
Este tipo de página tienen las desventajas de las páginas estáticas y son poco recomendables.
Pueden ser hechas con muy pocos conocimientos, solo es necesario saber un poco de diseño web para poder realizarlas.
Como herramientas de marketing y ventas son muy pobres y es muy poco lo que pueden ofrecerle.

Páginas Web en algún lenguaje de programación de servidor

Son páginas dinámicas y estan desarrolladas en algún lenguaje de programación de servidor como: PHP, ASP, ColdFusion, Ruby, etc.
Usan además una base de datos para almacenar los contenidos de la página en sí.
Para su desarrollo se requiere el uso de estos lenguajes y una serie de conocimientos anexos.
Pueden realizar todo tipo de funcionalidades y son ideales como herramientas de ventas y de interacción con los clientes
Si estan construídas de manera idónea por un profesional de conozca a profundidad las herramientas y la forma en que funciona el Internet pueden convertirse en un elemento fundamental de su empresa.

************4-.Proyecto

Un proyecto es una planificación que consiste en un conjonto de actividades que se encuentran interrelacionadas y coordinadas .la razon de un proyecto es alcanzar objetivos especificos dentro de los limites que emponen un presupuesto ,calidaes establecidas previamente y un lapso de tiempo previamente definido. 



************5-.Blog

Un blog es un sitio web en el que uno o varios autores publican cronológicamente textos o artículos, apareciendo primero el más reciente, y donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. También suele ser habitual que los propios lectores participen activamente a través de los comentarios. Un blog puede servir para publicar ideas propias y opiniones de terceros sobre diversos temas.

************6-.consejos

1-HAGALO TODO MAS SIMPLE.
El poder de un buen diseño esta en su simplicidad.
Defina la esencia

2-HAGALO TODO MAS SIMPLE: PARTE 2!
Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo.

2-SALGA DE SU MUNDO INTERIOR: COMUNIQUESE
Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.

3-MENOS GLAMOUR Y MAS ORDEN
No se vea seducido por la forma en detrimento del contenido.
Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas.

4-DISEÑE PARA CONEXIONES VIA MODEM!!!!!!
La consideración estética mas importante a tener en cuenta es LA VELOCIDAD DE TRANSMISION. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz

5-TEXTOS. ABURRIDOS?
Cuando le toque diagramar textos, PRIMERO LEALOS.
Piense en como alguien, con menos interés que el suyo,
podría echarles un vistazo.
Otra cosa que es de gran ayuda es el ancho de los textos.
A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la pagina. Cómo se puede leer eso???
Mejor trate de que sus textos se mantengan en un ancho de 400 pixeles, o, al menos, un tercio de su pantalla.

6-MAS COLOR Y GRAFICOS, MENOS IMAGENES Y
EFECTOS
El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su pagina cargara mucho mas rápido.

7-GRAFICOS Y TEXTOS: NO!

Nunca, jamás, inserte texto en un grafico. El texto es texto.
Los gráficos son gráficos. No los confunda.


8-ATRAIGA
Con las fluctuaciones en las conexiones a la web, su carácter de "lenta" y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRAS del
navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante.

9-ATRAIGA-SIMPLIFIQUE-VAYA A LO QUE IMPORTA
Tiene 30 segundos para cargar TODA una página en el navegador
del usuario. Quizás menos, 15 segs.
SEA RAPIDO

10-ENFOQUESE EN LO QUE INTERESA
A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, solo llegaron allí por el contenido.
DESELOS en forma rápida y simple.


11-INFORMESE-APRENDA
Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el mas RAPIDO el que se come al MAS LENTO.

12-DEFINA SU PROBLEMA
El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto.

13-APRENDASE LOS PRINCIPIOS DE NAVEGACION
a-La gente odia esperar
b-La gente odia hacer scroll
c-La gente odia leer
d-La gente prefiere hacer scroll antes que esperar
e-La gente prefiere esperar a leer.
c-La gente no es necesariamente racional o coherente, pero a
veces si.

14-BUSQUE INSPIRACION
Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las paginas web en "espacios web"

15-ESCUCHE MUSICA
Si, cuando la música acompaña a su trabajo este se hace más
placentero y llevadero. Incluso llega a generar mas inspiración.

************ 7-.Cuestionario

 
1.-¿CUAL ES LA CARACTERISTICA MAS IMPORTANTE DE UNA PAGINA WEB?

La utilidad, facilidad de navegación, apariencia, estructura clara, información actualizada sencilla creíble y concisa, rapidez de descarga, pocos clics, información de contacto y evitar malos hábitos.

 
2.-¿Qué es un sitio web? Es un documento o información electrónica capaz de contener texto, sonido, video, programas, enlaces, imágenes…etc. Adapta para la llamada (WORLD WIDE WEB) y que puede ser accedida mediante un navegador.

3.-¿Qué es hipertexto? Es un sistema para escribir y mostrar texto que enlaza a información adicional sobre el texto. 

4.-¿Qué es internet? Es un conjunto de descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP.

5.-¿Qué es un navegador? Programador que permite navegar por internet u otra red informática de comunicaciones.or.

6.-¿Qué navegadores existen? Google chrome, Mozilla, Firefox, safari, uc browser, opera, tor.

 
7.-¿Qué es un servidor en internet?Es un tipo de software que realiza ciertas tareas en nombre de los usuarios. Provee los datos solicitados por parte de los navegadores de otras computadoras, almacenan información de páginas web a través de HTTP.

8.-¿Qué ES DREAMWEAVER? Es un software fácil de usar que permite crear páginas web profesionales. Permite agregar rápidamente el diseño y funcionalidad a las páginas.

9.-¿Qué es un sistema operativo?Es un programa o conjunto de programas de un sistema informático que gestiona los recursos de hardware y provee servicios a los programas de aplicación.

10.-¿Qué tipos de sistemas operativos hay? Windows, Android, Mac, OS X, Linux, Dell, Ibm, Unix, Solaris.

11.-¿Qué es (GUI)? Conjunto de formas y métodos que posibilita la interacción de un sistema de usuarios con los usuarios utilizando formas graficas e imágenes.

12.-¿Qué es diseño de página web?Actividad que consiste en la planificación, diseño e implementación de sitios web.

13.- paquetes de páginas web: Kompozer, webEasy, Web creator, pro, Adobe flash profeccional c56,Magix web designer premium 7.

14.-herramientas de diseño para páginas web: Paletas de colores, Tipografía, Imágenes, Plantillas.

*********8-.Algunos tipos de sitios web son:

Blog: en estos sitios se introducen lecturas, diarios online o comentarios del autor. Además incluyen foros en los que los lectores pueden intercambiar opiniones.

Para el comercio electrónico: estos permiten a sus usuarios comprar y vender cualquier tipo de productos.

De descargas: por medio de estos sitios, los usuarios pueden subir y bajar contenido electrónico como música, películas, videojuegos, fondos de pantallas, etcétera.

De desarrollo: en estos sitios se introduce información vinculada con los desarrollos en diseño, web, software y todo lo que tenga que ver con el ámbito de la informática.

Institucionales: estos sitios son confeccionados por alguna entidad, con o sin fines de lucro, para darse a conocer, poner información propia y funcionan como un medio de contacto para sus clientes o miembros. Además, en caso de que sea una empresa, sirve para promocionar sus bienes y servicios.

De comunidad virtual: por medio de estos sitios, personas que poseen los mismos intereses e inquietudes pueden ponerse en contacto por medio de foros o chat.

Directorio: en estos se introduce información de diversas temáticas y se la organiza en distintas categorías.

De información: como su nombre indica, los contenidos de estos sitios buscan informar a quienes lo visitan pero esto necesariamente no se hace con fines económicos. Muchas veces son de organizaciones educativas o pertenecen al gobierno.

Web 2.0: en estos sitios se utilizan las últimas tecnologías y son sus usuarios los encargados de mantenerla actualizada.

Personal: estos sitios son administrados por una o muy pocas personas y contienen material sobre cualquier temática.

Wiki: en estos sitios, son los usuarios los que suben y editan los contenidos.

Educativo: estos sitios ofrecen cursos a distancia o presenciales, ofrecen información y contenidos descargables sobre distintas asignaturas y pueden estar orientados tanto a profesores como a alumnos.

Portal: este sitio funciona como punto de inicio para acceder a una intranet o cualquier otro recurso de Internet.

************9-.CMS

Sistema de gestión de contenidos, en inglés: Content Management System más conocido por sus siglas CMS, es un programa informático que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos contenidos sean visibles a todo el público (los aprueba).

**********10.-Novedades de Dreamweaver 8

Integración de RSS: con Dreamweaver 8 podrás integrar entradas RSS provenientes de otras páginas con sólo introducir la fuente y arrastrar y colocar los campos. De esta forma podrás introducir datos en formato XML fácil y cómodamente.

Mejoras CSS: esta última versión ha mejorado mucho respecto a la compatibilidad y manejo de estilos de cascada. De esta forma se ha mejorado el panel de estilos CSS, donde ahora podrás acceder a la configuración de cada uno de los estilos desde una lista mucho mejor dotado de una cuadrícula editable desde donde podrás modificar sus propiedades. Además, Dreamweaver 8, añade una nueva barra de herramientas que proporciona la reproducción inmediata de los estilos para diferentes medios (pantalla, impresora, webTV, PDAs...).

Accesibilidad: Dreamweaver 8 incorpora las normas de accesibilidad de prioridad 2 marcadas por la WCAG/W3C. Transferencia de archivos: Ahora con Dreamweaver 8 podrás seguir trabajando con tus archivos mientras el programa se comunica con tu servidor e incluye los archivos creados o modificados recientemente. Su sincronización ha mejorado notablemente siendo posible una mejor gestión de cambios, además de permitir en uso de bloqueo/desbloqueo de archivos para que estos no se sobreescriban.

Interfaz mejorada: Los usuarios con problemas visuales podrán acceder a una opción de Aumento de la pantalla en vista de diseño para analizar o trabajar con difíciles anidamientos de tablas. Además de la inclusión de información visual gracias a las guías que permitirán la medición píxel a píxel de todos los elementos.

Nueva barra de herramientas: Se ha añadido una barra de herramientas a Dreamweaver 8, podrás encontrarla en la parte lateral izquierda del modo de Código, esta barra hace mucho más accesible el código al permitirnos la navegación por etiquetas y su contracción. Una de las nuevas novedades es la posibilidad de añadir comentarios con un sólo clic.

Compatibilidad: Comentaremos, además, la compatibilidad añadida en esta versión con PHP5, Coldfusion MX 7 y Video Flash.

************11.-HTML
 

HTML (HyperText Markup Language)  hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código  para la definición de contenido de una página web, como texto, imágenes, entre otros.                                                              

************12-.PHP

PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. Puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo.

Se considera uno de los lenguajes más flexibles, potentes y de alto rendimiento conocidos hasta el día de hoy.