Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web

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.

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

Protocolos Implicados

• HTTP sobre TCP/IP (puerto 80).• HTTPS sobre TCP/IP con SSL o TLS

(puerto 443).

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

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)

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.

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

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

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

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

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.

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

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

Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web

Education

Transcript of Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web

sesion nº2 turbumaquinase

Tecnologias (tipos de tecnologias)

Socket Nº2

Revista nº2

Clases nº2

Archivos Nº2

FLUIDOS_informe nº2

Segojoven nº2

Almansura nº2

Entrega nº2

Latomia Nº2

Sesion Nº 03 Tecnologias Web I Instalación Y Configuración Del Servidor Apache, Php Y Mysql

Seminario nº2

MODULO Nº2

Tecnologias - Sesion 2-3 y 4

Boletín nº2

Presentación Nº2

Solemne Nº2

Tecnologias aplicadas a la evaluacion de la composicion sesion #2

Boletin Nº2