I C - Aplicativos Web I - A - V0109

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE
CARRERA PROFESIONAL DE COMPUTACIN E INFORMTICA
I. DATOS INFORMATIVOS Carrera Especialidad Curso Cdigo Ciclo Requisitos Duracin Horas Semana Versin II. SUMILLA
Aprender a manejar las operaciones ms usadas en diseo grfico, para ser aplicadas en el diseo de pginas web. El participante aprender a elaborar documentos HTML para su publicacin en Internet.
: COMPUTACIN E INFORMATICA : Ingeniera de Software Ingeniera de Redes y Comunicaciones : Aplicativos Web I - A : T-INF103 F103 Frmula : Primero : Ninguno : 11 Semanas : 04 horas : v.0109.01
III. OBJETIVOS
1.
General
Conocer el uso de las herramientas de diseo vectoriales y de tratamiento de imgenes. Se proveer de los fundamentos del lenguaje HTML y Javascript para poderlos aplicar al disear sitios web usando un programa editor de pginas especializado.
2.

Especfico
Aprender a utilizar las herramientas principales en programas de diseo, tales como Corel Draw X3 y la suite de Adobe CS3 formada por Photoshop y, Fireworks. Saber cuando utilizar HTML y las secuencias Java Script en el diseo de una aplicacin Web.
IV. CONTENIDOS SEMANA 1: Manejo de Herramientas Vectoriales

Sesin 1. 1. Corel Draw X3
1.1. 1.2. 1.3. 1.4. Entorno de trabajo. Uso de Herramientas Bsicas: Elipses, Rectngulos, Polgonos. Agrupar y Desagrupar. Transformaciones bsicas: escala, reflejo, inclinacin, posicin, posicin, rotacin y tamao.
Sesin 2.
1.5. 1.6. Orden. Soldar, Intersecar y Recortar. Conceptos para la creacin de dibujos vectoriales: curvas, manejo de nodos, convertir a curvas.
SEMANA 2: Manejo de Herramientas Vectoriales (cont.)

Sesin 1.
1.7. 1.8. Herramientas Mano Alzada, Bzier. Texto Artstico y de Prrafo. Adaptar texto a trayectos. Importar.
Sesin 2.
1.9. Herramientas. Interactivas: Mezcla, Silueta, Envoltura, Extrusin, Sombra. 1.10. Exportar a JPG, GIF.
[CASI v.0109]
Pg. 1

SEMANA 3: Tratamiento de Imgenes

Sesin 1. 1. Adobe Photoshop CS3
1.1. 1.2. 1.3. Entorno del programa. Herramientas de Seleccin: lazo, lazo poligonal, lazo magntico, varita mgica. Montajes. Trabajar con capas.
Sesin 2.
1.4. Correccin de Imgenes: Herramientas Pincel corrector, Parche, Tampn de Clonar. Ajustes de Color. Mascaras.
SEMANA 4: Tratamiento de Imgenes (cont.)

Sesin 1.
1.5. 1.6. 1.7. Edicin de imgenes: Herramienta Desenfocar, Sobreexponer, Subexponer, Esponja, Saturar. Capas de Texto.
Sesin 2.
1.8. 1.9. 1.10. Uso de Filtros. Efectos mezclando filtros Filtros Avanzados. Acciones.
SEMANA 5: Creacin de Prototipos de Pginas Web

Sesin 1. 1. Adobe Fireworks CS3
1.1. 1.2. 1.3. Entorno de Trabajo. Creando nuevas imgenes de mapa de bits. Usando herramientas de seleccin.
Sesin 2.
1.4. 1.5. 1.6. Creacin de grficos vectoriales. Manejo de capas. Aadir Texto.
SEMANA 6: Creacin de Prototipos de Pginas Web (cont.)

Sesin 1.
1.7. 1.8. 1.9. Creacin de Botones. Mapas de imgenes e intercambio de imgenes. Divisiones y zonas interactivas.
Sesin 2.
1.10. 1.11. Aadir comportamientos. Creacin de mens popup. Exportar desde Fireworks como grficos y como HTML.
SEMANA 7: HTML
Sesin 1.
1. Concepto. Estructura de un documento HTML. 1.1. <HTML> 1.2. <META> 1.3. <HEAD> 1.4. <TITLE> 1.5. <BODY> 2. Comentarios.
Sesin 2. 1. Espaciados y saltos de lnea

1.1. 1.2. <P> Cambio de prrafo <BR> Salto de lnea
[CASI v.0109]
Pg. 2

1.3. 1.4. 1.5. 2.1. 2.2. 2.3. 2.4. 2.5. 2.6.
<HR> Regla Horizontal <PRE> Texto preformateado <CENTER> Centrado de texto e imgenes <IMG SRC=...> Inclusin de Imgenes <IMG ... ALT=...> Texto alternativo <IMG .. ALIGN=...> Alineacin de la imagen <IMG .. BODER=...> Borde de la imagen <IMG .. HEIGHT=... WIDTH=...> Tamao de la imagen <IMG .. HSPACE=... VSPACE=...> Espaciado de separacin de la imagen
2. Insercin de Imgenes.
SEMANA 8: HTML y Javascript

Sesin 1. 1. Hiperenlaces
1.1. 1.2. 1.3. 2.1. 2.2. 2.3. 2.4. 2.5. 2.6. 2.7. 2.8. 2.9. 2.10. <A HREF=...> Hiperenlaces URL absolutas y relativas Correo Electrnico <FORM> Definicin de formularios <INPUT TYPE=TEXT...> Texto corto <INPUT TYPE=PASSWORD...> Palabras secretas <INPUT TYPE=CHECKBOX> Botones de seleccin <INPUT TYPE=RADIO...> Seleccin entre mltiples opciones <INPUT TYPE=HIDDEN...> Parmetros ocultos <INPUT TYPE=SUBMIT...> Enviar Datos <INPUT TYPE=RESET...> Borrar los datos <TEXTAREA> Texto en mltiples lneas <SELECT> Eleccin entre mltiples opciones
2. Formularios
Sesin 2.
1. 2. 3. 4. 5. Javascript. Concepto y Caractersticas. Diferencias entre Java y JavaScript. Primer Script en JavaScript. Aplicar Comentarios. Variables: 5.1. Concepto, 5.2. Ambito (local, global), 5.3. Tipos (Cadenas de caracteres, Nmeros enteros, Nmeros decimales, Booleanos, El valor null, Arrays).
SEMANA 9: Javascript (cont.)

Sesin 1.
1. Estructuras de Control 1.1. If Else 1.2. While, For , 1.3. Switch, Ejercicios. Funciones: 2.1. Concepto. 2.2. Definiendo funciones. 2.3. Ejercicios. 2.4. Uso de Eventos.
2.
Sesin 2.
3. Objetos: 3.1. Navigator, Document, 3.2. Window (Abriendo ventanas Pop up) 3.3. Location, History 3.4. Fecha y Hora. Accediendo a los controles de un formulario: Campo de Texto, Botn de Opcin, Casilla de Verificacin, Manejar una lista. Validacin de formularios..
4. 5.
[CASI v.0109]
Pg. 3

SEMANA 10: Semana de Exmenes Finales SEMANA 11: Semana de Exmenes Sustitutorios V. EVALUACIN
La ponderacin de evaluaciones ser: Porcentajes 42 % 18 % 15 % 15% 3% 7% 100 %
PRACTICO Evaluacin Aplicativa NP1 Evaluacin Continua NP2 TEORICO Examen Parcial - EP Examen Final - EF ACTITUDINAL Asistencias AS Participacin en Clases - PT Total
La frmula de evaluacin ser:
[ 0.42(NP1) + 0.18(NP2) + 0.15(EP)+ 0.15(EF) + 0.03(AS) + 0.07(PT) ]

VI. BIBLIOGRAFIA ALBAN CAMPOS, Victor. COREL DRAW X3. Editorial MEGABYTE. 286pp. SUAREZ CORDOVA, Jos. ADOBE FIREWORKS CS3. Editorial Grapper. 275 pp.
[CASI v.0109]
Pg. 4

V. DATOS INFORMATIVOS
Carrera Especialidad Curso Cdigo Ciclo Requisitos Duracin Horas Semana Versin : COMPUTACIN E INFORMATICA : Ingeniera de Software Ingeniera de Redes y Comunicaciones : Aplicativos Web I - B : INF-103 Frmula F103 : Primero : T-INF103 A (Aplicativos Web I A) : 11 Semanas : 04 horas : v.0109.01
VI. SUMILLA
Adobe Dreamweaver es un editor especializado de pginas web, que permite disear sitios completos, para lo que utiliza diferentes herramientas que permiten insertar imgenes, animaciones flash, sonido, video, etc., adems de permitir establecer comportamientos y disear pginas dinmicas que permitan acceder a bases de datos.
VII. OBJETIVOS
3.
General
Aprender a utilizar las funciones del programa Adobe Dreamweaver en el diseo de Sitios Web de mediana complejidad, para luego publicarlas.
4.

Especfico
Elaborar pginas web con contenido dinmico. Aprender a configurar un servidor web local para probar pginas estticas y dinmicas. Aprender a publicar Sitios Web usando la herramienta cliente FTP que posee Adobe Dreamweaver.
VIII. CONTENIDOS SEMANA 1: Conociendo el Entorno de Adobe Dreamweaver CS3

Sesin 1.
2. El Entorno de Trabajo, Configuracin de un Sitio Local. 3. Creacin de Documentos HTML. 3.1. Diagramacin de Pginas: 3.2. Modos Estndar, Expandido y Diseo. 3.3. Establecer propiedades del documento: color e imagen de fondo, tipo y estilo de fuente. 3.4. Personalizar colores de los vnculos visitados, no visitados y despus de haber sido visitados.
Sesin 2.
1. 2. 3. 4. 5. Texto: Caractersticas. Listas, Caracteres especiales. Estilos CSS: creacin y gestin de estilos. Hojas de Estilo.
SEMANA 2: Imgenes e Hipervnculos

Sesin 1.
1. Hipervnculos: Tipos. Destino. Formato de Enlaces. 2. Imgenes: Tipos compatibles para la Web. Insercin de Imgenes. 3. Mapas de imgenes.
Sesin 2.
1. Imgenes de Sustitucin (Rollover).
[CASI v.0109]
Pg. 5

2. Elementos Flash: Pelculas, Botones y Texto Flash.
SEMANA 3: Tablas y Marcos

Sesin 1.
1. 2. 3. 4. Insercin de Tablas. Formato. Aadir y eliminar filas y columnas. Aadir, dividir y combinar celdas. Modos de tablas.
Sesin 2.
1. Marcos: Creacin y Configuracin. 2. Contenido.
SEMANA 4: Insertar Multimedia y Comportamientos

Sesin 1.
1. Insertar sonido a la pgina. 2. Insertar video: Flash Video, Controles ActiveX 3. Capas: Insercin y formato de una capa.
Sesin 2.
1. Comportamientos: Insertar un comportamiento. 2. Mostrar-Ocultar capas. Llamar JavaScript. 3. Comportamientos Avanzados: mensajes emergentes, texto en la barra de estado, carga previa de imgenes, abrir una ventana del navegador, Mens de Salto.
SEMANA 5: Creacin de Formularios y Publicacin de Sitios Web

Sesin 1.
2. Creacin de Formularios en Dreamweaver 2.1. Controles de Formularios: Campo de Texto, rea de Texto, Casilla de Verificacin, Radio Button, Listas, Botones
Sesin 2.
1. Publicacin de Sitios Web 2. Hosting y Dominio. Sitios Remotos: Configuracin. 3. El Panel Archivos. Sincronizar Sitios.
SEMANA 6: Introduccin a PHP

Sesin 1.
1. 2. 3. 4. Introduccin a PHP. Estructura. Instalacin y Configuracin de un Servidor de Prueba PHP. Variables y Operadores: Aritmticos, de Comparacin y Lgicos.
Sesin 2.
1. 2. 3. Estructuras Condicionales y Repetitivas. Proceso de formularios: Envo y Recepcin / Mtodos GET y POST. Formularios de Envo de Correo Electrnico.
SEMANA 7: Manejo de datos usando MySQL desde Dreamweaver

Sesin 1.
1. 2. 3. 4. Gestionar datos con MySQL: Creacin de Bases de Datos, Tablas. Exportar e Importar scripts / Generacin de consultas. Pginas Dinmicas:
Sesin 2.
1. Crear una conexin a la Base de Datos. 2. Juego de Registros. 3. Mostrar datos dinmicos.
[CASI v.0109]
Pg. 6

4. Repeticiones. 5. Orden de Juego de Registros / Filtrado de Juego de Registros.
SEMANA 8: Manejo avanzado de datos

1. Paginacin de Registros. 2. Mostrar/Ocultar regiones, Uso de variables. 3. Pginas maestro-detalle. Sesin 2. 1. Asistentes para insercin, actualizacin y eliminacin de registros. 2. Creacin de Blogs. 2.1. Estructura de Datos. 2.2. Interfaces Pblica y Privada. 2.3. Insertar, Modificacin y Eliminacin de elementos. 3. Listados. 4. Restringir accesos.
SEMANA 9: Elaboracin de Sitios Dinmicos y Publicacin

Sesin 1.
6. Desarrollo de un Sitio Web Comercial
Sesin 2.
1. Configuracin avanzada de Sitios Dinmicos
SEMANA 10: Semana de de Exmenes Finales SEMANA 11: Semana de Exmenes Sustitutorios VII. EVALUACIN
La ponderacin de evaluaciones ser: Porcentajes 42 % 18 % 15 % 15% 3% 7% 100 %
PRACTICO Evaluacin Aplicativa NP1 Evaluacin Continua NP2 TEORICO Examen Parcial - EP Examen Final - EF ACTITUDINAL Asistencias AS Participacin en Clases - PT Total La formula de evaluacin ser:
[ 0.42(NP1) + 0.18(NP2) + 0.15(EP)+ 0.15(EF) + 0.03(AS) + 0.07(PT) ]

VIII. BIBLIOGRAFIA EL GRAN LIBRO DE DREAMWEAVER CS3. Editorial MEDIAACTIVE. 2008 Valdes-Miranda, Claudia. Editorial ANAYA
DREAMWEAVER CS3. MULTIMEDIA. 2008. [CASI v.0109]
Pg. 7

I C - Aplicativos Web I - A - V0109

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

I C - Aplicativos Web I - A - V0109

Uploaded by

Copyright:

Available Formats

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

CARRERA PROFESIONAL DE COMPUTACIN E INFORMTICA

IV. CONTENIDOS SEMANA 1: Manejo de Herramientas Vectoriales

SEMANA 2: Manejo de Herramientas Vectoriales (cont.)

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

SEMANA 3: Tratamiento de Imgenes

SEMANA 4: Tratamiento de Imgenes (cont.)

SEMANA 5: Creacin de Prototipos de Pginas Web

SEMANA 6: Creacin de Prototipos de Pginas Web (cont.)

Sesin 2. 1. Espaciados y saltos de lnea

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

1.3. 1.4. 1.5. 2.1. 2.2. 2.3. 2.4. 2.5. 2.6.

SEMANA 8: HTML y Javascript

SEMANA 9: Javascript (cont.)

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

La frmula de evaluacin ser:

[ 0.42(NP1) + 0.18(NP2) + 0.15(EP)+ 0.15(EF) + 0.03(AS) + 0.07(PT) ]

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

VIII. CONTENIDOS SEMANA 1: Conociendo el Entorno de Adobe Dreamweaver CS3

SEMANA 2: Imgenes e Hipervnculos

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

2. Elementos Flash: Pelculas, Botones y Texto Flash.

SEMANA 3: Tablas y Marcos

SEMANA 4: Insertar Multimedia y Comportamientos

SEMANA 5: Creacin de Formularios y Publicacin de Sitios Web

SEMANA 6: Introduccin a PHP

SEMANA 7: Manejo de datos usando MySQL desde Dreamweaver

INSTITUTO SUPERIOR PRIVADO PERUANO DE SISTEMAS SISE

4. Repeticiones. 5. Orden de Juego de Registros / Filtrado de Juego de Registros.

SEMANA 8: Manejo avanzado de datos

SEMANA 9: Elaboracin de Sitios Dinmicos y Publicacin

[ 0.42(NP1) + 0.18(NP2) + 0.15(EP)+ 0.15(EF) + 0.03(AS) + 0.07(PT) ]

DREAMWEAVER CS3. MULTIMEDIA. 2008. [CASI v.0109]

You might also like