sesion nº2 tecnologias y herramientas de desarrollo web
DESCRIPTION
Topicos Especiales - Sesion Nº 02TRANSCRIPT
![Page 1: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/1.jpg)
Sesión 02:
Ing. Edgar A. Cruz Huaman
INSTITUTO SUPERIOR TECNOLÓGICO INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”PRIVADO “SAN PEDRO”
Tecnologías y Herramientas de Desarrollo Web.
![Page 2: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/2.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
I. TECNOLOGÍAS WEB.
• Arquitectura
![Page 3: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/3.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Protocolos Implicados
• HTTP sobre TCP/IP (puerto 80).• HTTPS sobre TCP/IP con SSL o TLS
(puerto 443).
![Page 4: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/4.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Tecnologías Cliente
• Navegadores Web
• Tecnologías de Programación– HTML– JavaScript / Jscript– VBScript– Applets Java– Componentes ActiveX en Visual C++, Visual Basic o .NET
•Netscape Navigator •Opera •Safari •Seamonkey •Shiira •Maik Navigator •Flock
•Amaya •Epiphany •Galeon •Internet Explorer •Konqueror•Lynx •Mozilla Firefox
![Page 5: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/5.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Tecnologías Servidor
• Servidor Web– Servidor HTTP Apache– Servidor HTTP Cherokee – IIS – Resin – Tomcat– Geronimo – JBoss – JOnAS – Lighttpd
• Tecnologías de Programación– PHP– ASP– JSP– Servlets– CGIs (Common Gateway Interface)
![Page 6: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/6.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
II. HERRAMIENTAS WEB
• Editores Web.– DREAMWEAVER
URL de descarga: http://www.adobe.com/es/products/dreamweaver/WYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: De pagoLenguajes admitidos: HTML, JAVASCRIPT, PHP, ASPSe puede añadir o modificar "Etiquetas": Si Idioma del editor: Depende de la instalación.
![Page 7: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/7.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Editores Web (II)
– WeaverSlaveURL de descarga: http://www.weaverslave.ws/weaverslave.5.htmlWYSIWYG: CódigoDa color al código: SiTipo de Licencia: FreewareLenguajes admitidos: HTML, JAVASCRIPT, PHP, ASPSe puede añadir o modificar "Etiquetas": Si Idioma del editor: MultiIdioma
![Page 8: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/8.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Editores Web (III)
– FrontPageURL de descarga: http://www.microsoft.com/spain/offic...e/default.mspxWYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: De pago (Como parte del paquete office o por separado)Lenguajes admitidos: HTML, JAVASCRIPTSe puede añadir o modificar "Etiquetas": NoIdioma del editor: Depende de la instalación
![Page 9: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/9.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Editores Web (IV)
– Adobe GoLiveURL de descarga: http://www.adobe.com/es/products/golive/WYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: De pago Lenguajes admitidos: HTML, XHTML, WML, JAVASCRIPT, PHP, ASPSe puede añadir o modificar "Etiquetas": NoIdioma del editor: Depende de la instalación
![Page 10: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/10.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Editores Web (V)
– NVUURL de descarga: http://www.nvu.com/download.phpWYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: Freeware (Open Source)Lenguajes admitidos: HTML, XHTMLIdioma del editor: Multi-idioma
![Page 11: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/11.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Editores Web (VI)
• IDM Computer Solutions, Inc. Pago• Cool Page. (Shareware)• WebScope (Freeware)• Notepad++ (Freeware)• Editplus (Shareware)• TopStyle (Lite & Pro) (Shareware)• First Page (Pago)• Web Page Maker V2 (Shareware)• WYSIWYG Web Builder
(Shareware)• KompoZer (Freeware)• TOWeb 2.0 (Freeware)• Visual Web Developer Express
Edition 2005. (Freeware)
• Izispot (Freeware)• HTML Portable Editor (Freeware)• PHP Expert Editor (Shareware)• ZEND STUDIO (Shareware)• EmEditor Professional (Shareware)• Quanta Plus (GPL - free software) • Coda (Pago - Mac Os )• HTMLPad 2007 (Pago)• Namo Webeditor Professional (Pago)• phpDesigner2007 (Pago)• PHPEdit (Freeware)• microsoft expression web (pago)• Context (Freeware), Etc.
![Page 12: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/12.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Herramientas Web 2.0 (I)
• SISTEMAS OPERATIVOS ONLINE – Eyeos.info – DeskTopTwo – YouOs – Craythur
• SUITES OFIMÁTICAS ONLINE – ThinkFree: – Google Docs & Spreadsheets– Zoho Writer: – Empressr:
• IMAGENES – Cellsea Free Web Photo Editor: – Fauxto– Ajax Image Map Creator – ImageTool– Image Optimization – DoSize & Online Image Resize. – Velocity Webshots Sandbox
![Page 13: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/13.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
Herramientas Web 2.0 (II)
• DISEÑO Y APLICACIONES WEB.– Weebly– JotForm: – Adobe PDF Conversion
• EDICION DE VIDEO ONLINE– iBlocks
• EDICION MUSICA ONLINE – Ringtone Maker:
• CONVERSION DE ARCHIVOS– Zamzar – FLV Online Converter
![Page 14: Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web](https://reader033.vdocuments.net/reader033/viewer/2022052908/5595dafc1a28ab79658b45eb/html5/thumbnails/14.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman