Desarrollo web

21
Desarrollo Web Presentado por: Martha Carolina Vásquez [email protected] Siria Grasibel Nolasco [email protected]

description

Centro Educacional Perlas de la Sierra Allan Tome Marcala, la Paz III BTC

Transcript of Desarrollo web

Page 1: Desarrollo web

Desarrollo WebPresentado por:

Martha Carolina Vá[email protected]

Siria Grasibel [email protected]

Page 2: Desarrollo web

Índice

1. Desarrollo Web

2. Creación Web

3. Base de Datos

4. DHTML

5. Tipos de paginas Hipertextuales en WWW

6. Continuación de Tipos de paginas Hipertextuales en WWW

7. Script

8. Desarrollador Web

9. Web Online

10. Complementos de Una Web

Page 3: Desarrollo web

11. Practicas anti éticas en el Desarrollo Web

12. Spamming

13. Imágenes de Desarrollo Web

14. Historia de La Web

15. Continuación de Historia de La Web

16. La World Wide Web

17. Hipertexto

18. Continuación de Hipertexto

Page 4: Desarrollo web

¿Que es Desarrollo Web?

Proceso de creación y mantenimiento de páginas web, generalmente para ser parte de un sitio web disponible en la WWW.

La o las personas encargadas de esta tarea, son llamadas desarrolladores web o web masters.

Es un Conjunto de tecnologías de software del lado del servidor y del cliente que involucran una combinación de procesos de base de datos con el uso de un navegador en Internet a fin de realizar determinadas tareas o mostrar información.

Page 5: Desarrollo web

Creación web

El lenguaje básico que se debe conocer para la creación de páginas web es el HTML, aunque las herramientas gráficas para el diseño web ayudan mucho en esta tarea. Las dos aplicaciones más difundidas son Dreamweaver y FrontPage.

 Existen otros lenguajes de programación que aumentan el poder de las páginas web, algunos destacables son: PHP, ASP y JavaScript (DHTML).

Para aumentar las funcionalidades de un sitio web, también pueden incorporarse: Flash, Shockwave, Java applet, CGI, SVG, ActiveX, cookies, etc.

Page 6: Desarrollo web

Base de Datos

Finalmente, la incorporación de una base de datos puede simplificar muchas tareas a la hora de desarrollar ciertos sitios web.

La base de datos más popular en desarrollo web es MySQL, seguida por Oracle, SQL Server y PostgreSQL, también puede usarse perfectamente Firebird o HSQL.

Idealmente un desarrollador web debería conocer, además de al menos un lenguaje de programación y el manejo de al menos una base de datos, HTML, CSS y JavaScript, tres tecnologías que bien trabajadas logran DHTML. También, si el diseñador desea usar Adobe Flex (Flash) debe ser capaz de integrarlo a su solución, o puede dejar los efectos en el mismo DHTML.

Page 7: Desarrollo web

¿Que es un DHTML?

HTML dinámico o DHTML (Dinamic HyperText Markup Language)

es un término colectivo que sirve para designar una combinación de nuevas etiquetas del lenguaje HTML y nuevas opciones de estilo y programación que permiten crear páginas web más dinámicas y animadas, a la vez que ofrecen una mayor interactividad por parte del usuario que las versiones previas de HTML.

Muchas de las especificaciones de DHTML en HTML 4.0 son simples ejemplos de páginas HTML dinámicas que pueden incluir acciones diversas, como establecer que el color de la cabecera de un texto cambie cuando el usuario pasa el ratón sobre él, permitir a los usuarios que desplieguen o contraigan un menú, hacer que aparezca una línea en la barra de estatus del navegador, etc. El lenguaje HTML dinámico permite que los documentos web tengan un aspecto más atractivo, además de actuar sobre determinadas aplicaciones de escritorio o producir efectos multimediales.

Page 8: Desarrollo web

En la World Wide Web se pueden encontrar 2 tipos de páginas hipertextuales:

 Páginas estáticas: se presentan sin movimiento y sin funcionalidades más allá de los enlaces.

 Páginas dinámicas: se presentan con efectos especiales y en las que el usuario puede interactuar.

1. Las páginas estáticas:

Se construyen con lenguaje HTML, que no permite grandes alardes a la hora de crear efectos y funcionalidades más allá de los enlaces. Estas páginas son muy sencillas de crear y suelen ofrecer las morfologías más comunes como texto, imágenes y contenidos multimedia como audio y vídeo que convierten al hipertexto en hipermedia.

Page 9: Desarrollo web

2. Por el contrario, las páginas dinámicas:

Son más complejas de elaborar ya que incluyen algún efecto especial o funcionalidad distinto al proporcionado por el lenguaje HTML. Para ello, es preciso utilizar otros lenguajes de programación además del simple HTML, ya que las páginas dinámicas son más complejas de elaborar y más versátiles que las páginas estáticas. Estas nuevas funcionalidades se llevan a cabo mediante los denominados scripts.

Page 10: Desarrollo web

¿Que es un Script?

Un script es un programa o secuencia de instrucciones que son trasladadas y ejecutadas por un programa (por ejemplo el navegador web).

Algunos lenguajes han sido concebidos expresamente como lenguajes de scripting. Los más populares son: VBScript, JavaScript y Perl.

En el contexto de la World Wide Web, Perl, VBScript, y otros lenguajes de scripting similares a menudo se escriben para dar entrada a otras funciones u otros servicios para un sitio web que son procesados en el servidor Web.

Page 11: Desarrollo web

¿Qué hace el desarrollador Web?

Funcionalmente, el desarrollador web, que es quien realiza la labor, normalmente sólo se preocupa por el funcionamiento del software, es tarea del diseñador web preocuparse del aspecto final (layout) de la página y del webmaster el integrar ambas partes.

En ocasiones el webmaster también se encarga de actualizar los contenidos de la página.

Page 12: Desarrollo web

Una web online

El proceso de "poner en línea" un sitio web, comienza con la búsqueda de un servidor web. En general, se suele contratar un servicio de internet que aloje el contenido del sitio web y lo mantenga online las 24 horas del día, o sea, un servicio de hosting.

(También se puede instalar un servidor web propio en la computadora, con una conexión a internet permanente, pero no es lo usual).

Con la adquisición de un hosting (gratuito o pago) y un dominio de internet, se puede proceder a "apuntar" el dominio al hosting, para esto se asignan los DNS correspondientes.

Luego, la forma típica de "subir" los archivos al hosting suele ser empleando un cliente FTP. Un programa que se encarga de transferir los archivos al servidor web (empleando el protocolo FTP). Algunos programas FTP son Filezilla, CuteFTP y WS_FTP.

Page 13: Desarrollo web

Complementos de una web

Algunos complementos para un sitio web son:

* Contadores: permiten contabilizar las visitas de un sitio web.

* Mapa del sitio.

Algunos conceptos que se deben manejar relacionados al sitio web y su promoción:

* Buscadores de internet: permiten que miles de personas encuentran el sitio web.

* Resultados de busquedas: lista de páginas web que aparecen luego de realizar una búsqueda en un buscador de internet. Para aparecer en la lista, la página web debe estar indexada.

Aparecer en las primeras posiciones, permite incrementar la cantidad de visitantes al sitio.

* Publicidad online.

Page 14: Desarrollo web

Prácticas prohibidas o poco éticas en el desarrollo web

Cualquier práctica de spamming por parte de un desarrollador web, no solo está mal visto, sino que puede ser penalizado por otros sitios web y buscadores de internet, y no incluir enlaces hacia el sitio.

Específicamente el spam en el desarrollo de sitios web es llamado spamdexing e incluse técnicas como: texto oculto, keyword stuffing, metatag stuffing, páginas puerta, cloaking, etc.

Page 15: Desarrollo web

¿Que es spamming?Es el abuso de cualquier tipo de sistema de mensajes electrónicos y, por extensión, cualquier forma de abuso en otros medios como spam en mensajería instantánea, en foros, en blogs, en buscadores, en mensajes en teléfonos móviles, etc.

El spamming generalmente es originado por el ánimo de lucro de los spammers.

*Spammers: Persona o grupo dedicados a la distribución de correo electrónico no deseado, spam o spamdexing.

Actualmente, cualquier tipo de spamming está mal visto tanto por personas como por empresas y gobiernos, incluso algunos tipos llegan a ser ilegal en algunos países.

¿Que es spamming?

Es el abuso de cualquier tipo de sistema de mensajes electrónicos y, por extensión, cualquier forma de abuso en otros medios como spam en mensajería instantánea, en foros, en blogs, en buscadores, en mensajes en teléfonos móviles, etc.

El spamming generalmente es originado por el ánimo de lucro de los spammers.

*Spammers: Persona o grupo dedicados a la distribución de correo electrónico no deseado, spam o spamdexing.

Actualmente, cualquier tipo de spamming está mal visto tanto por personas como por empresas y gobiernos, incluso algunos tipos llegan a ser ilegal en algunos países.

Page 16: Desarrollo web

Desarrollo de paginas web

Page 17: Desarrollo web

Historia de la WebLa 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.

Page 18: Desarrollo web

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.

Page 19: Desarrollo web

¿Qué es la World Wide Web o la Web?

La World Wide Web consiste en ofrecer una interface simple y consistente para acceder a la inmensidad de los recursos de Internet. Es la forma más moderna de ofrecer información. el medio más potente. La información se ofrece en forma de páginas electrónicas.

El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar a otro en pos de lo que no interesa. Lo más interesante es que con unas pocas ordenes se puede mover por toda la Internet.

Para entender lo que es la Web debemos tener una idea de lo que es el Hipertexto

Page 20: Desarrollo web

Hipertexto

Hipertexto son datos que contienen enlaces (links) a otros datos.

En el lenguaje Web, un documento de hipertexto no es solo algo que contiene datos, sino que además contiene enlaces a otros documentos.

Un ejemplo simple de hipertexto es una enciclopedia que al final de un tema tiene referencias de algún tema en especial o referencias bibliográficas a otros textos.

En Hipertexto, el ordenador hace que seguir esas referencias sea facilísimo. Esto implica que el lector se puede saltar la estructura secuencial del texto y seguir lo que más le gusta.

Page 21: Desarrollo web

Cada enlace tiene una marca que lo destaca, puede estar resaltado, subrayado o puede estar identificado por un número.

El hipertexto no esta limitado a datos textuales, podemos encontrar dibujos del elemento especificado, sonido o vídeo referido al tema. Estos documentos que tienen gran variedad de datos, como sonido, vídeo, texto, en el mundo del hipertexto se llama hipermedia.

El hipertexto es una herramienta potente para aprender y explicar. El texto debe ser diseñado para ser explorado libremente y así se consigue una comunicación de ideas más eficientes.

En Hipertexto se pueden hacer enlaces en cualquier lugar, no sólo al final.