herramientas online: desarrollo web
TRANSCRIPT
![Page 1: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/1.jpg)
DESARROLLO WEBDESARROLLO WEBNathalia Andrea AlzateLaura Bedoya Jaramillo
Luis Miguel Hinestroza Juan Camilo Naranjo
![Page 2: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/2.jpg)
Es el 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.
DESARROLLO WEB
![Page 3: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/3.jpg)
Consiste en una actividad que necesita una planificación, diseño e implementación. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.
DISEÑO DE PÁGINA WEB
![Page 4: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/4.jpg)
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).
DISEÑO WEB APLICADO
![Page 5: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/5.jpg)
Nathalia Andrea AlzateLaura Bedoya Jaramillo
Luis Miguel Hinestroza Juan Camilo Naranjo
Estos documentos o páginas web pueden ser creadas:
1. Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
HTML: "Lenguaje de marcado de hipertexto", es el lenguaje que se utiliza para crear las páginas web, indica a los navegadores cómo deben mostrar el contenido de una página web.
PHP: Es un lenguaje de programación interpretado y diseñado originalmente para la creación de páginas web dinámicas.
CREACIÓN
![Page 6: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/6.jpg)
Es el 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.
ASP: Es usado por programadores para construir sitios web dinámicos, aplicaciones web y servicios web XML.
ASPX: Es un formato de archivo de html, donde se coloca todo el contenido requerido por la pagina web.
JAVASCRIPT: es un lenguaje que puede ser utilizado por profe-sionales y para quienes se inician en el desarrollo y diseño de sitios web.
JSP: es una tecnología Java que permite generar contenido dinámico para web, en forma de documentos HTML, XML o de otro tipo.
![Page 7: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/7.jpg)
Consiste en una actividad que necesita una planificación, diseño e implementación. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.
2. Utilizando un programa WYSIWYG o WYSIWYM de creación de páginas, que son los que permiten escribir un documento viendo directamente el resultado final y un paradigma donde el usuario se encarga de introducir los contenidos de forma es-tructurada siguiendo su valor semántico, respectivamente.
3. Utilizando lenguajes de programación del lado servidor para generar la página web.
4. Usando un sistema CMS que permite separar el contenido del diseño y hace que el diseñador genere solamente las plantillas.
![Page 8: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/8.jpg)
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).
Para el diseño de páginas web debemos tener en cuenta tres etapas:
1. Es el diseño visual de la información que se desea editar.
2. Es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a 'escribir' la página web.
3. Consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda.
ETAPAS
![Page 9: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/9.jpg)
Es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales. El código fuente es escrito en un lenguaje de programación ya sea compilados(C, C++, Delphi), semicompilados(.NET, Mono, Java), o interpretados (Python) para crear tanto la funcionalidad como toda la interfaz de los usuarios.
PROGRAMACIÓN
![Page 10: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/10.jpg)
El propósito de la programación es crear programas que exhiban un com-portamiento deseado. El proceso de escribir código requiere frecuent-emente conocimientos en varias áreas distintas, además del dominio del len-guaje a utilizar, algoritmos especializados y lógica formal.
![Page 11: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/11.jpg)
Un desarrollador web o programador debe conocer, por lo 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 tra-bajadas 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.
DESARROLLADOR WEB
![Page 12: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/12.jpg)
El programador se encarga de la implementación de prototipos mediante un lenguaje de pro-gramación, que compilados pueda entender la computadora.
![Page 13: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/13.jpg)
Es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales. El código fuente es escrito en un lenguaje de programación ya sea compilados(C, C++, Delphi), semicompilados(.NET, Mono, Java), o interpretados (Python) para crear tanto la funcionalidad como toda la interfaz de los usuarios.
PÁGINAS PARA CREARSITIOS WEB GRATIS
![Page 14: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/14.jpg)
Mex.tl: Es un sistema en línea revolucionario que te permite crear y administrar un sitio web profesional rápidamente y fácil-mente sin ningún conocimiento técnico. Se requiere registo.
El propósito de la programación es crear programas que exhiban un com-portamiento deseado. El proceso de escribir código requiere frecuent-emente conocimientos en varias áreas distintas, además del dominio del len-guaje a utilizar, algoritmos especializados y lógica formal.
![Page 15: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/15.jpg)
Webs.com: Esta página es para crear tus sitios wed profesional de forma gratuita, se puede elegir entre cientos de plantillas y personalizar el sitio con una herramienta de fácil uso.
Un desarrollador web o programador debe conocer, por lo 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 tra-bajadas 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 16: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/16.jpg)
Wixs.com: una herramienta online gratuita que te permite crear y per-sonalizar tus propios sitios web. Construido con una interfaz potente y fácil de usar, Wix te dará un control total sobre el diseño de tu web sin saber absolutamente nada de códigos lujosos de programación.
El programador se encarga de la implementación de prototipos mediante un lenguaje de pro-gramación, que compilados pueda entender la computadora.
![Page 17: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/17.jpg)
Google sites: Es una nueva aplicación lanzada por google, para crear de forma sencilla páginas web, que no requiere la compra, in-stalación ni mantenimiento de ningún tipo de software o hardware.
![Page 18: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/18.jpg)
Mex.tl: Es un sistema en línea revolucionario que te permite crear y administrar un sitio web profesional rápidamente y fácil-mente sin ningún conocimiento técnico. Se requiere registo.
Activeweb.com: Es un sitio donde puedes crear tu pagina de primer nivel totalmente gratis, con la posiblidad de añadir códigos HTML de cualquier aplicación. Se peude añadir tambien formularios de contacto insertar videos y miles de aplicaciones mas.
![Page 19: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/19.jpg)
Webs.com: Esta página es para crear tus sitios wed profesional de forma gratuita, se puede elegir entre cientos de plantillas y personalizar el sitio con una herramienta de fácil uso.
Los siguientes son ejemplos de las mejores compa-ñias de hosting que son las que proporcionan espacio de un servidor a sus clientes.
PÁGINAS PARA CREARSITIOS WEB PAGANDO
![Page 20: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/20.jpg)
Servicios de Hospedaje WebRegistro de Nombres de DominioPaquete para Pequeñas EmpresasDiseño de Página Web
Sitio Web MovilAlojamiento Web de RevendedorServicios de Soporte de HostPapaSello de Seguridad SiteLock
Wixs.com: una herramienta online gratuita que te permite crear y per-sonalizar tus propios sitios web. Construido con una interfaz potente y fácil de usar, Wix te dará un control total sobre el diseño de tu web sin saber absolutamente nada de códigos lujosos de programación.
![Page 21: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/21.jpg)
Google sites: Es una nueva aplicación lanzada por google, para crear de forma sencilla páginas web, que no requiere la compra, in-stalación ni mantenimiento de ningún tipo de software o hardware.
Bluehost: Bluehost ha sido un proveedor de alojamiento recomen-dado por WordPress, que es un software web inestimable (CMS) que permite crear ya sea un sitio web o un blogen muy poco tiempo.
![Page 22: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/22.jpg)
Godaddy: es el principal registrador de dominios del mundo acreditado por ICANN para extensiones de dominio .COM, .NET, .ORG, .INFO, .BIZ y .US
Activeweb.com: Es un sitio donde puedes crear tu pagina de primer nivel totalmente gratis, con la posiblidad de añadir códigos HTML de cualquier aplicación. Se peude añadir tambien formularios de contacto insertar videos y miles de aplicaciones mas.
![Page 23: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/23.jpg)
1&1: Es un sitio de hosting que permite crear una pagina web con tan solo unos clics y en muy poco tiempo.
Los siguientes son ejemplos de las mejores compa-ñias de hosting que son las que proporcionan espacio de un servidor a sus clientes.
![Page 24: Herramientas online: Desarrollo web](https://reader031.vdocuments.co/reader031/viewer/2022020105/556f1801d8b42ac8048b4d04/html5/thumbnails/24.jpg)
GRACIASGRACIAS