2SMR-HLC

Vista previa del material en texto

LIBRE CONFIGURACIÓN. 
INTRODUCCIÓN HTML, CSSY JAVASCRIPT 
 
 
 
ÍNDICE 
 
1. Introducción 
 
2. Distribución de Contenidos y Temporalización 
 
3. Contenidos específicos 
 
4. Distribución de Contenidos en las Unidades Didácticas 
 
5. Metodología. Estrategias a Emplear 
 
6. Recursos Didácticos 
 
7. Motivación del Alumnado 
 
8. Evaluación 
 
9. Atención a la diversidad 
 
10. Temas Transversales 
 
11. Bibliografía 
 
 
 
 
 
1 I N T R O D U C C I Ó N
 
 
Los contenidos de este módulo, según decisión del departamento de informática, han sido 
adscritos al módulo de Aplicaciones Web impartido en el segundo curso del ciclo formativo de 
grado medio de Sistemas Microinformáticos y Redes. 
Por dicho motivo la evaluación se llevará a cabo de forma conjunta y la calificación, según se recoge 
en los criterios de evaluación, aparecerá sólo en el módulo de Aplicaciones Web. 
 
 
2 D I S T R I B U C I Ó N D E C O N T E N I D O S Y T E M P O R A L I Z A C I Ó N
 
 
 
Unidad didáctica Título de la unidad Duración 
 Bloque I: Páginas web HTML 
Ud1 HTML. Páginas web estáticas 21 
Ud2 CSS: Hojas de estilo en cascada 12 
 Bloque II: Creación de páginas web dinámicas. 
Ud3 JavaScript y DHTML. Creación de efectos dinámicos 12 
Ud4 PHP. Lenguajes script del servidor. 18 
Total 63 
 
 
 
3 C O N T E N I D O S E S P E C Í F I C O S
 
 
Los contenidos específicos del módulo son los siguientes: 
 
 
 
1.- LE NGUA JE S DE MAR CA S Y DE SCR IPT DE NAVEGA DOR. 
 
 
HTML 
 
El lenguaje HTML. 
 
Estructura y elementos de un documento HTML. 
Uso de herramientas de desarrollo web. 
CSS 
 
CSS: hojas de estilo y tipos. 
 
Selectores, criterios de selección y tipos. 
Propiedades y valores. Tipos. 
Editores de hojas de estilo.
 
 
 
Hojas de estilo alternativas. 
Conflictos entre reglas de estilo. 
Capas.
 
 
JavaScript y DHTML 
 
Lenguajes de script de navegador. Introducción a JavaScript. 
 
Variables, funciones, funciones predefinidas y operadores en JavaScript. 
Estructuras de control de flujo. 
Objetos predefinidos de navegador. 
Eventos. 
DHTML.
 
 
 
 
2. - LE NGUA JE S DE SCR IPT DE S ERVIDOR. 
 
 
PHP 
 
Páginas dinámicas y estáticas. 
 
Requisitos previos. Instalación de Apache, PHP y MySQL. 
 
Elementos del lenguaje PHP: constantes, variables, operaciones y operadores. 
Arrays, estructuras de control de flujo y funciones. 
La orden include. 
 
 
 
4 D I S T R I B U C I Ó N D E C O N T E N I D O S E N L A S U N I D A D E S D I D Á C T I C A S
 
 
 
La programación está dividida en 4 unidades didácticas que requieren 63 horas para ser 
impartidas. 
 
 
UN IDA D D IDÁ C T ICA 1: H TML . P Á G IN A S WE B E S T Á T IC A S 
 
 
1.1 Estructura básica de un documento HTML. 
 
1.2 Hipertexto. 
 
1.3 Creación de hipervínculos 
 
1.4 Inserción de gráficos 
 
 
 
1.5 Creación de tablas. Maquetación empleando tablas
 
 
 
 
1.6 Uso de frames (marcos) 
 
1.7 Creación de formularios 
 
1.8 Tratamiento de mapas 
 
1.9 Inserción de elementos multimedia (sonidos y vídeo) 
 
1.10 Publicación y promoción del trabajo realizado. Contadores de visitas 
 
 
U NIDAD DIDÁCT IC A 2: C SS. HO J A S DE E S TIL O 
 
 
2.1 El origen de las CSS 
 
2.2 Hojas de estilo y sus clases 
 
2.3 Reglas de estilo 
 
2.4 Criterios de selección 
 
2.5 Las propiedades y sus valores 
 
2.6 La importancia de la precedencia. 
 
2.7 Presentación con estilo. Las capas. 
 
 
UN IDA D D IDÁ C T ICA 3: J A V ASCR IP T Y DHTML 
 
3.1 Lenguajes script de navegador 
 
3.2 Javascript 
 
3.2.1.Sintaxis. 
 
3.2.2.Bucles, funciones. 
 
3.2.3. Trabajar con ventanas. 
 
3.2.4. Verificación de formularios. 
 
3.3 JavaScript y DHTML 
 
 
 
U NIDAD DIDÁCT IC A 4 : P HP. L E N GU A J E S S C R I PT DE S E R V IDO R 
 
 
4.1 Lenguaje script del servidor: PHP 
 
4.2 Sintaxis básica de PHP 
 
4.3 Instrucción include
 
 
 
5 M E T O D O L O G Í A . E S T R A T E G I A S A E M P L E A R
 
 
 
Para el desarrollo de esta programación se emplearán diversas estrategias o metodologías 
didácticas entre las que cabe destacar: 
Lectura y análisis de los contenidos conceptuales, complementado con ejercicios de 
lectura comprensiva y exposición por parte del profesor/a de dichos contenidos. 
 
Debate en clase de soluciones aportadas tanto por el alumnado como por el profesor a 
casos prácticos planteados. Estos casos prácticos irán enfocados a la asimilación por parte 
del alumnado de los contenidos teóricos expuestos. 
Para la asimilación de los conceptos se desarrollarán actividades individuales, por parejas 
y en grupo. 
 
La autoevaluación se utilizará como medio de aprendizaje. 
 
Es importante que el aprendizaje sea significativo, utilizando siempre ejemplos y casos prácticos que 
el alumno/a pueda encontrar en su entorno. Así, se intentará en la medida de lo posible que los 
casos prácticos sean planteados por los propios alumnos, aportando el profesor los detalles 
necesarios para que se adecue a los objetivos didácticos propuestos para la actividad. 
 
 
6 R E C U R S O S D I D Á C T I C OS
 
 
 
Los recursos necesarios para llevar a cabo las estrategias de enseñanza antes señaladas se 
exponen a continuación catalogadas en tres grandes grupos: recursos materiales, recursos 
software y recursos bibliográficos. 
 
 
 
A. RECURSOS M AT ERIAL ES 
 
Se considera imprescindible un aula de informática para realizar las prácticas. El aula deberá 
disponer de un número suficiente de ordenadores para que no haya más de dos alumnos por puesto 
de trabajo y al menos un equipo que actúe como servidor. Cada ordenador debe disponer de tarjeta 
de red para comunicar con el resto de equipos. El aula deberá contar con el cableado necesario 
para la conexión de los equipos. Y una conexión a Internet. 
 
También serán positivos todos aquellos instrumentos que faciliten la exposición oral de los conceptos 
teóricos por parte del profesor, como pueden ser: 
 
Pizarra 
 
Proyector de transparencias 
Proyector multimedia 
 
 
Transparencias
 
 
 
 
Otros materiales importantes serán: 
 
Impresora 
 
Discos regrabables, disquetes... 
 
 
 
B. R ECU RS OS S OF TWARE 
 
 
En los equipos informáticos del aula taller de informática será necesario disponer de un sistema 
operativo que permita la instalación de un servidor web y aplicaciones que permitan la edición de las 
páginas web. 
 
 
C. MAT ERIAL BIBL IOGRÁF ICO 
 
 
Es muy importante disponer de libros de consulta en el aula, de forma que los alumnos intenten 
buscar soluciones a los problemas que les surjan antes de solicitar la ayuda del profesor, ya que eso 
les aportará autonomía en la resolución de problemas y les preparará para el módulo Formación en 
Centros de Trabajo que deberán realizar al final de este curso y para su futura vida laboral. 
 
No menos importante es el material bibliográfico de departamento que sirva como base y consulta 
para el profesor a la hora de desarrollar los contenidos del módulo. 
 
 
 
7 M O T I V A C I Ó N D E L A L U M N A D O
 
 
 
De la motivación del alumno hacia el contenido del módulo dependerá en gran medida la 
consecución de los objetivos propuestos para el mismo. 
La motivación del alumno será tratada a lo largo de todo el módulo en base a dos ejes principales: 
 
Motivación acerca de los contenidos del módulo. 
Motivación acerca de la consecución de objetivos. 
Respecto al primer eje, debemos transmitir continuamente al alumno la utilidad de lo que está 
aprendiendo y la relación de estos conceptos, procedimientos y actitudes con el entorno real en el 
que desarrollarán su actividad profesional. 
 
Respecto al segundo eje, debemos inculcar en el alumno la necesidad de autoevaluarse 
continuamente. Valorando positivamente los progresos conseguidos y buscando las causas en los 
objetivos no alcanzados para definir qué es necesario modificar o reforzar para alcanzardichos 
objetivos.
 
 
 
8 E V A L U A C I Ó N
 
 
 
 
7 .1 OR GA N IZA C IÓ N DE LA E V A LU A C IÓN 
 
 
Este módulo se organiza en dos evaluaciones para dos trimestres de curso, puesto que en el 
último trimestre los alumnos desarrollarán el módulo “Formación en Centros de Trabajo”. La 
evaluación será independiente para cada una de los trimestres, siendo necesario superar los 
conocimientos mínimos exigibles en cada una de ellas. Además de superar las evaluaciones, los 
alumnos deberán superar los objetivos de la práctica integradora. 
 
Al término de cada Unidad Didáctica o bien agrupadas según contenidos, se realizará un control 
teórico-práctico de los objetivos conseguidos de los propuestos por dicha Unidad Didáctica. Este tipo 
de controles se llevará a cabo para alumnos que tengan acumulado un porcentaje de 
asistencia mínimo que se establecerá por el departamento. Para superar una Unidad Didáctica el 
alumno deberá obtener una nota igual o superior a 5. 
 
Cada alumno tendrá siempre actualizado un disco de clase como copia de seguridad de los 
trabajos que guarda en su ordenador siendo el alumno el único responsable de sus datos. Dicho 
disco, que será organizado en carpetas, (una por cada Unidad Didáctica desarrollada) será objeto 
de evaluación continua por parte del profesor. 
 
Los alumnos que pierdan la evaluación continua debido a faltas de asistencia tendrán derecho a 
una prueba final de curso. 
 
En resumen, para evaluar al alumnado se tendrá en cuenta: 
 
Resultados de pruebas objetivas sobre los conceptos expuestos en las Unidades Didácticas. 
 
Seguimiento de los ejercicios realizados por el alumno en clase como medio de evaluación del proceso de 
aprendizaje. 
Valoración de las prácticas realizadas en clase. 
Asistencia y actitud en clase. 
Responsabilidad en el trabajo. 
 
 
7 .2 CR IT E R IOS MÍN IMO S DE E V A LUA C IÓN 
 
 
La calificación de cada evaluación estará compuesta por las pruebas teórico-prácticas que se realizarán 
en cada trimestre, con un número mínimo de dos pruebas en las que cada una contará con una ponderación 
del 50% en el caso de realizar dos y 33,3% en el caso de realizar 3 pruebas. 
 
Cada prueba constará de preguntas teóricas tipo test y la resolución de al menos un ejercicio práctico 
mínimo, aunque a medida que se vaya profundizando en la materia puede que se realicen más ejercicios 
 
 
prácticos.
 
 
 
 
En dichos exámenes la parte teórica pretende evaluar la fijación de los conceptos teóricos explicados en 
la materia por parte del alumnado y su implementación en los casos prácticos a fin de tener una visión de 
conjunto del progreso del alumno. 
A parte de lo comentado en el apartado anterior sobre las evaluaciones parciales, para superar la 
asignatura, será condición necesaria la realización de un trabajo individual y global de la materia que será 
entregado y evaluado a final del segundo trimestre, previo a la evaluación ordinaria, con objeto de poder 
valorar la asimilación de los contenidos y la puesta en práctica de los mismos por parte de los alumnos. 
Dicho trabajo consistirá en la elaboración de un sitio Web a partir de alguna de las herramientas de 
gestión de contenidos estudiados durante el curso (Jooomla!). Este trabajo es el mismo que el comentado 
en el módulo de Aplicaciones Web ya que este módulo de Horas de Libre Configuración se ha asignado 
por el departamento a reforzar las competencias del módulo de Aplicaciones Web según la normativa 
vigente. 
Dicho portal tendrá temática libre y podrá ser personalizado a gusto del alumno. 
 
Para la valoración de dicho trabajo se tendrán en cuenta los contenidos elaborados por el alumno en el 
sitio web, su claridad, el diseño, plantillas escogidas, plugins empleados y lo más importante, la 
integración con alguna tabla de base de datos, que supondrá el aspecto más importante a valorar. 
Así mismo, al objeto de poder valorar la actitud del alumno frente al módulo, tendremos en cuenta la 
asistencia a clase y el trabajo realizado en la misma, así como el grado de participación en las clases. 
Esta valoración supondrá un 15% de la calificación parcial de cada trimestre, teniendo en cuenta que 
dicha valoración se obtendrá a partir de la asistencia a clase, así como la participación e integración del 
alumno con el resto del grupo y el interés mostrado en la materia. 
Para superar el trimestre, la calificación mínima a obtener como compendio de todo lo anterior será 5 puntos 
sobre 10, calculando la calificación ponderando cada parte según la siguiente expresión: 
Nota Eval = ((Ex1 + Ex2 + ExX... )/nºEx )* 70% + Actitud * 10% 
+ TrabajoPráctico * 20% 
Sobre la nota de la evaluación anterior habrá que aplicar una proporcionalidad para obtener una base de 
calificación de 10 puntos como máximo, ya que para el cálculo de la nota parcial de cada examen se 
tendrá en cuenta el número de preguntas del test teórico. No obstante, antes de iniciar cada prueba, se dará 
a conocer a los alumnos la ponderación de cada parte de la prueba con exactitud. 
La nota obtenida en este módulo se proporcionará al módulo de Aplicaciones Web, obtenida con los mismos 
criterios y se realizará la media entre las dos calificaciones, siendo esta la nota final para cada evaluación 
en el módulo de Aplicaciones Web. 
En el caso en que el alumno deba recuperar contenidos de alguna de las evaluaciones esto se llevará a 
cabo en el siguiente trimestre con la realización de una prueba escrita y la realización de los trabajos 
prácticos llevados a cabo en el trimestre, en el caso en que estos no se hayan realizado o sean 
 
 
 
deficientes. Para su calificación se emplearán los mismos criterios y ponderaciones que para la 
evaluación ordinaria
. 
La nota final del módulo será la media de las calificaciones parciales obtenidas en cada trimestre y/o sus 
recuperaciones y se tendrá en cuenta que para aprobar el módulo, que el trabajo final deberá ser 
entregado en la fecha propuesta antes de la evaluación final ordinaria del módulo a fin de poder valorarlo. 
La no entrega del trabajo final supone la valoración negativa tanto en la convocatoria ordinaria como en la 
extraordinaria. 
Si llegados al final de curso, el alumno o alumna no hubiese superado las dos evaluaciones, se procederá 
a su convocatoria ordinaria, pudiéndose en algún caso proponerse la realización de algún trabajo práctico 
para completar la calificación no superada, siempre que su nota en la evaluación no superada sea de 4 
puntos o superior. 
 
La evaluación extraordinaria constará de una prueba teórica tipo test más una serie de ejercicios prácticos 
según los contenidos vistos durante el curso y su criterio de calificación será el siguiente: 
 
NotaExtraord = Parte Teórica * 20 % + Parte Práctica * 80 % 
 
No obstante, para considerar la convocatoria extraordinaria superada, el trabajo global del alumno deberá 
ser entregado previamente a la prueba ne el caso en que no se hubiera hecho en la convocatoria 
ordinaria. 
 
A la nota anterior se le aplicará una proporcionalidad para obtener la calificación sobre 10 siendo el 
mínimo para aprobar 5 puntos. 
 
 
7 .3 OT R A S C O N S IDE R A C IO N E S 
 
 
En los exámenes prácticos o teóricos, no se permitirá utilización de apuntes, si algún alumno es 
sorprendido utilizando documentación no permitida durante la prueba o bien intentando copiar de 
algún compañero, se penalizará con el suspenso automático de la prueba. 
 
La convocatoria de gracia tendrá las mismas consideraciones y características que la prueba 
extraordinaria. 
 
 
 
9 A T E N C I Ó N A L A D I V E R S I D A D
 
 
 
Es evidente que el ritmo de desarrollo de las capacidades no tiene por qué ser el mismo en todo 
un colectivo como es el grupo de alumnas y alumnos. En un proceso de aprendizaje en el que lo 
principal o exclusivo es la adquisición de conocimientos,las adaptaciones curriculares a los 
diferentes ritmos de aprendizaje deben realizarse actuando sobre el método (entendido aquí como 
un elemento curricular más), proponiendo actividades diversas que conduzcan a metas 
 
 
semejantes.
 
 
 
Dentro de la diversidad del grupo podemos encontrar principalmente tres áreas de actuación: 
 
Alumnos con un nivel de conocimientos más amplios o un ritmo de aprendizaje más rápido. 
Alumnos con un nivel de conocimientos más bajos o un ritmo de aprendizaje más lento. 
Alumnos con necesidades educativas especiales.
 
 
En los alumnos que se encuentren en cualquiera de las situaciones anteriormente descritas, la 
motivación toma especial relevancia. 
 
 
ME D IDA S DE AMP L IACIÓN 
 
Serán medidas encaminadas a potenciar las características de aquellos alumnos que cuentan con 
un nivel de conocimientos previos elevado o en los que se detecta un ritmo de aprendizaje más 
rápido. 
 
Como medida principal estará la propuesta de una serie de actividades de ampliación de los 
contenidos (tanto conceptuales como procedimentales) de cada Unidad Didáctica. 
 
 
MEDIDAS DE REF UERZO 
 
Serán medidas encaminadas a conseguir que aquellos alumnos que cuentan con un nivel de 
conocimientos previos muy bajo o en los que se detecta un ritmo de aprendizaje más lento puedan 
alcanzar los objetivos propuestos en cada Unidad Didáctica. 
 
Las medidas consistirán principalmente en: 
 
Organizar las actividades de aprendizaje de forma que se planteen más ejercicios pero los conocimientos 
a adquirir o reforzar en cada uno sean menores bien en número o bien en complejidad. 
 
Proponer ejercicios de refuerzo para trabajar en casa haciendo un especial seguimiento de ellos. 
 
Formar grupos de trabajo compuestos por alumnos con estas dificultades y alumnos algo más 
aventajados de forma que haya un flujo de conocimientos controlado entre los alumnos. 
Estudiar junto con el departamento de orientación posibles problemas, por ejemplo mal uso de técnicas de 
estudio. 
 
 
1 0 T E M A S T R A N S V E R S A L E S
 
 
 
El tratamiento de los temas transversales va vinculado a las situaciones que se presentan en las 
actividades propuestas. No se presentan, por tanto en un bloque, sino distribuidos a lo largo de la 
asignatura.
 
 
 
 
El tema de "la educación para la igualdad entre los sexos", se trabajarán motivando al alumno al 
trabajo en grupo mixtos siempre que sea posible. 
 
En cuanto al tema de "la educación para la salud", ayudaremos al alumno a que aprenda a 
sentarse en una postura correcta delante del ordenador y a elegir los elementos de protección 
ante las radiaciones electromagnéticas del monitor, así como a la elección de elementos hardware 
pocos ruidosos. 
 
En el tema de "la educación medioambiental", se le hará ver al alumno la importancia del reciclaje 
de componentes hardware, papel de impresora, cartuchos de tinta y tóner de impresora para 
evitar la contaminación medioambiental. 
 
También se le enseñará al alumno, cuando éste desee comprar un producto informático, la 
importancia de saber elegir entre las distintas empresas comerciales de informática de acuerdo 
con criterios propios y no dejándose llevar por la publicidad engañosa; así como de exigir una 
documentación correcta y adecuada de las empresas suministradoras (garantía, facturas,...), 
tratándose de esta forma el tema transversal de "educación para el consumidor". 
 
Por otra parte, el desarrollo de actitudes abiertas hacia opiniones de los demás, el gusto por la 
precisión y el rigor, el fomento de la correcta presentación y el orden en la realización de las 
actividades, la puntualidad, etc. ayudan a conseguir los hábitos necesarios para vivir en una sociedad 
pluralista, democrática y en paz. De esta forma se tratará "la educación para la paz". 
 
 
 
1 1 B I B L I O G R A F Í A
 
 
 
Material bibliográfico recomendado para el aula: 
 
 
• Introducción a XHTML. 
 Javier Eguiluz Pérez en LibrosWeb.es 
• Introducción a CSS. 
 Javier Eguiluz Pérez en LibrosWeb.es 
• CSS Avanzado. 
 Javier Eguiluz Pérez en LibrosWeb.es 
• Introducción a JavaScript 
 Javier Eguiluz Pérez en LibrosWeb.es 
• Mantenimiento de portales de información. Pedro Barco, Reyes López y Manuel Baleriola. Ed. McGrawHill 
• Javascript. 3ª edición Tom Negrino y Dori Smith Ed. Prentice Hall