Silabo diseño web

2,115 views

Published on

Published in: Education
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,115
On SlideShare
0
From Embeds
0
Number of Embeds
701
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Silabo diseño web

  1. 1. Página | 1 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013P R O G R A M A C I Ó N D E D I S E Ñ O W E B1. INFORMACIÓN GENERAL1.1. Carrera Profesional : Computación e Informática1.2. Módulo : Gestión de aplicaciones para internet y producción multimedia1.3. Unidad Didáctica : Diseño web1.4. Semestre Académico : Quinto1.5. Horas semanales : Cuatro (4) horas1.6. Créditos : Tres (3)1.7. Docente : Edwin MAMANI LOPEZ2. FUNDAMENTACIÓNLos profesionales en Informática, diseñadores gráficos o no; que deseen ingresar a este mercado, requieren una herramienta sencilla y que a la vez cumpla conlas exigencias actuales. En este contexto, La Unidad Didáctica de Taller de Programación Web promueve el diseño y producción de sitios web, a través del uso deAdobe Dreamweaver CS no sólo por su interface amigable, sino porque además, permite editar documentos que no sean necesariamente HTML (como porejemplo, JavaScript, PHP, XML y otros), aplicar estilos CSS e incluso conectarse a una base de datos.3. CAPACIDADES TERMINALES Y CRITERIOS DE EVALUACIÓNCapacidad Terminal Criterios de Evaluación1. Diseñar páginas web y plantillas para aplicaciones de Internet 1.1 Identifica y clasifica los tipos de plantillas de aplicaciones en Internet.1.2 Utiliza herramientas adecuadas para diseñar interfaces de fácilinteractividad.1.3 Publica la aplicación en Internet.2. Diseñar sitios Web utilizando estilos CSS 2.1 Utilizar imágenes y crear mapas de imágenes2.2 Diseñar sitios Web utilizando estilos CSS2.3 Crear formularios2.4 Crear páginas en base a una plantilla3. Aplicar los comandos y estructuras requerida para crear un sitio webcon Dreamweaver CS4.3.1 Crear y publicar un sitio Web con Dreamweaver CS4.3.2 Definir la información del sitio Web y configurar las opciones locales yremotas3.3 Identificar las diferencias entre el lenguaje HTML, XHTML y CSS
  2. 2. Página | 2 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/20134. ORGANIZACIÓN DE ACTIVIDADES Y CONTENIDOS BÁSICOSCapacidad Terminal N° 01: Diseñar páginas web y plantillas para aplicaciones de InternetElementos de laCapacidad TerminalOrganización de los aprendizajes Actividades deAprendizajeCriterios de evaluación HrsProcedimientos Conceptuales ActitudinalesDescribir lascaracterísticas de unbuen diseño depágina web.Fundamentos delDiseño Web:TipografíaTeoría del colorLenguajes,tecnologías yarchivos para webParticipa y cooperaen los trabajos degrupoNº 01:Consideraciones para eldiseño webDescribir las característicasde un buen diseño depágina web.06Reconocer interfaz ydesarrollaraplicaciones de listasutilizando HTML.Desarrolla unaInterfaz y primerasaplicaciones enHTMLEtiquetas en HTMLPárrafos <p> -atributos del texto.Encabezados <h1>Las listasComunica sus ideas yopiniones a suscompañeros.Nº 02:Interfaz y primerasaplicaciones en HTMLReconocer interfaz ydesarrollar aplicaciones delistas utilizando HTML. 08Desarrollaraplicaciones dehiperenlaces, tablasy marcos con códigoHTMLUsa enlaces eimágenes y Diseñode tablas y marcosHiperenlacesImágenes y fondosTablasMarcosPersevera en labuena consecucióndel trabajopropuestoNº 03:Uso de enlaces e imágenesy Diseño de tablas y marcosDesarrollar aplicaciones dehiperenlaces, tablas ymarcos con código HTML 08Diseñar formulariosde datos utilizandocódigo HTMLDiseña Formulario yMultimediaFormulariosMultimediaAtiende las opinionese ideas de loscompañerosNº 04:Formulario y MultimediaDiseñar formularios dedatos utilizando códigoHTML06Realizar aplicacionesde integración deCSS y HTMLHojas de estilo CSS:Sintaxis, selectoresID y clases.CapasLenguajes de scriptVincular una hoja deestiloComprende laimportancia deautoevaluarse sobre laforma como se aprende(metacognición).Nº 05:Vincular CSS en HTMLRealizar aplicaciones deintegración de CSS y HTML04Diseñar menús denavegación de unapágina web.Diseño de menúsdesplegablesBarras denavegaciónValora su laboratorio,demostrando ordenlimpieza yresponsabilidad.Nº 06:Diseño de MenúsDesplegablesDiseñar menús denavegación de una páginaweb.04Elaborar proyectowebAplicación dedegradados, coloresde relleno y bordespersonalizadosPresentación ysustentación deproyecto webPublicación depágina webDesarrollo proyectoweb empresarial einstitucionalindividual.Nº 07:Proyecto Web.Elaborar proyecto webcubriendo las necesidadesy servicios requeridos y lopública en internet.10
  3. 3. Página | 3 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013Capacidad Terminal N° 02: Diseñar sitios Web utilizando estilos CSSElementos de laCapacidad TerminalOrganización de los aprendizajes Actividades deAprendizajeCriterios de evaluación HrsProcedimientos Conceptuales ActitudinalesRealizar aplicacionesde integración dejava script, css yhtml- Crear un bocetoweb en el lienzoajustandotamañosadecuados deacuerdos a losestándares.- Capas.- Lenguajes descript.- Vincular una hojade estiloValora sulaboratorio,demostrando ordenlimpieza yresponsabilidad.Nº 08:Vincular java scrip y css enHTMLInvestiga información yaplica en el desarrollo deejemplos prácticos06Elaborar y validarformularios con CSS.- Diseñarformularios dedatos utilizando ellenguaje CSS- Elementos deformulario- Crear formularios- Validar formulariosParticipa y cooperaen los trabajos degrupoNº 09:Elementos de FormulariosDesarrolla aplicaciones.06Crear plantillas depáginas web- Crear plantillas- Establecerregiones editablesen una plantilla- Basar páginas enuna plantilla- Insertar una capa- Formato de unacapaComunica sus ideas yopiniones a suscompañeros.Nº 10:Creación de Las plantillasDesarrolla aplicaciones.06Aplicacomportamientosdel lenguaje CSS- Mensajesemergentes- Texto de la Barrade estado- Carga previa deimágenes- Cambiarpropiedades CSS- Comprobar Plug-insPersevera en labuena consecucióndel trabajopropuestoNº 11:ComportamientosAvanzadosDesarrolla aplicaciones.06Elaborar proyectoweb cubriendo lasnecesidades yservicios requeridosen modo local.Utiliza adecuada-mente información,manejo que incluyecómo encontrarla,evaluarla.- Presentación ysustentación deproyecto web- Publicación depágina webAtiende las opinionese ideas de loscompañerosNº 12:Proyecto Web.Desarrollo proyecto webpersonal.06
  4. 4. Página | 4 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013Capacidad Terminal N° 03: Aplicar los comandos y estructuras requerida para crear un sitio web con Dreamweaver CS4.Elementos de laCapacidad TerminalOrganización de los aprendizajes Actividades deAprendizajeCriterios de evaluación HrsProcedimientos Conceptuales ActitudinalesConfigurar un sitiolocal conDreamweaver con elservidor Apache yMySQL.- Entender qué sonlas hojas de estiloy su importanciapara construirsitios Web- Entorno de trabajo- Concepto yCreación de unSitio Local- Insertar Textos- ListasEvalúa su propiodesempeño propio ycuando se trabaja enequipo.Nº 13:Uso del Editor DreamweaverCS4Conceptos, procedimientosy aplicación04Aplicar estilos CSSpersonalizado en eldiseño web.- Reconocer laspropiedades de unestilo (fuente,párrafo, fondo,bloque, borde,listas, tablas, links,etc)- Estilos CSS.Introducción- Crear un estilopersonalizado- Definir o editar unestilo- Aplicar un estilo- Hojas de estilosComprende laimportancia deautoevaluarse sobrela forma como seaprende(metacognición).Nº 14:Estilos CSSAplicación de conceptos deestilos04Aplicar herramientasde enlace,imágenes, tablas ymultimedia en laweb.- Identifica laestructura paradefinir estilos.- Define que es unadeclaración.- Reconoce laspartes de unadeclaración(Propiedad, valor,selector).- Tipos dereferencia- Crear enlaces- Insertar unaimagen- Propiedades deuna imagen- Insertar una tablaValora sulaboratorio,demostrando ordenlimpieza yresponsabilidad.Nº 15:Hiperenlaces, imágenes ytablasConceptos, procedimientosy aplicación04Elaborar proyectoweb cubriendo lasnecesidades yservicios requeridosy lo pública eninternet.Utiliza adecuada-mente información,manejo que incluyecómo encontrarla,evaluarla.- Presentación ysustentación deproyecto web- Publicación depágina webAtiende las opinionese ideas de loscompañerosNº 16:Proyecto Web.Desarrollo proyecto webempresarial e institucionalindividual.
  5. 5. Página | 5 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/20135. METODOLOGIATeórico Práctica de laboratorioa) Exposición interactiva en clases de los contenidos temáticos de cadaunidad respectivamente.b) Lecturas complementarias para ampliar los temas propuestos en las clasesteóricas.a) Resolución de ejercicios demostrativos las que se desarrollaran en el centrode cómputo.b) Planteamiento de ejercicios propuestos complementarios y su desarrollo;así como el uso de la web http://elprofedwin.blogspot.com6. MATERALES EDUCATIVOS y OTROS RECURSOS DIDACTICOSa) Materiales educativos interactivos (Plataforma Virtual); Direcciones electrónicas para recabar información sobre contenidos planteados.b) Materiales educativos para la exposición; Pizarra acrílica, plumones, mota, proyector multimedia, mapas conceptuales y esquemas gráficos del problema.Materiales impresos: texto guía, material de clases, hojas de prácticas de salón y laboratorio.7. EVALUACIONa) La escala de calificación es vigesimal y el calificativo mínimo aprobatorio es trece (13). En todos los casos la fracción 0.5 o más se considera como una unidada favor del estudiante. El estudiante que en la evaluación de una o más Capacidades Terminales programadas en la Unidad Didáctica (Asignaturas), obtenganota desaprobatoria entre diez (10) y doce (12), tiene derecho a participar en el proceso de recuperación programado.b) El estudiante que después de realizado el proceso de recuperación obtuviera nota menor a trece (13), en una o más capacidades terminales de una UnidadDidáctica, desaprueba la misma, por tanto repite la Unidad Didáctica.c) El estudiante que acumulara inasistencias injustificadas en número igual o mayor al 30% del total de horas programadas en la Unidad Didáctica (Asignaturas),será desaprobado en forma automática, sin derecho a recuperación.Aspectos a evaluar Criterios Procedimientos InstrumentosEvaluación Conceptual (EC) 40%- Conocimientos- CapacidadesAuto aprendizajeInter aprendizajeIntervención OralPrueba EscritaEvaluación Procedimental (EP) 50%- Habilidades- DestrezasDemostraciónEjemplificaciónAnálisisPracticas dirigidas, elaboración deorganizadores, trabajo de campo,guías de observación.Evaluación Actitudinal (EA) 10%- Responsabilidad- ComportamientoIdentificaciónDisposición para el trabajoLista de cotejos,Test.8. RECURSOS BIBLIOGRAFICOS / BIBLIOGRAFIAEGUILUZ, Javier "Introducción a XHTML" Easybook (http://easybook-proyect.org)DE LA CRUZ VILLAR, Joel "Diseño web" Grupo Editorial Megabyte. Lima-Perú 2009http://formacionprofesorado.educacion.es/index.php/es/materiales/materiales/77-php-en-la-educacionhttp://www.ite.educacion.es/formacion/materiales/182/cd/http://www.librosweb.es/Sicuani, Abril de 2013.

×