Sistema Web Interactivo

REPÚBLICA BOLIVARIANA DE VENEZUELA
UNIVERSIDAD RAFAEL URDANETA
FACULTAD DE INGENIERÍA
ESCUELA DE INGENIERÍA EN COMPUTACION
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
SISTEMA WEB INTERACTIVO PARA EL APRENDIZAJE BASICO E
INTERMEDIO DE TEORIA MUSICAL
Trabajo Especial de Grado presentado ante la
Universidad Rafael Urdaneta para optar al título de:
INGENIERO EN COMPUTACION
Autor: Br. ANDREA AGUADO
Tutor: Ing. Nerio Villalobos
Maracaibo, Julio de 2015
S
O
D
INTERMEDIO DE TEORIA MUSICAL VA
ER
S
E
R
S
HO
C
E
DER
SISTEMA WEB INTERACTIVO PARA EL APRENDIZAJE BASICO E
______________________
Aguado Pardaffi, Andrea Sofía
C.I.: 21358831
Urb. Monte Bello, Res. Monte Alto PB-D
Telf.: (0424) 633 90 76
[email protected]
______________________
Villalobos Finol, Nerio Enrique
Tutor académico
2
Agradecimientos
Quisiera primeramente agradecer a Dios por todos los talentos,
inteligencia y sabiduría que me ha dado a lo largo de toda mi vida. Gracias a
Él primeramente en todas las cosas que hago y las que hare. Todos mis logros
son y serán por ÉL y para Él.
S
O
D
conmigo toda mi vida y me ha formado en la persona que V
soyA
ahora. Gracias
R
E
S
también a mi hermana Paola Aguado por
toda
su colaboración en todo este
E
R
S
proceso .
HO
C
E
ER
D
Gracias también a Dios por poner a mi lado a Néstor Hinojosa un amigo
Gracias a Dios que me dio a mi madre Isola Pardaffi que ha estado
que me ha ayudado en todo sin esperar nada a cambio. A mis amigos y
hermanos de la iglesia Hay Vida en Jesús porque siempre tuve de ellos
palabras de aliento y de ánimo en medio de todos los problemas.
Gracias a Dios por colocar en mi camino profesores con excelencia
académica, pero no solo eso sino también unas personas excepcionales, con
personalidades diferentes que siempre estuvieron allí para mí, ayudándome y
corrigiéndome cuando fuese necesario. Muchos recuerdos gratos me llevare
de ustedes.
A Dios sea la Gloria por todo este trabajo que espero seguir
desarrollando y ayudando a miles de personas a desarrollar su talento y así
dar por gracia lo que por gracia he recibido.
3
ÍNDICE GENERAL
AGRADECIMIENTO………………………………………………………...
3
INDICE GENERAL…………………………………………………………..
4
INDICE DE TABLAS…………………………………………………………
8
INDICE DE FIGURAS……………………………………………………….
9
RESUMEN…………………………………………………………………….
10
S11
O
D
A
INTRODUCCION……………………………………………………………..
12
V
R
E
S
E
R
S
O
H
EC
1. CAPITULO I.E
ELR
PROBLEMA
D
ABSTRACT……………………………………………………………………
1. Planteamiento del problema……………………………………………… 14
2. Objetivos……………………………………….…………………………... 18
2.1. Objetivo General………………………………………………………… 18
2.2. Objetivos específicos…………………………………………………… 18
3. Justificación…………………………………………………..................... 19
3.1. Justificación teórica……………………………………………………... 19
3.2. Justificación metodológica……………………………………………... 19
3.3. Justificación social………………………………………………............ 20
4. Delimitación………………………………………………. ………………. 20
4.1. Delimitación espacial.......……………………………………............... 20
4.2. Delimitación temporal…………………………………………………… 20
4.3. Delimitación científica…………………………………………………... 21
CAPÍTULO II. MARCO TEÓRICO
1. Antecedentes de la investigación………………….…………………….. 22
2. Marco teórico………………………………………………………………. 25
2.1. Sistema…………………………………………………………………... 25
4
2.2. Internet……………………………………………………………………
26
2.2.1. Tecnologías web………………………………………………………
27
2.2.2. Estándares Web………………………………………………………. 27
2.3. Aplicación Web………………………………………………………….. 28
2.3.1. Ventajas de las aplicaciones web……………………………………. 28
2.3.2. Características de una aplicación web……………………………… 29
2.3.3. Arquitectura general de una aplicación web……………………….. 29
S
O
D
A
2.5. Diseño web……………………………………………………………….
30
V
R
E
S
2.5.1. Diseño web aplicado………………………………………….............
30
E
R
S
O
2.5.1.1. Etapas del diseño web
31
Haplicado……………………………………
C
E
2.6. Herramientas
ERde desarrollo para entorno web……………………….. 33
D
2.7. Fases para el desarrollo web…………………………………………… 34
2.4. Sitios web………………………………………………………………… 30
2.8. Multimedia………………………………………………………………..
35
2.8.1. Clasificación de las aplicaciones multimedia según su sistema
de navegación………………………………………………………………… 35
2.8.2. Clasificación de contenido multimedia de acuerdo a su finalidad
y base teórica…………………………………………………………………
36
2.9. Multimedia educativa……………………………………………………
39
2.9.1. Materiales educativos multimedia…………………………………… 40
2.9.1.1. Clasificación de los materiales educativos multimedia…………. 40
2.10. Base de datos………………………………………………………….. 41
2.11. Modelo de datos……………………………………………………….. 42
2.12. Bases de datos multimedia…………………………………………… 43
2.12.1. Aspectos de la base de datos multimedia…………………………. 43
2.13. Requerimientos del modelado y obtención de datos de
multimedia/hipermedia……………………………………………………….
44
2.14. Teorías del aprendizaje……………………………………………….. 45
2.15. Aprendizaje electrónico o e-learning………………………………… 46
2.15.1. Importancia del aprendizaje electrónico…………………………... 46
5
2.15.2. Aprendizaje virtual como proceso de construcción………………. 47
2.15.3. Aprendizaje virtual como proceso de ayuda……………………… 50
2.16. Implicaciones para el diseño de entornos y objetos virtuales de
enseñanza y aprendizaje……………………………………………………. 52
2.17. Interactividad…………………………………………………………… 54
2.18. Teoría musical………………………………………………………….
55
2.3. Términos básicos………………………………………………………..
55
R
SE
E
R
S
CAPÍTULO III. MARCO METODOLÓGICO
S
O
D
VA
HO
C
E
3.2. Diseño deE
la R
investigación………………………...…………………….
D
3.3. Unidad de análisis……………………………………………………….
3.1. Tipo de investigación…….……………………………………………… 60
60
63
3.4. Técnicas e instrumento de recolección de datos……………………. 64
3.4.1. Técnica de observación documental………………………………..
64
3.4.2. Técnica de observación directa……………..………………………. 64
3.5. Metodología de desarrollo……………………………………………… 65
3.6. Proceso metodológico……………………..…………………………… 66
CAPÍTULO IV. ANÁLISIS DE RESULTADOS
4.1. Proceso de planificación del sistema………….....……………………. 68
4.1.1. Objetivos del sistema………………………………………………….. 69
4.1.2. Interacciones entre el usuario y el sistema……………..…………… 69
4.1.2.1. Tipos de Usuario………….………………………………………….. 70
4.1.3. Análisis de requerimientos…………………………….………………. 75
4.1.3.1. Requerimientos de hardware….……………………………………. 76
4.1.3.2. Requerimientos de software………………………………………… 76
4.1.3.3. Requerimientos de diseño…………………………………………… 77
4.1.4. Diseño de navegación………………………………………………….. 78
6
4.1.5. Diseño de la arquitectura del sistema………………………………… 81
4.2. Diseño del sistema……………………………………………………….. 83
4.2.1. Diseño de la interfaz gráfica de la web………………………………. 84
4.2.2. Diseño de base de datos………………………………………………. 101
4.2.2.1. Conexiones y consultas……………………………………………… 104
S
O
D
A
RECOMENDACIONES…………………………………………………………
112
V
R
E
S
REFERENCIAS BIBLIOGRAFICAS………………………………………......
113
E
R
S
ANEXOS ………………………………………………………………………….114
HO
C
E
DER
CONCLUSION………………………………………………………………….. 111
7
ÍNDICE DE TABLAS
Pág.
Tabla 4.1. Preferencias del usuario visitante…………………………..
70
Tabla 4.2. Preferencias del usuario estudiante………………………..
72
Tabla 4.3. Preferencias del usuario administrador…………………….
74
Tabla 4.4. Tabla de funcionalidad de códigos de conexión a la base
104
S
O
D
A en
Tabla 4.5. Tabla de funcionalidad del código para las consultas
V
R
SE
la base de datos…………………………………………………………..
105
E
R
S
HO
C
E
DER
de datos…………………………..……………………………………….
8
ÍNDICE DE FIGURAS
Pág.
Figura 4.1. Diagrama de navegación para el usuario visitante……..
78
Figura 4.2. Diagrama de navegación para usuarios estudiantes…..
79
Figura 4.3. Diagrama de navegacion para el usuario administrador.
80
Figura 4.4. Diagrama UML de usuario visitante y estudiante………
81
82
S
O
D
A 84
Figura 4.6. Diagrama de despliegue………………………………….
V
R
SE
Figura 4.7. Página de inicio de MusicWorld
1……………………….
86
E
R
S
O 2………………………….. 86
Figura 4.8. Página de inicio H
MusicWorld
C
E
Figura 4.9. Página
ERde inicio MusicWorld 3………………………….. 87
D
Figura 4.10. Página de inicio MusicWorld 4…………………………
87
Figura 4.5. Diagrama UML para el usuario administrador………….
Figura 4.11. Menú de opciones: MusicWorld………………………..
88
Figura 4.12. Página MusicWorld………………………………………
88
Figura 4.13. Menú de opciones: Unidades de estudio……………..
89
Figura 4.14. Lista de Temas de la Unidad I………………………….
90
Figura 4.15. Lista de temas de la Unidad II………………………….
91
Figura 4.16. Lista de temas de la Unidad III…………………………
91
Figura 4.17. Lista de temas de la Unidad IV………………………...
92
Figura 4.18. Acceso a las Unidades de estudio…………………….
92
Figura 4.19. Menú de opciones: Contenido Multimedia……………
93
Figura 4.20. Blog………………………………………………………..
93
Figura 4.21. Artículo del blog y sección de comentar………………
94
Figura 4.22. Selección de Audios…………………………………….
95
Figura 4.23. Página de Audios………………………………………..
95
Figura 4.24. Galería de Fotos…………………………………………
96
Figura 4.25. Videotutoriales de la unidad IV…………………………
97
Figura 4.26. Menú de opciones: Contacto…………………………...
98
Figura 4.27. Página de Contacto……………………………………..
98
9
Figura 4.28. Contacto…………………………………………………..
99
Figura 4.29. Registros………………………………………………….
99
Figura 4.30. Formulario de registro…………………………………..
100
Figura 4.31. Panel de Acceso y menú de usuario estudiante……..
101
Figura 4.32. Tablas y atributos………………………………………..
102
Figura 4.33. Diagrama entidad-relación………………………………
103
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
10
Aguado Pardaffi Andrea Sofía, “SISTEMA WEB INTERACTIVO DE
APRENDIZAJE
BASICO
E
INTERMEDIO
DE
TEORÍA
MUSICAL”,
Universidad Rafael Urdaneta, Facultad de Ingeniería en Computación. Trabajo
Especial de Grado, Maracaibo Octubre de 2014.
Resumen
R
SE
E
R
S
O
S
O
D
VA
El proyecto en cuestión se realizó con la finalidad de desarrollar un sistema
web interactivo para el aprendizaje básico e intermedio de teoría musical que
posea una interfaz amigable al usuario, y que su uso sea sencillo y simple de
manera que el usuario pueda adaptarse rápidamente. El diseño de la
investigación es no experimental de tipo documental y de campo, nivel
proyectivo-descriptivo, cuya modalidad es de proyecto factible. Se utilizó la
observación directa como técnica para determinar los requerimientos del
sistema y sus objetivos. Este sistema se construyó en base a los pasos de la
metodología de programación extrema (XP) los cuales son cuatro (4):
planificación del proyecto, diseño del sistema, codificación del sistema y
evaluación del sistema. Se empleó el lenguaje PHP para la programación de
las funciones del sistema en conjunto con HTML y JavaScript para la
programación de las interfaces de usuario. El lenguaje PHP también se utilizó
en conjunto del lenguaje SQL para establecer la conexión a la base de datos
la cual se creó utilizando el programa de gestión de bases de datos NAVICAT
PREMIUM 11.0.5. Finalmente se realiza y se publica el sistema web interactivo
para el aprendizaje básico e intermedio de teoría musical de manera exitosa.
H
C
E
ER
D
Palabras clave: Sistema web, interactivo, música, aprendizaje, teoría musical.
Correo electrónico: [email protected]
11
Aguado Pardaffi Andrea Sofía, “BASIC AND INTERMEDIATE MUSIC
THEORY LEARNING WEB INTERACTIVE SYSTEM”, Rafael Urdaneta
University, Computer Engineering Faculty. Degree Thesis, Maracaibo October,
2014.
Abstract
R
SE
E
R
S
O
S
O
D
VA
The Project in question was performed in order to develop a web interactive
system for the basic and intermediate learning of music theory that has a
friendly interface for the user, easy and simple in order to the user can adapt
to the system very quickly. The investigation design is non-experimental,
documental type at a projective and descriptive level which modality is feasible
Project. Direct observation was used as a technique to determine the system
requirements and objectives. This system was build according to the four (4)
steps outlined in the extreme programming methodology, which are: project
planning, system designing, system codification and system test. The PHP
language was used for the system function programming and together with
HTML and JavaScript for the system user interfaces programming. PHP also
was used together with SQL language to establish the connection to the
database which was created with the database management program
NAVICAT PREMIUM 11.0.5. Finally the interactive web system for the basic
and intermediate learning of music theory was made and publish on the internet
successfully.
H
C
E
ER
D
Key words: web system, interactive, music, learning, music theory.
E-mail: [email protected]
12
INTRODUCCIÓN
El mundo entero es manejado por datos e información ya sea importante o no
cada día se crea nueva información, se elimina la antigua o finalmente se
esconde o se comparte. La mayoría de las veces la información considerada
como importante es reservada para un grupo de personas que pueden por una
u otra razón obtener acceso a ella.
S
O
D
VA
ER
S
E
R
obtener información, comprar libros,
ver
resúmenes en internet, comprar
S
O
H Ciertamente la música no escapa de esta
programas, entre otras
cosas.
C
E
situación por
DloEcualRsurge la idea de crear un sistema web interactivo para el
En todas las áreas de estudio siempre ocurre que se debe pagar para poder
aprendizaje de teoría musical, cuyo objetivo principal es permitir que esa
información importante acerca de la teoría musical sea de libre acceso para
cualquier persona, para lo cual solo requeriría de una computadora e internet.
Para lograr este objetivo final es necesario colocar primeramente una serie de
pasos a cumplir llamados también objetivos. Por medio de estos objetivos más
específicos se podrán determinar los requerimientos del usuario y del sistema,
la población a la cual va dirigida el sistema, el diseño, la codificación del
sistema y finalmente la prueba del mismo.
13
S
O
D
VA
CAPITULO I
O
H
C
E
ER
D
R
SE
E
R
S
EL PROBLEMA
En este capítulo se define el tema a desarrollar y se expone de manera general
y especifica la problemática que se quiere abarcar, los objetivos a alcanzar
para darle solución y el porque es indispensable para nuestro entorno,
haciendo énfasis en el espacio y el tiempo donde se va a llevar a cabo.
Hernández (1991), expone que plantear el problema no es sino afinar y
estructurar más formalmente la idea de investigación.
1. Planteamiento del problema
En esta parte se expone de manera específica la problemática a la cual se le
quiere dar solución a través de esta investigación, así como también
referencias generales del tema en cuestión.
Ciertamente la música es una de los aspectos artísticos mejor desarrollados
de la actualidad al igual que la tecnología, juntos proporcionan calidad y la
posibilidad de ecualizar y editar el sonido. Esta unión tan versátil proporciona
una nueva forma de crear y percibir los sonidos lo cual es un gran beneficio
14
que permite un óptimo desempeño de las artes musicales aplicadas a todos
los ámbitos.
Aproximadamente para el año 1990 surgieron los primeros sistemas de edición
musical computarizada. El primer programa tuvo origen a finales de los años
80 en conjunto con el primer teclado con sonidos grabados (sampler), llamado
S
O
D
VA
Fairlight y de origen australiano el cual debido a su altísimo precio era algo que
ER
S
E
R
reducción gradual de precios tales S
como
encore, cakewalk, cubase, finale,
O
H también versiones reducidas para uso de
logic, entre otros. Se
crearon
C
E
ERconocimientos acerca de la música, como MusicTime las
personas con
Dpocos
solo pocos podían poseer. A lo largo de estos años diversas compañías
desarrollaron softwares informáticos para pc consiguiendo una notable
cuales durante los años 90 alcanzaron la capacidad de imprimir con calidad
de imprenta.
Con el paso del tiempo estos programas se fueron separando en dos
especialidades;
los
secuenciadores
como
Cubase,
Logic,
cakewalk,
orientados a la producción musical y a la grabación de multipistas y los
programas de edición de partituras que están más inclinados a la composición
musical como Guitar pro y finale cuya interfaz principal es la partitura en sí
misma.
En la actualidad estos programas están dotados de una gran variedad de
funciones e incorporan su propio generador de sonido, capaz de reproducir los
timbres de toda una orquesta y expresar musicalmente todo tipo de matices y
articulaciones, con las cuales se pueden obtener documentos de calidad
profesional, además de proporcionar la posibilidad de intercambio de archivos
informáticos musicales a través de un estándar denominado MusicXML que
permite también cambiar de aplicación.
15
Debido a este gran avance de la tecnología musical, los precios de los
programas se han incrementado al punto que el 98% de ellos implica una
licencia de uso y el 2% restante es software libre, cuestión que ha impedido a
muchas personas el uso de esta tecnología como medio de aprendizaje.
Como es conocido a la mayoría de las personas en el mundo les gusta la
S
O
D
VA
música en sus diferentes géneros, ritmos e idiomas, así que de alguna manera
ER
S
E
R
el talento y el deseo de personas queS
quieran
aprender y que encuentren unas
O
H
buenas vías de aprendizaje
para así cumplir la demanda de ese grupo de
C
E
R
personas que
les gusta solo escuchar la música y es en este punto donde la
DE
todas las personas estamos relacionadas con la música, pero hay una
diferencia entre escucharla y estudiarla, ya que, para esto último es necesario
problemática económica afecta al que desea aprender pero no cuenta con los
recursos monetarios para hacerlo. Todo este ciclo de producción y venta es
llamado la industria de la música.
La industria de la música es sostenida por miles de personas que deciden
estudiarla y desarrollarla como parte de sus vidas, siendo pianistas, directores
de orquesta, cantantes, guitarristas, entre muchas otras especialidades que la
música ofrece. El método que estas personas elijan va a depender de los
recursos con los que cuenten. Las clases de música suelen ser costosas y son
aún más costosas si son particulares, aunque también existen algunos
programas que se pueden utilizar para aprender, son poco amigables para el
usuario, poco interactivos o dinámicos , costosos y su uso implica un
conocimiento previo.
El usuario interesado tendría que ir a varios sitios web que contengan lo que
debe conocer acerca de la música para utilizar estos programas y la mayoría
de estos sitios no son lo suficientemente explícitos (muchas palabras técnicas,
16
textos largos, sin imágenes o ejemplos), contienen apreciaciones personales
y que pueden confundir al lector o una vez más son sitios pagos.
Uno de los principales problemas cuando se quiere aprender algo desde el
principio, es que se suelen tener más preguntas que respuestas, por lo tanto,
el proceso anteriormente mencionado se haría muy complicado para un
S
O
D
VA
principiante y eso daría como resultado en que la persona deje de buscar
ER
S
E
R
entonces esto puede resultar en queS
la persona
no se muestre más interesada
O
H
en este tema.
C
E
DER
información a través del internet y comience a buscar clases en alguna
institución, y cuando conozca los precios y el tiempo fijo que tiene que emplear,
Venezuela nunca fue conocida por su música o por grandes talentos en ese
aspecto,
pero
actualmente
la
población
de
músicos
ha
crecido
considerablemente, al igual que instituciones que ofrecen el servicio de
enseñar estos temas, y es por ello que el país ha crecido artísticamente, pero
aún falta mejorar los métodos de aprendizaje para obtener una base sólida
para un conocimiento pleno acerca de la música.
Lo que se quiere y siempre se ha querido es que una persona con talento o
motivaciones de conocer acerca de la música, no lo encuentre difícil y que
aprenda bases sólidas. Un buen método y dedicación por parte de la persona,
formarían a un buen músico, pero el principio de todo es una buena enseñanza
y es allí donde se está fallando. Una de las razones es que se cuenta con
horarios de clases flexibles y un ejemplo de eso es que las instituciones
colocan horarios donde hay que asistir todas las tardes, sin pensar que quizás
una persona que trabaja no puede asistir o cumplir a cabalidad con lo exigido.
17
Otro ejemplo serian cursos intensivos que son más costosos donde la persona
tiene que estar más de la mitad del día en la institución lo cual en la mayoría
de las veces produce un cansancio que en un periodo de tiempo se acumula
y la persona simplemente desiste de las clases y una vez más conseguimos
personas con estudios incompletos, en otras palabras, se desperdicia tiempo,
dinero y más importante aún, talento y potencial.
O
H
C
E
ER
D
R
SE
E
R
S
2. Objetivos
S
O
D
VA
Por lo antes expuesto se pueden formular los siguientes objetivos.
2.1. Objetivo general
Proponer un sistema web interactivo para el aprendizaje básico e intermedio
de teoría musical.
2.2. Objetivos Específicos
Basados en la metodología de programación extrema
(XP Extreme
Programming), los objetivos planteados son los siguientes:
Planificar la estructura y el funcionamiento del sistema.
Diseñar el sistema basados en la arquitectura estipulada para el mismo así
como también diseñar la interfaz de usuario y crear la base de datos.
18
Codificar el funcionamiento del sistema y la interfaz de usuario con conexión a
la base de datos.
Probar el sistema web.
3. Justificación
S
O
D
Se exponen las herramientas que proponen una soluciónV
aA
la problemática
R
E
S serian productivas y
planteada, las razones por las cuales estas herramientas
E
R
S
O
por qué valdría la pena aplicarlas.
H
C
E
R
DE
3.1. Justificación teórica
Las aplicaciones referidas a la música en la actualidad son costosas y no están
especializadas en enseñarle a una persona acerca de la música sino, más
bien, de ayudar a un músico a desarrollarse. Otro aspecto es que estas
aplicaciones son de escritorio y no vía web. El sistema web interactivo para el
aprendizaje musical es una nueva forma de aprender música utilizando la
maravilla tecnológica del internet y el software libre, proponiendo de esta
manera una forma nueva de conocer acerca de la música.
3.2. Justificación metodológica
Esta aplicación al estar disponible en la web de forma gratuita, permite a otros
desarrolladores interesados re-utilizar y editar la información para realizar
mejoras y comenzar sus propias investigaciones, incluyendo bases teóricas.
19
Con esta forma de compartir información relevante acerca de temas de
importancia a través de la web se impulsa lo que en la actualidad llamamos
cultura digital.
3.3. Justificación Social
S
O
D
VA
ER
S
E
R
educativa y en la sociedad en general
promoviendo así la igualdad de
S
O
Hpara que todos puedan acceder a herramientas
oportunidades y posibilidades
C
E
que desarrollen
conocimiento y la creatividad musical.
DEelR
La razón de crear este sistema es fomentar el conocimiento y la apropiación
critica de las tecnologías de la información y la comunicación en la comunidad
4. Delimitación
En esta sección se determinan los límites no solamente en cuestión al tiempo
sino también en cuestión al espacio donde se llevara a cabo la investigación.
4.1. Delimitación espacial
Se llevara a cabo en la Vereda del lago.Av.2, el milagro con calle 86, vereda
del lago
4.2. Delimitación temporal
El periodo de tiempo de realización de este sistema interactivo para el
aprendizaje básico e intermedio de teoría musical está comprendido desde el
mes de Enero del 2014 hasta enero 2015
20
4.3. Delimitación científica
Este trabajo de investigación se centra en los lineamientos de las siguientes
áreas: Aplicación web, software educativo, teoría musical de dificultad básica
e intermedia.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
21
CAPITULO II
S
O
D
VA
MARCO TEÓRICÓ
R
SE
E
R
S
HO
C
E
vista teórico, E
en R
el cual se toman en cuenta trabajos de investigación o
D
artículos científicos previos como soporte y se definen términos específicos
Se exponen las bases y fundamentos de esta investigación desde el punto de
referentes a este estudio, con el objetivo de que la información tenga
cohesividad.
1. Antecedentes
Se describen investigaciones previas acerca del tema en investigación en las
cuales se basan y se soportan los principios estudiados a lo largo de este
trabajo.
A pesar de no haber información alguna o artículos publicados acerca de
sistemas web interactivos destinados al aprendizaje de teoría musical, debido
al parecido con esta investigación en cuanto al desarrollo de sistemas web ,
conceptos de lo que es la interactividad y también sistemas web educativos,
se destacó el siguiente trabajo;
22
Pico, Oswaldo (2012) elaboró su investigación: aplicación web como apoyo a
la enseñanza de la asignatura física de 5to año en el Liceo Briceño Méndez
como proyecto para obtener el título de especialización en informática
educativa. La finalidad de este estudio se dirigió a proponer la implementación
de una aplicación web como apoyo en el método de la enseñanza de la
asignatura física de 5to año del liceo Briceño Méndez. Está sustentada en los
postulados teóricos de Collazos y Guerrero (2004) y Rieber (2005) entre otros.
S
O
D
A se orientó
realizó una encuesta de 8 reactivos a 50 estudiantes, cuyoV
análisis
R
E
S
en la estadística descriptiva, a través del cálculo
de frecuencias y porcentajes.
E
R
S
O
H
C la carencia de una página web en la institución,
E
R
Se concluyó que
fue
evidente
DE
Se constituyó como proyecto factible basado en el paradigma cuantitativo. Se
que había escases de estrategias educativas y la necesidad existente de unir
estos dos factores, puesto que en escazas ocasiones han dado paso a la
tecnología como herramienta de aprendizaje. Se recomienda desarrollar más
materiales de estudio de tipo dinámico, utilizando multimedia, a fin de
garantizar la motivación y satisfacción tanto de docente como de estudiantes.
Esta investigación tiene una relación con la presente, puesto que, busca
utilizar la tecnología como herramienta de aprendizaje lo cual es básicamente
lo que se quiere hacer sin importar cuál sea el tema en cuestión.
García Oroño, Ana María, en su trabajo de investigación desarrolló un sistema
de información web para la promoción y control de los servicios ofrecidos por
la Empresa Asesores Integrales
El objetivo de esta investigación fue desarrollar un Sistema de Información
Web para la promoción y control de los servicios ofrecidos por la Empresa
Asesores Integrales. Dicha investigación fue de tipo descriptiva y de campo,
23
según su diseño es no experimental, transaccional descriptivo y transversal, la
técnica de recolección de datos utilizada fue la observación directa, mediante
una entrevista no estructurada a una población de 4 personas. El Sistema se
desarrolló mediante seis fases aplicando la metodología de Pressman 2002,
las fases fueron: Formulación, Planificación, Análisis, Ingeniería, La
generación de páginas y pruebas, Evaluación del Cliente.
S
O
D
VA
ER
S
E
R
satisfactorio de los objetivos planteados
al inicio de la investigación, en este
S
O
sentido se concluyó E
que
elH
sistema de información Web, brindará a los
C
R
E una información rápida, veraz y eficaz, proporcionando
miembros yD
usuarios
Asimismo para diseñar el Sistema se utilizó el Lenguaje de Programación y
Manejador de base de datos MYSQL. Se pudo constatar el cumplimiento
facilidad de consulta y obtención de información. En base a los resultados
obtenidos, se recomienda la puesta en marcha del sistema en la Red, además
de realizar actualizaciones y mantenimiento periódico de tal forma de ofrecer
información actualizada y oportuna.
Chourio Gudiño, Luís Geraldo estableció su tesis como: Sistema de
información web para la administración de órdenes de compra de la empresa
swiss Just de Venezuela.
El propósito de la presente investigación se orientó al desarrollo de un sistema
de información web para la administración de órdenes de compra para lo cual
se realizó un estudio de tipo aplicado, descriptivo y de campo, con un diseño
no experimental - transversal, utilizando como población tres 03 gerentes
consultores en la empresa SwissJust de Venezuela, la técnica de recolección
de datos fue la entrevista informal no estructurada. El estudio se sustentó en
autores como Pressman 2002, Kendall y Kendall 1990, Senn 1999, Cohen
1997, en lo correspondiente a Sistemas de Información Web, para el desarrollo
24
del Sistema se siguió la metodología de Pressman 2002, conformada por seis
fases : formulación, planificación, análisis, Ingeniería, la generación de páginas
de pruebas y evaluación del cliente. Además, se utilizó para la creación del
software, a nivel del hardware: Microprocesador Intel Core 2 Duo de 1.8 GHz,
2 GB DDR2 de memoria RAM, disco duro sata de 250 GB, pantalla plana
Samsung de 19. Se pudo constatar el cumplimiento exitoso de los objetivos
planteados al principio de la investigación, de esta manera se concluyó que el
S
O
D
A asimismo,
de la empresa,
V
R
SE
Sistema de Información Web optimiza los procesos de producción y
E
R
S
del mundo entre clientes, proveedores,
HO entre otros; disminuyendo los costos
C
E
de comunicación.
DER
comercialización de productos y servicios
proporcionan la agilización de las relaciones comerciales desde cualquier lugar
2. Marco teórico
Toda investigación tiene como base fundamentos teóricos que dan soporte a
los objetivos que se quieren alcanzar y explican cómo será el desarrollo del
proyecto en cuestión. En este segmento se define y describe todo lo
relacionado con esta investigación, desde el punto de vista teórico. Para
realizar un sistema web es necesario conocer desde el concepto más básico,
hasta la estructura más compleja, ya que, con un conocimiento amplio se
obtienen resultados innovadores
2.1. Sistema
Un sistema es un conjunto de partes o elementos organizados y relacionados
que interactúan entre sí para lograr un objetivo. Los sistemas reciben una
entrada de datos, energía o materia del ambiente y así mismo proveen una
25
salida de información, energía o materia. Un sistema puede ser físico o
concreto (una computadora, un televisor, un humano) o puede ser abstracto o
conceptual (un software).
Los
sistemas
informáticos
son
el
conjunto
de
partes
interrelacionadas, hardware, software y de recurso humano que permite
S
O
D
VA
almacenar y procesar información. En este caso nos referiremos al software.
O
H
C
E
ER
2.2. Internet
D
R
SE
E
R
S
El internet es una red descentralizada, que permite la comunicación entre
miles de ordenadores, operando a través de un protocolo de comunicaciones.
A través del internet podemos tener acceso a la World Wide Web (WWW) que
es un sistema de documentos (webs) interconectados por enlaces de
hipertexto que se traduce en una red mundial de redes de información.
Gracias a este sistema podemos acceder a sitios web multimedia, de
mensajería, de negocios, educativos, entre otros. Estos últimos son los que
facilitan información de diversos temas con la finalidad de promover el
conocimiento en las personas en un medio accesible y el cual es el objetivo de
esta investigación. A través de este sistema también se puede promover lo
que antes se mencionó como cultura digital que no es más que la forma de
aprender nuevas cosas a haciendo uso de los recursos en la web.
De acuerdo a lo que dice Collin (1996), el internet es una red de área amplia
que provee transferencia de datos y archivos junto con funciones de correo
electrónico a varios millones de usuarios alrededor del mundo, lo cual soporta
lo mencionado anteriormente.
26
2.2.1 Tecnologías Web
Para poder desarrollar aplicaciones web es necesaria la tecnología Web que
es un conjunto de herramientas con las cuales se logra optimizar los resultados
al momento de desarrollar un sistema web como lo son los navegadores web,
los servidores web y otras tecnologías como JSP, .NET, PHP, ASP, HTML,
entre otros.
S
O
D
VA
ER
S
E
R
contenidos de manera gráfica y O
paraS
vincular de manera fácil documentos de
H Castejón (2011) expresa que para que esto
C
E
diferentes orígenes.
Sin
embargo,
R
E
D
pueda darse de manera efectiva, es necesario que los desarrolladores
Una de sus características más importantes es su facilidad para mostrar
cumplan con ciertos estándares que aseguren que todos los usuarios podrán
ver lo que se publica.
2.2.2. Estándares Web
Identificador de Recurso Uniforme (URI), que es un sistema universal para
referenciar recursos en la Web, como páginas web.
Protocolo de Transferencia de Hipertexto (HTTP), que específica cómo se
comunican el navegador y el servidor entre ellos.
Lenguaje de Marcado de Hipertexto (HTML), usado para definir la estructura y
contenido de documentos de hipertexto.
Lenguaje de Marcado Extensible (XML), usado para describir la estructura de
los documentos de texto.
27
Berners Lee dirige desde 2007 el World Wide Web Consortium (W3C), el cual
desarrolla y mantiene esos y otros estándares que permiten a los ordenadores
de la Web almacenar y comunicar efectivamente diferentes formas de
información.
S
O
D
VA
2.3. Aplicación Web
R
SE
E
R
S
O
Según Pressman (2005, p521), los sistemas de aplicaciones web hacen
H
C
E
funcionalidad.
DER
posible que una población disponga de una gran variedad de contenido y
Es importante mencionar que una página web puede contener elementos que
permiten una comunicación activa entre los usuarios y la información, lo cual
permite al usuario acceder a la data de modo interactivo, debido a que la
página responderá a sus acciones, por ejemplo realizar pruebas de
conocimiento que arrojan una puntuación al final, basada en la cantidad de
respuestas correctas. Las aplicaciones web generan de forma dinámica una
serie de páginas en un formato estándar como HTML o XHTML, soportados
por los navegadores web comunes. Se usan lenguajes interpretados en el
lado del cliente, directamente o a través de plugins como JavaScript, Java,
Flash, entre otros.
2.3.1. Ventajas de las aplicaciones web
Reduce el tiempo, ya que, se realizan tareas sencillas sin necesidad de
descargar e instalar ningún programa.
28
Es compatible sea cual sea nuestro sistema operativo, ya que, solo se necesita
un navegador web actualizado para poder acceder.
No ocupan espacio en el disco duro, puesto que es un entorno web.
Se actualizan automáticamente
Tienen un bajo consumo de recursos
R
SE
E
R
S
O
S
O
D
VA
Portabilidad, puesto que, se puede acceder desde cualquier ordenador.
H
C
E
ER
D
2.3.2. Características de una aplicación web
Comunicación mediante HTTP sobre TCP/IP
Procesamiento en el servidor
Acceso a la base de datos
Arquitectura por capas
Distintos tipos de usuario
2.3.3. Arquitectura general de una aplicación web
La arquitectura de una aplicación define como se organizan los distintos
módulos que la componen. En una aplicación web se suelen distinguir tres
29
niveles: interfaz de usuario, lógica de negocio y datos. Todas estas de la mano
del diseño de interacción que tenga previsto el desarrollador, orientado al
objetivo propuesto en el diseño.
2.4. Sitios web
S
O
D
A dirección
enlaces o hipervínculos, ordenadas jerárquicamente bajo una
misma
V
R
SE un servidor web, una
URL. Para construir un sitio web entonces
esE
necesario
R
S
O
dirección web, un navegador
web y el uso de las tecnologías antes
H
EC
mencionadas. ER
D
Un sitio web es un conjunto de páginas web interconectadas por medio de
2.5. Diseño web
El diseño web es una actividad que consiste en la planificación, diseño e
implementación de sitios web. No es simplemente una aplicación del diseño
convencional,
ya
que
requiere
tener
en
cuenta
la navegabilidad, interactividad, usabilidad, arquitectura de la información y la
interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo
considera dentro del diseño multimedia.
2.5.1. Diseño web aplicado
El diseño de páginas web se trata básicamente de realizar un documento con
información
híper-enlazado
con
otros
documentos
y
asignarle
una
presentación para diferentes dispositivos de salida (en una pantalla
30
de computador, en papel, en un teléfono móvil, etc.). Estos documentos o
páginas web pueden ser creadas:
Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP,
Python y Ruby
S
O
D
A generar la
utilizando lenguajes de programación del lado servidor
para
V
R
SE
página web
E
R
S
O
H
C
E
R
E
D
2.5.1.1. Etapas del diseño web aplicado
utilizando un programa de creación de páginas.
Para el diseño de páginas web debemos tener en cuenta tres etapas:
La primera, es el diseño visual de la información que se desea editar. En
esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a
otros documentos y otros objetos multimedia que se consideren
pertinentes. Es importante que antes de trabajar sobre el computador se
realice un boceto o pre diseño sobre el papel. Esto facilitará tener un orden
claro sobre el diseño.
La segunda, es la estructura y relación jerárquica de las páginas del sitio
web, una vez que se tiene este boceto se pasa a 'escribir' la página web.
Para esto, y fundamentalmente para manejar los vínculos entre
documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los
enlaces que aparecen subrayados en este documento y otros
31
de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos
conducen a otras páginas con información relacionada. La importancia de
la estructura y arborescencia web radica en que los visitantes no siempre
entran por la página principal o inicial y en ese caso el sitio debe darle la
respuesta a lo que busca rápido, además permitirle navegar por el sitio.
S
O
D
A Etapa no
V
posición en que aparece la página en determinada
búsqueda.
R
SaEdiferencia del texto, aún
E
gustosa por los diseñadores gráficos,R
porque
S
O
para el año 2012 no se pueden
tener nuevos resultados en los buscadores
H
C
E
R
con sitios
E gráficos.
Dmuy
La tercera, etapa consiste en el posicionamiento en buscadores o SEO.
Ésta consiste en optimizar la estructura del contenido para mejorar la
El HTML consta de una serie de elementos que estructuran el texto y son
presentados en forma de hipertexto por agente de usuario o navegadores.
Esto se puede hacer con un simple editor de textos (debe guardarse
como texto plano, sin ningún tipo de formato y con extensión .HTML o .htm).
Aprender HTML es relativamente fácil, así que es sencillo crear páginas web
de este modo. Esta era la única manera de generarlas hasta que aparecieron,
a mediados de 1996, algunos editores visuales de HTML, como MS
FrontPage y Adobe.
Con estas herramientas no es necesario aprender HTML (aunque sí
aconsejable), con lo cual el desarrollador se concentra en lo más importante,
el diseño del documento. Todo esto teniendo en cuenta el nivel de
programación en el diseño de las aplicaciones y del impacto visual que se
quiere generar en el usuario.
32
2.6. Herramientas de desarrollo para entorno web
Desarrollo web es el conjunto de tecnologías de software del lado del servidor
y del cliente que contienen una combinación de procesos de base de datos
con el uso de un navegador en internet a fin de cumplir determinadas tareas o
mostrar información. Esto puede incluir:
S
O
D
VA
R
SE
E
R
Desarrollo de contenidos O
web.S
H
C
E
R
DE
Diseño web.
Configuración y control de comunicaciones con el cliente.
Secuencias de comandos del lado del cliente y del servidor.
Desarrollo, configuración, optimización y mantenimiento de servidores
web.
Configuración de seguridad de la red.
Desarrollo de mecanismos de comercio electrónico.
El desarrollo web puede variar entre la creación de páginas estáticas simples,
basadas en texto sin formato, a las aplicaciones más complejas basadas en la
web, negocios electrónicos o redes sociales.
Idealmente un desarrollador web debería conocer al menos un lenguaje de
programación del lado del servidor, como manejar bases de datos y un
lenguaje interpretado por los navegadores web, bien sea HTML, CSS o
33
JavaScript, entre otros. Estas tres tecnologías logran el llamado HTML
dinámico (DHTML).
2.7. Fases para el desarrollo web
A continuación se mostrara un modelo de ilustración de desarrollo web,
S
O
D
VA
aunque este puede variar, es necesario para poder elegir las herramientas que
O
H
C
E
ER
D
R
SE
E
R
S
se van a utilizar para construir este sitio web.
Diseño: Consiste en crear un boceto de la página web final, mediante
una herramienta grafica como Photoshop.
Diagramación HTML/CSS: consiste en convertir los bocetos en
plantillas HTML, su respectiva hoja de estilos, y las imágenes usadas.
Esto mediante una herramienta como dreamweaver o adobe in design.
Programación del lado del cliente: consiste en tener nuestra página
del lado del cliente en JavaScript o uno de los lenguajes que entienda
el navegador. Puede ser una página dinámica o estática, dependiendo
de su uso.
Programación del lado del servidor: Se crea la aplicación web en un
lenguaje de servidor como PHP, ASP, entre otros.
Depuración: Enlaza las etapas anteriores con la siguiente que es la
prueba de la aplicación
34
Pruebas: Se ejecutan las pruebas en el servidor local, todas como sean
necesarias.
Subir archivos al hosting: Ya que, el sitio esté listo, se procede a
subirlo al servidor de hosting elegido.
S
O
D
VA
Pruebas en el hosting: Se requiere que este tenga la misma
R
SE
E
R
S
configuración que el servidor local para asegurarnos de que todo
funcione de manera correcta.
O
H
C
E
ER
D
2.8. Multimedia
Según Collin (1996) multimedia es una combinación de sonidos, graficas,
animación, video y texto en una aplicación. Para armonizar la interacción del
usuario con la web, existen varias ayudas audiovisuales, esto también es
conocido como multimedia.
Según Salaverria (2009) Multimedia es la combinación de sonido, gráficos,
animación y video todo en un ordenador.
2.8.1. Clasificación de una aplicación multimedia según su sistema de
navegación
La estructura de una aplicación multimedia determina el grado de
interactividad de la aplicación, por lo cual, la selección de una estructura para
la aplicación, condicionara al sistema y al usuario a una posibilidad mayor o
menor de interacción. Los sistemas de navegación según la estructura son:
35
Lineal: El usuario sigue un sistema de navegación lineal o secuencial para
acceder a los diferentes módulos de la aplicación, dándole al usuario un único
recorrido.
Reticular: se utiliza el hipertexto para permitir que el usuario pueda seguir
diferentes recorridos mientras navega por la aplicación, todo esto atendiendo
S
O
D
VA
sus necesidades de encontrar lo que busca. Un buen ejemplo sería una
R
enciclopedia electrónica, ya que, es oportuna para las aplicaciones cuyo
SE
E
R
S
objetivo es el de mostrar información.
O
H
C
E
Jerarquizado: EsR
la combinación de las estructuras anteriores y es el más
E
D
utilizado porque organiza la información al mismo tiempo que el usuario puede
navegar de forma libre.
2.8.2. Clasificación de contenido multimedia de acuerdo a su finalidad y
base teórica
Según Belloch (1996), el contenido multimedia se clasifica en contenido
informativo y contenido formativo, y estos a su vez se subdividen en distintas
actividades o recursos dinámicos de la siguiente manera:
Multimedia informativa:
Libros
o
cuentos
multimedia:
son
similares
a
los
libros
convencionales hechos de papel, ya que, mantienen una estructura lineal para
el acceso a la información, pero sus contenidos son ricos en animaciones y
sonidos.
36
Enciclopedias y diccionarios multimedia: Al igual que las
enciclopedias y diccionarios en papel son recursos de consulta de información,
por lo que su estructura es principalmente reticular para favorecer el rápido
acceso a la información. Utilizan bases de datos para almacenar la información
de consulta de forma estructurada, de modo que el acceso a la misma sea lo
más rápido y sencillo.
S
O
D
VA
R
Hipermedias: Son documentos de hipertexto es decir, con información
SE
E
R
S
relacionada a través de enlaces, que presentan información multimedia.
O
H
C
E
Multimedia formativa:
DER
Programas de ejercitación y práctica: plantean un conjunto de ejercicios
que deben realizarse siguiendo la secuencia predeterminada del programa. Se
basan en la teoría conductista y utilizan la retroalimentación comunicacional
para el refuerzo de las actividades.
Tutoriales: son similares a los programas de ejercitación pero la forma de
presentar la información se hace a través de la figura de un tutor, que puede
ser una animación o un video, donde va mostrando paso a paso el
procedimiento para lograr finalizar una cierta actividad.
Simulaciones: Su objetivo es sumergir al usuario en experiencias de la
vida real. Básicamente el programa muestra un escenario o modelo sobre el
que el estudiante puede experimentar, bien indicando determinados valores
para las variables del modelo, o bien realizando determinadas acciones sobre
el mismo, comprobando a continuación los efectos que sus decisiones han
tenido sobre el modelo propuesto. De este modo, el usuario toma un papel
activo en su proceso de aprendizaje, decidiendo que hacer y analizando las
37
consecuencias de sus decisiones. Se basan en el aprendizaje por
descubrimiento.
Talleres creativos: Promueven la construcción y/o realización de nuevos
entornos creativos a través del uso de elementos simples. Por ejemplo, juegos
de construcción, taller de dibujo, entre otros.
S
O
D
VA
ER
S
E
R
teoría constructivista. Para ello, se S
plantean
problemas contextualizados en
O
H el desarrollo de destrezas tales como
situaciones reales, que
requieren
C
E
R
comprensión,
análisis, síntesis, entre otros. Para ello se proporcionan
DE
Resolución de problemas: Estas aplicaciones multimedia tienen por
objeto desarrollar habilidades y destrezas de nivel superior, basándose en la
materiales y recursos para su solución, junto a materiales adicionales para
profundizar en el tema planteado.
Caza del tesoro: Una caza del tesoro es un documento hipermedia (página
web) en la que se presentan una serie de preguntas sobre un determinado
tema, junto a una lista de direcciones web en las que se pueden buscar las
respuestas. Como punto final se incluye una pregunta "la gran pregunta”, que
los alumnos deben responder a partir de la comprensión e integración de lo
aprendido durante la búsqueda y resolución de las preguntas, pues no es
posible encontrar la respuesta de forma directa.
Como indica Adell (2003) "Las cazas del tesoro son estrategias útiles para
adquirir información sobre un tema determinado y practicar habilidades y
procedimientos relacionados con las tecnologías de la información y la
comunicación en general y con el acceso a la información a través de la
Internet en particular".
38
WebQuest: La metodología WebQuest desarrollada por Bernie Dodge y
Tom March, es una actividad orientada a la investigación, en la que parte o
toda la información con la que interaccionan los alumnos, proviene de Internet.
WebQuest usa el mundo real, y tareas auténticas para motivar a los alumnos.
Están compuestas por seis partes esenciales: introducción, tarea, proceso,
recursos, evaluación y conclusión. Su estructura es constructivista y por tanto
fuerza a los alumnos a transformar la información y entenderla; sus estrategias
S
O
D
VA
de aprendizaje cooperativo ayudan a los estudiantes a desarrollar habilidades.
ER
S
E
R
Wiki: Es una aplicación orientadaS
al aprendizaje
colaborativo. Básicamente
O
Hdocumentos multimedia de forma colaborativa.
consiste en la elaboración
de
C
E
R wiki) se alojan en un servidor y puede ser escrito
Los documentos
DE(páginas
por un conjunto de personas a través de un navegador, utilizando una notación
sencilla para dar formato, crear enlaces, entre otros. Cuando alguien edita una
página wiki, sus cambios aparecen inmediatamente en la web, sin pasar por
ningún tipo de revisión previa.
2.9. Multimedia educativa
Multimedia se ha convertido en una herramienta principal para la presentación
y
difusión
de
contenidos,
ya
sean
comerciales,
informativos,
de
entretenimiento y en este caso con fines educativos, esta combina las
posibilidades educativas de diversos medios de comunicación interconectados
y controlados a través del ordenador. Entonces se puede decir que la
multimedia educativa Son todos los materiales didácticos multimedia que
orientan y regulan el proceso de enseñanza-aprendizaje de los estudiantes,
mediante la combinación de texto, color, gráficas, animaciones, video, sonido,
en un mismo entorno.
39
2.9.1. Materiales educativos multimedia
Márquez (2010), plantea que dentro del grupo de materiales multimedia donde
se integran elementos textuales y audiovisuales, están los materiales
educativos multimedia, los cuales tiene la finalidad de enseñar y motivar.
S
O
D
VA
Todos los materiales educativos multimedia orientan y regulan el aprendizaje
ER
S
E
R
S
mediante sus códigos simbólicos,
estructuración
de la información e
O
H
C
E los procesos de aprendizaje. Aunque no siempre
interactividad condicionan
R
E
D
sus planteamientos pedagógicos sean innovadores, los programas educativos
del que los estudia ya que, explícita o implícitamente, promueven
determinadas actuaciones de los mismos encaminadas a este fin. Además,
pueden desempeñar esta función ya que utilizan una tecnología actual y, en
general, suelen permitir diversas formas de uso. Esta versatilidad abre amplias
posibilidades de experimentación didáctica e innovación educativa.
2.9.1.1. Clasificación de materiales educativos multimedia
De acuerdo a su estructura, los materiales educativos multimedia se
pueden clasificar en: programas, tutoriales, de ejercitación, simuladores, bases
de datos, constructores y programas herramienta.
Materiales formativos directivos: en general siguen planteamientos
conductistas. Proporcionan información, proponen preguntas y ejercicios
a los alumnos y corrigen sus respuestas.
40
Programas de ejercitación: se limitan a proponer ejercicios auto
correctivos de refuerzo sin proporcionar explicaciones conceptuales
previas. Su estructura puede ser: lineal (la secuencia en la que se
presentan las actividades es única o totalmente aleatoria), ramificada (la
secuencia depende de los aciertos de los usuarios) o tipo entorno
(proporciona a los alumnos herramientas de búsqueda y de proceso de la
información para que construyan la respuesta a las preguntas del
programa).
S
O
D
VA
ER
S
E
R
Tutoriales: estos se encargan deS
mostrar
la parte práctica o de ejecución
O
de un tema específico
deH
manera de paso a paso, donde cada etapa va
C
E
R
aumentando
DEel nivel de dificultad y entendimiento. En este caso un ejemplo
de material educativo multimedia es un video paso a paso de cómo hacer
la lectura musical con el movimiento de la mano (Solfeo). Si utilizan técnicas
de Inteligencia Artificial para personalizar la tutoría según las características
de cada estudiante, se denominan tutoriales expertos.
Bases de datos: presentan datos organizados en un entorno estático
mediante unos criterios que facilitan su exploración y consulta selectiva para
resolver problemas, analizar y relacionar datos, comprobar hipótesis,
extraer conclusiones.
2.10. Base de datos
Según Ramez (2000) una base de datos es un conjunto de datos relacionados
entre sí y estos datos son hechos conocidos que pueden registrarse y tienen
un significado implícito. Según Collin (1996), una base de datos es una
colección de archivos de datos, almacenada en forma estructural, a la que uno
o más usuarios pueden tener acceso.
41
En esta investigación la implicación de una base de datos va a tener dos
propósitos, el primero es almacenar los datos de los usuarios y el segundo es
almacenar las preguntas de los exámenes en línea según su dificultad o nivel.
2.11. Modelo de datos
S
O
D
VA
ER
S
E
R
servir para definir la estructura de la base
de datos, es decir, los tipos de datos,
S
O
H
los vínculos que existen
entre
ellos y las reglas que deben cumplirse para estos
C
E
R
datos. Según
Ramez (2000), Entre los modelos de datos que existen en la
DE
El manejo de bases de datos puede ser determinado por varios factores y uno
de ellos es el modelo de datos, que es un conjunto de criterios que pueden
actualidad se encuentran los siguientes:
Modelo jerárquico: Este modelo representa los datos como estructuras
jerárquicas de árbol donde cada jerarquía representa varios registros
relacionados entre sí.
Modelo de red: Representa los datos como tipos de registros y también
representa un número limitado de vínculos 1: N, llamado tipo de conjunto.
Modelo orientado a objetos: Este modelo define una base de datos en
términos de objetos, sus propiedades y sus operaciones. Los objetos con
la misma estructura y comportamiento pertenecen a una clase y las
operaciones de cada clase son denominadas métodos.
Modelo relacional: Representa una base de datos como una colección
de tablas, donde cada una se puede almacenar en forma de archivo
42
individual. Casi todas las bases de datos relacionales tienen lenguajes de
consulta de alto nivel y manejan una forma limitada de visitas de usuario.
2.12. Bases de datos de multimedia
S
O
D
VA
Estas bases de datos son las que reúnen la información proveniente de
ER
S
E
R
través de una página web interactiva.
S
HO
C
E
R
E
D
Las bases de datos de multimedia se utilizan en varios ámbitos como en la
distintos recursos, en forma de imágenes, videos, audio, diagramas, texto,
entre otros. Presentándolos de forma apropiada al usuario por ejemplo: a
gestión de documentos y registros, mercadotecnia, publicidad, viajes, control
y vigilancia en tiempo real, educación y capacitación. Estos dos últimos forman
parte del interés principal de esta investigación.
2.12.1. Aspectos de las bases de datos multimedia
Las bases de datos de contenido multimedia dependen mayormente de su
modelado de datos, ya que son sistemas complejos. Estas abarcan los
siguientes aspectos:
Modelado: Se refiere a la estructura de la base de datos.
Diseño: comprende el diseño físico, lógico y conceptual de la base de
datos.
43
Almacenamiento: En que dispositivo físico o virtual se almacenan los
datos.
Obtención de datos: El modo como se obtiene la información almacenada
en las bases de datos. Esto dependerá del lenguaje de consulta.
Rendimiento: Cual es la velocidad en que se muestran los datos. Cuando
S
O
D
Adel usuario.
sea muy lenta, pues causaría una reacción negativa de V
parte
R
SE
E
R
S
O
H
Cdel modelado y obtención de datos de
E
R
2.13. Requerimientos
E
D
multimedia/hipermedia
se trabaja con videos se debe revisar que la velocidad de reproducción no
En un sistema multimedia se debe contar con un elemento de modelado que
permita al usuario especificar enlaces entre dos nodos cualesquiera.
Los enlaces de hipermedia pueden tomar distintas formas como las siguientes:
Se puede especificar enlaces con o sin información asociada.
Los enlaces pueden partir de un punto específico dentro de un nodo o
partir de todo el nodo
Los enlaces pueden ser direccionales o no direccionales
44
2.14. Teorías del aprendizaje
Detrás de cualquier diseño para técnicas instruccionales, existen unos
principios de aprendizaje. Hasta la actualidad, una gran cantidad de psicólogos
han desarrollado teorías en referencia a cómo trabaja la mente cuando se da
el proceso de aprendizaje. Estas teorías se clasifican en varias categorías las
S
O
D
VA
cuales se dan para enfocar diferentes aspectos del proceso de enseñanza-
ER
S
E
R que son la teoría conductista que
S
Existen dos grandes teorías que O
predominan
H lo psicológico desde la perspectiva de una
C
E
propone una manera
de
estudiar
DER
aprendizaje.
ciencia de la conducta, sin mentalismo (atribuciones dualistas extra materiales
como el alma o la mente), ni reduccionismos (utilizar explicaciones tomadas
de disciplinas como la neurología, la lógica, la sociología o el procesamiento
de información).
Por otro lado la teoría constructivista propone que el aprendizaje puede
situarse en oposición a la instrucción del conocimiento. En general, desde la
postura constructivista, el aprendizaje puede facilitarse, pero cada persona
reconstruye su propia experiencia interna, con lo cual puede decirse que el
conocimiento no puede medirse, ya que es único en cada persona, en su
propia reconstrucción interna y subjetiva de la realidad. Por el contrario, la
instrucción del aprendizaje postula que la enseñanza o los conocimientos
pueden programarse, de modo que pueden fijarse de antemano unos
contenidos, método y objetivos en el proceso de enseñanza.
45
2.15. Aprendizaje electrónico o e-learning
Es un sistema de aprendizaje a distancia por medio del cual el alumno
sustituye las clases presenciales por un conjunto de recursos multimedia
expuestos en la web, que le ofrecen la información requerida de manera
virtual, con el mismo nivel de dificultad. Para ello se utilizan los canales
S
O
D
VA
electrónicos como; páginas web, correo electrónico, foros de discusión, entre
ER
S
E
R
Todo el proceso del e-learningO
esS
llevado por un sistema de gestión de
H
Cmanagement
E
aprendizaje (LMSR
learning
system) que se encarga del registro
E
D
de usuarios, almacenamiento de datos, entre otros, y construido sobre un
otros.
sistema de gestión de contenidos que no es más que un programa que permite
crear una estructura de soporte para la creación y administración de
contenidos en una página web.
2.15.1. Importancia del aprendizaje electrónico
La necesidad que posee el ser humano de estar en constante aprendizaje y
mantenerse a la vanguardia, aunado con el avance tecnológico y social que
ha surgido desde hace unos años es lo que impulsa el aprendizaje electrónico
o aprendizaje a distancia, ya que, ofrece flexibilidad en cuanto al tiempo de
dedicación y no es necesario la movilización hacia una clase presencial lo cual
reduce los costos.
Además ofrece fácil acceso desde cualquier parte del mundo a través de una
conexión a internet, lo cual lo hace accesible por miles de personas incluso al
46
mismo tiempo, es decir, no se limita al número de personas que puede haber
en un salón de clases.
Su importancia radica en que en la actualidad este tipo de estudios se ha
hecho necesario debido a las limitaciones de espacio y tiempo que impone la
vida diaria de un individuo, dotándolo de esta manera de infinitos recursos con
los cuales tiene la oportunidad de capacitarse en el tema de interés.
S
O
D
VA
R
SE
E
R
S
O
2.15.2. Aprendizaje virtual como proceso de construcción
H
C
E
ER
D
Caracterizar el aprendizaje en entornos virtuales como un proceso de
construcción supone, esencialmente, afirmar que lo que el alumno aprende en
un entorno virtual no es simplemente una copia o una reproducción de lo que
en ese
entorno se le presenta como contenido a aprender, sino una
reelaboración de ese
contenido mediada por la estructura cognitiva del
aprendiz.
El aprendizaje virtual, por tanto, no se entiende como una mera traslación o
transposición del contenido externo a la mente del alumno, sino como un
proceso de (re)construcción personal de ese contenido que se realiza en
función, y a partir, de un amplio conjunto de elementos que conforman la
estructura
cognitiva
del
aprendiz:
capacidades
cognitivas
básicas,
conocimiento específico de dominio, estrategias de aprendizaje, capacidades
meta cognitivas y de autorregulación, factores afectivos,
motivaciones y
metas, representaciones mutuas y expectativas.
La actividad
mental constructiva que el alumno, al poner en juego este
conjunto de elementos, desarrolla en torno al contenido se configura, desde
47
esta perspectiva, como clave fundamental para el aprendizaje, y la calidad de
tal actividad mental constructiva,
por lo mismo, se configura como clave
fundamental para la calidad del aprendizaje: ni toda actividad que el alumno
realiza cuando aprende conlleva
actividad mental constructiva, ni toda
actividad mental constructiva es igualmente
deseable ni óptima para un
aprendizaje de calidad.
S
O
D
VA
El “postulado constructivista” y la importancia atribuida a la actividad mental
ER
S
E
R
importantes implicaciones para unaS
comprensión
más afinada de cómo se
O
Hy de qué se puede hacer desde la enseñanza
aprende en entornosE
virtuales
C
para promover
DEeseRaprendizaje. Nos detendremos muy brevemente en dos
constructiva del alumno en su proceso de aprendizaje tienen múltiples e
de ellas, por su relevancia para nuestra discusión posterior. La primera es la
diferencia entre la “estructura lógica” del contenido y la “estructura psicológica”
del mismo. La estructura lógica de un contenido remite a la organización
interna del material de aprendizaje en sí mismo, y puede considerarse estable
entre contextos, situaciones y aprendices.
La estructura psicológica del contenido, en cambio, remite a la organización
de ese material para un alumno concreto, y depende de lo que, en cada
momento, el alumno aporta al proceso de aprendizaje. Esta diferencia permite
distinguir entre dos condiciones, igualmente necesarias pero distintas entre sí,
que deben cumplirse para que el alumno pueda atribuir significado al contenido
que debe aprender. Por un lado, la significatividad lógica, relacionada con la
estructura y organización interna del contenido a aprender.
Por otro, la significatividad psicológica, relacionada con el hecho de que el
aprendiz disponga de elementos en su estructura cognitiva que pueda poner
en relación de manera sustantiva y no arbitraria, de manera profunda y no
48
superficial, con ese contenido.
El punto a destacar es que, mientras la
significatividad lógica puede garantizarse, esencialmente, desde el diseño del
material de aprendizaje, al margen en buena medida de las características
concretas de los alumnos a los que ese material se dirige, la significatividad
psicológica sólo puede asegurarse mediante formas de ayuda que permitan la
adaptación cuidadosa y continuada, en el propio proceso de aprendizaje, de
ese material a los alumnos concretos que deben aprenderlo.
S
O
D
VA
ER
S
E
R
procesos virtuales de enseñanza y aprendizaje
virtual centrada únicamente en
S
O
el diseño de materiales,
al H
margen de las características de los alumnos
C
E
R
concretos aD
losE
que se dirige y de la dinámica de cambio y evolución de esas
De ahí la insuficiencia, desde esta perspectiva, de una visión del diseño de los
características en el contexto particular de la situación de aprendizaje de que
se trate.
La segunda implicación del “postulado constructivista” en relación con el
aprendizaje virtual que queremos remarcar tiene que ver con el hecho de que
lo que el alumno construye y debe construir en un entorno virtual de enseñanza
y aprendizaje incluye, al menos, dos tipos distintos de representaciones. Por
un lado, representaciones sobre el significado del contenido a aprender. Y por
otro, representaciones sobre el sentido que tiene para él aprender ese
contenido, sobre los motivos para hacerlo, las necesidades que ese
aprendizaje cubre y las consecuencias que supone para la percepción de uno
mismo como aprendiz.
Ambos tipos de representaciones se construyen, de acuerdo con lo dicho, de
manera dinámica, contextual y situada, a partir de lo que aporta en cada
momento el aprendiz: ni el significado ni el sentido que el alumno construye
49
están, meramente, en el material que es objeto de aprendizaje, ni su
construcción queda asegurada por el diseño de dicho material.
2.15.3. Aprendizaje en entornos virtuales como proceso de ayuda
S
O
D
VA
La actividad mental constructiva desarrollada por el alumno no asegura,
ER
S
E
disponer de los recursos cognitivosS
másR
adecuados para asimilar el nuevo
O
Hincluso si los tiene, puede no activarlos, o no
contenido. Por otro, porque,
C
E
R
establecer D
las E
relaciones más significativas y relevantes posible entre esos
necesariamente, una construcción óptima de significados y sentidos en torno
al nuevo contenido de aprendizaje. Por un lado, porque el alumno puede no
recursos y el contenido en cuestión. La interacción entre alumno y contenido,
por tanto y dicho en otros términos, no garantiza por sí sola formas óptimas de
construcción de significados y sentidos sino que depende de una serie de
factores que influyen en la interpretación de la información mostrada.
El elemento que debe tratar de facilitar esas formas óptimas de construcción
no es otro que la ayuda educativa ofrecida por el profesor. Esta ayuda debe
entenderse, al igual que la propia construcción que realiza el aprendiz, como
un proceso, que permita la adaptación dinámica, contextual y situada a la que
antes hacíamos referencia entre el contenido a aprender y lo que el alumno
puede aportar y aporta a ese aprendizaje en cada momento.
Ayudar al aprendizaje virtual, por tanto, no es simplemente una cuestión de
presentar información o de plantear tareas a realizar por parte del alumno. Es,
esencialmente, seguir de manera continuada el proceso de aprendizaje que
éste desarrolla, y ofrecerle los apoyos y soportes que requiera en aquellos
momentos en que esos apoyos y soportes sean necesarios.
50
Así entendida, la enseñanza en entornos virtuales tiene un componente
necesario de “realización conjunta de tareas” entre profesor y alumno: sólo a
partir de esa realización conjunta se podrá realizar una intervención sensible
y contingente que facilite realmente al alumno el ir más allá de lo que su
interacción solitaria con el contenido le permitiría hacer. De nuevo, ello encaja
difícilmente con una visión del diseño de los procesos virtuales de enseñanza
y aprendizaje centrado, única o prioritariamente, en el diseño de los contenidos
o materiales de aprendizaje.
S
O
D
VA
ER
S
E
R
De acuerdo con esta idea de sensibilidad
y contingencia de la ayuda, puede
S
O
H más eficaz en los entornos virtuales de
postularse que la ayuda
educativa
C
E
ER es la que cumple el principio de “ajuste de la ayuda”.
enseñanzaD
y aprendizaje
Es decir, aquella que incluye apoyos y soportes de carácter diverso; que va
cambiando a lo largo del proceso de enseñanza y aprendizaje pero que no lo
hace al azar sino a partir de los cambios en la propia actividad mental
constructiva desarrollada por el alumno; que “reta” al aprendiz a revisar y
profundizar tanto el significado como el sentido que atribuye al nuevo
contenido a aprender; que le ofrece instrumentos y “prótesis” para que pueda
afrontar y superar esos retos, y que se interesa por promover de manera cada
vez mayor la
capacidad del alumno para utilizar estratégicamente el
conocimiento que va aprendiendo y para seguir aprendiendo de manera cada
vez más autónoma y autorregulada. La concreción en detalle de las formas de
actuación del profesor que permiten esta ayuda ajustada en entornos virtuales
de enseñanza y aprendizaje es, aún, una cuestión abierta y necesitada de una
mayor profundización y estudio empírico.
El conocimiento disponible sobre los mecanismos de influencia educativa a
través de los cuales se concreta el ajuste de la ayuda en los contextos
51
presenciales tradicionales de enseñanza y aprendizaje permite, con todo,
plantear algunas primeras ideas al respecto. La primera, que la posibilidad de
ajustar la ayuda descansa sobre procesos muy finos, continuados y dinámicos
de “ajuste interaccional” entre profesor y alumnos, en buena parte apoyados
en determinadas formas de uso del lenguaje como instrumento semiótico para
la representación conjunta de significados. La segunda, que estos procesos
de ajuste interaccional son complejos y problemáticos, y que su aparición
S
O
D
A
profesor, alumnos y contenido de enseñanza y aprendizaje.
V
R
SE
E
R
S
O
H
Cel diseño de entornos y objetos virtuales de
E
R
2.16. Implicaciones
para
DE
exitosa no puede darse en absoluto por descontada en los encuentros entre
enseñanza y aprendizaje
Los conceptos e ideas anteriores suponen una llamada de atención sobre la
imposible neutralidad pedagógica de los entornos virtuales y los objetos de
aprendizaje. Frente a lo que se afirma con cierta asiduidad, ni los entornos
tecnológicos de enseñanza y aprendizaje ni los objetos de aprendizaje que se
diseñan para su utilización en dichos entornos son ni pueden ser
educativamente neutros.
En primer lugar, porque un entorno o un objeto de aprendizaje siempre incluye
restricciones y potencialidades tecnológicas determinadas (una cierta “interactividad tecnológica potencial”), que impiden, dificultan, permiten o
promueven, entre otras posibilidades, la realización de determinadas
actuaciones y no de otras, y la adopción de ciertas formas de organización de
la actividad conjunta y no de otras, por parte de sus usuarios. Y en segundo
lugar, porque entornos y objetos de aprendizaje incluyen igualmente
restricciones y potencialidades instruccionales (una cierta “inter-actividad
pedagógica potencial”), que actúan también de modo similar.
52
En último término, por ello, entornos virtuales y objetos de aprendizaje
dificultan, permiten o promueven ciertas formas de enseñar y aprender, y
devienen por ello tributarios de determinados modelos didácticos o
instruccionales. Otra cuestión es que esos modelos se hagan explícitos, o
incluso que formen parte de las preocupaciones centrales de quienes los
diseñan o los difunden.
S
O
D
VA
ER
S
E
R
S
aprendizaje que puede identificarse
como
subyacente a determinadas
O
H
C
Ede entornos y objetos de aprendizaje es, en último
propuestas de diseño
R
E
D
término, una concepción en buena medida tributaria de modelos transmisivos
En no pocos casos, la concepción implícita de los procesos de enseñanza y
y lineales de enseñanza, que otorgan escasa importancia tanto a los procesos
de construcción del aprendiz y a la consideración de lo que el aprendiz aporta
a su proceso de aprendizaje como a los procesos sociales de ayuda y soporte
y a la consideración de lo que el profesor aporta a la orientación.
En este sentido, algunos de los modelos de e-learning actualmente existentes,
centrados fundamentalmente en la provisión y distribución de contenidos
cerrados y estandarizados, resultan difícilmente compatibles con una visión de
los procesos virtuales de enseñanza y aprendizaje como la que hemos
esbozado.
En primer lugar, porque presuponen una correspondencia lineal entre lo que
se enseña y lo que se aprende, ignorando el papel de la actividad mental
constructiva del alumno y de la actividad conjunta entre profesor y alumno, y
entre alumnos, en el aprendizaje virtual.
En segundo lugar, porque responden, en muchos casos, a una lógica que
apuesta por la reducción, en ocasiones drástica, del papel de ayuda ejercido
53
por el profesor, claramente contradictoria con el principio de ajuste de la ayuda
y las características y requerimientos que plantea una ayuda ajustada. Y en
tercer lugar, porque ignoran en buena medida, al menos en la práctica, la
diferencia entre diseño y uso, entre lo que el diseño tecno-pedagógico del
proceso de enseñanza y aprendizaje virtual plantea, y lo que los participantes
realmente acaban haciendo en el proceso de desarrollo de ese diseño y en el
uso concreto y situado de las herramientas, materiales y recursos que el
diseño provee.
S
O
D
VA
R
SE
E
R
S
HO
C
E
enseñanza y aprendizaje
ER que estamos postulando tiene también implicaciones
D
importantes para el proceso mismo de realización de las tareas de diseño de
La importancia decisiva del contexto y las situaciones y prácticas de uso para
la concreción de la efectividad y calidad de los entornos y objetos de
tales entornos y objetos. Ello supone pasar de una concepción del diseño de
entornos y objetos virtuales de enseñanza y aprendizaje como tarea
exclusivamente técnica y completamente previa a la implementación en
contextos reales a su caracterización como una tarea práctica y que supone
una interrelación constante y continuada entre diseño y uso. Del mismo modo,
ello supone también pasar de una concepción en que diseñadores y usuarios
se encuentran radicalmente separados a una concepción basada en la
comunicación y la colaboración mutua entre unos y otros.
2.17. Interactividad
Según Collin (1996), la interactividad es una característica que permite que
dos computadoras o dispositivos intercambien información. Aplicado a esta
investigación la interactividad es la propiedad que posee la aplicación de
establecer una comunicación entre el ordenador y el usuario.
54
2.18. Teoría musical
La teoría musical es un estudio a fondo de la música. Sus elementos, sus
componentes, la melodía, el ritmo, funcionalidad y todos los conceptos que
van desde lo básico hasta lo avanzado, que tiene que ver con la música. Se
estudian los parámetros de como componer y comprender la música.
3. Términos básicos
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Lenguaje de marcas extensible (XML): es un lenguaje de marcas
desarrollado por el World Wide Web Consortium (W3C). Deriva del
lenguaje SGML y permite definir la gramática de lenguajes específicos (de la
misma manera que HTML es a su vez un lenguaje definido por SGML) para
estructurar documentos grandes. A diferencia de otros lenguajes, XML da
soporte a bases de datos, siendo útil cuando varias aplicaciones se deben
comunicar entre sí o integrar información
PC: computadora personal
MusicXML: es un formato de notación musical abierto basado en XML.
Partituras: es un documento manuscrito o impreso que indica cómo debe
interpretarse una composición musical, mediante un lenguaje propio formado
por signos musicales y llamado sistema de notación
Software de edición musical: Es un programa que ayuda al usuario a editar
sus canciones o voces de canciones. La mayoría de las veces incluye
grabación de sonido.
55
Software de creación musical: Es un programa que ayuda al usuario a crear
su propia música a través de la escritura de partituras.
Teoría musical: es un campo de estudio que tiene por objeto la investigación
de los diversos elementos de la música, entre ellos el desarrollo y la
S
O
D
VA
metodología para analizar, escuchar, comprender y componer música.
R
O
SE
E
R
S
Sistema web interactivo: es una aplicación que permite una interacción a
H
C
E
ER
modo de diálogo entre ordenador y usuario.
D
Servidor web: Un servidor web o servidor HTTP es un programa
informático que procesa una aplicación del lado del servidor realizando
conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con
el cliente generando o cediendo una respuesta en cualquier lenguaje
o Aplicación del lado del cliente.
Navegador web: es una aplicación que opera a través de Internet,
interpretando la información de archivos y sitios web para que éstos puedan
ser leídos (ya se encuentre esta red mediante enlaces o hipervínculos)
Protocolo de transferencia de hipertexto (HTTP): es el protocolo usado en
cada transacción de la World Wide Web que no guarda ninguna información
sobre conexiones anteriores.
Localizador de recursos uniforme (URL): es una secuencia de caracteres,
de acuerdo a un formato modélico y estándar, que se usa para nombrar
recursos en Internet para su localización o identificación, como por ejemplo
56
documentos textuales, imágenes, vídeos, presentaciones digitales, entre
otros.
Página web: Una página web es el nombre de un documento o información
electrónica adaptada para la World Wide Web y que puede ser accedida
mediante un navegador
S
O
D
VA
ER
S
E
R
S
específicos para permitir que un
equipo
O pueda comunicarse en una red.
H
C
E de extremo a extremo especificando como los
TCP/IP provee conectividad
R
E
D
TCP/IP: es un modelo de descripción de protocolos de red que describe un
conjunto de guías generales de diseño e implementación de protocolos de red
datos deberían ser formateados, direccionados, transmitidos, enrutados y
recibidos por el destinatario. Existen protocolos para los diferentes tipos de
servicios de comunicación entre equipos.
Lenguaje de marcado de hipertexto (HTML): hace referencia al lenguaje de
marcado predominante para la elaboración de páginas web que se utiliza para
describir y traducir la estructura y la información en forma de texto, así como
para complementar el texto con objetos tales como imágenes.
HTML dinámico (DHTML): designa el conjunto de técnicas que permiten
crear sitios web interactivos utilizando una combinación de lenguaje
HTMLestático,
un
lenguaje
interpretado
en
el
lado
del
cliente
(como JavaScript), el lenguaje de hojas de estilo en cascada (CSS) y la
jerarquía de objetos de un modelo de documento de objeto (DOM).
JavaScript: es un lenguaje de programación interpretado, Se define
como orientado a objetos, basado en prototipos, imperativo, débilmente tipado
y dinámico. Se utiliza principalmente en su forma del lado del cliente (client57
side), implementado como parte de un navegador web permitiendo mejoras en
la interfaz de usuario y páginas web dinámicas, en bases de datos locales al
navegador.
Hojas de estilo en cascada (CSS): separa la estructura de un documento de
su presentación. La información de estilo puede ser adjuntada como un
S
O
D
VA
documento separado o en el mismo documento HTML. En este último caso
R
podrían definirse estilos generales en la cabecera del documento o en cada
SE
E
R
S
etiqueta particular mediante el atributo "<style>".
O
H
C
E
Inteligencia artificial:
R Capacidad de razonamiento de un ente no vivo, que
E
D
trata de igualar la capacidad de razonamiento humana.
Solfeo: es la técnica de entonar una melodía, gesticulando la marca
del compás generalmente con las manos y basándose siempre en un ritmo
adecuado pronunciando los nombres de las notas musicales entonadas, a
diferencia de cantar al solfear, se pronuncia la nota pero sin llegar a cantarla.
Capacidad metacognitiva: Es la habilidad que tenemos para aprender a
conocer y controlar los procesos básicos que requerimos para un aprendizaje
adecuado. Dicha capacidad, permite planificar que tipo de estrategia se debe
utilizar en cada situación, como emplearlas, controlarlas y evaluarlas,
detectando posibles fallos y así aprender de los errores.
TIC: Tecnologías de la información y comunicación.
Pedagogía: es una ciencia que pertenece a la rama de las ciencias sociales y
humanas que tiene como objetivo el estudio de la educación en el ser humano.
58
Granularidad: se refiere a la especificidad a la que se define un nivel de
detalle en una tabla, es decir, si hablamos de una jerarquía la granularidad
empieza por la parte más alta de la jerarquía, siendo la granularidad mínima,
el nivel más bajo.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
59
CAPITULO III
S
O
D
VA
MARCO METODOLÓGICO
R
SE
E
R
S
HO
C
E
el desarrollo E
deR
la investigación científica desde el punto de vista
D
metodológico, haciendo referencia al diseño, el nivel y la modalidad por medio
A continuación se plantean los procedimientos y estrategias pertinentes para
de la cual se llevara a cabo dicha investigación, a partir de un diagnóstico
previo del problema considerando los objetivos planteados.
3.1. Tipo de investigación.
Con respecto al tipo de investigacion, se refiere al tipo de estudio al cual
pertenece la investigación, y determina la forma en cómo se hará la
recolección de los datos. Existen distintos tipos de investigación que a su vez
también poseen niveles y modalidades de los cuales se estudiaran los
pertinentes a esta investigacion.
3.1.1. Diseño de la investigación.
Conceptualizando específicamente lo que es el diseño de una investigacion se
define como el conjunto de estrategias o procedimientos por medio de los
cuales el investigador define metodológicamente la realización de su proyecto.
60
Este diseño se ve reflejado en los objetivos de la investigación, puestos que,
en ellos se especifican todas las acciones o pasos a realizar, formulados
cronológicamente, con el fin de lograr el cumplimiento del objetivo general de
la investigación.
Según Palella (2006), la investigación documental consiste en la recolección
de datos o información de diversas fuentes. En este caso todo el material
S
O
D
Asin embargo,
de documentos escritos, videos, audios, entre otros elementos,
V
R
SE Esta en cambio, se
este hecho no determina el tipo de estaR
investigacion.
E
S de campo, ya que, estudia los
O
amolda a los parámetros de
investigacion
H
EC
fenómenos enE
suR
ambiente natural sin manipular ninguna variable, en este
D
didáctico que se expondrá en la web es redactado en base a la recopilación
caso, la problemática de aprendizaje de música a través de diversos medios
se analiza tal cual y como se presenta en la actualidad, por lo tanto es una
investigacion de campo.
En el caso de esta investigación se aplica el diseño de campo en el cual se
observan los acontecimientos en su contexto real para luego analizarlos.
Según Palella (2006), en este diseño no se construye una situación específica
sino que se observan las situaciones existentes.
Este concepto esta hilvanado con la problemática planteada en esta
investigación, ya que, al momento de buscar a través del internet información
acerca de la música se presentan varios inconvenientes de tipo económico,
intelectual y social lo que forma parte de una problemática real ya existente
(no manipulada) a la cual se le quiere dar una solución práctica y eficaz a
través de este proyecto.
61
Con respecto al nivel de la investigacion:
Tal como lo plantea Arias (1997), el nivel de la investigación se refiere al grado
de profundidad con el que se aborda un objeto o fenómeno. según Barrera
(2000), el nivel proyectivo es el que intenta proponer soluciones a una
situación determinada. Implica explorar, describir, explicar y proponer
alternativas de cambio, y no necesariamente ejecutar la propuesta. El objetivo
S
O
D
cual podría dar la solución a muchas personas con respecto
aA
la problemática
V
R
E
ya planteada anteriormente. Esta descripcion
le S
da un carácter proyectivo.
E
R
S
HO
C
E
ER
D
El análisis, descripcion e interpretación de la situación o problemática
de esta investigación es proponer un sistema web de aprendizaje musical el
explicada en esta investigacion es lo que le otorga también un carácter
descriptivo además de proyectivo. Según Palella (2006), el propósito de este
tipo de investigacion es el de interpretar la realidad de los hechos. A pesar de
que esta investigacion se adapte al nivel descriptivo, el nivel proyectivo es el
mayor nivel de profundidad en el que se aborda el objeto de estudio por lo
tanto es el que se otorga a esta investigacion. Dado el análisis anterior de este
punto se puede concluir diciendo que el tipo de esta investigacion es de campo
bajo el nivel proyectivo.
Según Palella (2006), la modalidad de la investigacion se entiende como el
modelo de investigación que se adopte para ejecutarla. Dado el carácter
proyectivo de esta investigación se ajusta con el concepto de proyecto factible.
Este tipo de proyecto consiste en elaborar una propuesta que pueda ser
ejecutada para darle solución a una situación o problemática determinada.
Para el desarrollo de esta modalidad existen una serie de pasos lógicos a
seguir:
62
Se realiza un análisis y diagnóstico de la situación.
Plantear y fundamentar teóricamente la propuesta.
Definir un procedimiento metodológico específico.
Determinar las actividades y recursos necesarios para la ejecución.
O
H
C
E
ER
R
SE
E
R
S
exitosa de la propuesta.
S
O
D
VA
Analizar la factibilidad del proyecto.
D
En caso de ser un proyecto que se desarrolle se debe presentar la propuesta
con la evaluación y el análisis de resultados.
3.2. Unidad de análisis.
La unidad de análisis es determinada por los individuos, elementos,
organizaciones, eventos que son los que proveen la información de base para
el proyecto o investigación que se quiere realizar. En otras palabras la unidad
de análisis es el objeto de estudio
En el caso de esta investigación la unidad de estudio o de análisis es el
software educativo, que es el tipo de software que se pretende crear referente
al aprendizaje básico e intermedio de teoría musical.
63
3.3. Técnicas e instrumento de recolección de datos.
Según Arias (2006), “se entenderá por técnica, el procedimiento o forma
particular de obtener datos o información. Son ejemplos de técnica: la
observación directa, la encuesta en sus dos modalidades (entrevista o
cuestionario), el análisis documental, y el análisis de contenido”. (p.67)
R
SE
E
R
S
3.3.1. Técnica de observación documental:
S
O
D
VA
HO
C
E
R
la búsqueda, E
recuperación
y análisis, crítica e interpretación de datos
D
secundarios, es decir, los obtenidos y registrados por otros investigadores en
Arias (2006), define la observación documental como un proceso basado en
fuentes documentales: impresas, audiovisuales o electrónicas. Como en toda
investigación, el propósito de este diseño es el aporte de nuevos
conocimientos. En este caso se aplica la observación documental puesto que,
la información expuesta en la página web fue recopilada de diversas fuentes
como; libros, revistas, recopilaciones de autores, la web, entre otros. Todo esto
con el fin de mejorar las bases teóricas que existen haciéndolas más didácticas
y así cumplir con el aporte de nuevos métodos de estudio.
3.3.2. Técnica de observación directa
Según Hurtado (2000), la observación es la primera forma de contacto o de
relación con los objetos que van a ser estudiados y constituye un proceso de
atención, recopilación y registro de información para el cual el investigador se
apoya en sus sentidos, para estar al pendiente de los sucesos y analizar los
eventos ocurrentes en una visión global. Se aplica la observación directa al
estudiar el fenómeno como tal y hacer interpretaciones y análisis desde ese
punto de vista que se está observando.
64
3.4. Metodología de desarrollo.
Para el desarrollo de este proyecto se estableció la metodología de desarrollo
de software XP o también llamada programación extrema. Esta metodología
consta de las siguientes fases:
S
O
D
Alos usuarios,
En esta fase se determinan entre otras cosas, el perfil
de
V
R
SyEel usuario y la frecuencia
velocidad del proyecto, la iteración entre el
sistema
E
R
S
O
de las reuniones para el desarrollo
del proyecto.
H
C
E
R
E
D
Fase 2. Diseño
Fase 1. Planificación
Se sugieren diseños simples y entendibles, un glosario de términos, evaluar
los riesgos de fallas y refactorizar, que no es más que mejorar y modificar la
estructura y codificación de códigos ya creados sin alterar su funcionalidad.
Fase 3. Desarrollo
En esta etapa se procede a la codificación del sistema, teniendo en cuenta
todo lo mencionado anteriormente para así evitar los errores que puedan
ocurrir y obtener mayor calidad de código y como consecuencia un sistema
más entendible y fácil de manejar.
Fase 4. Pruebas
Ningún código puede ser publicado sin que haya pasado su test de
funcionamiento, de esta forma, aseguramos el uso colectivo y efectivo del
código. De esta manera en esta fase se realiza la prueba de funcionamiento
del sistema con la finalidad de evaluar si las fases anteriores se hicieron
correctamente.
´
65
3.5. Proceso metodológico.
Basados en la metodología de programación extrema el proceso metodológico
se desarrolló de la siguiente manera:
Fase 1. Planificación
Se determinó el perfil del usuario
S
O
D
VA
R
SE
E
R
S
HO
C
E
Se definieron
DERlas interacciones entre el sistema y el usuario
Se planteó el objetivo que se quiere alcanzar con el sistema
Se establecieron los requerimientos necesarios para crear el sistema
Fase 2. Diseño
Diseño de la arquitectura del sistema
Creación de las bases de datos con sus respectivas conexiones entre
ellas y el sistema
Boceto de la interfaz gráfica de la web.
Fase 3. Desarrollo
Empleo de las herramientas necesarias para la construcción del
sistema
Desarrollo de las bases de datos utilizando MySQL.
66
Desarrollo de la interfaz gráfica del sistema utilizando una gran variedad
de programas especiales, Adobe Photoshop Cs5, Adobe Illustrator Cs5,
Adobe Fireworks Cs5
Utilización de Dreamweaver Cs5 para la creación, programación e
implementación de elementos y códigos HTML y JavaScript
Fase 4. Pruebas
R
SE
E
R
S
HO
C
E
Verificación
DERdel código del sistema
S
O
D
VA
Se realiza la prueba de funcionalidad del sistema
Revisión del contenido de la página web en cuanto a archivos
descargables
67
CAPITULO IV
ANALISIS DE RESULTADOS
S
O
D
VA
R
SE
E
R
S
HO
C
E
funcionamientoE
enR
todos los aspectos. También en este capítulo se darán las
D
conclusiones y recomendaciones respectivas al sistema.
En este capítulo se expondrá cuáles son los pasos mediante los cuales se
construyó el sistema, parte de la codificación del mismo y como es su
4.1.
Proceso de Planificación del sistema
La finalidad primaria de la realización de este sistema es ofrecer un servicio
gratuito y de fácil acceso para personas de todas las edades a partir de 10
años y que pueda contener un material completo acerca del estudio de la teoría
musical. En el proceso de planificación del sistema, basados en su objetivo
principal, se establecieron las siguientes características que debe poseer la
web para cumplir con el objetivo esperado:
Dinámico y amigable con el usuario
Completo en contenido teórico y audiovisual
Diseño atractivo y funcionalidad excelente
68
4.1.1. Objetivos del sistema
Promover que personas de todas las edades puedan contar con un sistema
gratuito para el aprendizaje de música
Promover que personas de todas las edades puedan contar con un sistema
S
O
D
VA
de fácil acceso para el aprendizaje de música
Incentivar el aprendizaje electrónico
O
H
C
E
ER
D
Motivar al aprendizaje autodidáctico
R
SE
E
R
S
Ayudar a todas las personas interesadas a formarse como músicos integrales.
4.1.2. Interacciones entre el usuario y el sistema
Las interacciones entre el usuario y el sistema consisten en una serie de
elementos que en conjunto con un diseño atractivo y recursos audiovisuales,
permiten al usuario tener la experiencia de poder tener una conexión con el
sistema y con el administrador de manera que no solamente va a poder
aprovechar todo el contenido que se encuentra en la página sino que también
podrá dar sus opiniones y hacer preguntas al foro, hacer preguntas al
administrador, presentar un examen en línea que le permitirá evaluar sus
conocimientos, seguir todas las publicaciones o actualizaciones a través de
las redes sociales.
Para poder permitir al usuario tomar el examen en línea será necesario que se
registre en el sistema, esto da cabida a que el usuario pueda llevar un
seguimiento de lo que está estudiando y de lo que está aprendiendo, ya que,
69
el sistema guarda las calificaciones de las pruebas y te indica que unidad está
estudiando. Para poder hacer diferencia entre un tipo de usuario y otro se
crearon tres tipos de usuarios con la finalidad de colocarles unas restricciones
definidas y acceso definido según sea su interés en la página.
4.1.2.1.
Tipos de usuario
S
O
D
VA
R
SE
E
R
S
En este sistema web se manejaran tres tipos de usuarios:
O
H
C
E
UsuarioR
Visitante:
E
D
Este usuario es aquel que no disfruta de todas las características que
ofrece la web.
Tabla 4.1. Preferencias del usuario visitante
Musicworld ofrece:
Preferencias de Usuario
visitante
Contenido teórico de nivel básico e

intermedio

video tutoriales

Videos explicativos

Recursos de audio
70
Tabla 4.1. Continuación
Musicworld ofrece:
Preferencias de Usuario
visitante

Galería de imágenes

blog
Contacto al administrador para
HO
C
E
Ver las notas
de cada examen
DER
Tomar un examen en línea de cada
unidad estudiada.
R
SE
E
R
S
resolver dudas
S
O
D
VA
X
X
X
tomado
Llevar seguimiento de la unidad que
X
se está estudiando

Descarga del contenido teórico
X
Descarga del contenido audiovisual
X
Cargar contenido teórico
X
Cargar contenido audiovisual
X
Editar el contenido
X
Ver los demás usuarios
Este tipo de usuario tiene todos los privilegios mencionados en la tabla anterior
marcados con un ganchillo. Además de esto, los usuarios visitantes pueden
71
entrar en la sección de registro y completar un formulario con sus datos para
ser inscrito como usuario estudiante para poder obtener el acceso al resto de
los beneficios que musicworld ofrece.
Usuario Estudiante:
S
O
D
VA
Este usuario es aquel que ya se ha registrado en la página y puede tener
R
SE
E
R
S
acceso al menú de estudiante y puede disfrutar de todas las características
que musicworld ofrece para este tipo de usuario.
O
H
C
E
ERTabla 4.2. Preferencias del usuario estudiante
D
Musicworld ofrece:
Preferencias de Usuario
Estudiante
Contenido teórico de nivel básico e

intermedio

video tutoriales

Videos explicativos

Recursos de audio

Galería de imágenes

Blog
Contacto al administrador para

resolver dudas
Tomar un examen en línea de cada

unidad estudiada.
72
Tabla 4.2. Continuación
Musicworld ofrece:
Preferencias de Usuario
estudiante

Ver las notas de cada examen
tomado

Llevar seguimiento de la unidad
S
O
D
VA
que se está estudiando
O
H
C
E
ER
R
SE
E
R
S
Descarga del contenido teórico


Descarga del contenido audiovisual
D
X
Cargar contenido teórico
X
Cargar contenido audiovisual
X
Editar el contenido
X
Ver los demás usuarios
Usuario Administrador:
En este caso particular el usuario administrador es el creador de la página el
cual tiene todos los derechos otorgados. Este usuario administrador se crea
con la finalidad de poder cargar el contenido a la página de manera más simple
y directa además de tener acceso a la base de datos directamente desde su
cuenta de administrador.
73
Tabla 4.3. Preferencias del usuario administrador
Musicworld ofrece:
Preferencias de Usuario
Administrador

Contenido teórico de nivel básico e
intermedio

S
O
D
VA
video tutoriales
O
H
C
E
ER
Recursos de audio
D
R
SE
E
R
S
Videos explicativos



Galería de imágenes

Blog
Contacto al administrador para

resolver dudas
Tomar un examen en línea de cada
X
unidad estudiada.
Ver las notas de cada examen
X
tomado
Llevar seguimiento de la unidad que
X
se está estudiando

Descarga del contenido teórico

Descarga del contenido audiovisual

Cargar contenido teórico
Tabla 4.3. Continuación
74
Musicworld ofrece:
Preferencias de Usuario
Administrador

Cargar contenido audiovisual

Editar el contenido

Ver los demás usuarios y sus datos
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
4.1.3. . Análisis de requerimientos
D
Para el desarrollo exitoso de un sistema es necesario primeramente establecer
las características que este va a tener o como se espera que sea el
funcionamiento del sistema una vez terminado. A partir de estas
características surge el siguiente elemento que se constituye en lo que se
requiere para que dicho sistema funcione de la manera esperada.
Desarrollar un sistema web implica varios requerimientos indispensables que
le permiten funcionar de manera básica. En el momento que se colocan más
elementos de menor o mayor complejidad, mayor será el requerimiento tanto
de sistema como de hardware.
Según las características del sistema web para el aprendizaje básico e
intermedio de teoría musical se tienen unos requerimientos básicos o
indispensables que se mencionaran a continuación de forma esquemática
teniendo como enunciado de requerimientos: de software, de hardware y por
ultimo requerimientos de diseño.
75
4.1.3.1.
Requerimientos del Hardware
Pc con procesador Intel Pentium 233-mhz o superior. Pentium IV
recomendado.
256 de memoria RAM o superior recomendado.
S
O
D
A de 1mb por
un menor tiempo de espera a la hora de cargar la web. Velocidad
V
R
SE
segundo recomendado.
E
R
S
O
H
C
E
R
E
D
4.1.3.2. Requerimientos del software
Conexión internet banda ancha con velocidad de 250kpps por segundo para
Microsoft windows XP SP2 o superior.
Navegador internet Explorer 6 o Mozilla Firefox. Para una mejor experiencia
use google Chrome versión 31.0.1650.63.
Dreamweaver cs5
Gestor de bases de datos NAVICAT PREMIUM 11.0
Existen variedad de librerías de desarrollo que se pueden utilizar como
implemento cuando el sistema lo amerite para mejorar su dinámica y su
presentación al usuario.
76
4.1.3.3.
Requerimientos del diseño
El diseño está dispuesto por el creador del sistema y se creó a partir de las
características que se estipularon para el mismo, lo cual conllevo a las
exigencias de los siguientes requerimientos:
S
O
D
VA
Facilidad para navegar entre el contenido
O
H
C
E
ER
D
Menú de opciones
R
SE
E
R
S
Facilidad de acceso
Contenido redactado y explicito
Respuesta rápida
Interfaz amigable para el usuario
Simplicidad en sus funcione
4.1.4 Diseño de navegación
La estructura del diseño de navegación en este proyecto es jerarquizado, es
decir, que tiene la capacidad de organizar la información al mismo tiempo que
el usuario puede navegar de forma libre. A continuación se presentaran los
diagramas de navegación para cada tipo de usuario del sistema:
77
Usuarios visitantes:
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.1. Diagrama de navegación para el usuario visitante
El usuario visitante solo tiene libre acceso de navegación por el sistema en las
áreas que se muestran en la Fig. 4.1. Incluyendo también las descargas. La
estructura de navegación del usuario visitante cumple con los estándares del
tipo de navegación jerarquizado.
78
Usuarios estudiantes:
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.2. Diagrama de navegación para usuarios estudiantes
El usuario estudiante solo tiene libre acceso de navegación por el sistema en
las áreas que se muestran en la Figura 4.2. Incluyendo también las descargas.
Para efectos prácticos el usuario estudiante tiene todos los permisos excepto
los de administrador que veremos más adelante, ya que, está registrado a la
página y puede disfrutar de las opciones que posee el menú de estudiantes
dentro de su cuenta afiliada a la página web. La estructura de navegación del
usuario estudiante cumple con los estándares del tipo de navegación
jerarquizado.
79
Usuario administrador:
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.3. Diagrama de navegacion para el usuario administrador
El usuario administrador tiene libre acceso de navegación por el sistema en
las áreas que se muestran en la Figura 4.2. Incluyendo también las descargas.
Para efectos prácticos el usuario administrador tiene todos los permisos
excepto los de usuario estudiante, ya que, como administrador su función es
la de gerenciar todo los contenidos y mantenimiento de la página. Este usuario
está registrado a la página y puede disfrutar de las opciones que posee el
menú de administrador. Solo hay una cuenta administrador que pertenece a la
autora de este proyecto. Este tipo de cuenta de administrador se creó con la
finalidad de facilitar el proceso de agregar, modificar y borrar elementos de la
página web. La estructura de navegación del usuario estudiante cumple con
los estándares del tipo de navegación jerarquizado.
80
4.1.5 Diseño de la arquitectura del sistema
Diseñar la arquitectura de un sistema web es definir la estructura, el
funcionamiento y las interacciones que debe poseer el sistema para que su
funcionamiento sea el esperado. La arquitectura de este sistema web fue
diseñada en base a los objetivos propuestos con respecto a la funcionalidad,
S
O
D
VA
interacción y navegación que se espera que este cumpla. También esta
R
arquitectura está diseñada en base a los requerimientos del sistema y las
SE
E
R
S
restricciones de cada tipo de usuario.
O
H
C
E
ER
D
Figura 4.4. Diagrama UML de usuario visitante y estudiante
81
Como se muestra en la figura 4.1. El usuario visitante puede acceder a casi
todas las opciones del usuario estudiante, a excepción del menú de estudiante
al cual se tiene acceso a través de hacer el proceso de registro a la página, es
decir, que solo el usuario estudiante puede tener acceso a presentar la prueba
al final de cada unidad y a su historial de notas.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.5. Diagrama UML para el usuario administrador
Como se muestra en la figura 4.2. El usuario administrador solo tiene permisos
que le permiten cumplir su función de administrar el sistema en cuanto al
contenido y los usuarios. Es importante destacar que solo existe una cuenta
administrador creada por la autora del sistema, mediante la cual facilita los
procesos de agregar, editar o borrar contenido de la página y al mismo tiempo
acceder a la base de datos para ver la lista de usuarios registrados y sus datos.
82
4.2 Diseño del sistema
Habiendo ya definido la planificación del sistema, los objetivos a alcanzar, los
tipos de usuario y su interacción con el sistema, los requerimientos de software
y hardware, y finalmente los requerimientos de diseño y la arquitectura del
sistema se culmina entonces el diseño del sistema web de aprendizaje básico
S
O
D
VA
e intermedio de teoría musical, dándole paso al diseño de interfaces y a la
ER
S
E
R
S
También luego de tener en cuenta
todas
O las características del sistema y su
H
C
Ea seleccionar la herramienta de programación que
estructura se prosiguió
R
E
D
podría cumplir con todos estos requerimientos y que las funciones pudieran
codificación o programación del sistema.
codificarse de la forma más sencilla y rápida posible, asumiendo estas
características la herramienta seleccionada fue Dreamweaver Cs5 la cual
permitió la creación, programación e implementación de elementos y códigos
HTML y JavaScript del sistema.
El sistema web en cuestión está diseñado para funcionar de la manera como
se muestra en la figura 4.6. Utilizando Web Hosting que es el recurso que
otorga al comprador un dominio exclusivo y un almacenamiento de 5GB para
subir los archivos del servidor local y de esta manera tener el servidor en la
nube.
El
dominio
seleccionado
para
este
sistema
fue:
www.musicworld.com.ve.
En el diagrama de despliegue se toma en consideración los requerimientos
mínimos de software y hardware que debe tener el usuario para poder acceder
exitosamente a la página web www.musicworld.com.ve y poder disfrutar de los
servicios que ésta le ofrece.
83
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.6. Diagrama de despliegue
4.2.1 Diseño de la interfaz gráfica de la web
Para el Sistema web de aprendizaje básico e intermedio de teoría musical se
planeó el diseño de interfaces de manera que la adaptación del usuario a la
web fuera de manera inmediata. Para este propósito se diseñaron las
interfaces pensando en los tres tipos de usuario con los cuales se va a tratar,
expuestos anteriormente; usuario visitante, estudiante y administrador.
Todas las interfaces que serán expuestas a continuación fueron realizadas a
través de diversas herramientas o programas especiales de diseño los cuales
son: Adobe Photoshop Cs5, Adobe Illustrator Cs5 y Adobe Fireworks Cs5. Se
eligieron estas herramientas debido a la calidad de interfaces que se logran
84
realizar, ya que, son programas de excelente calidad a través de los cuales se
pueden colocar las ideas y plasmarlas de forma física.
Todas las interfaces que se realizaron tienen un estilo y diseño único, con la
temática de la música además de poseer una simplicidad que facilita la lectura
de la información y que esta pueda ser fácilmente interpretada por los
S
O
D
VA
usuarios. Cada uno de los links de uso está claramente identificados con letras
ER
S
E
R
son diseños únicos realizados por la S
autora
del sistema al igual que el logotipo
O
H y el contenido redactado en cada uno de los
oficial de la página MusicWorld
C
E
ER de estudio.
temas de las
Dunidades
de distinto color (en este caso el color azul) a la letra utilizada en el resto del
texto (color negro). Las imágenes utilizadas para la decoración de la página
Las interfaces de este sistema web interactivo se presentaran a continuación
siguiendo el esquema de navegación de cada usuario y las interfaces a las
que puede tener acceso. En primer lugar se tiene al usuario visitante y la
primera página que va a observar es la página de inicio.
En la página de inicio se encuentran los elementos principales de la página, el
menú de opciones, registro, área de acceso y cuatro imágenes que se van
rotando cada cierto tiempo, las cuales al hacer click en ellas muestra un
artículo en formato .Docx referente al tema que refleja la imagen en una nueva
pestaña.
A continuación se mostraran las capturas de pantalla respectivas para cada
imagen de la página de inicio:
85
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.7. Página de inicio de MusicWorld 1
Figura 4.8. Página de inicio MusicWorld 2
86
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.9. Página de inicio MusicWorld 3
Figura 4.10. Página de inicio MusicWorld 4
87
Luego de estar en la página de inicio el usuario visitante cuenta con un menú
de opciones entre las cuales está el acceso a MusicWorld como se muestra
en la figura 4.10. Haciendo click se cargara la página donde se muestra la
misión y visión de la MusicWorld y cuáles son los objetivos a alcanzar como lo
muestra la figura 4.11.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.11. Menú de opciones: MusicWorld
Figura 4.12. Página MusicWorld
88
Justo al lado de MusicWorld, se encuentra el vínculo a las unidades de estudio
que despliega un submenú con los números de las unidades y sus respectivos
títulos, que permite al usuario la fácil navegación en el contenido así como
también ubicar más fácilmente lo que está buscando.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.13. Menú de opciones: Unidades de estudio
Al seleccionar cualquiera de las unidades se cargara una página con la lista
de temas que contiene dicha unidad (cada tema contiene un link que lleva
directamente al archivo correspondiente) cada archivo tendrá la opción de
descarga.
Para la carga de archivos se utilizó el servicio que ofrece Google Drive, el cual
permite almacenar en la nube hasta 5GB de información a través del
manejador de archivos de texto actualmente conocido como Google Doc. Este
servicio es totalmente gratuito, rápido y fácil de utilizar por el usuario, lo cual
89
beneficia también a la web, puesto que el tiempo de acceso a los archivos de
interés es considerablemente más corto.
A continuación se muestran las páginas que corresponden a la lista de temas
de cada unidad de estudio:
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.14. Lista de Temas de la Unidad I
90
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.15. Lista de temas de la Unidad II
Figura 4.16. Lista de temas de la Unidad III
91
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.17. Lista de temas de la Unidad IV
También se puede tener acceso a las unidades haciendo click en la imagen a
continuación:
Figura 4.18. Acceso a las Unidades de estudio
92
En el menú principal, a la derecha de unidades de estudio se encuentra el
vínculo al contenido multimedia que ofrece la web. Si colocamos el puntero
encima del vínculo desplegara un submenú con la subdivisión del contenido
por tipo como se muestra en la figura 4.18.:
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.19. Menú de opciones: Contenido Multimedia
Al seleccionar la primera opción se cargara el blog oficial de la página.
Figura 4.20. Blog
93
S
O
D
VA
ER
S
E
R
S
FiguraO
4.20.
Continuación
CH
E
R
E
D
Como se muestra en la figura 4.20. Dentro del blog se encuentran artículos
interesantes que tienen relación con la música. Para poder comentar en el blog
se debe hacer click en Leer más… y se cargara el artículo completo y el área
para comentar como se puede observar en la figura 4.21.
Figura 4.21. Artículo del blog y sección de comentar
94
Al seleccionar la segunda opción se cargara la página de selección de
unidades (figura 4.22.).
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.22. Selección de la unidad de Audios
Luego de seleccionar la unidad de interés se cargara una página con los
audios correspondientes como muestra la figura 4.23. A continuación:
Figura 4.23. Página de Audios
95
Al seleccionar la tercera opción se cargara la página de Galería de fotos la cual
contiene algunas de las imágenes utilizadas en las unidades de estudios y
algunas complementarias para reforzar el conocimiento. Dichas imágenes
están tituladas de acuerdo a la unidad y seguidamente al tema a la que
pertenecen facilitando así su búsqueda, ya que, el usuario puede identificar la
de su interés rápidamente. (Figura 4.23.)
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.24. Galería de Fotos
96
Al seleccionar la cuarta opción se cargara la página de videotutoriales. Ésta
funciona como la página de audios (Figura 4.21.) donde primero se muestra la
página de selección de la unidad de interés, ya que, así se facilita la búsqueda
al usuario. Luego de seleccionar alguna de las unidades se cargara una página
con todos los videos disponibles que refuercen el estudio de dicha unidad.
(Figura 4.24.)
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.25. Videotutoriales de la unidad IV
97
Por ultimo en el extremo derecho del menú principal se encuentra el vínculo
contacto.
S
O
D
Figura 4.26. Menú de opciones: ContactoVA
ER
S
E
R
S
Por medio de este vínculo accedemos
HO a la página de contacto.
C
E
DER
Figura 4.27. Página de Contacto
98
También puede se puede tener acceso a los contactos haciendo click en el
vínculo siguiente:
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.28. Contacto
Si el usuario visitante desea realizar la prueba de las unidades y llevar un
seguimiento de estudio debe registrarse pulsando en la imagen a continuación:
Figura 4.29. Registros
99
Al hacer click en el icono de registros se desplegara un formulario de registro
el cual deberá ser llenado en todos sus campos. Luego de completado el
formulario se procede a pulsar el botón de insertar registro como se muestra
en la figura 4.29. De esta manera se habrá creado un nuevo usuario (usuario
estudiante) y ya no sería usuario visitante.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.30. Formulario de registro
100
Una vez el usuario se registra pasa a ser usuario estudiante. La siguiente
imagen muestra las interfaces de inicio de sesión y menú interno del usuario
estudiante, ingresando a través del vínculo área estudiantil.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
Figura 4.31. Panel de Acceso y menú de usuario estudiante
4.2.2 Diseño de base de datos
La base de datos fue desarrollada en el manejador de bases de datos MySQL
con el gestor de base de datos NAVICAT PREMIUM 11.0.5, ya que, es una
interfaz amigable al usuario, soporta la cantidad de millones de registros, es
muy utilizada en sistemas web por su rendimiento, posee un alto nivel de
101
seguridad de datos y además combinada con un código PHP hace que sea
rápido y sencillo al momento de hacer conexiones a la base de datos.
Para la administración de la base de datos se utilizó la herramienta de
administración de bases de datos NAVICAT PREMIUM 11.0.5 el cual posee
una interfaz sencilla de entender por el usuario, haciendo más fácil su uso, y
S
O
D
VA
una amplia variedad de funciones que permiten la rapidez en el proceso de
R
administración así como también de los procesos básicos edición/entrada de
SE
E
R
S
datos, copias de seguridad, entre otros.
O
H
C
E
Utilizando entonces
RNAVICAT PREMIUM obtenemos la vista detallada de la
E
D
base de datos y como está formada o compuesta cada una de las tablas dentro
de ella:
Figura 4.32. Tablas y atributos
102
El modelo de datos utilizado para este sistema es el modelo orientado a
objetos el cual define una base de datos en términos de objetos, sus
propiedades y sus operaciones. Los objetos con la misma estructura y
comportamiento pertenecen a una clase y las operaciones de cada clase son
denominadas métodos.
S
O
D
VA
Las tablas con los atributos mostradas en la figura 4.32. Conforman toda la
ER
S
E
R
lenguaje de bases de datos una entidad
es
una tabla y los atributos se llaman
S
O
H
campos. El diagramaE
entidad-relación
es simplemente una herramienta de
C
R
E que se utiliza para representar las entidades o tablas de
modelado de
Ddatos
base de datos de la página web. Para entender la relación más específica entre
las tablas y sus atributos se elabora un diagrama de entidad-relación. En el
importancia en un sistema de información así como sus interrelaciones y
propiedades. En la figura 4.32. En la tabla tbldatouser el IDUSUARIO se
relaciona con tblcalificacion IDUSER puesto que cada usuario tiene su nota.
Así como se da esta relación, el IDUSUARIO también es utilizado en otras
tablas como tblusuario. A continuación el diagrama de entidad relación para el
usuario estudiante:
Figura 4.33. Diagrama entidad relación para usuario estudiante
103
4.2.2.1
Conexiones y consultas
Para la conexión a la base de datos se utiliza el siguiente código:
Tabla 4.4. Tabla de funcionalidad de códigos de conexión a la base de datos
S
O
D
VA
Código
Función
H
C
E
ER
D
R
SE
E
R
S
O
# type="mysql"
$hostname_ccm ="localhost";
Sitio en el que estamos
$database_ccm = "*******";
Nombre de la base de
datos
$username_ccm = "******";
Usuario con permiso a
consultar base de datos
$password_ccm = "******";
Contraseña
usada
al
usuario con permisos
$ccm
=
mysql_pconnect($hostname_ccm, Verificación de usuario
$username_ccm,
$password_ccm)
or con contraseña/ error
trigger_error(mysql_error(),e_user_error);
de usuario o contraseña
Cuando se ha realizado la conexión exitosa a la base de datos, entonces ya
se pueden realizar las consultas. Una consulta es un método para acceder a
104
los datos en una base de datos. Con las consultas se puede modificar, borrar,
mostrar y agregar datos en la base de datos y para esto se utiliza un lenguaje
de consultas. Técnicamente, las consultas a la base de datos se realizan a
través de un lenguaje de manipulación de datos (DML – Data Manipulation
Language) pero en este sistema se utilizó el lenguaje estructurado de consulta
SQL (structured query language). SQL es un lenguaje DML, pero además
posee otras características de otros lenguajes.
S
O
D
Aejemplo Para
La consulta básica en SQL es llamada select-from-where.V
Por
R
SEde la página escribimos
realizar las consultas a la tabla de archivos
de
audio
E
R
S
O
el siguiente código:
H
C
E
R
E
D
Tabla 4.5. Funcionalidad del código para las consultas en la base de datos
Código
Función
mysql_select_db($database_ccm,
Seleccionamos la base de datos a
$ccm);
la que estamos conectados " *** "
$query_audios = "SELECT * FROM Seleccionamos todo (*) de la tabla
tblaudios
ORDER
BY audios y lo ordenamos por el id de
tblaudios.idAudios DESC";
forma DESCENDENTE ; es decir ;
desde el audio que posea el ID
más
alto
(el
cargado
más
recientemente) hasta el audio que
posea el id más bajo ( el más
antiguo en la base de datos,
recordando que a la hora de cargar
un audio este campo ID es
autoincremental)
105
Tabla 4.5. Continuación
Código
Función
$query_limit_audios
=
LIMIT
$query_audios, que sea nuestro deseo; limitar la
%d,
%d",
sprintf("%s Definimos los límites, en caso de
$startRow_audios,
búsqueda a cierta cantidad de
$maxRows_audios);
registros.
$audios
S
O
D
VA
R
SE
E
R
S
O
H
C
E
$ccm) or die(mysql_error());
DER
= Definimos la consulta como una
$row_audios
= $row_audios: Total de registros
mysql_query($query_limit_audios,
variable. ($audios)
mysql_fetch_assoc($audios);
encontrados de la consulta que se
realizó, definida como variable.
En el sistema web de aprendizaje básico e intermedio de teoría musical se
implementó una prueba para calificar el aprendizaje de los lectores más
asiduos o usuarios estudiantes que tienen acceso a dichas pruebas. Para la
realización de la prueba se creó una tabla por unidad en la cual se colocó la
pregunta con 3 posibles respuestas entre las cuales una es correcta (selección
simple) a la cual se le es asignado posteriormente el valor de “1” mientras que
a las otras dos se les asigna el valor “0”.
Al momento que el usuario finaliza la prueba, el sistema ya ha capturado y
calificado todas las selecciones de respuesta que dicho usuario escogió. Para
realizar la programación de todo este proceso de captura y calificación se
utilizó el lenguaje PHP, el cual se escogió por la simpleza al momento de
escribir y entender el código.
106
En el formulario de la prueba son 20 preguntas con valor de 1pto. Cada una
para hacer un total de 20ptos. Dicho formulario es de tipo POST:
<form action="capturandores.php" method="post">
Este código lo que hace es enviar todas las respuestas escogidas a una página
S
O
D
VA
llamada “capturandores.php”. El envío es específicamente de los ID de la
O
H
C
E
como variables:
DER
R
SE
E
R
S
respuesta que se seleccionó.
En la página "capturandores.php" definimos cada uno de los POST recibidos
$respuesta1= $_POST["1"];
$respuesta2= $_POST["2"];
$respuesta3= $_POST["3"];
$respuesta4= $_POST["4"];
$respuesta5= $_POST["5"];
$respuesta6= $_POST["6"];
$respuesta7= $_POST["7"];
$respuesta8= $_POST["8"];
$respuesta9= $_POST["9"];
$respuesta10= $_POST["10"];
$respuesta11= $_POST["11"];
$respuesta12= $_POST["12"];
$respuesta13= $_POST["13"];
$respuesta14= $_POST["14"];
$respuesta15= $_POST["15"];
$respuesta16= $_POST["16"];
$respuesta17= $_POST["17"];
107
$respuesta18= $_POST["18"];
$respuesta19= $_POST["19"];
$respuesta20= $_POST["20"];
En la misma página programamos una función, que es la siguiente:
function ObtenerNotaRespuestas($identificador)
{
S
O
D
VA
ER
S
E
R
S
$query_ConsultaFuncion = sprintf("SELECT
tblrespuestas.strPunto FROM
O
H
C
Etblrespuestas.idRespuesta = %s", $identificador);
tblrespuestas WHERE
R
E
D
$ConsultaFuncion = mysql_query($query_ConsultaFuncion, $ccm) or
global $database_***, $***;
mysql_select_db($database_***, $***);
die(mysql_error());
$row_ConsultaFuncion = mysql_fetch_assoc($ConsultaFuncion);
$totalRows_ConsultaFuncion = mysql_num_rows($ConsultaFuncion);
return $row_ConsultaFuncion['strPunto'];
mysql_free_result($ConsultaFuncion);
}
Recordemos que son tres respuestas por pregunta, dos de esas preguntas
poseen un puntaje = 0 (incorrectas), y una posee un puntaje = 1 (la correcta)
Esta función permite traer el puntaje de la respuesta (ya sea 0 si es incorrecta
o 1 si es correcta) que posea determinado ID, y se usa de la siguiente forma:
ObtenerNotaRespuestas($respuesta1);
Este código traerá el puntaje de la respuesta:
"$respuesta1"
Que a su vez es una variable que dependerá de:
108
$_POST["1"];
$respuesta1= $_POST["1"];
Teniendo en cuenta que anteriormente asignamos como variable el post
recibido. De esta manera el código completo es el siguiente:
$p1= ObtenerNotaRespuestas($respuesta1);
S
O
D
VA
$p2= ObtenerNotaRespuestas($respuesta2);
R
SE
E
R
S
$p5= ObtenerNotaRespuestas($respuesta5);
O
H
C
E
$p6= ObtenerNotaRespuestas($respuesta6);
R
DE
$p3= ObtenerNotaRespuestas($respuesta3);
$p4= ObtenerNotaRespuestas($respuesta4);
$p7= ObtenerNotaRespuestas($respuesta7);
$p8= ObtenerNotaRespuestas($respuesta8);
$p9= ObtenerNotaRespuestas($respuesta9);
$p10= ObtenerNotaRespuestas($respuesta10);
$p11= ObtenerNotaRespuestas($respuesta11);
$p12= ObtenerNotaRespuestas($respuesta12);
$p13= ObtenerNotaRespuestas($respuesta13);
$p14= ObtenerNotaRespuestas($respuesta14);
$p15= ObtenerNotaRespuestas($respuesta15);
$p16= ObtenerNotaRespuestas($respuesta16);
$p17= ObtenerNotaRespuestas($respuesta17);
$p18= ObtenerNotaRespuestas($respuesta18);
$p19= ObtenerNotaRespuestas($respuesta19);
$p20= ObtenerNotaRespuestas($respuesta20);
Nótese que al mismo tiempo que se ejecuta la función se crea una variable
para cada valor obtenido. Facilitando así su posterior manejo.
109
Al ya obtener todas las variables, todos los puntajes de todas las respuestas
seleccionadas se procede a realizar el cálculo de la calificación con una suma
simple de variables:
$total= $p1 + $p2 + $p3 + $p4 + $p5 + $p6 + $p7 + $p8 + $p9 + $p10 + $p11
+ $p12 + $p13 + $p14 + $p15 + $p16 + $p17 + $p18 + $p19 + $p20;
echo $total;
S
O
D
VA
De esta manera mostramos la calificación obtenida
O
D
H
C
E
ER
R
SE
E
R
S
110
CONCLUSIÓN
Se concluye lo siguiente luego de haber realizado y publicado el sistema web
interactivo para el aprendizaje básico e intermedio de teoría musical de
manera exitosa cumpliendo con cada objetivo establecido:
Primeramente se logró planificar la estructura y funcionamiento del
S
O
D
VA
sistema de manera que permitiera al usuario una rápida adaptación así
R
SE
E
R
S
como también permitiera una programación de funciones sencilla y
entendible para el programador del sistema en este caso el autor de
O
H
C
E
ER
este proyecto.
D
Se logró diseñar el sistema en base a la arquitectura estipulada en los
objetivos del mismo y su interacción con el usuario. En este punto
también se alcanzó a diseñar la interfaz de usuario y crear la base de
datos, es decir, se realizaron todos los componentes de modo que solo
quedara aplicarle las funciones en el código.
Luego de todo el diseño se logró codificar el funcionamiento del sistema
y la interfaz de usuario con conexión a la base de datos.
Finalmente estando listo el sistema se procede a la prueba del mismo
resultando exitosa.
También se puede concluir que se ha cumplido el objetivo principal de este
proyecto que es la proposición de un sistema web interactivo para el
aprendizaje básico e intermedio de teoría musical el cual funciona como
herramienta de aprendizaje para miles de personas.
111
RECOMENDACIONES
Procurar el mantenimiento del sistema a nivel informático
Velar por presentar contenido actualizado en todo momento
Crear una interfaz de instrumentos donde el estudiante pueda familiarizarse
S
O
D
VA
con el instrumento musical, por ejemplo un piano virtual.
R
SE
E
R
S
HO
C
E
R de listas de música por épocas o una lista de
Crear una E
sección
D
reproducción actualizada con las canciones actuales más escuchadas.
Crear una sección de descargas de partituras
112
REFERENCIAS BIBLIOGRÁFICAS
ELMARSI,
Ramez.
Sistemas
de
bases de
datos:
conceptos
fundamentales. Addison-Wesley Iberoamericana. 2000.
GILLENSON, Mark L. Introducción a la base de datos. McGraw-Hill.
1987.
S
O
D
VA
ER
S
E
R
AFERGAN, Mechael. Programación
web 6 en 1. Prentice-Hall. 1998.
S
O
H
C
E
DER
COX, Nancy. Lan times: guia de redes multimedia. McGraw-Hill. 1996.
TOM, Sheldon. Lan times de interoperabilidad. McGraw-Hill. 1995.
PRESSMAN, Roger. Ingeniería del software: un enfoque práctico. Mc
Graw-Hill. 2005.
COLLIN, S.M.H. Diccionario multimedia. McGraw-Hill. 1996
ADELL, Jordi. Revista electrónica de tecnología educativa: internet en
el aula, a la caza del tesoro. 2003.
BELLOCH, Consuelo O. Aplicaciones multimedia interactivas: clasificación.
Universidad de Valencia, unidad de tecnología educativa. 1996
113
SALAVERRIA, Ramón. El profesional de la información. Investigación
internacional
sobre
ciberperiodismo:
hipertexto,
interactividad,
multimedia y convergencia.2009.
HERNANDEZ, Sampieri Roberto. Metodología de la investigación.
México. Mc Graw Hill. 1991.
D
R
SE
E
R
S
O
H
C
E
ER
Tesis:
S
O
D
VA
PICOS, Oswaldo. Aplicación Web como apoyo a la enseñanza de la
asignatura física de 5to año en el Liceo Briceño Méndez. 2012.
FUENMAYOR BRACHO, Leonardo Rafael y VÁSQUEZ AMESTI, Jesús
Robiro. Sistema de información bajo ambiente Web para la gestión
electrónica de documentos en la Biblioteca Dr. Domingo F. Maza Zabala
del Banco Central de Venezuela caso: Subsede Maracaibo. 2012.
BORJAS CHIRINOS, Ricardo Alfonso, RINCÓN ISAMBERT, Ernesto
José, MORALES MAVO, Andrés Rodolfo, HUERTA PULGAR, Mairin
Del Carmen. Sistema de información automatizado bajo plataforma
Web para el proceso de inscripciones de las exposiciones del grupo
canino del Zulia. 2011
114
Para la redaccion de los temas mostrados en la pagina:
o Vanessa Cordantonopulus, Curso completo de teoria de la musica.
2002
o Nestor Crespo:
S
O
D
A
 Teoria Musical 20 lecciones y 20 ejercicios
(2008)
V
R
SE
E
R
S
O
 Armonia funcional
(2008)
H
C
E
R
DE
o Nacho camino, apuntes interactivos: pulsacion y compases. 2010
o Nacho camino, apuntes interactivos: La duracion . 2010
o Nacho camino, apuntes interactivos: La altura . 2010
o Nacho camino, apuntes interactivos: El compas . 2010
o Nacho camino, La construccion de la armonia . 2011
o Nacho camino, apuntes interactivos: La melodia . 2010
o Nacho camino, apuntes interactivos: Los Intervalos . 2010
o C.E.I Pintor Laxeiro, Educacion musical para niños
o Anonimo, Lenguaje musical: cuaderno de apuntes
115
o Juan sebastian Guevara, Teoria de la musica. 2010
o Nora Pandol, leyes musicales, sistema didactico de formacion musical
o Victor rubertis, teoria completa de la musica.
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
116
ANEXOS
Codigo Fuente:
Audios.php
<?php require_once('Connections/ccm.php'); ?>
S
O
D
VA
ER
S
E
R
function GetSQLValueString($theValue,
$theType, $theDefinedValue =
S
O
"", $theNotDefinedValue
=H
"")
C
E
R
{
DE
<?php
if (!function_exists("GetSQLValueString")) {
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue
=
function_exists("mysql_real_escape_string")
mysql_real_escape_string($theValue)
?
:
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
117
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue
=
($theValue
$theNotDefinedValue;
!=
D
}
$theDefinedValue
S
O
D
VA
:
R
O
H
C
E
ER
return $theValue;
}
?
SE
E
R
S
break;
}
"")
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_audios = 10;
$pageNum_audios = 0;
if (isset($_GET['pageNum_audios'])) {
$pageNum_audios = $_GET['pageNum_audios'];
}
$startRow_audios = $pageNum_audios * $maxRows_audios;
mysql_select_db($database_ccm, $ccm);
$query_audios
=
"SELECT
*
FROM
tblaudios
ORDER
BY
tblaudios.idAudios DESC";
$query_limit_audios = sprintf("%s LIMIT %d, %d", $query_audios,
$startRow_audios, $maxRows_audios);
$audios
=
mysql_query($query_limit_audios,
$ccm)
or
die(mysql_error());
118
$row_audios = mysql_fetch_assoc($audios);
if (isset($_GET['totalRows_audios'])) {
$totalRows_audios = $_GET['totalRows_audios'];
} else {
$all_audios = mysql_query($query_audios);
$totalRows_audios = mysql_num_rows($all_audios);
S
O
D
A
$totalPages_audios = ceil($totalRows_audios/$maxRows_audios)-1;
V
R
SE
E
R
S$ccm);
O
mysql_select_db($database_ccm,
H
C"SELECT * FROM tblaudios ORDER BY
E
R
$query_audiostodos
=
E
D
tblaudios.strTitulo ASC";
}
$audiostodos
=
mysql_query($query_audiostodos,
$ccm)
or
die(mysql_error());
$row_audiostodos = mysql_fetch_assoc($audiostodos);
$totalRows_audiostodos = mysql_num_rows($audiostodos);
$queryString_imagenes = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_imagenes") == false &&
stristr($param, "totalRows_imagenes") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
119
$queryString_imagenes
=
"&"
.
htmlentities(implode("&",
$newParams));
}
}
$queryString_imagenes
=
sprintf("&totalRows_imagenes=%d%s",
$totalRows_imagenes, $queryString_imagenes);
?>
S
O
D
A
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
V
R
SE
<html xmlns="http://www.w3.org/1999/xhtml">
E
R
S
O
<!--[if lt IE 7 ]><html class="ie
ie6" lang="en"> <![endif]-->
H
C ie7" lang="en"> <![endif]-->
E
R
<!--[if IE 7 ]><html
class="ie
E
D
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<title>Audios | MUSIC WORLD</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link
media="screen"
charset="utf-8"
rel="stylesheet"
charset="utf-8"
rel="stylesheet"
charset="utf-8"
rel="stylesheet"
href="css/layout.css" />
<link
media="screen"
href="css/skeleton.css" />
<link
media="screen"
href="css/base.css" />
120
<link
media="screen"
charset="utf-8"
rel="stylesheet"
href="css/child.css" />
<link
rel="stylesheet"
href="css/prettyPhoto.css"
type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link
rel="stylesheet"
href="css/ie.css"
media="screen" />
type="text/css"
<![endif]-->
<script
R
SE
E
R
S
<!--[if lt IE 9]>
O
H
C
E
ER
S
O
D
VA
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
D
<script type="text/javascript" language="javascript" src="js/jquery-1-8<![endif]-->
2.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script
type="text/javascript"
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script
type="text/javascript"
src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link
rel="stylesheet"
media="screen"
type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
121
html {
width: 100%;
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
width: 100%;
O
H
C
E
ER
heigth: 100%;
D
#barrasuperior {
}
R
SE
E
R
S
margin-bottom: 0px;
S
O
D
VA
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-image:url(imagenes/barrasup.png);
background-repeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
background-image:url(imagenes/barragris.png);
background-repeat:repeat-x;
box-shadow: 0px -4px 10px #444;
122
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
#birrete2 {
O
H
C
E
width:200px;
ER
D
height:66px;
position:absolute;
R
SE
E
R
S
}
S
O
D
VA
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
123
z-index:4;
left: 50%;
margin-left:-600px;
top: 48px;
}
/*#slide {
position:absolute;
width:100%;
height:100%;
S
O
D
VA
R
SE
E
R
S
HO
C
E
background-image:url(imagenes/slideshow.png);
ER
D
background-repeat:repeat;
z-index:2;
top: 166px;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color: #FF9900;
}
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color: #FFFFFF;
124
box-shadow: 0px -1px 6px #9B9B9B;
}
#menusuperior {
position:absolute;
width:236px;
height:25px;
z-index:6;
margin-left:-530px;
O
H
C
E
ER
top:5px;
D
#apDiv3 {
}
R
SE
E
R
S
left:50%;
S
O
D
VA
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
#b2 {
125
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
position:absolute;
O
H
C
E
height:115px;
ER
D
z-index:3;
width:200px;
R
SE
E
R
S
#b2b {
S
O
D
VA
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
height:211px;
z-index:5;
126
left: 462px;
top: -18px;
background-color: #5FBBDF;
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
S
O
D
VA
R
SE
E
R
S
HO
C
E
background-image:url(imagenes/barragris2.png);
ER
D
background-repeat:repeat-x;
left: 0px;
top: 734px;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
width:200px;
height:115px;
z-index:5;
top: -15px;
left: 50%;
127
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
}
O
H
C
E
position:absolute;
ER
D
width:101px;
#apDiv10 {
R
SE
E
R
S
top: 67px;
S
O
D
VA
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
#apDiv12 {
position:absolute;
width:4px;
height:60px;
128
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
top: 67px;
O
H
C
E
ER
left: 921px;
D
#apDiv14 {
}
R
SE
E
R
S
z-index:6;
S
O
D
VA
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 341px;
top: 47px;
}
#apDiv15 {
position:absolute;
129
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
height:18px;
O
H
C
E
left: 1086px;
ER
D
top: 83px;
z-index:9;
R
SE
E
R
S
width:101px;
S
O
D
VA
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
width:100%;
height:180px;
z-index:-1;
background-image:url(imagenes/barrasup.png);
background-repeat:repeat;
130
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
S
O
D
VA
background-image:url(imagenes/grisoscuro.png);
bottom:-1010px;
}
D
position:absolute;
#apDiv17 {
O
H
C
E
ER
R
SE
E
R
S
background-repeat:repeat-x;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
width:176px;
height:70px;
z-index:1;
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
131
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
width:111px;
O
H
C
E
z-index:2;
ER
D
left: 336px;
height:115px;
R
SE
E
R
S
position:absolute;
S
O
D
VA
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
top: 28px;
}
#apDiv21 {
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
132
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
}
O
H
C
E
position:absolute;
ER
D
width:150px;
#apDiv23 {
R
SE
E
R
S
text-align: center;
S
O
D
VA
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:3;
bottom: -800px;
}
a:link {
text-decoration: none;
}
133
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
#apDiv25 {
O
H
C
E
width:176px;
ER
D
height:531px;
position:absolute;
R
SE
E
R
S
}
S
O
D
VA
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
width:578px;
height:125px;
z-index:91;
}
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
134
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
}
D
position:absolute;
#slide {
O
H
C
E
ER
R
SE
E
R
S
top: 0px;
S
O
D
VA
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image: url(imagenes/slideshow2.png);
135
background-repeat: repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
width:100%;
O
H
C
E
z-index:-15;
ER
D
top: 0;
height:1700px;
R
SE
E
R
S
position:absolute;
S
O
D
VA
bottom:0;
left:0;
right:0;
background-image: url(imagenes/slideshow2.png);
background-repeat: repeat;
}
#apDiv29 {
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image: url(imagenes/bgeclipse.png);
background-repeat: repeat-x;
}
#fondoblanco {
position:absolute;
136
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
</style>
<script type="text/javascript">
S
O
D
VA
R
Ei,x,a=document.MM_sr;
S
E
SR
function MM_swapImgRestore() { //v3.0
var
O
H
C
E
ER
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
D
function MM_preloadImages() { //v3.0
}
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var
p,i,x;
if(!d)
d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all)
x=d.all[n];
for
(i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
137
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if
((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;
if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
src="imagenes/pesta.png"
HO
C
E
height="64" /></div>
DER
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div
<div
id="birrete2"><img
id="slide2"
style="filter:alpha(opacity=90);
width="761"
opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div
id="birretenaranja"><img
src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td
width="12%"
height="25"
valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td
width="13%"
align="center"
valign="middle"><span
class="menuletrasarriba"><a
href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
138
<td
width="5%"
align="center"
valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td
width="47%"
align="center"
class="menuletrasarriba"><a
valign="middle"
href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td
width="5%"
align="center"
class="menuletrasarriba"><img
src="imagenes/divisor.png"
width="2" height="12" /></td>
<td
align="center"
O
H
C
E
ER
alt=""
S
O
D
A
Vvalign="middle"
R
SE
E
R
S
width="18%"
class="menuletrasarriba"><a
valign="middle"
href="blog.php"
class="menuletrasarriba">Blog</a></td>
D
</table>
</tr>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div
id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
139
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
S
O
D
A
<div id="apDiv144"><span class="menupriarriba">UNIDADES
V
R
SE
DE</span><br />
E
R
S
O
<span class="menupriabajo">ESTUDIO</span></div></a>
H
EC
<ul> ER
D
<a href="#">
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
140
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
S
O
D
A width="1"
<div id="apDiv12"><img src="imagenes/divisormprin.png"
V
R
SE
height="42" /></div>
E
R
S
O
<div id="apDiv13"><img H
src="imagenes/divisormprin.png"
width="1"
C
E
height="42" /></div>
ER
D
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
<span class="menupriabajo">WORLD</span></div></a>
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div
id="apDiv1"><img
src="imagenes/ccmlogo.png"
width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
141
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>Selecciona
la
Unidad
Para
Explorar
sus
Audios:</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / Audios</p>
142
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<table
width="90%"
border="0"
align="center"
cellpadding="0" cellspacing="0">
S
O
D
A
<td
align="center"><p
class="titulosblog"><a
V
R
SE
href="audiosunidad.php?UN=1"><imgRE
src="imagenes/unidad1.png"
S/>
O
width="780" height="145" /></a><br
H
C
E
R
<br
/>
DE<a
href="audiosunidad.php?UN=2"><img
<tr>
src="imagenes/unidad2.png" width="780" height="138" /></a><br />
<br />
<a
href="audiosunidad.php?UN=3"><img
src="imagenes/unidad3.png" width="780" height="138" /></a><br />
<br />
<a
href="audiosunidad.php?UN=4"><img
src="imagenes/unidad4.png" width="780" height="138" /></a><br />
</p></td>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog Ends
--><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
143
<div class="sixteen columns"></div>
</div>
</div>
</div><div class="footer style-2">
<div class="stitch"></div>
R
SE
E
R
S
HO
C
E
R
Eclass="blur"></div>
D<div
<div class="content">
S
O
D
VA
<div class="patch"></div>
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
144
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
<table
width="600"
border="0"
cellspacing="0">
<tr class="menuletrasarriba">
align="center"
width="9%"
S
O
D
VA
ER
S
class="menuletrasarriba"><a
E
SR
HO
C
E
<td width="1%"
ERalign="center">|</td>
D
<td width="23%" align="center"
<td
cellpadding="0"
align="center"
href="index.php" class="menuletrasarriba">Inicio</a></td>
href="wmusic.php"
class="menuletrasarriba"><a
class="menuletrasarriba">¿Qué
es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td
width="9%"
align="center"
class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td
width="12%"
align="center"
class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td
width="17%"
align="center"
class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td
width="12%"
align="center"
class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td
width="9%"
align="center"
class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
145
</tr>
</table>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
HO
C
E
prevSlide
ER: '.prev',
D
addPagination: false,
slideHed: '.slidehed',
nextSlide : '.next',
R
SE
E
R
S
slide: '.slide',
S
O
D
VA
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
146
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
</body>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
</html>
<?php
mysql_free_result($audios);
mysql_free_result($audiostodos);
?>
147
Blog.php
<?php require_once('Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
148
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
O
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
$currentPage = $_SERVER["PHP_SELF"];
D
$maxRows_articulos = 5;
$pageNum_articulos = 0;
if (isset($_GET['pageNum_articulos'])) {
$pageNum_articulos = $_GET['pageNum_articulos'];
}
$startRow_articulos = $pageNum_articulos * $maxRows_articulos;
mysql_select_db($database_ccm, $ccm);
$query_articulos = "SELECT * FROM tblarticulo ORDER BY
tblarticulo.idArt DESC";
$query_limit_articulos = sprintf("%s LIMIT %d, %d", $query_articulos,
$startRow_articulos, $maxRows_articulos);
$articulos = mysql_query($query_limit_articulos, $ccm) or
die(mysql_error());
$row_articulos = mysql_fetch_assoc($articulos);
if (isset($_GET['totalRows_articulos'])) {
$totalRows_articulos = $_GET['totalRows_articulos'];
149
} else {
$all_articulos = mysql_query($query_articulos);
$totalRows_articulos = mysql_num_rows($all_articulos);
}
$totalPages_articulos = ceil($totalRows_articulos/$maxRows_articulos)1;
$queryString_articulos = "";
R
SE
E
R
S
if (!empty($_SERVER['QUERY_STRING'])) {
S
O
D
VA
HO
C
E
foreach ($params
ERas $param) {
D
if (stristr($param, "pageNum_articulos") == false &&
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
stristr($param, "totalRows_articulos") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_articulos = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_articulos = sprintf("&totalRows_articulos=%d%s",
$totalRows_articulos, $queryString_articulos);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
150
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
<meta charset="iso-8859-1" />
<title>Blog | MusicWorld</title>
<meta name="description" content="">
<meta name="author" content="">
S
O
D
VA
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
R
SE
E
R
S
HO
C
E
<link media="screen"
ER charset="utf-8" rel="stylesheet"
D
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
151
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript"
src="js/jquery.color.animation.js"></script>
S
O
D
A
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
V
R
SE
charset="utf-8"></script>
E
R
S
O
H
C
E
R
<!-- color pickers
-->
E
D
<link rel="stylesheet" media="screen" type="text/css"
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html {
width: 100%;
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
heigth: 100%;
}
152
#barrasuperior {
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-image:url(imagenes/barrasup.png);
background-repeat:repeat;
#barragris {
O
H
C
E
width:100%;
ER
D
height:133px;
position:absolute;
R
SE
E
R
S
}
S
O
D
VA
z-index:2;
top:32px;
background-image:url(imagenes/barragris.png);
background-repeat:repeat-x;
box-shadow: 0px -4px 10px #444;
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
}
#birrete2 {
position:absolute;
width:200px;
153
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
height:66px;
O
H
C
E
left: 0px;
ER
D
top: 0px;
z-index:2;
R
SE
E
R
S
width:70px;
S
O
D
VA
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
top: 48px;
}
/*#slide {
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-image:url(imagenes/slideshow.png);
154
background-repeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
O
background-color: #FF9900;
}
H
C
E
ER
D
position:absolute;
#content {
R
SE
E
R
S
top: 107px;
S
O
D
VA
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color: #FFFFFF;
box-shadow: 0px -1px 6px #9B9B9B;
}
#menusuperior {
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
155
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
#apDiv4 {
O
H
C
E
width:200px;
ER
D
height:115px;
position:absolute;
R
SE
E
R
S
}
S
O
D
VA
z-index:2;
left: -179px;
top: -8px;
}
#b2 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
156
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
left: 567px;
}
O
H
C
E
top: 72px;
DER
top: 72px;
R
SE
E
R
S
z-index:1;
S
O
D
VA
#apDiv6 {
position:absolute;
width:326px;
height:211px;
z-index:5;
left: 462px;
top: -18px;
background-color: #5FBBDF;
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
background-image:url(imagenes/barragris2.png);
157
background-repeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
top: -18px;
}
D
position:absolute;
#apDiv8 {
O
H
C
E
ER
R
SE
E
R
S
left: 466px;
S
O
D
VA
width:200px;
height:115px;
z-index:5;
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
158
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
height:31px;
O
H
C
E
top: 72px;
ER
D
left: 814px;
z-index:4;
R
SE
E
R
S
width:101px;
S
O
D
VA
}
#apDiv12 {
position:absolute;
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
159
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
position:absolute;
O
H
C
E
height:60px;
ER
D
z-index:8;
width:4px;
R
SE
E
R
S
#apDiv15 {
S
O
D
VA
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
160
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
width:100%;
height:180px;
S
O
D
background-image:url(imagenes/barrasup.png); VA
ER
S
background-repeat:repeat;
E
R
S
bottom:-900px;
HO
C
E
}
ER
D
#footer2 {
z-index:-1;
position:absolute;
width:100%;
height:127px;
z-index:15;
background-image:url(imagenes/grisoscuro.png);
background-repeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
161
position:absolute;
width:176px;
height:70px;
z-index:1;
top: 27px;
left: 50%;
margin-left:-90px;
}
position:absolute;
O
H
C
E
left:50%;
ER
D
margin-left:-400px;
width:800px;
R
SE
E
R
S
#binferiores {
S
O
D
VA
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
162
left: 64px;
top: 28px;
}
#apDiv21 {
position:absolute;
width:131px;
height:61px;
z-index:4;
left: 230px;
}
D
position:absolute;
#apDiv22 {
O
H
C
E
ER
R
SE
E
R
S
top: 45px;
S
O
D
VA
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
163
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:3;
bottom: -800px;
}
a:link {
}
HO
C
E
text-decoration:
DER none;
a:visited {
}
R
SE
E
R
S
text-decoration: none;
S
O
D
VA
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
164
position:absolute;
width:578px;
height:125px;
z-index:91;
}
#apDiv27 {
position:absolute;
width:927px;
z-index:101;
}
O
H
C
E
top: 364px;
DER
left: -2px;
R
SE
E
R
S
height:115px;
S
O
D
VA
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
165
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 341px;
top: 47px;
#slide2 {
O
H
C
E
width:100%;
ER
D
height:1700px;
position:absolute;
R
SE
E
R
S
}
S
O
D
VA
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image: url(imagenes/slideshow2.png);
background-repeat: repeat;
background: -webkit-linear-gradient(#d5a975, #6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
166
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image: url(imagenes/slideshow2.png);
background-repeat: repeat;
}
position:absolute;
O
H
C
E
height:200px;
ER
D
top:150px;
width:100%;
R
SE
E
R
S
#apDiv29 {
S
O
D
VA
z-index:-14;
background-image: url(imagenes/bgeclipse.png);
background-repeat: repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
167
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
R
SE
E
R
S
function MM_findObj(n, d) { //v4.01
S
O
D
VA
HO
C
E
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
ER
D
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
168
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
S
O
D
A
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
V
R
SE
width="120" height="40" /></div>
E
R
S
<div id="barrasuperior"> HO
C
E
R
<div id="menusuperior">
E
D
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<div id="apDiv29"></div>
<tr>
<td width="11%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="12%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
<td width="8%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="46%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="4%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
<td width="19%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
169
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<a href="#">
R
SE
E
R
S
HO
C
E
<div id="apDiv14"><span
ER
D
class="menupriarriba">CONTENIDO</span><br />
<li class="green">
S
O
D
VA
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
<a href="#">
<div id="apDiv144"><span class="menupriarriba">UNIDADES
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
170
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</li>
O
H
C
E
R -->
<!-- More menu
DEitems
R
SE
E
R
S
</ul>
S
O
D
VA
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
171
<div id="apDiv12"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
R
SE
E
R
S
<a href="contacto.php">
O
S
O
D
VA
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
H
C
E
ER
D
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
172
</div>
<div class="body">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
O
H
C
E
ER
D
R
SE
E
R
S
<br />
S
O
D
VA
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>Novedades y Noticias</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / Blog<a href="#"></a></p>
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<div class="twelve columns">
<div class="blog style-4">
173
<?php if ($totalRows_articulos == 0) { // Show if
recordset empty ?>
<span class="leermas">No hay artículos cargados
hasta ahora</span>
<?php } // Show if recordset empty ?>
<?php if ($totalRows_articulos > 0) { // Show if recordset not empty ?>
<?php do { ?>
<div class="border">
<div class="meta">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<img class="scale-with-grid"
src="imagenes/imgarticulos/<?php
ER
D
echo $row_articulos['strImagen']; ?>" />
<p><?php echo $row_articulos['strFechaPubl']; ?></p>
</div>
<a class='link' href="noticiacompl.html"></a>
</div>
<div class="description">
<a href="blog-single.html" class="titulosblog"><?php echo
$row_articulos['strTitulo']; ?></a>
<div class="info">
<span class="publicadoblog">PUBLICADO POR:</span> <span
class="publicadoporblog">Administrador</span></div>
<p><?php if (strlen($row_articulos['strContenido']) > 400) {
echo substr($row_articulos['strContenido'],0,400).'(...)';
}
else {
echo $row_articulos['strContenido'];
}
?></p>
174
<a href="blogcompleto.php?ID=<?php echo $row_articulos['idArt'];
?>" class="leermas">Leer Más</a> </div>
<div class="clear">
</div>
<br />
<br />
<?php } while ($row_articulos = mysql_fetch_assoc($articulos)); ?>
S
O
D
A Blog Ends
</div><!-- Blog Ends --><!-- Blog Ends V
--><!-R
SE
--><!-- Blog Ends --></div>
E
R
S
O
<div class="four
columns">
H
C
E
R
<div
class="sidebar">
DE
<?php } // Show if recordset not empty ?>
<div class="sideborder"></div>
<h5>Artículos de Interés</h5>
<ul class="blogs">
<li>
<div class="border"><img
src="imagenes/navegacionaestudiantil.png" width="190" height="140"
/><a class='link' href="noticiacompl.html"></a>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="sixteen columns">
<span class="hr lip-quote"></span>
175
<blockquote class="standard bottom">
<table border="0">
<tr>
<td><?php if ($pageNum_articulos > 0) { // Show if
not first page ?>
<a href="<?php
printf("%s?pageNum_articulos=%d%s", $currentPage, 0,
S
O
D
A
<?php } // Show if not first page ?></td>
V
R
SE > 0) { // Show if
<td><?php if ($pageNum_articulos
E
R
S
O
not first page ?>
H
Chref="<?php
E
R
<a
DE
$queryString_articulos); ?>"><img src="First.gif" /></a>
printf("%s?pageNum_articulos=%d%s", $currentPage, max(0,
$pageNum_articulos - 1), $queryString_articulos); ?>"><img
src="Previous.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_articulos <
$totalPages_articulos) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_articulos=%d%s", $currentPage,
min($totalPages_articulos, $pageNum_articulos + 1),
$queryString_articulos); ?>"><img src="Next.gif" /></a>
<?php } // Show if not last page ?></td>
<td><?php if ($pageNum_articulos <
$totalPages_articulos) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_articulos=%d%s", $currentPage,
$totalPages_articulos, $queryString_articulos); ?>"><img src="Last.gif"
/></a>
<?php } // Show if not last page ?></td>
176
</tr>
</table>
</blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
R
SE
E
R
S
HO
C
E
R
Eclass="patch"></div>
D<div
<div class="blur"></div>
S
O
D
VA
<div class="content">
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
177
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
S
O
D
VA
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
R
SE
E
R
S
HO
C
E
href="index.php"
ERclass="menuletrasarriba">Inicio</a></td>
D
<td width="1%" align="center">|</td>
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
178
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
</div>
R
SE
E
R
S
HO
C
E
<script type="text/javascript">
ER
D
$(document).ready(function() {
S
O
D
VA
$('.slidewrap2').carousel({
slider: '.slider',
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
179
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
R
SE
E
R
S
$("#filters a.active").removeClass('active');
HO
C
E
$container.isotope({
filter: selector });
ER
D
return false;
$(this).addClass('active');
S
O
D
VA
var selector = $(this).attr('data-filter');
});
});
</script>
</body>
</html>
<?php
mysql_free_result($articulos);
?>
180
Contacto.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
S
O
D
VA
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ER
S
E
R
<!--[if IE 7 ]><html class="ie ie7" lang="en">
<![endif]-->
S
O
H
C ie8" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie
E
R
E
<!--[if (gte D
IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<meta charset="utf-8" />
<title>Contacto | MusicWorld</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
181
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
S
O
D
A
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
V
R
SE
<![endif]-->
E
R
S
O
<script type="text/javascript"
language="javascript"
src="js/jquery-1-8H
C
E
2.js"></script>ER
D
<script type="text/javascript" src="js/default.js"></script>
<script
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript"
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html {
width: 100%;
182
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
183
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
184
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
185
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
186
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
187
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
188
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 341px;
top: 47px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
189
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
ER
S
position:absolute;
E
SR
#apDiv11 {
O
H
C
E
ER
D
S
O
D
VA
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
#apDiv12 {
position:absolute;
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
190
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 73px;
V
R
ESE
left: 506px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
191
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-830px;
}
#footer2 {
position:absolute;
width:100%;
height:37px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-850px;
}
#apDiv17 {
position:absolute;
width:486px;
192
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:26px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
193
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
194
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -730px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
195
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1449px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
width:1262px;
196
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
D
A
width:100%;
V
R
E
RESheight:1450px;
position:absolute;
S
O
H
EC
DER
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkitlinear-gradient(#d5a975, #6f4d28);
background: -moz-lineargradient(#d5a975, #6f4d28);
background: -o-lineargradient(#d5a975, #6f4d28);
background: lineargradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
197
width:100%;
height:1449px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
S
O
D
VA
background-image:
ER
S
background-repeat:
E
SR
url(imagenes/slideshow2.png);
repeat;
D
#apDiv29 {
}
O
H
C
E
ER
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1150px;
top:300px;
z-index:-13;
background-color:#FFF
198
}
#apDiv30 {
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
S
O
D
VA
top: 817px;
#apDiv31 {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
199
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
O
x=MM_findObj(n,d.layers[i].document);
H
C
E
ER
R
SE
E
R
S
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
VA
if(!x && d.getElementById) x=d.getElementById(n); return x;
D
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
200
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
S
O
D
A
src="imagenes/home.png" width="16" height="15" /></td>
V
R
SE
<td width="13%" align="center" valign="middle"><span
E
R
S
O
class="menuletrasarriba"><a
href="index.php"
H
C
E
R
class="menuletrasarriba">Inicio</a></span></td>
E
D
<td width="5%" align="center" valign="middle"><img
<td width="12%" height="25" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
<td width="18%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
201
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
R
SE
E
R
S
<li><a href="blog.php">Blog</a></li>
S
O
D
VA
HO
C
E
R
<li><aE
href="videos.php">VideoTutoriales</a></li>
D
<!-- More dropdown options -->
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
<a href="#">
<div id="apDiv144"><span class="menupriarriba">UNIDADES
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
202
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
HO
C
E
<div id="menuprincipal">
DER
</nav>
R
SE
E
R
S
</ul>
S
O
D
VA
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
<div id="apDiv12"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
203
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
D
<div class="container">
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
204
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
S
O
D
VA
R
SE
E
R
S
HO
C
E
href="index.php">Inicio</a>
/ Contacto<a href="#"></a></p>
ER
D</div>
<h4>Información de Contacto</h4>
<p class="link-location">Estás aquí: <a
</div>
<div class="callout-hr"></div>
<div class="container">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="111" align="center"><img
src="imagenes/ccmlogo.png" width="489" height="171" /></td>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog Ends
--><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
205
<div class="sixteen columns">
<span class="hr lipquote"></span>
<blockquote class="standard bottom">
<p class="titulosblog">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
S
O
D
Aborder="0"
<td align="center"><table width="58%"
V
R
SE
cellspacing="0" cellpadding="0">
E
R
S
<tr> HO
Cwidth="8%" height="37" align="right"><img
E
R
<td
E
D
src="images/icons/sm_icons/icon-googleplus2.png" alt="3" width="24"
<tr>
height="24" /></td>
<td width="2%" align="center"> </td>
<td width="90%" align="center"><span
class="titulosblog">GooglePlus: <a
href="https://plus.google.com/u/1/107852189261652355197"
target="_blank"
class="contenidotemasazul">https://plus.google.com/u/1/107852189261
652355197</a></span></td>
</tr>
<tr>
<td height="40" align="right"><img
src="images/icons/sm_icons/icon-twitter2.png" alt="2" width="24"
height="24" /></td>
<td height="40" align="center"> </td>
<td align="center"><span
class="titulosblog">Twitter:</span> <a
206
href="https://twitter.com/MusicworldVe" target="_blank"
class="contenidotemasazul">https://twitter.com/MusicworldVe</a></td>
</tr>
<tr>
<td height="17" align="right"><img
src="images/icons/sm_icons/icon-facebook2.png" alt="1" width="24"
height="24" /></td>
S
O
D
VA
<td height="17" align="center"> </td>
R
SE
E
R
S
<td align="center"><span
HO
C
E
class="contenidotemasazul">https://www.facebook.com/musicworld.co
ER
D
m.ve</a></td>
class="titulosblog">Facebook:</span> <a
href="https://www.facebook.com/musicworld.com.ve" target="_blank"
</tr>
<tr>
<td height="17" align="center"> </td>
<td height="17" align="center"> </td>
<td align="center">
<p class="titulosblog">Para clases particulares
en Maracaibo comunicarse al siguiente numero: <span
class="contenidotemasazul"><a target="_blank">0426
9674390</a> Ing.Andrea Aguado</span></p></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<div></div>
<p> </p>
<p> </p>
207
</blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
R
S
HO
S
O
D
A
<div class="content">
V
R
ESE
<div class="patch"></div>
</div>
C
E
R
</div>
DE
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
208
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
S
O
D
A
<td width="9%" align="center" class="menuletrasarriba"><a
V
R
SE
href="blog.php" class="menuletrasarriba">Blog</a></td>
E
R
S|</td>
O
<td width="1%" align="center">
H
C
E
R
<td width="12%"
align="center"
class="menuletrasarriba"><a
E
D
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center">|</td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
</div>
209
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
O
addPagination: false,
H
C
E
ER
addNav : false
});
});
D
R
SE
E
R
S
prevSlide : '.prev',
S
O
D
VA
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
210
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
</body>
</html>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
211
Galeria.php
<?php require_once('Connections/ccm.php'); ?>
<?php
S
O
D
A
function GetSQLValueString($theValue, $theType, $theDefinedValue
=
V
R
E
S
"", $theNotDefinedValue = "")
E
R
S
O
{
H
C
E
R
if (PHP_VERSION
<
6)
DE {
if (!function_exists("GetSQLValueString")) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
212
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
return $theValue;
}
}
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_imagenes = 10;
$pageNum_imagenes = 0;
if (isset($_GET['pageNum_imagenes'])) {
$pageNum_imagenes = $_GET['pageNum_imagenes'];
}
$startRow_imagenes = $pageNum_imagenes * $maxRows_imagenes;
mysql_select_db($database_ccm, $ccm);
$query_imagenes = "SELECT * FROM tblimagenes ORDER BY
tblimagenes.idImagen DESC";
$query_limit_imagenes = sprintf("%s LIMIT %d, %d", $query_imagenes,
$startRow_imagenes, $maxRows_imagenes);
$imagenes = mysql_query($query_limit_imagenes, $ccm) or
die(mysql_error());
$row_imagenes = mysql_fetch_assoc($imagenes);
213
if (isset($_GET['totalRows_imagenes'])) {
$totalRows_imagenes = $_GET['totalRows_imagenes'];
} else {
$all_imagenes = mysql_query($query_imagenes);
$totalRows_imagenes = mysql_num_rows($all_imagenes);
}
$totalPages_imagenes =
S
O
D
VA
R
SE
E
R
S
ceil($totalRows_imagenes/$maxRows_imagenes)-1;
HO
C
E
if (!empty($_SERVER['QUERY_STRING']))
{
ER
D
$params = explode("&", $_SERVER['QUERY_STRING']);
$queryString_imagenes = "";
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_imagenes") == false &&
stristr($param, "totalRows_imagenes") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_imagenes = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_imagenes = sprintf("&totalRows_imagenes=%d%s",
$totalRows_imagenes, $queryString_imagenes);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
214
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
R
SE
E
R
S
<title>Galería | MUSIC WORLD</title>
S
O
D
VA
HO
C
E
<meta name="viewport"
ER content="width=device-width, initial-scale=1,
D
maximum-scale=1" />
<meta name="description" content="">
<meta name="author" content="">
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
215
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
S
O
D
VA
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript"
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.prettyPhoto.js"
ER
D
charset="utf-8"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html {
width: 100%;
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
216
width: 100%;
heigth: 100%;
}
#barrasuperior {
position:absolute;
width:100%;
height:35px;
S
O
D
top:0px; VA
ER
S
backgroundE
R
z-index:1;
S
O
H
EC
ER
D
repeat:repeat;
image:url(imagenes/barrasup.png);
background-
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
width:800px;
217
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
}
#birrete2 {
position:absolute;
S
O
D
A
height:66px;
V
R
E
RESz-index:3;
width:200px;
S
O
H
EC
DER
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
top: 48px;
218
}
/*#slide {
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
S
O
D
VA
background-
ER
S
backgroundE
SR
image:url(imagenes/slideshow.png);
D
#apDiv2 {
}*/
O
H
C
E
ER
repeat:repeat;
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
219
box-shadow: 0px -1px 6px
#9B9B9B;
}
#menusuperior {
position:absolute;
width:236px;
S
O
D
A
z-index:6;
V
R
E
RESleft:50%;
height:25px;
S
O
H
EC
}
DER
margin-left:-530px;
top:5px;
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
220
#b2 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
S
O
D
VA
top: -15px;
#b2b {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
height:211px;
221
z-index:5;
left: 462px;
top: -18px;
background-color:
#5FBBDF;
}
#abajoclaro {
S
O
D
A
width:100%;
V
R
E
RESheight:450px;
position:absolute;
S
O
H
EC
DER
z-index:3;
left: 0px;
top: 734px;
background-
image:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
width:200px;
222
height:115px;
z-index:5;
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
S
O
D
A
width:4px;
V
R
E
RESheight:60px;
position:absolute;
S
O
H
EC
DER
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
223
#apDiv12 {
position:absolute;
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
ER
S
position:absolute;
E
SR
#apDiv13 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 341px;
224
top: 47px;
}
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
S
O
D
A
top: 67px;
V
R
ESE
left: 1074px;
}
C
E
R
DE
R
S
HO
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
width:100%;
225
height:180px;
z-index:-1;
backgroundimage:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
bottom:-900px;
}
ER
S
position:absolute;
E
SR
#footer2 {
O
H
C
E
ER
D
S
O
D
VA
width:100%;
height:127px;
z-index:15;
background-
image:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
width:176px;
226
height:70px;
z-index:1;
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
S
O
D
A
width:800px;
V
R
E
RESleft:50%;
position:absolute;
S
O
H
EC
DER
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
top: 28px;
227
}
#apDiv21 {
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
S
O
D
VA
left: 230px;
#apDiv22 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
228
left:50%;
margin-left:-400px;
z-index:3;
bottom: -800px;
}
a:link {
text-decoration: none;
}
ER
S
text-decoration:
none;
E
SR
a:visited {
}
a:hover {
O
D
H
C
E
ER
S
O
D
VA
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
width:578px;
height:125px;
229
z-index:91;
}
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
S
O
D
A
top: 364px;
V
R
ESE
left: -2px;
}
C
E
R
DE
R
S
HO
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
position:absolute;
230
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
S
O
D
VA
background-image:
url(imagenes/slideshow2.png);
ER
S
background-repeat:
E
SR
HO
C
E
background: -webkit-linear-gradient(#d5a975,
#f6f4d28);
ER
D
background: -moz-linear-gradient(#d5a975, #6f4d28);
repeat;
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
231
}
#apDiv29 {
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
S
O
D
VA
background-image:
ER
S
background-repeat:
E
SR
url(imagenes/bgeclipse.png);
repeat-x;
D
#fondoblanco {
}
O
H
C
E
ER
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
232
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
S
O
D
VA
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
R
SE
E
R
S
HO
C
E
if(!x && d.getElementById)
x=d.getElementById(n); return x;
ER
D
}
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
233
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
S
O
D
A
<td width="12%" height="25" valign="middle"><img
V
R
SE /></td>
src="imagenes/home.png" width="16"R
height="15"
E
Svalign="middle"><span
O
<td width="13%" align="center"
H
C href="index.php"
E
R
class="menuletrasarriba"><a
E
D
class="menuletrasarriba">Inicio</a></span></td>
<tr>
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
<td width="18%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
234
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
S
O
D
VA
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
R
SE
E
R
S
HO
C
E
R
<li><aE
href="galeria.php">Galería
de Fotos</a></li>
D
<li><a href="videos.php">VideoTutoriales</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
<a href="#">
<div id="apDiv144"><span class="menupriarriba">UNIDADES
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
235
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</ul>
</nav>
O
H
C
E
ER
D
<div id="menuprincipal">
R
SE
E
R
S
</nav>
S
O
D
VA
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
<div id="apDiv12"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
236
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
D
R
SE
E
R
S
O
H
C
E
ER
<div class="nav">
S
O
D
VA
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
237
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
R
SE
E
R
S
<div class="twelve columns">
HO
C
E
R
href="index.php">Inicio</a>
/ Galería</p>
DE
</div>
S
O
D
VA
<h4>Fotografías cargadas hasta ahora:</h4>
<p class="link-location">Estás aquí: <a
</div>
<div class="callout-hr"></div>
<div class="container">
<div class="sixteen columns">
<div class="filter">
<h5>Click en la foto para visualizar:</h5>
<div class="clear"></div>
</div>
<!-- Isotope Begins -->
<div class="portfolio standard three">
<div id="isotope-container" class="portfoliocontainer">
238
<?php do { ?>
<div class="item" id="construction">
<div class="border">
<img src="imagenes/fotografias/<?php echo
$row_imagenes['strImagen']; ?>" class="scale-with-grid" />
<a href="imagenes/fotografias/<?php echo
$row_imagenes['strImagen']; ?>" class="zoom prettyPhoto"></a>
</div>
R
SE
E
R
S
<h5><a href="#"><?php echo
<p><?php
HO echo $row_imagenes['strDescrip'];
C
E
ER
$row_imagenes['strTitulo']; ?></a></h5>
?></p>
S
O
D
VA
D
<div class="shadow"></div>
</div>
<?php } while ($row_imagenes =
mysql_fetch_assoc($imagenes)); ?>
</div>
</div>
<!-- Isotope Ends -->
</div>
<div class="sixteen columns">
<span class="hr lipquote"></span>
<blockquote class="standard bottom">
<blockquote class="standard bottom">
<table border="0">
<tr>
239
<td><?php if ($pageNum_imagenes > 0) { // Show if
not first page ?>
<a href="<?php
printf("%s?pageNum_imagenes=%d%s", $currentPage, 0,
$queryString_imagenes); ?>"><img src="First.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_imagenes > 0) { // Show if
not first page ?>
R
SE
E
R
S
<a href="<?php
S
O
D
VA
HO
C
E
src="Previous.gif"
DER/></a>
<?php } // Show if not first page ?></td>
printf("%s?pageNum_imagenes=%d%s", $currentPage, max(0,
$pageNum_imagenes - 1), $queryString_imagenes); ?>"><img
<td><?php if ($pageNum_imagenes <
$totalPages_imagenes) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_imagenes=%d%s", $currentPage,
min($totalPages_imagenes, $pageNum_imagenes + 1),
$queryString_imagenes); ?>"><img src="Next.gif" /></a>
<?php } // Show if not last page ?></td>
<td><?php if ($pageNum_imagenes <
$totalPages_imagenes) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_imagenes=%d%s", $currentPage,
$totalPages_imagenes, $queryString_imagenes); ?>"><img
src="Last.gif" /></a>
<?php } // Show if not last page ?></td>
</tr>
</table>
</blockquote>
240
</div>
</div>
</div>
</div><div class="footer style-2">
<div
class="stitch"></div>
S
O
D
A
<div class="content">
V
R
ESE
R
S
<div class="blur"></div>
HO
C
E
DER
<div class="patch"></div>
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
241
</div>
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
S
O
D
A
href="index.php" class="menuletrasarriba">Inicio</a></td>
V
R
SE
<td width="1%" align="center">|</td>
E
R
Sclass="menuletrasarriba"><a
O
<td width="23%" align="center"
H
C
E
R
href="wmusic.php"
class="menuletrasarriba">¿Qué
es
E
D
MusicWorld?</a></td>
<td width="9%" align="center" class="menuletrasarriba"><a
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
242
</div>
</div>
<script type="text/javascript">
HO
C
E
R
slide:
E'.slide',
D
slideHed: '.slidehed',
$('.slidewrap2').carousel({
slider: '.slider',
R
SE
E
R
S
$(document).ready(function() {
S
O
D
VA
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
243
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
});
});
O
D
H
C
E
ER
R
SE
E
R
S
return false;
S
O
D
VA
</script>
</body>
</html>
<?php
mysql_free_result($imagenes);
?>
244
Index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
S
O
D
VA
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
R
E
S
E
<link href="estilos/styles.css" rel="stylesheet"
type="text/css" />
R
S
HO
C
E
DER
<title>MUSIC WORLD[WEB]</title>
<link rel="stylesheet" type="text/css"
href="slideshow/css/demo.css" />
<link rel="stylesheet"
type="text/css" href="slideshow/css/slicebox.css" />
<link rel="stylesheet"
type="text/css" href="slideshow/css/custom.css" />
<script
type="text/javascript"
src="slideshow/js/modernizr.custom.46884.js"></script>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
245
margin-right: 0px;
margin-bottom: 0px;
}
#barrasuperior {
position:absolute;
width:100%;
height:35px;
S
O
D
top:0px; VA
ER
S
backgroundE
R
z-index:1;
S
O
H
EC
ER
D
repeat:repeat;
image:url(imagenes/barrasup.png);
background-
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:4;
top:32px;
backgroundimage:url(imagenes/barragris.png);
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#birrete2 {
position:absolute;
width:200px;
246
height:66px;
z-index:5;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
S
O
D
A
width:110px;
V
R
E
RESheight:66px;
position:absolute;
S
O
H
EC
DER
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
top: 48px;
}
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:2;
top: 166px;
left:50%;
247
margin-left:-631px;
}
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
S
O
D
A
top: 107px;
V
R
E
ESbackground-color:
left: 538px;
#FF9900;
}
C
E
R
DE
R
S
HO
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
box-shadow: 0px -1px 6px
#9B9B9B;
}
#menusuperior {
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
248
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
S
O
D
left: 50%;VA
ER
ESmargin-left:-600px;
z-index:3;
D
#apDiv4 {
C
E
R
E
}
R
S
HO
top: -15px;
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
#b2 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
249
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:101px;
height:31px;
z-index:1;
left: 567px;
top: 72
.px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
height:211px;
z-index:5;
left: 462px;
top: -18px;
background-color:
#5FBBDF;
}
#abajoclaro {
position:absolute;
width:100%;
250
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
#apDiv7 {
O
D
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
width:200px;
height:115px;
z-index:5;
top: -15px;
left: 50%;
margin-left:180px;
}
#apDiv9 {
position:absolute;
width:4px;
251
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
S
O
D
A
height:31px;
V
R
E
RESz-index:3;
width:101px;
S
O
H
EC
}
DER
left: 690px;
top: 72px;
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
#apDiv12 {
position:absolute;
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
252
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 341px;
top: 73px;
}
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
253
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
S
O
D
VA
top: 83px;
#menuprincipal {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer {
position:absolute;
width:100%;
height:120px;
z-index:3;
backgroundimage:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
bottom:-450px;
}
#footer2 {
254
position:absolute;
width:100%;
height:127px;
z-index:5;
backgroundimage:url(imagenes/grisoscuro.png);
background-
repeat:repeat-x;
S
O
H
EC
}
DER
#apDiv17 {
S
O
D
A
bottom:-577px;
V
R
E
RES
position:absolute;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
width:176px;
height:70px;
z-index:1;
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
255
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
S
O
D
A
width:111px;
V
R
E
RESheight:115px;
position:absolute;
S
O
H
EC
DER
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
top: 28px;
}
#apDiv21 {
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
256
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
S
O
D
VA
text-align: center;
#apDiv23 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
257
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv25 {
S
O
H
EC
DER
top:149px;
S
O
D
A
position:absolute;
V
R
E
RESwidth:1262px;
height:396px;
left:50%;
margin-left:-842px;
z-index:3;
}
#mnn {
position:absolute;
width:200px;
height:115px;
z-index:9999;
left: 498px;
top: 124px;
background-color:
#33CCFF;
}
</style>
<script type="text/javascript">
function panel()
{
258
self.name = 'opener';
remote =
open('Panel/acceso.php', 'remote',
'width=1000,height=515,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
ER
D
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
259
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
onload="MM_preloadImages('imagenes/ccmlogo3.png','imagenes/b11ej
ER
D
em.png','imagenes/b1ejem22.png','imagenes/b1ejem33.png')">
<body
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="apDiv25">
<div class="container">
<div class="wrapper">
<ul
id="sb-slider" class="sb-slider">
<li>
<a href="#"
target="_blank"><img src="slideshow/images/1.jpg" alt="image1"/></a>
260
<!-<div class="sbdescription">
<h3>AVISO DE
INSCRIPCIONES</h3>
</div>-->
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
</li>
VA
<li>
<a
href="https://drive.google.com/file/d/0B6etGWYmUUtOY0dhdnFtTU4tMD
A/edit?usp=sharing" target="_blank"><img
src="slideshow/images/2.jpg" alt="image2"/></a>
<!-<div class="sbdescription">
<h3>AVISO DE
INSCRIPCIONES</h3>
</div>-->
</li>
<li>
<a
261
href="https://drive.google.com/file/d/0B6etGWYmUUtOVmt4Ym41RDgw
akE/edit?usp=sharing" target="_blank"><img
src="slideshow/images/3.jpg" alt="image3"/></a>
<!-<div class="sbdescription">
S
O
D
VA
<h3>AVISO DE
O
H
C
E
ER
D
R
SE
E
R
S
INSCRIPCIONES</h3>
</div>-->
</li>
<li>
<a
href="http://www.directordealabanza.com/" target="_blank"><img
src="slideshow/images/4.jpg" alt="image4"/></a>
<!-<div class="sbdescription">
<h3>AVISO DE
INSCRIPCIONES</h3>
</div>-->
</li>
</ul>
262
<div
id="nav-arrows" class="nav-arrows">
<a
href="#">Next</a>
<a
href="#">Previous</a>
R
SE
E
R
S
O
H
C
E
ER
</div>S
O
D
VA
<div id="nav-dots" class="nav-dots">
D
<span class="nav-dot-
current"></span>
<span></span>
<span></span>
<span></span>
</div>
</div><!-- /wrapper -->
</div>
</div>
<div id="slide"><img width="1262" height="396" />
263
</div>
<div id="content">
<div id="apDiv3"><a href="wmusic.php"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image21','','imagenes/b11ejem.png',1)"
><img src="imagenes/b1ejem.png" name="Image21" width="409"
height="207" border="0" id="Image21" /></a></div>
S
O
D
VA
<div id="b2"><a href="#" onclick="javascript:panel()"
R
SE
E
R
S
onmouseout="MM_swapImgRestore()"
HO
C
E
R id="Image22" /></a></div>
height="207" E
border="0"
D
<div id="apDiv8"><a href="contacto.php"
onmouseover="MM_swapImage('Image22','','imagenes/b1ejem22.png',1)
"><img src="imagenes/b1ejem2.png" name="Image22" width="409"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image23','','imagenes/b1ejem33.png',1)
"><img src="imagenes/b1ejem3.png" name="Image23" width="409"
height="207" border="0" id="Image23" /></a></div>
</div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="12%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
264
<td width="8%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="46%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="4%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
S
O
D
<td width="19%" align="center" valign="middle" VA
ER
S
class="menuletrasarriba"><a href="blog.php"
E
R
S
class="menuletrasarriba">Blog</a></td>
HO
C
E
</tr>
DER
width="2" height="12" /></td>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<div id="apDiv14"><a href="#"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></a></div>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
<!-- More dropdown options -->
265
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
<div id="apDiv144"><a href="#"><span
S
O
D
VA
R
SE
E
R
S
class="menupriarriba">UNIDADES DE</span><br />
HO
C
E
R
<li><aE
href="unidad1.php">UNIDAD
1. CONCEPTOS BÁSICOS
D
DE LA MÚSICA</a></li>
<span class="menupriabajo">ESTUDIO</span></a></div>
<ul>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
266
<div id="menuprincipal">
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
S
O
D
A
<span class="menupriabajo">WORLD</span></div></a>
V
R
SE
E
R
S
O
H
Csrc="imagenes/divisormprin.png" width="1"
E
R
<div id="apDiv12"><img
E
D
height="42" /></div>
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div id="abajoclaro">
267
<div id="apDiv17"><a href="unidad.php"><img
src="imagenes/fadoradores.png" width="564" height="217" /></a></div>
<div id="apDiv20"><a href="registro.php"><img
src="imagenes/fregistro.png" width="564" height="217" /></a></div>
</div>
<div id="footer">
<div id="apDiv24"><div id="apDiv18"><a href="index.php"
S
O
D
A
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
V
R
SE width="175"
"><img src="imagenes/ccmlogo2.png"R
name="Image16"
E
S /></a></div>
O
height="68" border="0" id="Image16"
H
C
E
R
</div>
E
D
</div>
onmouseout="MM_swapImgRestore()"
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
268
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
S
O
D
A
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
V
R
SE
</tr>
E
R
S
O
</table>
H
C
E
R
</div>
DE
<td width="9%" align="center" class="menuletrasarriba"><a
</div>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript" src="slideshow/js/jquery.slicebox.js"></script>
<script type="text/javascript">
$(function() {
var Page
= (function() {
var
$navArrows = $( '#nav-arrows' ).hide(),
$navDots = $( '#nav-dots'
).hide(),
269
$nav = $navDots.children(
'span' ),
$shadow = $( '#shadow'
).hide(),
S
O
D
VA
slicebox = $( '#sb-slider'
O
H
C
E
ER
D
R
SE
E
R
S
).slicebox( {
onReady : function() {
$navArrows.show();
$navDots.show();
$shadow.show();
},
onBeforeChange :
function( pos ) {
270
$nav.removeClass( 'navdot-current' );
$nav.eq( pos
).addClass( 'nav-dot-current' );
}
D
ER
S
}
),
E
SR
O
H
C
E
ER
S
O
D
VA
init = function() {
initEvents();
},
initEvents = function() {
// add navigation
events
$navArrows.children(
':first' ).on( 'click', function() {
271
slicebox.next();
return false;
} );
R
SE
E
R
S
HO
C
E
':last' ).on( 'click',
DERfunction() {
S
O
D
VA
$navArrows.children(
slicebox.previous();
return false;
} );
$nav.each( function( i
){
272
$( this ).on(
'click', function( event ) {
var $dot =
$( this );
D
!slicebox.isActive() ) {
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
if(
$nav.removeClass( 'navdot-current' );
$dot.addClass( 'nav-dotcurrent' );
}
273
slicebox.jump( i + 1 );
return
false;
SE
E
R
S
O
H
C
E
ER
D
R
S
O
D
VA
} );
} );
};
return { init : init };
})();
Page.init();
});
</script>
</body>
</html>
274
Registro.php
<?php require_once('Connections/ccm.php'); ?>
<!--/*Funciones */-->
<?php
if ($_POST["strCedula"] == "")
S
O
D
VA
{
$cedula= "";
$value= "V-";
else {
O
H
C
E
ER
}
D
R
SE
E
R
S
$cedula= $_POST["strCedula"];
$value= $_POST["strCedula"];
}
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
275
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
case "text":
O
H
C
E
ER
R
SE
E
R
S
switch ($theType) {
S
O
D
VA
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
D
case "long":
break;
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
276
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
R
SE
E
R
S
HO
C
E
mysql_real_escape_string($theValue)
:
ER
D
mysql_escape_string($theValue);
S
O
D
VA
$theValue = function_exists("mysql_real_escape_string") ?
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
277
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
O
if (isset($_SERVER['QUERY_STRING'])) {
H
C
E
ER
R
SE
E
R
S
$editFormAction = $_SERVER['PHP_SELF'];
S
O
D
VA
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
D
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1"))
{
$insertSQL = sprintf("INSERT INTO tbldatosuser (strNombre,
strSNombre, strApellido, strSApellido, strCedula, strIglesia, strPastor,
strTlfMovil, strTlfCasa, strDirecc, strFechaNac, strcorreo) VALUES (%s,
%s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['strNombre'], "text"),
GetSQLValueString($_POST['strSNombre'], "text"),
GetSQLValueString($_POST['strApellido'], "text"),
GetSQLValueString($_POST['strSApellido'], "text"),
GetSQLValueString($_POST['cedulafinal'], "text"),
GetSQLValueString($_POST['strIglesia'], "text"),
GetSQLValueString($_POST['strPastor'], "text"),
GetSQLValueString($_POST['strTlfMovil'], "text"),
GetSQLValueString($_POST['strTlfCasa'], "text"),
GetSQLValueString($_POST['strDirecc'], "text"),
278
GetSQLValueString($_POST['fechanc'], "text"),
GetSQLValueString($_POST['correo'], "text"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
S
O
D
A idAreaM,
$insertSQL = sprintf("INSERT INTO tblusuario (nivelUsuario,
V
R
E (%s, %s, %s,
SVALUES
CIUsuario, intActivo, strUser, strPass, R
strMD5)
E
S
O
%s, %s, %s, %s)",
H
C
E
R
1,
D1,E
GetSQLValueString($_POST['cedulafinal'], "text"),
1,
GetSQLValueString($_POST['usuario'], "text"),
GetSQLValueString($_POST['pass'], "text"),
GetSQLValueString(md5($_POST['correo']), "text"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
//Preparamos el mensaje de contacto
$nombre= $_POST['strNombre'];
$correo= $_POST['correo'];
$cabeceras = "From: musicworld.com.ve\n"; //La persona que envia el
correo
279
$asunto = "USUARIO REGISTRADO | BIENVENIDO"; //asunto aparecera
en la bandeja del servidor de correo
$email_to = $correo; //cambiar por tu email
$contenido = "$nombre gracias por registrarte en Nuestra Academia\n"
. "\n"
. "Has sido añadido a nuestras bases de datos. BIENVENIDO A MUSIC
WORLD. Ya puedes acceder con tus datos registrados.\n"
. "\n";
S
O
D
VA
R
SE
E
R
S
HO
C
E
if (@mail($email_to,
DER $asunto ,$contenido ,$cabeceras )) {
//Enviamos el mensaje y comprobamos el resultado
//Si el mensaje se envía muestra una confirmación
$mensaje = "Usuario Registrado. Le hemos enviado un correo. Centro
de Capacitacion Musical | Formando Adoradores.";
echo "<script>";
echo "if(confirm('$mensaje'));";
echo "window.location = 'regisexitoso.php';";
echo "</script>";
}else{
//Si el mensaje no se envía muestra el mensaje de error
die("Error: Su información no pudo ser enviada, intente más tarde");
}
$insertGoTo = "regisexitoso.php";
280
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
}
$varCed_disponibilidad = "0";
if (isset($_POST[strCedula])) {
S
O
D
VA
R
SE
E
R
S
HO
C
E
mysql_select_db($database_ccm,
$ccm);
ER
D
$query_disponibilidad = sprintf("SELECT * FROM tblusuario WHERE
$varCed_disponibilidad = $_POST[strCedula];
}
tblusuario.CIUsuario=%s", GetSQLValueString($varCed_disponibilidad,
"int"));
$disponibilidad = mysql_query($query_disponibilidad, $ccm) or
die(mysql_error());
$row_disponibilidad = mysql_fetch_assoc($disponibilidad);
$varCed_disponibilidad = "0";
if (isset($_POST["strCedula"])) {
$varCed_disponibilidad = $_POST["strCedula"];
}
mysql_select_db($database_ccm, $ccm);
$query_disponibilidad = sprintf("SELECT * FROM tblusuario WHERE
tblusuario.CIUsuario=%s", GetSQLValueString($varCed_disponibilidad,
"text"));
$disponibilidad = mysql_query($query_disponibilidad, $ccm) or
die(mysql_error());
$row_disponibilidad = mysql_fetch_assoc($disponibilidad);
$totalRows_disponibilidad = mysql_num_rows($disponibilidad);
281
mysql_select_db($database_ccm, $ccm);
$query_areaM = "SELECT * FROM tblareamusical WHERE
tblareamusical.idAreaM > 1";
$areaM = mysql_query($query_areaM, $ccm) or die(mysql_error());
$row_areaM = mysql_fetch_assoc($areaM);
$totalRows_areaM = mysql_num_rows($areaM);
if (isset($_POST["correo"])) {
O
H
C
E
ER
R
SE
E
R
S
$varcorreo_dispocorreo = "0";
S
O
D
VA
$varcorreo_dispocorreo = $_POST["correo"];
D
mysql_select_db($database_ccm, $ccm);
}
$query_dispocorreo = sprintf("SELECT * FROM tbldatosuser WHERE
tbldatosuser.strcorreo=%s",
GetSQLValueString($varcorreo_dispocorreo, "text"));
$dispocorreo = mysql_query($query_dispocorreo, $ccm) or
die(mysql_error());
$row_dispocorreo = mysql_fetch_assoc($dispocorreo);
$totalRows_dispocorreo = mysql_num_rows($dispocorreo);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
282
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<title>Registro | MusicWorld</title>
<meta name="description" content="">
S
O
D
A
<meta name="viewport" content="width=device-width,V
initial-scale=1,
R
SE
maximum-scale=1" />
E
R
S
O
H
C
E
R
E
D
<link media="screen" charset="utf-8" rel="stylesheet"
<meta name="author" content="">
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
283
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript"
src="js/jquery.color.animation.js"></script>
S
O
D
A
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
V
R
SE
charset="utf-8"></script>
E
R
S
O
<script type='text/javascript'
H
C
E
R
src='https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'></sc
E
D
ript>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type='text/javascript' src='/js/prototip/prototip.js'></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<link rel="stylesheet" type="text/css" href="css/prototip.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html {
width: 100%;
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
284
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
heigth: 100%;
}
#barrasuperior {
position:absolute;
S
O
D
A
height:35px;
V
R
E
RESz-index:1;
width:100%;
S
O
H
EC
ER
D
image:url(imagenes/barrasup.png);
top:0px;
background-
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
285
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
}
#birrete2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
286
left: 50%;
margin-left:-600px;
top: 48px;
}
/*#slide {
position:absolute;
width:100%;
S
O
D
A
z-index:2;
V
R
E
REStop: 166px;
height:100%;
S
O
H
EC
DER
background-
image:url(imagenes/slideshow.png);
background-
repeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
287
top: 562px;
background-color:
#FFFFFF;
box-shadow: 0px -1px 6px
#9B9B9B;
}
#menusuperior {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
288
left: -179px;
top: -8px;
}
#b2 {
position:absolute;
width:200px;
height:115px;
S
O
D
left: 50%;VA
ER
ESmargin-left:-212px;
z-index:4;
}
#b2b {
D
C
E
R
E
R
S
HO
top: -15px;
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
289
position:absolute;
width:326px;
height:211px;
z-index:5;
left: 462px;
top: -18px;
background-color:
#5FBBDF;
#abajoclaro {
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
background-
image:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
290
#apDiv8 {
position:absolute;
width:200px;
height:115px;
z-index:5;
top: -15px;
left: 50%;
S
O
D
VA
margin-left:160px;
#apDiv9 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
291
top: 72px;
left: 814px;
}
#apDiv12 {
position:absolute;
width:4px;
height:60px;
S
O
D
A
top: 67px;
V
R
ESleft:E795px;
z-index:5;
}
C
E
R
DE
R
S
HO
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
292
height:31px;
z-index:7;
left: 341px;
top: 47px;
}
#apDiv15 {
position:absolute;
S
O
D
A
height:60px;
V
R
E
RESz-index:8;
width:4px;
S
O
H
EC
}
DER
left: 1074px;
top: 67px;
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
293
#footer321 {
position:absolute;
width:100%;
height:180px;
z-index:-1;
backgroundimage:url(imagenes/barrasup.png);
S
O
D
VA
background-
ER
S
bottom:-810px;
E
SR
repeat:repeat;
}
#footer2 {
O
H
C
E
ER
D
position:absolute;
width:100%;
height:127px;
z-index:15;
background-
image:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-920px;
}
#apDiv17 {
position:absolute;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
294
#apDiv18 {
position:absolute;
width:176px;
height:70px;
z-index:1;
top: -63px;
left: 50%;
S
O
D
VA
margin-left:-90px;
#binferiores {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
295
z-index:21;
left: 64px;
top: 28px;
}
#apDiv21 {
position:absolute;
width:131px;
S
O
D
A
z-index:4;
V
R
E
REStop: 45px;
height:61px;
ER
D
#apDiv22 {
S
O
H
EC
}
left: 230px;
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
296
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:3;
bottom: -800px;
}
ER
S
text-decoration:
none;
E
SR
a:link {
}
a:visited {
O
D
H
C
E
ER
S
O
D
VA
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
297
#apDiv26 {
position:absolute;
width:578px;
height:125px;
z-index:91;
}
#apDiv27 {
S
O
D
A
width:927px;
V
R
E
RESheight:115px;
position:absolute;
S
O
H
EC
DER
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
298
margin-left:-631px;
}
#slide2 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
S
O
D
bottom:0;VA
ER
S
left:0;
E
R
top: 0;
S
O
H
EC
ER
D
url(imagenes/slideshow2.png);
right:0;
background-image:
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
299
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
}
#apDiv29 {
position:absolute;
S
O
D
A
height:200px;
V
R
E
REStop:150px;
width:100%;
S
O
H
EC
ER
D
url(imagenes/bgeclipse.png);
z-index:-14;
background-image:
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
input, textarea, select {
padding: 5px;
font-size: 15px;
text-shadow: 0px 1px 0px
#fff;
outline: none;
300
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
font-family: "Museo Sans
700";
color: #00495B;
}
input::-webkit-validation-bubble-message {
color:white;
background: #e62163;
border:0;
border-radius:0;
padding:0;
width:55px;
height:34px;
301
position:absolute;
float:left;
margin:-33px 208px;
text-align:center;
line-height:2.7em;
box-shadow:0 0 0;
}
S
O
D
A
content:"X";
V
R
E
RESdisplay:block;
input::-webkit-validation-bubble-message:before {
S
O
H
EC
DER
font-family:icon;
color:white;
background: #e62163;
border:0;
border-radius:0;
padding:0;
width:34px;
height:34px;
position:absolute;
float:left;
margin:0px -208px;
text-align:center;
line-height:2.7em;
color: #fff;
border-top-left-radius:2px;
border-bottom-leftradius:2px;
-webkit-font-smoothing:
antialiased;
302
}
input::-webkit-validation-bubble-icon {
display: none;
}
input::-webkit-validation-bubble-arrow {
background: #e62163;
border:0;
S
O
D
A
height:10px;
V
R
E
RESposition:absolute;
width:10px;
S
O
H
EC
DER
}
margin:-23px 178px;
input:focus {
-webkit-box-shadow: 0px
0px 5px #007eff;
-moz-box-shadow: 0px
0px 5px #007eff;
box-shadow: 0px 0px 5px
#007eff;
}
@import
url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300
,600);
@-webkit-keyframes fold {
0% {
margin-bottom: -8px;
visibility: visible;
line-height: 0;
303
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform: rotate3d(1, 0, 0, -90deg);
-ms-transform: rotate3d(1, 0, 0, -90deg);
O
transform: rotate3d(1, 0, 0, -90deg);
H
C
E
ER
}
D
33.333% {
R
SE
E
R
S
-o-transform: rotate3d(1, 0, 0, -90deg);
S
O
D
VA
margin-bottom: 4px;
line-height: 16px;
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
66.667% {
margin-bottom: 2px;
-webkit-transform: rotate3d(1, 0, 0, 25deg);
-moz-transform: rotate3d(1, 0, 0, 25deg);
-ms-transform: rotate3d(1, 0, 0, 25deg);
-o-transform: rotate3d(1, 0, 0, 25deg);
transform: rotate3d(1, 0, 0, 25deg);
}
304
100% {
margin-bottom: 0;
visibility: visible;
height: auto;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
R
SE
E
R
S
HO
C
E
-moz-transform:
ERrotate3d(1, 0, 0, 0deg);
D
-ms-transform: rotate3d(1, 0, 0, 0deg);
transform-origin: 0 0 0;
S
O
D
VA
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
}
@-moz-keyframes fold {
0% {
margin-bottom: -8px;
visibility: visible;
line-height: 0;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform: rotate3d(1, 0, 0, -90deg);
305
-ms-transform: rotate3d(1, 0, 0, -90deg);
-o-transform: rotate3d(1, 0, 0, -90deg);
transform: rotate3d(1, 0, 0, -90deg);
}
33.333% {
margin-bottom: 4px;
line-height: 16px;
R
SE
E
R
S
-webkit-transform: rotate3d(1, 0, 0, 0deg);
HO
C
E
R
-o-transform:
0, 0, 0deg);
Erotate3d(1,
D
transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
S
O
D
VA
-ms-transform: rotate3d(1, 0, 0, 0deg);
}
66.667% {
margin-bottom: 2px;
-webkit-transform: rotate3d(1, 0, 0, 25deg);
-moz-transform: rotate3d(1, 0, 0, 25deg);
-ms-transform: rotate3d(1, 0, 0, 25deg);
-o-transform: rotate3d(1, 0, 0, 25deg);
transform: rotate3d(1, 0, 0, 25deg);
}
100% {
margin-bottom: 0;
visibility: visible;
height: auto;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
306
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
O
}
H
C
E
R{
@-o-keyframes
Efold
D
0% {
R
SE
E
R
S
}
S
O
D
VA
margin-bottom: -8px;
visibility: visible;
line-height: 0;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform: rotate3d(1, 0, 0, -90deg);
-ms-transform: rotate3d(1, 0, 0, -90deg);
-o-transform: rotate3d(1, 0, 0, -90deg);
transform: rotate3d(1, 0, 0, -90deg);
}
33.333% {
margin-bottom: 4px;
307
line-height: 16px;
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
66.667% {
R
SE
E
R
S
HO
C
E
-moz-transform:
ERrotate3d(1, 0, 0, 25deg);
D
-ms-transform: rotate3d(1, 0, 0, 25deg);
margin-bottom: 2px;
S
O
D
VA
-webkit-transform: rotate3d(1, 0, 0, 25deg);
-o-transform: rotate3d(1, 0, 0, 25deg);
transform: rotate3d(1, 0, 0, 25deg);
}
100% {
margin-bottom: 0;
visibility: visible;
height: auto;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
308
transform: rotate3d(1, 0, 0, 0deg);
}
}
@keyframes fold {
0% {
margin-bottom: -8px;
visibility: visible;
HO
C
E
-ms-transform-origin:
ER 0 0 0;
D
-o-transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
R
SE
E
R
S
line-height: 0;
S
O
D
VA
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform: rotate3d(1, 0, 0, -90deg);
-ms-transform: rotate3d(1, 0, 0, -90deg);
-o-transform: rotate3d(1, 0, 0, -90deg);
transform: rotate3d(1, 0, 0, -90deg);
}
33.333% {
margin-bottom: 4px;
line-height: 16px;
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
309
66.667% {
margin-bottom: 2px;
-webkit-transform: rotate3d(1, 0, 0, 25deg);
-moz-transform: rotate3d(1, 0, 0, 25deg);
-ms-transform: rotate3d(1, 0, 0, 25deg);
-o-transform: rotate3d(1, 0, 0, 25deg);
transform: rotate3d(1, 0, 0, 25deg);
O
H
C
E
margin-bottom:
ER0;
D
visibility: visible;
100% {
R
SE
E
R
S
}
S
O
D
VA
height: auto;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
}
body {
background: #eee;
-webkit-perspective: 400;
310
-moz-perspective: 400;
-ms-perspective: 400;
-o-perspective: 400;
perspective: 400;
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
}
color: #666;
}
D
margin: 8px 0;
.info h1 {
O
H
C
E
ER
R
SE
E
R
S
.info {
S
O
D
VA
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
311
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
font-family: 'Open
ERSans', sans-serif;
D
outline: none;
box-sizing: border-box;
S
O
D
VA
-webkit-font-smoothing: antialiased;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
312
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
S
O
D
VA
-webkit-box-shadow: 1px
ER
S
-moz-box-shadow:
1px
E
SR
1px 0px #efefef;
O
H
C
E
ER
1px 0px #efefef;
#efefef;
D
box-shadow: 1px 1px 0px
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
313
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: -8px;
R
SE
E
R
S
HO
C
E
cursor: help;ER
D
-webkit-animation: fold 500ms ease-in reverse;
height: 0;
S
O
D
VA
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
314
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius: 0;
O
H
C
E
-o-border-radius:
ER0;
D
border-radius: 0;
-ms-border-radius: 0;
R
SE
E
R
S
-webkit-border-radius: 0;
S
O
D
VA
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
315
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
S
O
D
VA
-webkit-border-radius:
ER
S
-moz-border-radius:
3px;
E
SR
3px;
O
H
C
E
ER
D
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input1 { font-style: italic;
color: #AAA;
}
.form-tooltip1 { display: block;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
316
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
background: #bbb;
O
H
C
E
R
font-weight: E
600;
D
font-size: 12px;
color: #fff;
R
SE
E
R
S
padding: 4px 16px;
S
O
D
VA
line-height: 16px;
}
.cobligatorio{
font-size:8px;
color:#F00;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
317
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
R
SE
E
R
S
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
O
x=MM_findObj(n,d.layers[i].document);
H
C
E
ER
S
O
D
VA
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
D
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
318
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
return;
}
O
(document.form1.contra.value=='')
H
C
E
ER
D
su clave");
R
SE
E
R
S
if
S
O
D
VA
{
alert("Debe ingresar
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
319
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
(document.form1.correo.value.indexOf('@')
== -1)
DER
if
{
alert ("La
\"Dirección de Email\" no es correcta");
document.form1o.correo.f
ocus() ;
return;
}
if
(isNaN(document.form1.strTlfMovil.value)) {
alert("El \"Número de
Teléfono Móvil\" es inválido");
document.form1.telefono.f
ocus();
return;
}
320
if
(isNaN(document.form1.strTlfCasa.value)) {
alert("El \"Número de
Teléfono de Casa\" es inválido");
document.form1.telefono.f
S
O
D
A
return;
V
R
ESE}
ocus();
R
S
HO
}
C
E
R
DE
document.form1.submit();
</script>
</head>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
321
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="12%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
S
O
D
A
<td width="8%" align="center" valign="middle"><img
V
R
SE /></td>
src="imagenes/divisor.png" width="2"R
height="12"
E
Svalign="middle"
O
<td width="46%" align="center"
H
C href="wmusic.php"
E
R
class="menuletrasarriba"><a
E
D
class="menuletrasarriba">¿Que es el MusicWorld?</a></td>
class="menuletrasarriba">Inicio</a></span></td>
<td width="4%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
<td width="19%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
322
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
S
O
D
A
<li><a href="videos.php">VideoTutoriales</a></li>
V
R
E
<!-- More dropdown options --> RES
S
O
</ul>
H
C
E
R
</li>
DE
<li><a href="galeria.php">Galería de Fotos</a></li>
<nav id="colorNav2">
<ul>
<li class="green">
<a href="#">
<div id="apDiv144"><span class="menupriarriba">UNIDADES
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
323
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="apDiv9"><img
ER src="imagenes/divisormprin.png" width="1"
D
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
<div id="apDiv12"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
324
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
H
C
E
ER
R
SE
E
R
S
O
<div class="container">
S
O
D
VA
D<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
325
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>Registro de Nuevo Estudiante</h4>
S
O
D
A
href="index.php">Inicio</a> / Registro<a href="#"></a></p>
V
R
SE
</div>
E
R
S
O
</div>
H
C
E
R
<div
class="callout-hr"></div>
E
D<div
class="container">
<p class="link-location">Estás aquí: <a
<table width="90%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td height="500"><form action="registro.php"
name="form2" id="form2" method="post"><table border="0"
align="center" cellspacing="0">
<tr valign="baseline">
<td width="35"><img
src="images/icons/comment_user_add_32.png" alt="2" width="32"
height="32" /></td>
<td width="261" valign="middle"
class="menupriarriba">Información Personal</td>
<td width="300"> </td>
</tr>
<tr valign="baseline">
326
<td colspan="3"><img
src="images/design/callout.png" width="600" height="15" /></td>
</tr>
<tr valign="baseline">
<td colspan="2"><span
class="menupriarriba">Cédula de Identidad</span><br />
</td>
S
O
D
VA
<td valign="middle" class="menupriarriba"></td>
</tr>
R
SE
E
R
S
<td colspan="2"><input
name="strCedula"
HO
C
E
type="text" class="form-input"
id="strCedula"
ER
D
onchange="this.form.submit()" value="<?php if
<tr valign="baseline">
($totalRows_disponibilidad >= 1){ echo "V-";}else{ echo $value; }
?>" size="32" placeholder="Cédula"
oninvalid="setCustomValidity('Cédula Obligatoria')" />
<div class='form-tooltip'>Tipo V-00000000, en caso
de no ser venezolano cambie el prefijo. | En caso de que el estudiante
no posea cédula de identidad no rellene este campo.</div></td>
<td valign="middle" class="menupriarriba"><?php
if
($totalRows_disponibilidad >= 1)
{?>
<img
src="images/icons/close_32.png" width="16" height="16" /> <?php
echo "Ésta Cédula ya se encuentra Registrada";
}
327
else {
echo "";
}
D
R
SE
E
R
S
HO
C
E
ER <td colspan="3"> </td>
</tr>
S
O
D
VA ?> </td>
<tr valign="baseline">
</tr>
</table>
</form>
<form action="<?php echo $editFormAction; ?>"
method="post" name="form1" id="form1">
<table border="0" align="center" cellspacing="0">
<tr valign="baseline">
<td colspan="2"><label for="fechanc"><span
class="menupriarriba">Fecha de Nacimiento</span></label></td>
<td rowspan="2"> </td>
</tr>
<tr valign="baseline">
<td colspan="2"><input
placeholder="día/mes/año" class="form-input" name="fechanc"
type="text" id="fechanc" size="5"/><div class='form-tooltip'>Colocar la
fecha en el siguiente formato: día/mes/año.</div></td>
</tr>
<tr valign="baseline">
328
<td colspan="2"><input placeholder="Primer
Nombre" type="text" name="strNombre" value="" size="32"
required/></td>
<td><input placeholder="Segundo Nombre"
type="text" name="strSNombre" value="" size="32" required/></td>
</tr>
<tr valign="baseline">
S
O
D
A
Apellido" type="text" name="strApellido" value="" size="32"
V
R
SE
required/></td>
E
R
S
O
<td><input
type="text" placeholder="Segundo
H
C value="" size="32" required/></td>
E
R
Apellido" name="strSApellido"
DE </tr>
<td colspan="2"><input placeholder="Primer
<tr valign="baseline">
<td height="35" colspan="3" valign="top"><label
for="cedulafinal"></label>
<input style="display:none" name="cedulafinal"
type="text" id="cedulafinal" value="<?php
if
($_POST["cedula"] == "V-") {
$cedula= "";
echo $cedula;
329
}
else {
O
H
C
E
ER
D
R
SE
E
R
S
($totalRows_disponibilidad == 1) {
S
O
D
VA if
echo "";
}
else
{
echo $cedula;
}
}
?>" />
330
<img src="images/design/img-thirdsshadow.png" width="600" height="13" /></td>
</tr>
<tr valign="baseline">
<td colspan="3" align="center"> </td>
</tr>
<tr valign="baseline">
S
O
D
Aheight="32"
src="images/icons/address_book_add_32.png" width="32"
V
R
SE
/></td>
E
R
S valign="middle"><span
O
<td width="261"
H
C
E
R
class="menupriarriba">Información
de Contacto</span></td>
DE <td width="300"> </td>
<td width="35" valign="middle"><img
</tr>
<tr valign="baseline">
<td colspan="3"><img
src="images/design/callout.png" alt="" width="600" height="15" /></td>
</tr>
<tr valign="baseline">
<td colspan="2"><label for="correo"></label>
<input placeholder="Correo Electrónico"
name="correo" type="text" class="form-input" id="correo"
required/><div class='form-tooltip'>Dirección del tipo
"[email protected]". </div></td>
<td>
</td>
</tr>
<tr valign="baseline">
331
<td colspan="2"><input placeholder="Teléfono
Celular" type="text" name="strTlfMovil" value="" size="32"
required/></td>
<td><input type="text" placeholder="Teléfono
Local" name="strTlfCasa" value="" size="32" /></td>
</tr>
<tr valign="baseline">
S
O
D
A
cols="70" placeholder="Dirección" required></textarea></td>
V
R
SE
</tr>
E
R
S
O
<tr valign="baseline">
H
Cheight="46" colspan="3" valign="top"><img
E
R
<td
E
D
src="images/design/img-thirds-shadow.png" alt="1" width="600"
<td colspan="3"><textarea name="strDirecc"
height="13" /></td>
</tr>
<tr valign="baseline">
<td><label for="AreaM"></label></td>
<td> </td>
<td align="center" valign="middle"> </td>
</tr>
<tr valign="baseline">
<td height="41" colspan="3"
align="center"> </td>
</tr>
<tr valign="baseline">
<td><img src="images/icons/users_32.png"
width="32" height="32" /></td>
<td valign="middle"><span
class="menupriarriba">Información de Ingreso</span></td>
<td> </td>
332
</tr>
<tr valign="baseline">
<td colspan="3"><label for="usuario"></label>
<input type="text" placeholder="Usuario"
name="usuario" id="usuario" required/></td>
</tr>
<tr valign="baseline">
S
O
D
VA
<td colspan="3"><label for="pass"></label>
R
SE
E
R
S
<input type="password"
O
<label
Hfor="pass2"></label>
C
E
ER <input type="password" placeholder="Repite la
placeholder="Contraseña" name="pass" id="pass" required/>
D
Contraseña" name="pass2" id="pass2" /></td>
</tr>
<tr valign="baseline">
<td colspan="3"> </td>
</tr>
<tr valign="baseline">
<td colspan="3"><input type="button"
onclick='validarCampos()' value="Insertar registro" /></td>
</tr>
</table>
<br />
<br />
<input type="hidden" name="MM_insert"
value="form1" />
</form>
<p> </p></td>
</tr>
</table>
333
<div class="sixteen columns">
<span class="hr lipquote"></span>
<blockquote class="standard bottom"></blockquote>
</div>
</div>
O
H
C
E
ER
R
SE
E
R
S
</div>
S
O
D
VA
</div><div class="footer style-2">
D
<div class="content">
<div class="patch"></div>
<div class="blur"></div>
</div>
</div>
</div>
</div>
<div id="footer321"></div>
334
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
HO
C
E
cellspacing="0">
ER
D
<tr class="menuletrasarriba">
<div id="binferiores">
R
SE
E
R
S
<div id="footer2">
S
O
D
VA
<table width="600" border="0" align="center" cellpadding="0"
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
335
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
HO
C
E
$('.slidewrap2').carousel({
ER
D
slider: '.slider',
<script type="text/javascript">
R
SE
E
R
S
</div>
S
O
D
VA
$(document).ready(function() {
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
336
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
O
$container.isotope({ filter: selector });
H
C
E
ER
return false;
});
});
D
R
SE
E
R
S
var selector = $(this).attr('data-filter');
S
O
D
VA
</script>
</body>
</html>
<?php
mysql_free_result($disponibilidad);
mysql_free_result($areaM);
mysql_free_result($dispocorreo);
?>
337
Tutoriales.php
<?php require_once('Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
338
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
O
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
$currentPage = $_SERVER["PHP_SELF"];
D
$maxRows_articuloselectelect = 5;
$pageNum_articuloselectelect = 0;
if (isset($_GET['pageNum_articuloselectelect'])) {
$pageNum_articuloselectelect =
$_GET['pageNum_articuloselectelect'];
}
$startRow_articuloselectelect = $pageNum_articuloselectelect *
$maxRows_articuloselectelect;
$varID_articuloselectelect = "0";
if (isset($_GET["ID"])) {
$varID_articuloselectelect = $_GET["ID"];
}
mysql_select_db($database_ccm, $ccm);
$query_articuloselectelect = sprintf("SELECT * FROM tblarticulo
WHERE tblarticulo.idArt = %s",
GetSQLValueString($varID_articuloselectelect, "int"));
339
$query_limit_articuloselectelect = sprintf("%s LIMIT %d, %d",
$query_articuloselectelect, $startRow_articuloselectelect,
$maxRows_articuloselectelect);
$articuloselectelect = mysql_query($query_limit_articuloselectelect,
$ccm) or die(mysql_error());
$row_articuloselectelect = mysql_fetch_assoc($articuloselectelect);
if (isset($_GET['totalRows_articuloselectelect'])) {
$totalRows_articuloselectelect =
S
O
D
VA
R
SE
E
R
S
HO
C
E
$all_articuloselectelect
ER = mysql_query($query_articuloselectelect);
D
$totalRows_articuloselectelect =
$_GET['totalRows_articuloselectelect'];
} else {
mysql_num_rows($all_articuloselectelect);
}
$totalPages_articuloselectelect =
ceil($totalRows_articuloselectelect/$maxRows_articuloselectelect)-1;
$queryString_articuloselect = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_articuloselect") == false &&
stristr($param, "totalRows_articuloselect") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
340
$queryString_articuloselect = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_articuloselect =
sprintf("&totalRows_articuloselect=%d%s", $totalRows_articuloselect,
$queryString_articuloselect);
S
O
D
A
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
V
R
SE
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
E
R
S
O
<html xmlns="http://www.w3.org/1999/xhtml">
H
C ie6" lang="en"> <![endif]-->
E
R
<!--[if lt IE 7 ]><html
class="ie
E
D
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
?>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
<meta charset="iso-8859-1" />
<title>Tutoriales | Centro de Capacitación Musical</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
341
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<script
O
H
C
E
ER
R
SE
E
R
S
<!--[if lt IE 9]>
S
O
D
VA
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
D
<script type="text/javascript" language="javascript" src="js/jquery-1-8<![endif]-->
2.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript"
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
342
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
heigth: 100%;
}
body {
S
O
H
EC
DER
S
O
D
A
margin-left:
0px;
V
R
E
RESmargin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
heigth: 100%;
}
#barrasuperior {
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
backgroundimage:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
343
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
#apDiv24 {
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
}
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
344
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
S
O
D
A
z-index:4;
V
R
E
RESleft: 50%;
height:115px;
S
O
H
EC
}
DER
margin-left:-600px;
top: 48px;
/*#slide {
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
backgroundimage:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
345
top: 107px;
background-color:
#FF9900;
}
#content {
position:absolute;
width:100%;
S
O
D
A
z-index:5;
V
R
E
REStop: 562px;
height:174px;
#FFFFFF;
DER
S
O
H
EC
background-color:
box-shadow: 0px -1px 6px
#9B9B9B;
}
#menusuperior {
position:absolute;
width:200px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
346
left: 50%;
margin-left:-585px;
top: -15px;
}
#apDiv4 {
position:absolute;
width:200px;
S
O
D
A
z-index:2;
V
R
E
RESleft: -179px;
height:115px;
}
#b2 {
DER
S
O
H
EC
top: -8px;
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
347
position:absolute;
width:101px;
height:31px;
z-index:1;
left: 567px;
top: 72px;
top: 72px;
}
ER
S
position:absolute;
E
SR
#apDiv6 {
O
H
C
E
ER
D
S
O
D
VA
width:326px;
height:211px;
z-index:5;
left: 462px;
top: -18px;
background-color:
#5FBBDF;
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
348
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 466px;
S
O
D
VA
top: -18px;
#apDiv8 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:200px;
height:115px;
z-index:5;
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
349
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
width:101px;
S
O
D
A
z-index:4;
V
R
E
REStop: 72px;
height:31px;
ER
D
#apDiv12 {
S
O
H
EC
}
left: 814px;
position:absolute;
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
350
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
#apDiv15 {
S
O
D
A
width:4px;
V
R
E
RESheight:60px;
position:absolute;
S
O
H
EC
DER
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
351
}
#footer321 {
position:absolute;
width:100%;
height:180px;
z-index:-1;
background-
image:url(imagenes/barrasup.png);
S
O
H
EC
repeat:repeat;
ER
D
#footer2 {
}
S
O
D
A
backgroundV
R
E
RES
bottom:-1241px;
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1351px;
}
#apDiv17 {
position:absolute;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
352
}
#apDiv18 {
position:absolute;
width:176px;
height:70px;
z-index:1;
top: 27px;
S
O
D
VA
left: 10px;
#binferiores {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
353
z-index:21;
left: 64px;
top: 28px;
}
#apDiv21 {
position:absolute;
width:131px;
S
O
D
A
z-index:4;
V
R
E
REStop: 45px;
height:61px;
ER
D
#apDiv22 {
S
O
H
EC
}
left: 230px;
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
354
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:3;
bottom: -1141px;
}
ER
S
text-decoration:
none;
E
SR
a:link {
}
a:visited {
O
D
H
C
E
ER
S
O
D
VA
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
355
#apDiv26 {
position:absolute;
width:578px;
height:125px;
z-index:91;
}
#apDiv27 {
S
O
D
A
width:927px;
V
R
E
RESheight:115px;
position:absolute;
S
O
H
EC
DER
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
356
margin-left:-631px;
}
#slide2 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
S
O
D
bottom:0;VA
ER
S
left:0;
E
R
top: 0;
S
O
H
EC
ER
D
url(imagenes/slideshow2.png);
right:0;
background-image:
background-repeat:
repeat;
background: -webkit-linear-gradient(#ffc515, #f8a800);
background: -moz-linear-gradient(#ffc515, #f8a800);
background: -o-linear-gradient(#ffc515, #f8a800);
background: linear-gradient(#ffc515, #f8a800);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
357
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
}
#apDiv29 {
position:absolute;
S
O
D
A
height:200px;
V
R
E
REStop:150px;
width:100%;
S
O
H
EC
ER
D
url(imagenes/bgeclipse.png);
z-index:-14;
background-image:
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
</style>
<script type="text/javascript">
function panell()
{
self.name = 'opener';
358
remote =
open('Panel/acceso.php', 'remote',
'width=1000,height=515,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
S
O
D
VA
function aranceles()
ER = 'opener';
S
self.name
E
SR
{
remote =
HO
C
E
open('aranceles.php',
ER 'remote',
D
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
359
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
S
O
D
VA
if(!x && d.getElementById) x=d.getElementById(n); return x;
R
}
SE
E
R
S
HO
C
E
var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
ER
D
for(i=0;i<(a.length-2);i+=3)
function MM_swapImage() { //v3.0
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body
onload="MM_preloadImages('imagenes/ccmlogo3.png','imagenes/ap2.p
ng','imagenes/cenca2.png','imagenes/b1ejem22.png')">
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
360
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
S
O
D
A
<td width="13%" align="center" valign="middle"><span
V
R
SE
class="menuletrasarriba"><a href="index.php"
E
R
S
O
class="menuletrasarriba">Inicio</a></span></td>
H
C
E
R
<td width="5%"
align="center"
valign="middle"><img
DE
src="imagenes/home.png" width="16" height="15" /></td>
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es el CCM?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
<td width="18%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
361
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
R
SE
E
R
S
<li><a href="blog.php">Blog</a></li>
HO
C
E
R options -->
<!-- MoreE
dropdown
D
</ul>
S
O
D
VA
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">Videos</a></li>
</li>
<!-- More menu items -->
</ul>
</nav>
<div id="menuprincipal">
<a href="pestudio.php">
<div id="apDiv5"><span class="menupriarriba">EQUIPO
DE</span><br />
<span class="menupriabajo">TRABAJO</span></div></a>
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
362
<a href="pestudio.php">
<div id="apDiv10"><span class="menupriarriba">PÉNSUM
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
<a href="eventos.php">
<div id="apDiv11"><span class="menupriarriba">CALENDARIO
S
O
D
A
<span class="menupriabajo">EVENTOS </span></div></a>
V
R
SE
E
R
S
O
<div id="apDiv12"><img src="imagenes/divisormprin.png"
width="1"
H
C
E
height="42" /></div>
DER
DE</span><br />
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
363
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
O
H
C
E
<div class="body">
ER
D
<br />
R
SE
E
R
S
</div>
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>Tutoriales</h4>
364
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / Tutoriales<a href="#"></a></p>
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<div class="twelve columns">
S
O
D
VA
R
SE
E
R
S
HO
C
E
width="667" height="300"
DER align="middle" class="scale-with-grid" />
<div class="blog post">
<div class="border"><img src="imagenes/tut.png"
</div>
<div class="description">
<h5>Paso a Paso | Inscripción</h5>
<div class="info">
<span class="menupriarriba">PUBLICADO POR: <a
href="#">Administrador</a></span></div>
<div class="menupriabajo"><strong>Proceso de
Inscripción del C.C.M</strong></div>
<div><br />
</div>
<div class="titulosblog"><span
class="leermas">1-</span> Luego de haberte <a
href="registro.php"><strong>Registrado</strong></a> en nuestra base
de datos, debes hacer un "Depósito o Transferencia"
correspondiente a los <strong>aranceles de
Inscripción.</strong><br />
<br />
365
<table width="100%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td align="center"><p class="titulosblog">Para
el Pago de Inscripción o Mensualidad:<br />
B.O.D Cuenta Corriente</p>
<div>
S
O
D
VA
<div class="leermas">Nº de Cuenta:
R
SE
E
R
S
0116-0116-2400-1671-5330</div>
HO
C
E
ER </div>
<div class="leermas">A nombre de:
CENCAMUSICAL, C.A<br />
D
<div class="leermas">R.i.f.: J-40249486-
6</div>
</div></td>
fsdfsfs
</tr>
<tr>
<td align="center"><a href="#"
onclick="javascript:aranceles()"><img
src="images/icons/page_table_32.png" width="32" height="32"
/></a><br />
Aranceles </td>
</tr>
<br />
<br />
</table>
</div>
<div class="titulosblog"><strong><br />
366
<br />
</strong></div>
<div class="titulosblog"><span
class="leermas">2-</span> Envía un correo electrónico
a <strong>[email protected]</strong> indicando
tu "Número de Cédula, Nombres, Apellidos, y
Número de Depósito o Transferencia".<br />
<br />
</div>
S
O
D
VA
R
SE
E
R
S
</div>HO
Cclass="titulosblog"><span
E
R
<div
E
<div class="titulosblog"><br />
D
class="leermas">3-</span> Al enviar los datos de pago solicitados, en
los próximos minutos recibirás un correo
de <strong>Confirmación</strong> indicando que
hemos verificado tu depósito y generado
tu<strong> Código de Inscripción</strong>,
necesario y obligatorio para la inscripción de materias para el
próximo período de estudio.<br />
<br />
</div>
<div class="titulosblog"></div>
<div class="titulosblog"><span
class="leermas">4-</span> Al acceder con el usuario y
contraseña previamente registrados, en el apartado de
<strong>Inscripción</strong> podrás visualizar el
código de inscripción asignado (sólo si hay
períodos de inscripción activos). Prosigue
dándole click a dicho código para continuar con el
proceso de inscripción. Caso contrario, de no visualizar
367
ningún codigo por favor comuníquese con nosotros a
través de los teléfonos de contacto.<br />
<br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td align="center"><a href="#"
S
O
D
A
onmouseover="MM_swapImage('Image22','','imagenes/b1ejem22.png',1)
V
R
SE
"><img src="imagenes/b1ejem2.png" alt=""
name="Image22"
E
R
S id="Image22" /></a></td>
O
width="409" height="207" border="0"
H
C
E
R
</tr>
DE </table>
onclick="javascript:panell()" onmouseout="MM_swapImgRestore()"
<br />
</div>
<div class="titulosblog"><br />
</div>
<div class="titulosblog"><span
class="leermas">5-</span> Agregue la(s) Materia(s) correspondiente al
Período Académico vigente.</div>
<div class="titulosblog"><br />
</div>
<div class="titulosblog"><span
class="leermas">6-</span> Verifique que su selección sea la
correcta e Imprima su <strong>Comprobante de
Inscripción, </strong>el cual deberá presentar en
la administración de nuestra academia en la fecha estipulada y
publicada en el <a
href="eventos.php"><strong>"Calendario de
368
Eventos"</strong></a><strong> </strong>de este sitio web
el cual será sellado para formalizar su inscripción.</div>
<div><strong><br />
</strong></div>
<div>
<div> </div>
</div>
S
O
D
A Blog
</div><!-- Blog Ends --><!-- Blog Ends --><!-- Blog Ends
--><!-V
R
SE
Ends --></div>
E
R
S
O
<div class="four
columns">
H
C
E
R
<div
class="sidebar">
DE
</div>
<div class="sideborder"></div>
<h5>Artículos de Interés</h5>
<ul class="blogs">
<li>
<div ><img src="imagenes/nuevosingresos.png"
width="190" height="140" /><a class='link'
href="noticiacompl.html"></a>
</div>
<div class="clear"></div>
</li>
<li>
<div class="border"><img
src="imagenes/navegacionaestudiantil.png" width="190" height="140"
/><a class='link' href="noticiacompl.html"></a>
</div>
<div class="clear"></div>
</li>
369
<li>
<div ><a href="tutoriales.php"><img
src="imagenes/guiainscripciones.png" width="190" height="140"
/></a><a class='link' href="noticiacompl.html"></a>
</div>
<div class="clear"></div>
</li>
O
</div>
H
C
E
ER
</div>
R
SE
E
R
S
</ul>
S
O
D
VA
D <div class="clear"></div>
<div class="sixteen columns">
<span class="hr lipquote"></span>
<blockquote class="standard bottom">
<table border="0">
<tr>
<td><?php if ($pageNum_articuloselect > 0) { //
Show if not first page ?>
<a href="<?php
printf("%s?pageNum_articuloselect=%d%s", $currentPage, 0,
$queryString_articuloselect); ?>"><img src="First.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_articuloselect > 0) { //
Show if not first page ?>
<a href="<?php
printf("%s?pageNum_articuloselect=%d%s", $currentPage, max(0,
370
$pageNum_articuloselect - 1), $queryString_articuloselect); ?>"><img
src="Previous.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_articuloselect <
$totalPages_articuloselect) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_articuloselect=%d%s", $currentPage,
S
O
D
A
$queryString_articuloselect); ?>"><img src="Next.gif" V
/></a>
R
E
<?php } // Show if not
lastS
page ?></td>
E
R
S
O
<td><?php
if ($pageNum_articuloselect <
H
C { // Show if not last page ?>
E
R
$totalPages_articuloselect)
DE <a href="<?php
min($totalPages_articuloselect, $pageNum_articuloselect + 1),
printf("%s?pageNum_articuloselect=%d%s", $currentPage,
$totalPages_articuloselect, $queryString_articuloselect); ?>"><img
src="Last.gif" /></a>
<?php } // Show if not last page ?></td>
</tr>
</table>
</blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
<div class="content">
<div class="patch"></div>
<div class="blur"></div>
371
</div>
</div>
</div>
O
H
C
E
ER
D
R
SE
E
R
S
</div>
S
O
D
VA
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
<div id="apDiv23"><a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image20','','imagenes/cenca2.png',1)">
<img src="imagenes/cenca1.png" name="Image20" width="293"
height="114" border="0" id="Image20" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
<table width="800" border="0" align="center" cellpadding="0"
cellspacing="0">
372
<tr class="menuletrasarriba">
<td width="10%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="13%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es el
CCM?</a></td>
S
O
D
A
<td width="13%" align="center" class="menuletrasarriba"><a
V
R
SE
href="blog.php" class="menuletrasarriba">Blog</a></td>
E
R
S |</td>
O
<td width="2%" align="center">
H
C
E
R
<td width="13%"
align="center"
class="menuletrasarriba"><a
DE
<td width="0%" align="center">|</td>
href="pestudio.php" class="menuletrasarriba">Pénsum de
Estudio</a></td>
<td width="2%" align="center"> |</td>
<td width="13%" align="center" class="menuletrasarriba"><a
href="areasinstrumentales.php"
class="menuletrasarriba">Áreas Instrumentales</a></td>
<td width="2%" align="center">|</td>
<td width="13%" align="center" class="menuletrasarriba"><a
href="eventos.php" class="menuletrasarriba">Eventos </a></td>
<td width="2%" align="center">|</td>
<td width="10%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="10%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
373
<div id="apDiv21"><a href="apdesign/"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image19','','imagenes/ap2.png',1)"><im
g src="imagenes/ap1.png" name="Image19" width="119" height="46"
border="0" id="Image19" /></a></div>
<div id="apDiv22">
<div class="menupriarriba">Desarrollado por:</div>
S
O
D
A Web
Diseño y Programación de Páginas
V
R
SE
<br />
E
R
S
O
PHP HTML JAVASCRIPT
J-QUERY MYSQL</div>
H
C
E
R
</div>
E
D
</div>
<div class="menuletrasarriba">aPdesign | Diseño Web<br />
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
374
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
easing: 'linear',
O
H
C
E
ER
queue: false
D
layoutMode : 'fitRows'
},
R
SE
E
R
S
duration: 750,
S
O
D
VA
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
</body>
</html>
375
<?php
mysql_free_result($articuloselectelect);
?>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
376
Unidades.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
S
O
D
VA
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
R
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
O
H
C
E
ER
<meta charset="utf-8" />
D
SE
E
R
S
<title>UNIDADES DE ESTUDIO</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
377
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
S
O
D
VA
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.carousel.js"></script>
ER
D
<script type="text/javascript"
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
378
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
379
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
380
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
381
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
382
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
383
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
384
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
385
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
ER
S
position:absolute;
E
SR
#apDiv12 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
386
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 47px;
V
R
ESE
left: 341px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
387
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
388
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
389
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
390
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -800px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
391
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
392
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
393
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
S
O
D
VA
background-repeat:
}
#apDiv29 {
O
H
C
E
ER
D
R
SE
E
R
S
repeat;
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
#apDiv30 {
394
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
top: 657px;
}
#apDiv31 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
395
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
Ax;
if(!x && d.getElementById) x=d.getElementById(n); return
V
R
SE
}
E
R
S
O
H
C { //v3.0
E
R
function MM_swapImage()
E
D
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
x=MM_findObj(n,d.layers[i].document);
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function pensumadultos()
{
self.name = 'opener';
remote =
open('pestudioadultos.php', 'remote',
'width=800,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function pensuminfantil()
{
self.name = 'opener';
396
remote =
open('pestudioinfantil.php', 'remote',
'width=700,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="birrete2"><img
ER src="imagenes/pesta.png" width="761"
D
height="64" /></div>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
397
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
S
O
D
<td width="18%" align="center" valign="middle" VA
ER
S
class="menuletrasarriba"><a href="blog.php"
E
R
S
class="menuletrasarriba">Blog</a></td>
HO
C
E
</tr>
DER
width="2" height="12" /></td>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
398
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
S
O
D
A
<div id="apDiv144"><span class="menupriarriba">UNIDADES
V
R
SE
DE</span><br />
E
R
S
O
<span class="menupriabajo">ESTUDIO</span></div></a>
H
EC
<ul> ER
D
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
<a href="#">
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
399
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
S
O
D
Awidth="1"
<div id="apDiv12"><img src="imagenes/divisormprin.png"
V
R
SE
height="42" /></div>
E
R
S
O
<div id="apDiv13"><img src="imagenes/divisormprin.png"
width="1"
H
C
E
height="42" /></div>
ER
D
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
<span class="menupriabajo">WORLD</span></div></a>
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
400
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>UNIDADES DE ESTUDIO</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / UNIDADES DE ESTUDIO</p>
401
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<table width="90%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
S
O
D
A
href="unidad1.php"><img src="imagenes/unidad1.png"
width="780"
V
R
SE
height="145" /></a><br />
E
R
S
O
<br />
H
C
E
R
<a
href="unidad2.php"><img
E
D
src="imagenes/unidad2.png" width="780" height="138" /></a><br />
<td align="center"><p class="titulosblog"><a
<br />
<a href="unidad3.php"><img
src="imagenes/unidad3.png" width="780" height="138" /></a><br />
<br />
<a href="unidad4.php"><img
src="imagenes/unidad4.png" width="780" height="138" /></a><br />
</p></td>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
<div class="sixteen columns"></div>
402
</div>
</div>
</div><div class="footer style-2">
<div class="content">
<div class="patch"></div>
O
H
C
E
ER
D
R
SE
E
R
S
<div class="blur"></div>
S
O
D
VA
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a
href="index.php" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
403
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
S
O
D
VA
href="index.php" class="menuletrasarriba">Inicio</a></td>
R
SE
E
R
S
<td width="1%" align="center">|</td>
HO
C
E
MusicWorld?</a></td>
ER
D
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
404
</div>
<script type="text/javascript">
$(document).ready(function() {
HO
C
E
slideHed:
ER'.slidehed',
D
nextSlide : '.next',
slider: '.slider',
slide: '.slide',
R
SE
E
R
S
$('.slidewrap2').carousel({
S
O
D
VA
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
405
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
O
D
</script>
H
C
E
ER
R
SE
E
R
S
});
S
O
D
VA
</body>
</html>
406
Unidad1.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
S
O
D
VA
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
R
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
O
H
C
E
ER
<meta charset="utf-8" />
D
SE
E
R
S
<title>UNIDAD 1. CONCEPTOS BÁSICOS DE LA MÚSICA</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
407
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
S
O
D
VA
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.carousel.js"></script>
ER
D
<script type="text/javascript"
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
408
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
409
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
410
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
411
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
412
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
413
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
414
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
415
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
ER
S
position:absolute;
E
SR
#apDiv12 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
416
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 47px;
V
R
ESE
left: 341px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
417
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
418
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
419
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
420
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -800px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
421
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
422
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
423
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
S
O
D
VA
background-repeat:
}
#apDiv29 {
O
H
C
E
ER
D
R
SE
E
R
S
repeat;
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
#apDiv30 {
424
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
top: 657px;
}
#apDiv31 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
425
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
Ax;
if(!x && d.getElementById) x=d.getElementById(n); return
V
R
SE
}
E
R
S
O
H
C { //v3.0
E
R
function MM_swapImage()
E
D
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
x=MM_findObj(n,d.layers[i].document);
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function pensumadultos()
{
self.name = 'opener';
remote =
open('pestudioadultos.php', 'remote',
'width=800,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function pensuminfantil()
{
self.name = 'opener';
426
remote =
open('pestudioinfantil.php', 'remote',
'width=700,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
onload="MM_preloadImages('imagenes/ccmlogo3.png','imagenes/b1eje
ER
D
mpestudio2.png')">
<body
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
427
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
S
O
D
VA
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
R
SE
E
R
S
<td width="5%" align="center" valign="middle"
HO
C
E
<td width="18%"
ER align="center" valign="middle"
D
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
428
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="apDiv144"><span
class="menupriarriba">UNIDADES
ER
D
DE</span><br />
<li class="green">
<a href="#">
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
429
</nav>
<div id="menuprincipal">
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="apDiv12"><img
ER src="imagenes/divisormprin.png" width="1"
D
height="42" /></div>
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
430
<div class="nav">
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
D
<div class="body">
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
431
<h4>UNIDAD I</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / UNIDAD 1. CONCEPTOS BÁSICOS DE LA
MÚSICA</p>
</div>
</div>
<div class="callout-hr"></div>
S
O
D
A
<table width="90%" border="0" align="center"
V
R
SE
cellpadding="0" cellspacing="0">
E
R
S
O
<tr>
H
C
E
R
<td
align="center"><p
class="titulosblog"><img
DE
<div class="container">
src="imagenes/unidad1.png" width="823" height="147" /><br />
</p>
<p class="contenidotemas"><span
class="contenidotemasazul"><a
href="https://drive.google.com/file/d/0B6etGWYmUUtOUjljTDAyNkFNT2
c/edit?usp=sharing" target="_blank" class="contenidotemasazul"><br
/>
• Tema 1.</a></span> Sonido - Sonido musical y ruido –
Propiedades del sonido – Música – Elementos de la música Pentagrama - Líneas –Espacios</p>
<p class="contenidotemas"><span
class="contenidotemasazul"><a
href="https://drive.google.com/file/d/0B6etGWYmUUtONkhvWUotcnZ5d
Tg/edit?usp=sharing" target="_blank" class="contenidotemasazul">•
Tema 2.</a></span> Líneas y espacios adicionales - ¿Cómo se nombran
los sonidos colocados en el pentagrama y fuera de él?</p>
<p class="contenidotemas"><span
class="contenidotemasazul"><a
432
href="https://drive.google.com/file/d/0B6etGWYmUUtOQXZDbG9iaTlSZ
Gs/edit?usp=sharing" target="_blank" class="contenidotemasazul">•
Tema 3.</a></span> Figuras – Silencios</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOM3pvODJITWF0Q
zg/edit?usp=sharing" target="_blank"
S
O
D
VA
class="contenidotemasazul">Tema 4.</a></span> Redonda – Silencio
R
de redonda</p>
SE
E
R
S
HO
C
E
href="https://drive.google.com/file/d/0B6etGWYmUUtOblZHSllVenhySU0
ER
D
/edit?usp=sharing" target="_blank" class="contenidotemasazul">Tema
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
5.</a></span> Blanca – Silencio de blanca</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtObTQ2WFA3X0NN
Mm8/edit?usp=sharing" target="_blank"
class="contenidotemasazul">Tema 6.</a></span> Negra – Silencio de
negra</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOdDVTcmM4XzhIc
zQ/edit?usp=sharing" target="_blank"
class="contenidotemasazul">Tema 7. </a></span>Corchea – Silencio de
corchea</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtON0NQUkktSHcwY
3M/edit?usp=sharing" target="_blank"
433
class="contenidotemasazul">Tema 8.</a></span> Semicorchea –
Silencio de semicorchea</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOOHhZbWVGdU9R
X3M/edit?usp=sharing" target="_blank"
class="contenidotemasazul">Tema 9.</a></span> Fusa – Silencio de
fusa</p>
S
O
D
VA
R
SE
E
R
S
<p class="contenidotemas"><span
HO
C
E
Hc/edit?usp=sharing"
ER target="_blank"
D
class="contenidotemasazul">Tema 10.</a></span> Semifusa- silencio
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOYk5YQ3lFMkVPT
de semifusa</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOR0hpeGJBV0pXM
XM/edit?usp=sharing" target="_blank"
class="contenidotemasazul">Tema 11.</a></span> Relación del valor
que existe entre las figuras- notas – notas enarmonicas - entonación claves - definición exacta de las figuras</p>
<p class="contenidotemas"> <span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOWmd6XzNCVlU0
Rzg/edit?usp=sharing" target="_blank"
class="contenidotemasazul">Tema 12.</a></span> Compás - Tiempo Barra o línea divisoria - Barras de conclusión - Barras de separación –
Fórmula de compás.</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
434
href="https://drive.google.com/file/d/0B6etGWYmUUtOX3QzdUhxRkRNa
2c/edit?usp=sharing" target="_blank"
class="contenidotemasazul">Tema 13. </a></span>¿Como se puede
aumentar la duración de un sonido? - Ligadura de prolongación Puntillo- Valor simple -Valor compuesto</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
S
O
D
VA
href="https://drive.google.com/file/d/0B6etGWYmUUtON2g2c21EaUVHa
R
SE
E
R
S
FE/edit?usp=sharing" target="_blank"
</p>
HO
C
E
E<pRclass="titulosblog"><br />
class="contenidotemasazul">Tema 14.</a></span> - Instrumentos
Musicales
D
</p>
<div class="titulosblog"></div>
<a href="#" onclick="javascript:pensumadultos();"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image21','','imagenes/b1ejempestudio2
.png',1)"><br />
</a></td>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
<div class="sixteen columns">
435
<span class="hr lipquote"></span>
<blockquote class="standard
bottom"> </blockquote>
</div>
</div>
</div>
O
H
C
E
ER
R
SE
E
R
S
</div><div class="footer style-2">
D<div class="patch"></div>
S
O
D
VA
<div class="content">
<div class="blur"></div>
</div>
</div>
</div>
</div>
<div id="footer321"></div>
436
<div id="apDiv24"><div id="apDiv18"><a
href="index.php" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<tr class="menuletrasarriba">
ER
D
<td width="9%" align="center" class="menuletrasarriba"><a
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
437
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
</div>
D
<script type="text/javascript">
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
438
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
R
SE
E
R
S
$('#filters a').click(function(){
HO
C
E
var selector
ER = $(this).attr('data-filter');
D
$container.isotope({ filter: selector });
S
O
D
VA
$("#filters a.active").removeClass('active');
$(this).addClass('active');
return false;
});
});
</script>
</body>
</html>
439
Unidad2.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
S
O
D
VA
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
R
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
O
H
C
E
ER
<meta charset="utf-8" />
D
SE
E
R
S
<title>UNIDAD 2. SOLFEO Y PRINCIPIOS BÁSICOS DE LA TEORÍA
MUSICAL</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
440
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
S
O
D
VA
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.carousel.js"></script>
ER
D
<script type="text/javascript"
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
441
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
442
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
443
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
444
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
445
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
446
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
447
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
448
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
ER
S
position:absolute;
E
SR
#apDiv12 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
449
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 47px;
V
R
ESE
left: 341px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
450
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
451
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
452
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
453
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -800px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
454
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
455
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
456
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
S
O
D
VA
background-repeat:
}
#apDiv29 {
O
H
C
E
ER
D
R
SE
E
R
S
repeat;
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
#apDiv30 {
457
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
top: 657px;
}
#apDiv31 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
458
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
Ax;
if(!x && d.getElementById) x=d.getElementById(n); return
V
R
SE
}
E
R
S
O
H
C { //v3.0
E
R
function MM_swapImage()
E
D
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
x=MM_findObj(n,d.layers[i].document);
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function pensumadultos()
{
self.name = 'opener';
remote =
open('pestudioadultos.php', 'remote',
'width=800,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function pensuminfantil()
{
self.name = 'opener';
459
remote =
open('pestudioinfantil.php', 'remote',
'width=700,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="birrete2"><img
ER src="imagenes/pesta.png" width="761"
D
height="64" /></div>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
460
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es WorldMusic?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
S
O
D
<td width="18%" align="center" valign="middle" VA
ER
S
class="menuletrasarriba"><a href="blog.php"
E
R
S
class="menuletrasarriba">Blog</a></td>
HO
C
E
</tr>
DER
width="2" height="12" /></td>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
461
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
S
O
D
A
<div id="apDiv144"><span class="menupriarriba">UNIDADES
V
R
SE
DE</span><br />
E
R
S
O
<span class="menupriabajo">ESTUDIO</span></div></a>
H
EC
<ul> ER
D
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
<a href="#">
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
462
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
S
O
D
Awidth="1"
<div id="apDiv12"><img src="imagenes/divisormprin.png"
V
R
SE
height="42" /></div>
E
R
S
O
<div id="apDiv13"><img src="imagenes/divisormprin.png"
width="1"
H
C
E
height="42" /></div>
ER
D
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
<span class="menupriabajo">WORLD</span></div></a>
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
463
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>UNIDAD 2</h4>
464
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</p>
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
S
O
D
VA
<table width="90%" border="0" align="center"
cellpadding="0" cellspacing="0">
R
SE
E
R
S
HO
C
E
R
src="imagenes/unidad2.png"
width="823" height="147" /><br />
DE<br
/>
<tr>
<td align="center"><p class="titulosblog"><img
</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOMFVjUXdfY3Zrb2
M/edit?usp=sharing" class="contenidotemasazul">Tema 1.</a></span>
Solfeo - Solfeo hablado - Solfeo cantado - Manera de marcar los
compases</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOVVl0NEZwUWVrR
VE/edit?usp=sharing" class="contenidotemasazul">Tema
2.</a></span> Compases simples - Compases compuestos – Compases
de amalgama - Tiempos fuertes, semifuertes y débiles</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOZVpUelJjQlF6ckk/
edit?usp=sharing" class="contenidotemasazul">Tema 3.</a></span>
465
Compases binarios, ternarios y cuaternarios - Compas de compasillo Compás de compasillo binario</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOVFpXTlBHb3JRU
G8/edit?usp=sharing" class="contenidotemasazul">Tema
4.</a></span> Compases simples - compases compuestos – compases
S
O
D
VA
de amalgama - tiempos fuertes, semifuertes y débiles</p>
R
SE
E
R
S
<p class="contenidotemas"><span
HO
C
E
bmc/edit?usp=sharing"
ER class="contenidotemasazul">Tema
D
5.</a></span> Sincopa – sincopa regular e irregular – contratiempo</p>
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOX1BHMjFWMGU2
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOVFZST3VQZm80b
0U/edit?usp=sharing" class="contenidotemasazul">Tema 6.</a></span>
Valores irregulares -Valores superabundantes y deficientes – Tresillo –
Seisillo -Doble tresillo -Dosillo</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOM3dMV3hkd01sT
E0/edit?usp=sharing" class="contenidotemasazul">Tema 7</a>.</span>
Tonos – tonos agudos y graves – tono fundamental – semitonos –
semitono diatónico y cromático- teclado del piano</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOM1VQTDFtX2JZa
FE/edit?usp=sharing" class="contenidotemasazul">Tema 8</a>.</span>
466
Alteraciones – alteraciones propias – alteraciones accidentales –
alteraciones de precaución – armadura de clave</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOMy11VEp1eDgyU
0E/edit?usp=sharing" class="contenidotemasazul">Tema 9.</a></span>
Signos de repetición – casillas de repetición – barras de repetición</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
S
O
D
VA
R
SE
E
R
S
HO
C
E
R de expresión – matices – reguladores 10.</a></span>
ESignos
D
marcato</p>
href="https://drive.google.com/file/d/0B6etGWYmUUtOeFdnbVFhNTZWY
UE/edit?usp=sharing" class="contenidotemasazul">Tema
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOcktJQ29BSEtjRFk
/edit?usp=sharing" class="contenidotemasazul">Tema 11.</a></span>
Metrónomo</p></td>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
<div class="sixteen columns">
<span class="hr lipquote"></span>
467
<blockquote class="standard
bottom"> </blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
S
O
D
VA
R
Eclass="content">
S
<div
E
SR
HO
C
E
R
Eclass="blur"></div>
D<div
<div class="patch"></div>
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a
href="index.php" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
468
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="1%"
ERalign="center">|</td>
D
<td width="23%" align="center" class="menuletrasarriba"><a
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
469
</tr>
</table>
</div>
</div>
R
SE
E
R
S
HO
C
E
$('.slidewrap2').carousel({
ER
D
slider: '.slider',
<script type="text/javascript">
S
O
D
VA
$(document).ready(function() {
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
470
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
O
$container.isotope({ filter: selector });
H
C
E
ER
return false;
});
});
D
R
SE
E
R
S
var selector = $(this).attr('data-filter');
S
O
D
VA
</script>
</body>
</html>
471
Unidad3.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
S
O
D
VA
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
R
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
O
H
C
E
ER
<meta charset="utf-8" />
D
SE
E
R
S
<title>UNIDAD 3. ESCALAS</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
472
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
S
O
D
VA
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.carousel.js"></script>
ER
D
<script type="text/javascript"
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
473
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
474
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
475
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
476
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
477
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
478
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
479
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
480
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
ER
S
position:absolute;
E
SR
#apDiv12 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
481
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 47px;
V
R
ESE
left: 341px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
482
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
483
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
484
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
485
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -800px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
486
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
487
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
488
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
S
O
D
VA
background-repeat:
}
#apDiv29 {
O
H
C
E
ER
D
R
SE
E
R
S
repeat;
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
#apDiv30 {
489
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
top: 657px;
}
#apDiv31 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
490
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
Ax;
if(!x && d.getElementById) x=d.getElementById(n); return
V
R
SE
}
E
R
S
O
H
C { //v3.0
E
R
function MM_swapImage()
E
D
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
x=MM_findObj(n,d.layers[i].document);
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function pensumadultos()
{
self.name = 'opener';
remote =
open('pestudioadultos.php', 'remote',
'width=800,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function pensuminfantil()
{
self.name = 'opener';
491
remote =
open('pestudioinfantil.php', 'remote',
'width=700,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="birrete2"><img
ER src="imagenes/pesta.png" width="761"
D
height="64" /></div>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
492
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
S
O
D
<td width="18%" align="center" valign="middle" VA
ER
S
class="menuletrasarriba"><a href="blog.php"
E
R
S
class="menuletrasarriba">Blog</a></td>
HO
C
E
</tr>
DER
width="2" height="12" /></td>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
493
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
S
O
D
A
<div id="apDiv144"><span class="menupriarriba">UNIDADES
V
R
SE
DE</span><br />
E
R
S
O
<span class="menupriabajo">ESTUDIO</span></div></a>
H
EC
<ul> ER
D
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
<a href="#">
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
494
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
S
O
D
Awidth="1"
<div id="apDiv12"><img src="imagenes/divisormprin.png"
V
R
SE
height="42" /></div>
E
R
S
O
<div id="apDiv13"><img src="imagenes/divisormprin.png"
width="1"
H
C
E
height="42" /></div>
ER
D
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
<span class="menupriabajo">WORLD</span></div></a>
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
495
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>UNIDAD 3</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / UNIDAD 3. ESCALAS</p>
496
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<table width="90%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
S
O
D
A />
src="imagenes/unidad3.png" width="823" height="147"
/><br
V
R
SE
<br />
E
R
S
O
</p>
H
C
E
R
<p
class="contenidotemas"><span
E
D
class="contenidotemasazul">• <a
<td align="center"><p class="titulosblog"><img
href="https://drive.google.com/file/d/0B6etGWYmUUtOUTlURDhnb1ZXZ
kE/edit?usp=sharing" class="contenidotemasazul">Tema 1</a>.</span>
Escala – Grados de la escala – Estructura – Tipos de escala – Utilidad o
usos de la escala – Importancia de la escala en la música.</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOV200Ujg2NGhlT3
M/edit?usp=sharing" class="contenidotemasazul">Tema 2.</a></span>
Grados conjuntos y disjuntos – Tono – Semitono - Sonidos naturales Tonos y semitonos entre los sonidos naturales</p>
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOVjN0UG9KNUtpL
UU/edit?usp=sharing" class="contenidotemasazul">Tema
3.</a></span> Escalas mayores – Escalas mayores con sostenidos –
Escalas mayores con bemoles – Tabla de resumen de las escalas con
sostenidos y bemoles</p>
497
<p class="contenidotemas"><span
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOc0wtYlNPTGl4MU
k/edit?usp=sharing" class="contenidotemasazul">Tema 4.</a></span>
Escalas menores – Escala menor natural – Escala menor armónica –
Escala menor melódica – Escala de blues – Escala enigmática</p>
<p class="contenidotemas"><span
S
O
D
A
href="https://drive.google.com/file/d/0B6etGWYmUUtOZVM3N3h1SHRibj
V
R
SE 5</a>.</span>
g/edit?usp=sharing" class="contenidotemasazul">Tema
E
R
S
O
Escalas Relativas
</p>
H
C
E
E<pRclass="contenidotemas"><span
D
class="contenidotemasazul">• <a
class="contenidotemasazul">• <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOQmZucG51SkFiS
Ek/edit?usp=sharing" class="contenidotemasazul">Tema 6</a>.</span>
Tonalidad o escala – Escala pentatónica – Escala cromática – Escala
diatónica</p></td>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
<div class="sixteen columns">
<span class="hr lipquote"></span>
498
<blockquote class="standard
bottom"> </blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
S
O
D
VA
R
Eclass="content">
S
<div
E
SR
HO
C
E
R
Eclass="blur"></div>
D<div
<div class="patch"></div>
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a
href="index.php" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
499
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="1%"
ERalign="center">|</td>
D
<td width="23%" align="center" class="menuletrasarriba"><a
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
500
</tr>
</table>
</div>
</div>
R
SE
E
R
S
HO
C
E
$('.slidewrap2').carousel({
ER
D
slider: '.slider',
<script type="text/javascript">
S
O
D
VA
$(document).ready(function() {
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
501
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
O
$container.isotope({ filter: selector });
H
C
E
ER
return false;
});
});
D
R
SE
E
R
S
var selector = $(this).attr('data-filter');
S
O
D
VA
</script>
</body>
</html>
502
Unidad4.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
S
O
D
VA
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
R
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
O
H
C
E
ER
<meta charset="utf-8" />
D
SE
E
R
S
<title>UNIDAD 4. INTERVALOS</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
503
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
S
O
D
VA
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.carousel.js"></script>
ER
D
<script type="text/javascript"
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
504
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
505
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
506
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
507
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
508
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
509
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
510
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
511
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
ER
S
position:absolute;
E
SR
#apDiv12 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
512
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 47px;
V
R
ESE
left: 341px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
513
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
514
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
515
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
516
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -800px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
517
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
518
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
519
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
S
O
D
VA
background-repeat:
}
#apDiv29 {
O
H
C
E
ER
D
R
SE
E
R
S
repeat;
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
#apDiv30 {
520
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
top: 657px;
}
#apDiv31 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
521
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
Ax;
if(!x && d.getElementById) x=d.getElementById(n); return
V
R
SE
}
E
R
S
O
H
C { //v3.0
E
R
function MM_swapImage()
E
D
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
x=MM_findObj(n,d.layers[i].document);
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function pensumadultos()
{
self.name = 'opener';
remote =
open('pestudioadultos.php', 'remote',
'width=800,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function pensuminfantil()
{
self.name = 'opener';
522
remote =
open('pestudioinfantil.php', 'remote',
'width=700,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="birrete2"><img
ER src="imagenes/pesta.png" width="761"
D
height="64" /></div>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
523
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
S
O
D
<td width="18%" align="center" valign="middle" VA
ER
S
class="menuletrasarriba"><a href="blog.php"
E
R
S
class="menuletrasarriba">Blog</a></td>
HO
C
E
</tr>
DER
width="2" height="12" /></td>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
524
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
S
O
D
A
<div id="apDiv144"><span class="menupriarriba">UNIDADES
V
R
SE
DE</span><br />
E
R
S
O
<span class="menupriabajo">ESTUDIO</span></div></a>
H
EC
<ul> ER
D
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
<a href="#">
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
525
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
S
O
D
Awidth="1"
<div id="apDiv12"><img src="imagenes/divisormprin.png"
V
R
SE
height="42" /></div>
E
R
S
O
<div id="apDiv13"><img src="imagenes/divisormprin.png"
width="1"
H
C
E
height="42" /></div>
ER
D
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
<span class="menupriabajo">WORLD</span></div></a>
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
526
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
<div class="body">
<br />
<br />
<br />
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>UNIDAD 4</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / UNIDAD 4. INTERVALOS</p>
527
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<table width="90%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
S
O
D
A />
src="imagenes/unidad4.png" width="823" height="147"
/><br
V
R
SE
<br />
E
R
S
O
</p>
H
C
E
R
<p
class="contenidotemas"><span
E
D
class="contenidotemasazul">• Tema 1.</span> <a
<td align="center"><p class="titulosblog"><img
href="https://drive.google.com/file/d/0B6etGWYmUUtOdmQyXy11WjhKL
W8/edit?usp=sharing" class="contenidotemas">Intervalos –
clasificación de intervalos – Análisis de intervalos - composición de
intervalos – reglas de composición de intervalos - aspectos prácticos
de los intervalos</a></p>
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 2.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOb3cyYXEwcG16Y
U0/edit?usp=sharing" class="contenidotemas">Intervalos melódicos y
armónicos – intervalos simples y compuestos – Intervalos ascendentes
y descendentes - Intervalos conjuntos y disjuntos - Intervalos
enarmónicos – Intervalos absurdos</a></p>
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 3.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOVUFxc1NyRG5PR
XM/edit?usp=sharing" class="contenidotemas">Unísono – homónimo –
enarmonía</a></p>
528
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 4.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOZFJNazJNRWow
NUU/edit?usp=sharing" class="contenidotemas">Inversión de
intervalos</a></p>
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 5.</span> <a
S
O
D
Aacordes
DA/edit?usp=sharing" class="contenidotemas">Acordes
–
V
R
SE– acordes con
mayores y menores acordes aumentados
- triadas
E
R
S
O
séptima – inversión de acordes
- tritono</a></p>
H
C
E
R
<p
class="contenidotemas"><span
E
D
class="contenidotemasazul">• Tema 6.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtObS0zcGphV3BzZ
href="https://drive.google.com/file/d/0B6etGWYmUUtOMDkyT2ptYVRLR
2c/edit?usp=sharing" class="contenidotemas">Acordes abiertos y
cerrados –– acordes disminuidos - acordes semidisminuidos - Acordes
con cuarta suspendida – acordes con sexta</a></p>
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 7.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOUm9fN2h5OEs2e
kU/edit?usp=sharing" class="contenidotemas">Lectura de acordes –
cifrado – cifrado en inversión de acordes – tabla de cifrados – tabla de
cifrados para piano.</a></p>
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 8.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtONGNOU0NLTHpL
SjA/edit?usp=sharing" class="contenidotemas">Arpegios</a></p>
<p class="contenidotemas"><span
class="contenidotemasazul">• Tema 9.</span> <a
href="https://drive.google.com/file/d/0B6etGWYmUUtOVnliNExVdHFadm
529
M/edit?usp=sharing" class="contenidotemas">Adornos – apoyatura –
mordente – grupeto – trino – cadencia</a></p>
<p class="contenidotemas"> </p>
<p class="contenidotemas"> </p></td>
</tr>
</table>
<br />
S
O
D
VA
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
R
SE
E
R
S
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
HO
C
E
Rclass="clear"></div>
<div
E
<div class="four columns"></div>
D
<div class="sixteen columns">
<span class="hr lipquote"></span>
<blockquote class="standard
bottom"> </blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
<div class="content">
<div class="patch"></div>
<div class="blur"></div>
530
</div>
</div>
</div>
R
SE
E
R
S
</div>
HO
C
E
<div id="footer321"></div>
DER
S
O
D
VA
<div id="apDiv24"><div id="apDiv18"><a
href="index.php" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
531
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
S
O
D
A
href="audios.php" class="menuletrasarriba">Audio</a></td>
V
R
SE
<td width="1%" align="center"> |</td>
E
R
Sclass="menuletrasarriba"><a
O
<td width="17%" align="center"
H
C
E
R
href="videos.php"
class="menuletrasarriba">VideoTutoriales</a></td>
E
D
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
532
slider: '.slider',
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
R
SE
E
R
S
HO
C
E
R
// cache
Econtainer
D
var $container = $('#isotope-container');
$(window).load(function(){
S
O
D
VA
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
533
});
</script>
</body>
</html>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
534
Videos.php
<?php require_once('Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
535
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
O
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
$currentPage = $_SERVER["PHP_SELF"];
D
$maxRows_audios = 10;
$pageNum_audios = 0;
if (isset($_GET['pageNum_audios'])) {
$pageNum_audios = $_GET['pageNum_audios'];
}
$startRow_audios = $pageNum_audios * $maxRows_audios;
mysql_select_db($database_ccm, $ccm);
$query_audios = "SELECT * FROM tblaudios ORDER BY
tblaudios.idAudios DESC";
$query_limit_audios = sprintf("%s LIMIT %d, %d", $query_audios,
$startRow_audios, $maxRows_audios);
$audios = mysql_query($query_limit_audios, $ccm) or
die(mysql_error());
$row_audios = mysql_fetch_assoc($audios);
if (isset($_GET['totalRows_audios'])) {
$totalRows_audios = $_GET['totalRows_audios'];
536
} else {
$all_audios = mysql_query($query_audios);
$totalRows_audios = mysql_num_rows($all_audios);
}
$totalPages_audios = ceil($totalRows_audios/$maxRows_audios)-1;
mysql_select_db($database_ccm, $ccm);
S
O
D
VA
$query_audiostodos = "SELECT * FROM tblaudios ORDER BY
tblaudios.strTitulo ASC";
R
SE
E
R
S
HO
C
E
$row_audiostodos
ER= mysql_fetch_assoc($audiostodos);
D
$totalRows_audiostodos = mysql_num_rows($audiostodos);
$audiostodos = mysql_query($query_audiostodos, $ccm) or
die(mysql_error());
$queryString_imagenes = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_imagenes") == false &&
stristr($param, "totalRows_imagenes") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_imagenes = "&" . htmlentities(implode("&",
$newParams));
}
}
537
$queryString_imagenes = sprintf("&totalRows_imagenes=%d%s",
$totalRows_imagenes, $queryString_imagenes);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
S
O
D
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->VA
ER
S
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en">
<!--<![endif]--><head>
E
R
S
HO
C
E
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859DER
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
1" />
<title>Videos | MUSIC WORLD</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
538
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
S
O
D
A
<script type="text/javascript" language="javascript" src="js/jquery-1-8V
R
SE
2.js"></script>
E
R
S
O
<script type="text/javascript"
src="js/default.js"></script>
H
C src="js/jquery.easing.1.3.js"></script>
E
R
<script type="text/javascript"
E
D
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<![endif]-->
<script type="text/javascript"
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html {
width: 100%;
heigth: 100%;
}
539
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
heigth: 100%;
}
ER
S
position:absolute;
E
SR
#barrasuperior {
O
H
C
E
ER
D
S
O
D
VA
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
backgroundrepeat:repeat-x;
540
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
S
O
D
A
margin-left:-400px;
V
R
E
RESz-index:4;
left:50%;
}
DER
S
O
H
EC
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
541
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
top: 48px;
}
/*#slide {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
#content {
position:absolute;
542
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
box-shadow: 0px -1px 6px
#9B9B9B;
O
H
C
E
ER
#menusuperior {
D
R
SE
E
R
S
}
S
O
D
VA
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
#apDiv4 {
position:absolute;
543
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
#b2 {
S
O
D
A
width:200px;
V
R
E
RESheight:115px;
position:absolute;
S
O
H
EC
DER
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
left: 567px;
top: 72px;
544
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
height:211px;
z-index:5;
S
O
D
A
top: -18px;
V
R
E
ESbackground-color:
left: 462px;
C
E
R
DE
#5FBBDF;
}
R
S
HO
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
545
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
width:200px;
height:115px;
S
O
D
A
top: -15px;
V
R
ESleft:E50%;
z-index:5;
D
#apDiv9 {
C
E
R
E
}
R
S
HO
margin-left:160px;
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
546
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
#apDiv12 {
S
O
D
A
width:4px;
V
R
E
RESheight:60px;
position:absolute;
S
O
H
EC
DER
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
547
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 341px;
top: 47px;
}
ER
S
position:absolute;
E
SR
#apDiv15 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
548
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
width:100%;
height:180px;
S
O
D
A
backgroundV
R
E
RES
z-index:-1;
S
O
H
EC
image:url(imagenes/barrasup.png);
DER
repeat:repeat;
background-
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
height:219px;
z-index:20;
549
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
width:176px;
height:70px;
S
O
D
A
top: 27px;
V
R
ESleft:E50%;
z-index:1;
D
#binferiores {
C
E
R
E
}
R
S
HO
margin-left:-90px;
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
550
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
top: 28px;
}
#apDiv21 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
551
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
height:55px;
left:50%;
S
O
D
A
z-index:3;
V
R
E
RESbottom: -800px;
margin-left:-400px;
}
a:link {
DER
S
O
H
EC
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
z-index:6;
left: 8px;
top: 8737px;
552
z-index: 6;
}
#apDiv26 {
position:absolute;
width:578px;
height:125px;
z-index:91;
}
ER
S
position:absolute;
E
SR
#apDiv27 {
O
H
C
E
ER
D
S
O
D
VA
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:-15;
553
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
position:absolute;
width:100%;
S
O
D
A
z-index:-15;
V
R
E
REStop: 0;
height:1700px;
S
O
H
EC
DER
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
554
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
}
#apDiv29 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
555
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
S
O
D
VA
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
R
SE
E
R
S
}
HO
C
E
R
var p,i,x; if(!d)
Ed=document;
D
if((p=n.indexOf("?"))>0&&parent.frames.length) {
function MM_findObj(n, d) { //v4.01
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
556
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
R
SE
E
R
S
<div id="apDiv29"></div>
O
S
O
D
VA
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
H
C
E
<div id="barrasuperior">
ER
D
<div id="menusuperior">
width="120" height="40" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
<td width="5%" align="center" valign="middle"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
557
<td width="18%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
O
H
C
E
ER
<nav id="colorNav">
D
<li class="green">
<ul>
R
SE
E
R
S
<!--////////////////////// MENU PRINCIPAL-->
S
O
D
VA
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
<li class="green">
<a href="#">
558
<div id="apDiv144"><span class="menupriarriba">UNIDADES
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
S
O
D
A
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
V
R
E
<li><a href="unidad4.php">UNIDAD
4.S
INTERVALOS</a></li>
E
R
S
O
<!-- More dropdown options
-->
H
C
E
</ul>
ER
D
</li>
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
559
<div id="apDiv12"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
S
O
D
A
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
V
R
SE
E
R
S
O
</div>
H
C
E
R
E
D
<!--/////// CERRAR MENU-->
<a href="contacto.php">
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
560
<div class="body">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
O
H
C
E
ER
R
SE
E
R
S
<br />
S
O
D
VA
D
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>Nuestros Videos:</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / Videos</p>
</div>
</div>
<div class="callout-hr"></div>
<div class="container">
<table width="90%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
561
<td align="center"><p class="titulosblog"><a
href="videosunidad.php?UN=1"><img src="imagenes/unidad1.png"
width="780" height="145" /></a><br />
<br />
<a href="videosunidad.php?UN=2"><img
src="imagenes/unidad2.png" width="780" height="138" /></a><br />
<br />
S
O
D
A />
src="imagenes/unidad3.png" width="780" height="138"
/></a><br
V
R
SE
<br />
E
R
S
O
<a href="videosunidad.php?UN=4"><img
H
C width="780" height="138" /></a><br />
E
R
src="imagenes/unidad4.png"
DE</p></td>
<a href="videosunidad.php?UN=3"><img
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
<div class="sixteen columns"></div>
</div>
</div>
</div><div class="footer style-2">
562
<div
class="stitch"></div>
<div class="content">
<div class="patch"></div>
<div class="blur"></div>
R
SE
E
R
S
O
H
C
E
</div>ER
D
</div>
S
O
D
VA
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
<div id="binferiores">
563
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
S
O
D
VA
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
R
SE
E
R
S
HO
C
E
href="blog.php"
class="menuletrasarriba">Blog</a></td>
ER
D
<td width="1%" align="center"> |</td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
</div>
564
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
slide: '.slide',
HO
C
E
addPagination:
ER false,
D
addNav : false
nextSlide : '.next',
prevSlide : '.prev',
R
SE
E
R
S
slideHed: '.slidehed',
S
O
D
VA
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
$('#filters a').click(function(){
565
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
</body>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
</html>
<?php
mysql_free_result($audios);
mysql_free_result($audiostodos);
?>
566
Videosunidad.php
<?php require_once('Connections/ccm.php'); ?>
<?php
$id = $_GET["recordID"];
$unidad= $_GET['UN'];
S
O
D
VA
ER
S
E
R
if (!function_exists("GetSQLValueString"))
{
S
O
H
C
function GetSQLValueString($theValue,
$theType, $theDefinedValue =
E
R
E
D
"", $theNotDefinedValue
= "")
?>
<?php
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
567
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
S
O
D
$theValue = ($theValue != "") ? $theDefinedValue : VA
ER
S
$theNotDefinedValue;
E
R
S
break;
HO
C
E
}
ER
D
return $theValue;
case "defined":
}
}
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
568
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
S
O
D
$theValue = ($theValue != "") ? doubleval($theValue)
:A
"NULL";
V
R
E
S
break;
E
R
S
O
case "date":
H
EC != "") ? "'" . $theValue . "'" : "NULL";
R
$theValueE
= ($theValue
D
break;
case "double":
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_audios = 10;
$pageNum_audios = 0;
if (isset($_GET['pageNum_audios'])) {
$pageNum_audios = $_GET['pageNum_audios'];
}
$startRow_audios = $pageNum_audios * $maxRows_audios;
569
mysql_select_db($database_ccm, $ccm);
$query_audios = "SELECT * FROM tblaudios ORDER BY
tblaudios.idAudios DESC";
$query_limit_audios = sprintf("%s LIMIT %d, %d", $query_audios,
$startRow_audios, $maxRows_audios);
$audios = mysql_query($query_limit_audios, $ccm) or
die(mysql_error());
R
SE
E
R
S
$row_audios = mysql_fetch_assoc($audios);
HO
C
E
$totalRows_audios
ER = $_GET['totalRows_audios'];
D
} else {
S
O
D
VA
if (isset($_GET['totalRows_audios'])) {
$all_audios = mysql_query($query_audios);
$totalRows_audios = mysql_num_rows($all_audios);
}
$totalPages_audios = ceil($totalRows_audios/$maxRows_audios)-1;
$varun_audiostodos = "0";
if (isset($_GET['UN'])) {
$varun_audiostodos = $_GET['UN'];
}
mysql_select_db($database_ccm, $ccm);
$query_audiostodos = sprintf("SELECT * FROM tblaudios WHERE
tblaudios.idUnidad = %s ORDER BY tblaudios.strTitulo ASC",
GetSQLValueString($varun_audiostodos, "int"));
$audiostodos = mysql_query($query_audiostodos, $ccm) or
die(mysql_error());
$row_audiostodos = mysql_fetch_assoc($audiostodos);
$totalRows_audiostodos = mysql_num_rows($audiostodos);
570
$varun_videostodos = "0";
if (isset($_GET['UN'])) {
$varun_videostodos = $_GET['UN'];
}
mysql_select_db($database_ccm, $ccm);
$query_videostodos = sprintf("SELECT * FROM tblvideos WHERE
S
O
D
VA
tblvideos.idUnidad = %s ORDER BY tblvideos.idVideos DESC",
R
SE
E
R
S
GetSQLValueString($varun_videostodos, "int"));
HO
C
E
$row_videostodos
ER= mysql_fetch_assoc($videostodos);
D
$totalRows_videostodos = mysql_num_rows($videostodos);
$videostodos = mysql_query($query_videostodos, $ccm) or
die(mysql_error());
$varvid_videoselect = "0";
if (isset($_GET['recordID'])) {
$varvid_videoselect = $_GET['recordID'];
}
$varuni_videoselect = "0";
if (isset($_GET['UN'])) {
$varuni_videoselect = $_GET['UN'];
}
mysql_select_db($database_ccm, $ccm);
$query_videoselect = sprintf("SELECT * FROM tblvideos WHERE
tblvideos.idVideos =%s AND tblvideos.idUnidad=%s",
GetSQLValueString($varvid_videoselect,
"int"),GetSQLValueString($varuni_videoselect, "int"));
$videoselect = mysql_query($query_videoselect, $ccm) or
die(mysql_error());
$row_videoselect = mysql_fetch_assoc($videoselect);
571
$totalRows_videoselect = mysql_num_rows($videoselect);
$queryString_imagenes = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
S
O
D
stristr($param, "totalRows_imagenes") == false) { VA
ER
array_push($newParams, $param);RES
S
O
}
H
C
E
R
}
E
D
if (count($newParams) != 0) {
if (stristr($param, "pageNum_imagenes") == false &&
$queryString_imagenes = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_imagenes = sprintf("&totalRows_imagenes=%d%s",
$totalRows_imagenes, $queryString_imagenes);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
572
<title>Videos | MUSIC WORLD</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
S
O
D
VA
R
SE
E
R
S
HO
C
E
<link media="screen"
ER charset="utf-8" rel="stylesheet"
D
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
573
<script type="text/javascript"
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
S
O
D
VA
R
SE
E
R
S
HO
C
E
<link href="estilos/styles.css"
rel="stylesheet" type="text/css" />
ER
D
<style type="text/css">
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
html {
width: 100%;
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
heigth: 100%;
}
574
.fotoproducto
{
float: left;
height: 140px;
width: 250px;
S
O
D
A 25px;
padding-bottom:
V
R
E
RESpadding-left: 65px;
padding-top: 10px;
DER
.textoproducto
{
S
O
H
EC
}
float: left;
background-color:
#CCCCCC;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 100px;
margin-right: 10px;
}
.descripcion {
font-family: "Museo Sans
500";
font-size: 9px;
color: #000;
}
.titulovideo {
575
font-family: "Museo Sans
500";
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 9px;
}
.resultadoproducto {
S
O
H
EC
#3366FF;
DER
S
O
D
A
background-color:
V
R
E
RES
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
.producto {
width: 400px;
float: left;
background-image:
url(images/compeventos.png);
background-repeat: norepeat;
height: 200px;
background-color: #36C;
}
576
#barrasuperior {
position:absolute;
S
O
D
A
height:35px;
V
R
E
RESz-index:1;
width:100%;
S
O
H
EC
ER
D
image:url(imagenes/barrasup.png);
top:0px;
background-
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
577
position:absolute;
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:4;
}
#birrete2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
578
margin-left:-600px;
top: 48px;
}
/*#slide {
position:absolute;
width:100%;
height:100%;
S
O
D
A
top: 166px;
V
R
E
ESbackgroundz-index:2;
R
S
image:url(imagenes/slideshow.png);
HO
C
E
ER
D
repeat:repeat;
background-
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
579
background-color:
#FFFFFF;
box-shadow: 0px -1px 6px
#9B9B9B;
}
#menusuperior {
S
O
D
A
width:236px;
V
R
E
RESheight:25px;
position:absolute;
S
O
H
EC
DER
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
580
top: -8px;
}
#b2 {
position:absolute;
width:200px;
height:115px;
z-index:4;
S
O
D
A
margin-left:-212px;
V
R
E
REStop: -15px;
left: 50%;
}
#b2b {
DER
S
O
H
EC
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
581
width:326px;
height:211px;
z-index:5;
left: 462px;
top: -18px;
background-color:
#5FBBDF;
}
ER
S
position:absolute;
E
SR
#abajoclaro {
O
H
C
E
ER
D
S
O
D
VA
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
background-
image:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
582
position:absolute;
width:200px;
height:115px;
z-index:5;
top: -15px;
left: 50%;
margin-left:160px;
}
ER
S
position:absolute;
E
SR
#apDiv9 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
583
left: 814px;
}
#apDiv12 {
position:absolute;
width:4px;
height:60px;
z-index:5;
S
O
D
A
left: 795px;
V
R
ESE
top: 67px;
}
C
E
R
DE
R
S
HO
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
584
z-index:7;
left: 341px;
top: 47px;
}
#apDiv15 {
position:absolute;
width:4px;
S
O
D
A
z-index:8;
V
R
E
RESleft: 1074px;
height:60px;
ER
D
#apDiv16 {
S
O
H
EC
}
top: 67px;
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
585
position:absolute;
width:100%;
height:180px;
z-index:-1;
backgroundimage:url(imagenes/barrasup.png);
background-
repeat:repeat;
S
O
H
EC
}
#footer2 {
DER
S
O
D
A
bottom:-1050px;
V
R
E
RES
position:absolute;
width:100%;
height:127px;
z-index:15;
background-
image:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1160px;
}
#apDiv17 {
position:absolute;
width:486px;
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
586
position:absolute;
width:176px;
height:70px;
z-index:1;
top: 27px;
left: 50%;
margin-left:-90px;
}
ER
S
position:absolute;
E
SR
#binferiores {
O
H
C
E
ER
D
S
O
D
VA
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
587
left: 64px;
top: 28px;
}
#apDiv21 {
position:absolute;
width:131px;
height:61px;
S
O
D
A
top: 45px;
V
R
ESleft:E230px;
z-index:4;
}
C
E
R
DE
R
S
HO
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
588
width:800px;
height:55px;
left:50%;
margin-left:-400px;
z-index:3;
bottom: -950px;
}
a:link {
S
O
H
EC
}
a:visited {
}
DER
S
O
D
A none;
text-decoration:
V
R
E
RES
text-decoration: none;
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
589
width:578px;
height:125px;
z-index:91;
}
#apDiv27 {
position:absolute;
width:927px;
S
O
D
A
z-index:101;
V
R
E
RESleft: -2px;
height:115px;
S
O
H
EC
ER
D
#apDiv28 {
}
top: 364px;
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
.fondovideo {
background-image:
url(imagenes/grisoscuro.png);
background-repeat:
repeat;
}
.botomplay {
590
background-image:
url(images/play.png);
background-repeat: norepeat;
text-align: center;
vertical-align: middle;
height: 60px;
S
O
D
A
-webkit-transition:
V
R
SE
width: 80px;
E
R
S
-moz-transition: all .35s ease-out;
HO
C
E
-o-transition:
EallR.35s ease-out;
D
transition: all .35s ease-out;
all .35s ease-out;
}
.botomplay:hover {
background-image:
url(images/play2.png);
background-repeat: norepeat;
text-align: center;
vertical-align: middle;
height: 60px;
width: 80px;
-webkit-transition: all .35s
ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
}
#apDiv34 {
591
position: absolute;
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
S
O
D
A90px;
padding-left:
V
R
E
RES
padding-bottom: 30px;
S
O
H
EC
}
DER
#slide {
position:absolute;
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
592
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #f6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
O
D
H
C
E
ER
R
SE
E
R
S
background: linear-gradient(#d5a975, #6f4d28);
S
O
D
VA
position:absolute;
width:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
}
#apDiv29 {
position:absolute;
width:100%;
height:200px;
top:150px;
593
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
S
O
D
A
width:100%;
V
R
E
RESheight:1500px;
position:absolute;
S
O
H
EC
DER
top:300px;
z-index:-13;
background-color:#FFF
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
594
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
S
O
D
VA
R
SE
E
R
S
HO
C
E
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;
if(!x.oSrc)
ER
D
x.oSrc=x.src; x.src=a[i+2];}
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
}
</script>
</head>
<body onload="MM_preloadImages('imagenes/ccmlogo3.png')">
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
595
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
S
O
D
A
src="imagenes/divisor.png" width="2" height="12" /></td>
V
R
SE
<td width="47%" align="center" valign="middle"
E
R
S
O
class="menuletrasarriba"><a
href="wmusic.php"
H
C
E
R
class="menuletrasarriba">¿Que
es MusicWorld?</a></td>
E
D
<td width="5%" align="center" valign="middle"
<td width="5%" align="center" valign="middle"><img
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
<td width="18%" align="center" valign="middle"
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
596
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
S
O
D
VA
<li><a href="videos.php">VideoTutoriales</a></li>
</ul>
</li>
O
H
C
E
ER
D
<nav id="colorNav2">
R
SE
E
R
S
<!-- More dropdown options -->
<ul>
<li class="green">
<a href="#">
<div id="apDiv144"><span class="menupriarriba">UNIDADES
DE</span><br />
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
597
<!-- More menu items -->
</ul>
</nav>
</ul>
</nav>
<div id="menuprincipal">
R
SE
E
R
S
O
H
C
E
height="42" /></div>
DER
S
O
D
VA
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
<a href="wmusic.php">
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
<div id="apDiv12"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
598
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
<div class="nav">
<div class="container">
R
SE
E
R
S
HO
C
E
R of Mini Ends -->
<!-EStart
D
</div>
S
O
D
VA
</div>
</div>
<div class="body">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
599
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
<h4>Videos cargados hasta ahora:</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / Videos</p>
</div>
</div>
R
SE
E
R
S
HO
C
E
Rclass="sixteen columns">
<div
E
<div class="callout-hr"></div>
S
O
D
VA
<div class="container">
D
<div class="filter">
<?php if($unidad==1){ ?>
<span
class="contenidotemasazul">UNIDAD 1. CONCEPTOS BÁSICOS DE LA
MÚSICA</span>
<?php }
else {
}
?>
<?php if($unidad==2){ ?>
600
<span
class="contenidotemasazul">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</span>
<?php }
S
O
D
VA
else {
O
H
C
E
ER
D
R
SE
E
R
S
}
?>
<?php if($unidad==3){ ?>
<span
class="contenidotemasazul">UNIDAD 3. ESCALAS</span>
<?php }
else {
}
?>
<?php if($unidad==4){ ?>
<span
class="contenidotemasazul">UNIDAD 4. INTERVALOS</span>
601
<?php }
else {
}
D
R
SE
E
R
S
O
H
C
E
R />
E<br
S
O
D
VA
?>
<h5>Click en el video para reproducir:</h5>
<div class="clear"></div>
</div>
<!-- Isotope Begins -->
<div class="portfolio standard three">
602
<?php if ( $totalRows_videostodos > 0) { // Show if
recordset not empty ?>
D
R
SE
E
R
S
O
H
C
E
<p>
ER
S
O
D
VA
<?php if ($id <= 0) { // Show if recordset not empty ?>
</p>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="64%" height="206" rowspan="5" align="center"
valign="middle" bgcolor="#FFFFFF" class="fondovideo"><?php echo
$row_videostodos['strEmbed']; ?></td>
<td width="4%" align="right"> </td>
<td width="32%" align="center" bgcolor="#EFE3D6"
class="titulovideo"><?php echo $row_videostodos['strTitulo']; ?></td>
</tr>
<tr>
<td align="right"> </td>
<td height="10" align="center" bgcolor="#FAF9DE"
class="publicadoblog"><?php echo $row_videostodos['strFecha'];
?></td>
</tr>
603
<tr>
<td align="right"> </td>
<td align="center" bgcolor="#FFFFFF" class="leermas"><?php echo
$row_videostodos['strDescripcion']; ?></td>
</tr>
<tr>
<td align="right"> </td>
S
O
D
A
<table width="42%" border="0" align="center" cellpadding="0"
V
R
SE
cellspacing="0">
E
R
S
<tr align="center"> HO
C class="addthis_toolbox
E
R
<td align="center"><div
E
D
addthis_default_style addthis_32x32_style"><a
<td align="center" valign="top" bgcolor="#1E3E53">
class="addthis_button_preferred_1"></a> <a
class="addthis_button_preferred_2"></a> <a
class="addthis_button_preferred_3"></a></div></td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
<?php } // Show if recordset not empty ?>
<p><br />
<?php if ($id > 0) { // Show if recordset not empty ?>
604
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="64%" height="206" rowspan="5"
align="center" valign="middle" bgcolor="#FFFFFF"
class="fondovideo"><?php echo $row_videoselect['strEmbed']; ?></td>
S
O
D
A
<td width="32%" align="center" bgcolor="#EFE3D6"
V
R
SE
class="titulovideo"><?php echo $row_videoselect['strTitulo'];
?></td>
E
R
S
</tr> HO
C
E
R
<tr>
DE
<td width="4%" align="right"> </td>
<td align="right"> </td>
<td height="10" align="center"
bgcolor="#FAF9DE" class="publicadoblog"><?php echo
$row_videoselect['strFecha']; ?></td>
</tr>
<tr>
<td align="right"> </td>
<td align="center" bgcolor="#FFFFFF"
class="leermas"><?php echo $row_videoselect['strDescripcion'];
?></td>
</tr>
<tr>
<td align="right"> </td>
<td align="center" valign="top"
bgcolor="#1E3E53"><table width="42%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr align="center">
605
<td align="center"><div class="addthis_toolbox
addthis_default_style addthis_32x32_style"><a
class="addthis_button_preferred_1"></a> <a
class="addthis_button_preferred_2"></a> <a
class="addthis_button_preferred_3"></a></div></td>
</tr>
</table></td>
</tr>
<tr></tr>
R
SE
E
R
S
HO
C
E
<?php
} // Show if recordset not empty ?>
ER
D
<p><br />
</table>
S
O
D
VA
<br />
<div id="apDiv35"></div>
<div id="resultadoproducto">
<?php do { ?>
<div class="fotoproducto">
<div id="apDiv34">
<table width="80" height="61" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td height="61" class="botomplay"><a
href="videosunidad.php?recordID=<?php echo
$row_videostodos['idVideos']; ?>&UN=<?php echo $unidad; ?>"><img
src="imagenes/80x60.png" width="80" height="60" /></a></td>
</tr>
</table>
606
</div><img src="imagenes/mvideos/<?php echo
$row_videostodos['strMiniatura']; ?>" width="250" height="141"
/></div>
<div class="textoproducto"><span class="titulovideo"><?php echo
$row_videostodos['strTitulo']; ?></span><span class="descripcion">
<br />
<?php if (strlen($row_videostodos['strDescripcion']) > 160) {
S
O
D
V} A
echo substr($row_videostodos['strDescripcion'],0,160).'(...)';
else {
R
SE
E
R
S
O
H
C
E
ER
echo $row_videostodos['strDescripcion'];
D
}
?>
<br />
</span><span class="publicadoporblog"><?php echo
$row_videostodos['strFecha']; ?></span> <br />
</div>
<?php } while ($row_videostodos =
mysql_fetch_assoc($videostodos)); ?>
</div>
<?php } // Show if recordset not empty ?>
<?php if ( $totalRows_videostodos <= 0) { // Show if
recordset not empty ?>
<span class="contenidotemasazul">No hay Videos
Cargados hasta ahora.</span>
<?php } // Show if recordset not empty ?>
607
</p>
<p> </p>
<!-- Isotope Ends -->
</div>
S
O
D
A lip<span
class="hr
V
R
ESE
<div class="sixteen columns">
R
S
O
<blockquote
bottom">
Hclass="standard
C
E
R
class="standard bottom">
DE<blockquote
quote"></span>
</blockquote>
</div>
</div>
</div>
</div><div class="footer style-2">
<div
class="stitch"></div>
<div class="content">
<div class="patch"></div>
</div>
</div>
</div>
</div>
608
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<table width="600"
ER border="0" align="center" cellpadding="0"
D
cellspacing="0">
<div id="footer2">
<div id="binferiores">
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
<td width="23%" align="center" class="menuletrasarriba"><a
href="wmusic.php" class="menuletrasarriba">¿Qué es
MusicWorld?</a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
609
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
O
H
C
E
ER
D
R
SE
E
R
S
</div>
S
O
D
VA
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
slide: '.slide',
slideHed: '.slidehed',
nextSlide : '.next',
prevSlide : '.prev',
addPagination: false,
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
610
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
R
SE
E
R
S
HO
C
E
$("#filters
ERa.active").removeClass('active');
D
$(this).addClass('active');
// filter items when filter link is clicked
S
O
D
VA
$('#filters a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
</body>
<script type="text/javascript">var addthis_config =
{"data_track_addressbar":true};</script>
<script type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra53496fef18ec9d2c"></script>
</html>
611
<?php
mysql_free_result($audios);
mysql_free_result($audiostodos);
mysql_free_result($videostodos);
mysql_free_result($videoselect);
O
D
H
C
E
ER
R
SE
E
R
S
?>
S
O
D
VA
612
Wmusic.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
S
O
D
VA
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
R
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>
O
H
C
E
ER
<meta charset="utf-8" />
D
SE
E
R
S
<title>¿Qué es MUSIC WORLD?</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet"
href="css/child.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
613
<link rel="stylesheet" href="css/ie.css" type="text/css"
media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
S
O
D
VA
<script type="text/javascript" language="javascript" src="js/jquery-1-82.js"></script>
R
SE
E
R
S
HO
C
E
<script type="text/javascript"
src="js/jquery.carousel.js"></script>
ER
D
<script type="text/javascript"
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"
charset="utf-8"></script>
<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css"
href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->
<link href="estilos/styles.css" rel="stylesheet" type="text/css" />
<link href="Panel/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
html {
width: 100%;
614
heigth: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
width: 100%;
}
O
H
C
E
ER
#barrasuperior {
D
R
SE
E
R
S
heigth: 100%;
position:absolute;
width:100%;
height:35px;
z-index:1;
top:0px;
background-
image:url(imagenes/barrasup.png);
backgroundrepeat:repeat;
}
#barragris {
position:absolute;
width:100%;
height:133px;
z-index:2;
top:32px;
backgroundimage:url(imagenes/barragris.png);
615
backgroundrepeat:repeat-x;
box-shadow: 0px -4px
10px #444;
}
#apDiv24 {
position:absolute;
S
O
D
A
height:55px;
V
R
E
RESleft:50%;
width:800px;
S
O
H
EC
}
DER
margin-left:-400px;
z-index:4;
#birrete2 {
position:absolute;
width:200px;
height:66px;
z-index:3;
left: 50%;
margin-left:-150px;
top: 25px;
}
#birretenaranja {
position:absolute;
width:70px;
height:66px;
z-index:2;
left: 0px;
top: 0px;
}
616
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-600px;
S
O
D
VA
top: 48px;
/*#slide {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:100%;
height:100%;
z-index:2;
top: 166px;
background-
image:url(imagenes/slideshow.png);
backgroundrepeat:repeat;
}*/
#apDiv2 {
position:absolute;
width:200px;
height:51px;
z-index:5;
left: 538px;
top: 107px;
background-color:
#FF9900;
}
617
#content {
position:absolute;
width:100%;
height:174px;
z-index:5;
top: 562px;
background-color:
#FFFFFF;
S
O
H
EC
#9B9B9B;
ER
D
#menusuperior {
}
S
O
D
A0px -1px 6px
box-shadow:
V
R
E
RES
position:absolute;
width:236px;
height:25px;
z-index:6;
left:50%;
margin-left:-530px;
top:5px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 50%;
margin-left:-585px;
top: -15px;
}
618
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: -179px;
top: -8px;
}
ER
S
position:absolute;
E
SR
#b2 {
O
H
C
E
ER
D
S
O
D
VA
width:200px;
height:115px;
z-index:4;
left: 50%;
margin-left:-212px;
top: -15px;
}
#b2b {
position:absolute;
width:200px;
height:115px;
z-index:3;
left:800px;
top: -9px;
}
#apDiv5 {
position:absolute;
width:101px;
height:31px;
z-index:1;
619
left: 567px;
top: 72px;
top: 72px;
}
#apDiv6 {
position:absolute;
width:326px;
S
O
D
A
z-index:5;
V
R
E
RESleft: 462px;
height:211px;
S
O
H
EC
ER
D
#5FBBDF;
top: -18px;
background-color:
}
#abajoclaro {
position:absolute;
width:100%;
height:450px;
z-index:3;
left: 0px;
top: 734px;
backgroundimage:url(imagenes/barragris2.png);
backgroundrepeat:repeat-x;
}
#apDiv7 {
position:absolute;
width:200px;
620
height:115px;
z-index:5;
left: 466px;
top: -18px;
}
#apDiv8 {
position:absolute;
S
O
D
A
height:115px;
V
R
E
RESz-index:5;
width:200px;
S
O
H
EC
DER
top: -15px;
left: 50%;
margin-left:160px;
}
#apDiv9 {
position:absolute;
width:4px;
height:60px;
z-index:2;
left: 672px;
top: 67px;
}
#apDiv10 {
position:absolute;
width:101px;
height:31px;
z-index:3;
left: 690px;
top: 72px;
}
621
#apDiv11 {
position:absolute;
width:101px;
height:31px;
z-index:4;
top: 72px;
left: 814px;
}
ER
S
position:absolute;
E
SR
#apDiv12 {
O
H
C
E
ER
D
S
O
D
VA
width:4px;
height:60px;
z-index:5;
top: 67px;
left: 795px;
}
#apDiv13 {
position:absolute;
width:4px;
height:60px;
z-index:6;
top: 67px;
left: 921px;
}
#apDiv14 {
position:absolute;
width:101px;
height:31px;
z-index:7;
left: 506px;
622
top: 73px;
}
#apDiv144 {
position:absolute;
width:101px;
height:31px;
z-index:7;
S
O
D
A
top: 47px;
V
R
ESE
left: 341px;
}
C
E
R
DE
R
S
HO
#apDiv15 {
position:absolute;
width:4px;
height:60px;
z-index:8;
left: 1074px;
top: 67px;
}
#apDiv16 {
position:absolute;
width:101px;
height:18px;
z-index:9;
left: 1086px;
top: 83px;
}
#menuprincipal {
position:absolute;
width:666px;
height:73px;
623
z-index:10;
left: 50%;
margin-left:-633px;
top: 1px;
}
#footer321 {
position:absolute;
S
O
D
A
height:180px;
V
R
E
RESz-index:-1;
width:100%;
S
O
H
EC
DER
background-
image:url(imagenes/barrasup.png);
background-
repeat:repeat;
bottom:-900px;
}
#footer2 {
position:absolute;
width:100%;
height:127px;
z-index:15;
backgroundimage:url(imagenes/grisoscuro.png);
backgroundrepeat:repeat-x;
bottom:-1010px;
}
#apDiv17 {
position:absolute;
width:486px;
624
height:219px;
z-index:20;
left: 593px;
top: 29px;
}
#apDiv18 {
position:absolute;
S
O
D
A
height:70px;
V
R
E
RESz-index:1;
width:176px;
S
O
H
EC
DER
top: 27px;
left: 50%;
margin-left:-90px;
}
#binferiores {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
height:111px;
z-index:1;
top: 10px;
}
#apDiv19 {
position:absolute;
width:111px;
height:115px;
z-index:2;
left: 336px;
top: 3px;
625
}
#apDiv20 {
position:absolute;
width:521px;
height:223px;
z-index:21;
left: 64px;
S
O
D
VA
top: 28px;
#apDiv21 {
O
D
H
C
E
ER
R
SE
E
R
S
}
position:absolute;
width:131px;
height:61px;
z-index:4;
top: 45px;
left: 230px;
}
#apDiv22 {
position:absolute;
width:329px;
height:61px;
z-index:3;
left: 282px;
top: 45px;
text-align: center;
}
#apDiv23 {
position:absolute;
width:150px;
height:68px;
626
z-index:3;
left: 535px;
top: 7px;
}
#apDiv24 {
position:absolute;
width:800px;
S
O
D
left:50%;VA
ER
S
margin-left:-400px;
E
R
height:55px;
S
O
H
EC
}
DER
z-index:3;
bottom: -800px;
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #F90;
}
#apDiv25 {
position:absolute;
width:176px;
height:531px;
627
z-index:6;
left: 8px;
top: 8737px;
z-index: 6;
}
#apDiv26 {
position:absolute;
S
O
D
A
height:125px;
V
R
E
RESz-index:91;
width:578px;
}
DER
S
O
H
EC
#apDiv27 {
position:absolute;
width:927px;
height:115px;
z-index:101;
left: -2px;
top: 364px;
}
#apDiv28 {
position:absolute;
width:100%;
height:1500px;
z-index:-16;
left: -1px;
top: 0px;
}
#slide {
position:absolute;
628
width:1262px;
height:396px;
z-index:-15;
top: 166px;
left:50%;
margin-left:-631px;
}
#slide2 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
height:1700px;
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
background-repeat:
repeat;
background: -webkit-linear-gradient(#d5a975, #6f4d28);
background: -moz-linear-gradient(#d5a975, #6f4d28);
background: -o-linear-gradient(#d5a975, #6f4d28);
background: linear-gradient(#d5a975, #6f4d28);
}
#slide3 {
position:absolute;
width:100%;
height:1700px;
629
z-index:-15;
top: 0;
bottom:0;
left:0;
right:0;
background-image:
url(imagenes/slideshow2.png);
S
O
D
VA
background-repeat:
}
#apDiv29 {
O
H
C
E
ER
D
R
SE
E
R
S
repeat;
position:absolute;
width:100%;
height:200px;
top:150px;
z-index:-14;
background-image:
url(imagenes/bgeclipse.png);
background-repeat:
repeat-x;
}
#fondoblanco {
position:absolute;
width:100%;
height:1500px;
top:300px;
z-index:-13;
background-color:#FFF
}
#apDiv30 {
630
position:absolute;
width:392px;
height:188px;
z-index:16;
left: 287px;
top: 657px;
}
#apDiv31 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:200px;
height:115px;
z-index:16;
left: -10px;
top: 650px;
background-color:
#990066;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
631
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
Ax;
if(!x && d.getElementById) x=d.getElementById(n); return
V
R
SE
}
E
R
S
O
H
C { //v3.0
E
R
function MM_swapImage()
E
D
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
x=MM_findObj(n,d.layers[i].document);
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function pensumadultos()
{
self.name = 'opener';
remote =
open('pestudioadultos.php', 'remote',
'width=800,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function pensuminfantil()
{
self.name = 'opener';
632
remote =
open('pestudioinfantil.php', 'remote',
'width=700,height=1000,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
</script>
</head>
S
O
D
VA
R
SE
E
R
S
HO
C
E
onload="MM_preloadImages('imagenes/ccmlogo3.png','imagenes/b1eje
ER
D
mpestudio2.png')">
<body
<div id="birrete2"><img src="imagenes/pesta.png" width="761"
height="64" /></div>
<div id="slide2" style="filter:alpha(opacity=90); opacity:0.90;"><div
id="slide3"></div></div>
<div id="apDiv28"></div>
<div id="fondoblanco"></div>
<div id="apDiv29"></div>
<div id="birretenaranja"><img src="imagenes/amanaraj.png"
width="120" height="40" /></div>
<div id="barrasuperior">
<div id="menusuperior">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12%" height="25" valign="middle"><img
src="imagenes/home.png" width="16" height="15" /></td>
633
<td width="13%" align="center" valign="middle"><span
class="menuletrasarriba"><a href="index.php"
class="menuletrasarriba">Inicio</a></span></td>
<td width="5%" align="center" valign="middle"><img
src="imagenes/divisor.png" width="2" height="12" /></td>
<td width="47%" align="center" valign="middle"
class="menuletrasarriba"><a href="wmusic.php"
S
O
D
VA
class="menuletrasarriba">¿Que es MusicWorld?</a></td>
R
SE
E
R
S
<td width="5%" align="center" valign="middle"
HO
C
E
<td width="18%"
ER align="center" valign="middle"
D
class="menuletrasarriba"><a href="blog.php"
class="menuletrasarriba"><img src="imagenes/divisor.png" alt=""
width="2" height="12" /></td>
class="menuletrasarriba">Blog</a></td>
</tr>
</table>
</div>
</div>
<div id="barragris">
<!--////////////////////// MENU PRINCIPAL-->
<nav id="colorNav">
<ul>
<li class="green">
<a href="#">
<div id="apDiv14"><span
class="menupriarriba">CONTENIDO</span><br />
<span class="menupriabajo">MULTIMEDIA </span></div></a>
<ul>
<li><a href="blog.php">Blog</a></li>
634
<li><a href="audios.php">Audios</a></li>
<li><a href="galeria.php">Galería de Fotos</a></li>
<li><a href="videos.php">VideoTutoriales</a></li>
<!-- More dropdown options -->
</ul>
</li>
<nav id="colorNav2">
<ul>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="apDiv144"><span
class="menupriarriba">UNIDADES
ER
D
DE</span><br />
<li class="green">
<a href="#">
<span class="menupriabajo">ESTUDIO</span></div></a>
<ul>
<li><a href="unidad1.php">UNIDAD 1. CONCEPTOS BÁSICOS
DE LA MÚSICA</a></li>
<li><a href="unidad2.php">UNIDAD 2. SOLFEO Y PRINCIPIOS
BÁSICOS DE LA TEORÍA MUSICAL</a></li>
<li><a href="unidad3.php">UNIDAD 3. ESCALAS</a></li>
<li><a href="unidad4.php">UNIDAD 4. INTERVALOS</a></li>
<!-- More dropdown options -->
</ul>
</li>
<!-- More menu items -->
</ul>
</nav>
</ul>
635
</nav>
<div id="menuprincipal">
<div id="apDiv9"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="wmusic.php">
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="apDiv12"><img
ER src="imagenes/divisormprin.png" width="1"
D
height="42" /></div>
<div id="apDiv10"><span class="menupriarriba">MUSIC</span><br />
<span class="menupriabajo">WORLD</span></div></a>
<div id="apDiv13"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<div id="apDiv15"><img src="imagenes/divisormprin.png" width="1"
height="42" /></div>
<a href="contacto.php">
<div class="menupriabajo" id="apDiv16">CONTACTO</div></a>
</div>
<!--/////// CERRAR MENU-->
</div>
<div id="apDiv1"><img src="imagenes/ccmlogo.png" width="489"
height="171" /></div>
<div class="page-wrapper">
636
<div class="nav">
<div class="container">
<!-- Start of Mini Ends -->
</div>
</div>
</div>
D
<div class="body">
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="body-round"></div>
<div class="body-wrapper">
<div class="side-shadows"></div>
<div class="content">
<div class="container callout standard">
<div class="twelve columns">
637
<h4>Music World</h4>
<p class="link-location">Estás aquí: <a
href="index.php">Inicio</a> / ¿Que és MusicWorld?<a
href="#"></a></p>
</div>
</div>
<div class="callout-hr"></div>
S
O
D
A
<table width="90%" border="0" align="center"
V
R
SE
cellpadding="0" cellspacing="0">
E
R
S
O
<tr>
H
C
E
R
<td
align="center"><span
class="titulosblog"><br />
DE
<div class="container">
</span>
<p class="menupriabajo">¿QUÉ ES MUSIC
WORLD?</p>
<p class="titulosblog">Es un sitio web interactivo
donde encontraras toda una variedad de información acerca de la teoría
musical organizada por temas y unidades desde la etapa básica y
también te ofrecemos también una variedad de videotutoriales y una
sección de partituras disponibles para descargar para guiarte en el
proceso de aprendizaje musical.</p>
<p><img src="imagenes/ccmlogo.png" width="489"
height="171" /><br />
<br />
<br />
<br />
<img src="imagenes/vision.png" width="160"
height="207" /><img src="imagenes/vision1.png" width="699"
height="207" /><br />
638
<img src="imagenes/mision.png" width="160"
height="207" /><img src="imagenes/mision1.png" width="699"
height="207" /></p>
<p><img src="imagenes/objetivos.png" width="160"
height="207" /><img src="imagenes/objetivos1.png" width="699"
height="207" /><br />
</p>
S
O
D
A
<a href="#" onclick="javascript:pensumadultos();"
V
R
E
onmouseout="MM_swapImgRestore()"RES
S
O
onmouseover="MM_swapImage('Image21','','imagenes/b1ejempestudio2
H
EC
.png',1)"><br E
/> R
D </a></td>
<div class="titulosblog"></div>
</tr>
</table>
<br />
<div class="twelve columns"><!-- Blog Ends --><!-- Blog
Ends --><!-- Blog Ends --><!-- Blog Ends --></div>
<div class="four columns"></div>
<div class="clear"></div>
<div class="sixteen columns">
<span class="hr lipquote"></span>
<blockquote class="standard
bottom"> </blockquote>
</div>
</div>
639
</div>
</div><div class="footer style-2">
<div class="content">
<div class="patch"></div>
<div class="blur"></div>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
</div>
</div>
</div>
</div>
<div id="footer321"></div>
<div id="apDiv24"><div id="apDiv18"><a
href="index.php" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','imagenes/ccmlogo3.png',1)
"><img src="imagenes/ccmlogo2.png" name="Image16" width="175"
height="68" border="0" id="Image16" /></a></div>
</div>
<div id="footer2">
640
<div id="binferiores">
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr class="menuletrasarriba">
<td width="9%" align="center" class="menuletrasarriba"><a
href="index.php" class="menuletrasarriba">Inicio</a></td>
<td width="1%" align="center">|</td>
S
O
D
href="wmusic.php" class="menuletrasarriba">¿Qué esVA
ER
S
MusicWorld?</a></td>
E
R
S
<td width="1%" align="center">|</td>
HO
C
E
<td width="9%"
ERalign="center" class="menuletrasarriba"><a
D
href="blog.php" class="menuletrasarriba">Blog</a></td>
<td width="23%" align="center" class="menuletrasarriba"><a
<td width="1%" align="center"> |</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="audios.php" class="menuletrasarriba">Audio</a></td>
<td width="1%" align="center"> |</td>
<td width="17%" align="center" class="menuletrasarriba"><a
href="videos.php" class="menuletrasarriba">VideoTutoriales</a></td>
<td width="1%" align="center">|</td>
<td width="12%" align="center" class="menuletrasarriba"><a
href="galeria.php" class="menuletrasarriba">Galería </a></td>
<td width="1%" align="center">|</td>
<td width="9%" align="center" class="menuletrasarriba"><a
href="contacto.php" class="menuletrasarriba">Contacto</a></td>
</tr>
</table>
</div>
</div>
641
<script type="text/javascript">
$(document).ready(function() {
$('.slidewrap2').carousel({
slider: '.slider',
HO
C
E
prevSlide
ER: '.prev',
D
addPagination: false,
slideHed: '.slidehed',
nextSlide : '.next',
R
SE
E
R
S
slide: '.slide',
S
O
D
VA
addNav : false
});
});
$(window).load(function(){
$("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
// cache container
var $container = $('#isotope-container');
// initialize isotope
$container.isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
layoutMode : 'fitRows'
});
// filter items when filter link is clicked
642
$('#filters a').click(function(){
$("#filters a.active").removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
</body>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
</html>
643
Acceso.php
<?php require_once('Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
644
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
<?php
R
SE
E
R
S
HO
C
E
// *** Validate request
ER to login to this site.
D
if (!isset($_SESSION)) {
?>
S
O
D
VA
session_start();
}
$loginFormAction = $_SERVER['PHP_SELF'];
if (isset($_GET['accesscheck'])) {
$_SESSION['PrevUrl'] = $_GET['accesscheck'];
}
if (isset($_POST['name'])) {
$loginUsername=$_POST['name'];
$password=$_POST['password'];
$MM_fldUserAuthorization = "";
$MM_redirectLoginSuccess = "panel.php";
$MM_redirectLoginFailed = "erroracceso.php";
$MM_redirecttoReferrer = false;
mysql_select_db($database_ccm, $ccm);
645
$LoginRS__query=sprintf("SELECT idUsuario, strUser, strPass FROM
tblusuario WHERE strUser=%s AND strPass=%s",
GetSQLValueString($loginUsername, "text"),
GetSQLValueString($password, "text"));
$LoginRS = mysql_query($LoginRS__query, $ccm) or
die(mysql_error());
$row_LoginRS = mysql_fetch_assoc($LoginRS);
if ($loginFoundUser) {
O
H
C
E
ER
$loginStrGroup = "";
D
R
SE
E
R
S
$loginFoundUser = mysql_num_rows($LoginRS);
S
O
D
VA
if (PHP_VERSION >= 5.1)
{session_regenerate_id(true);} else {session_regenerate_id();}
//declare two session variables and assign them
$_SESSION['MM_Username'] = $loginUsername;
$_SESSION['MM_UserGroup'] = $loginStrGroup;
$_SESSION['MM_idUser'] = $row_LoginRS["idUsuario"];
if (isset($_SESSION['PrevUrl']) && false) {
$MM_redirectLoginSuccess = $_SESSION['PrevUrl'];
}
header("Location: " . $MM_redirectLoginSuccess );
}
else {
header("Location: ". $MM_redirectLoginFailed );
}
}
?>
646
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
body {
S
O
H
EC
url(../imagenes/slideshow.png);
repeat;
}
DER
S
O
D
A
background-image:
V
R
E
RES
background-repeat:
#apDiv1 {
position:absolute;
width:1000px;
height:470px;
z-index:1;
left: 0px;
top: 21px;
backgroundimage:url(Imagenes/btrans.png);
backgroundrepeat:repeat;
box-shadow:0.1px 0
6px #CCC;
}
#apDiv2 {
position:absolute;
width:245px;
647
height:151px;
z-index:90;
left:50%;
margin-left:-120px;
top: -27px;
}
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
S
O
D
A
src:url("http://dl.dropbox.c
V
R
SE
om/u/94346812/cssdeck/fonts/pictos-regular-webfont.ttf")
E
R
S
O
format("truetype"),
H
C
E
R
DE
url("http://dl.dropbox.com/
@font-face{
u/94346812/cssdeck/fonts/pictos-regular-webfont.otf")
format("opentype"),
url("http://dl.dropbox.com/
u/94346812/cssdeck/fonts/pictos-regular-webfont.svg") format("svg");
font-family:icon;
}
body{
font-family:'Open Sans';
}
label{
font-family:icon;
text-shadow:0 -1px 0
#666;
-webkit-font-smoothing:
antialiased;
648
}
#block,#option{
width:230px;
height:113px;
margin:auto;
}
#block{
S
O
D
A
margin-top:100px;
V
R
E
RES
background:#CCC;
S
O
H
EC
}
DER
#block:before{
content:'';
display:block;
width:230px;
height:3px;
/* The rainbow*/
background:linear-
gradient(left, rgba(173,107,173,1) 0%, rgba(173,107,173,1) 1%,
rgba(181,121,168,1) 1%, rgba(181,126,181,1) 2%, rgba(181,126,181,1) 2%,
rgba(189,136,187,1) 3%, rgba(189,136,187,1) 3%, rgba(197,151,181,1) 4%,
rgba(197,151,181,1) 5%, rgba(206,165,194,1) 5%, rgba(206,165,194,1) 6%,
rgba(214,178,194,1) 6%, rgba(214,178,194,1) 7%, rgba(222,189,189,1) 7%,
rgba(222,189,189,1) 8%, rgba(222,197,197,1) 8%, rgba(222,197,197,1) 9%,
rgba(229,210,200,1) 9%, rgba(229,210,200,1) 10%, rgba(241,230,197,1)
11%, rgba(241,230,197,1) 12%, rgba(247,247,197,1) 12%,
rgba(247,247,197,1) 15%, rgba(236,247,194,1) 15%, rgba(236,247,194,1)
16%, rgba(230,239,189,1) 17%, rgba(230,239,189,1) 18%,
rgba(222,239,183,1) 19%, rgba(222,239,183,1) 20%, rgba(212,239,176,1)
20%, rgba(212,239,176,1) 22%, rgba(201,230,165,1) 22%,
rgba(201,230,165,1) 25%, rgba(186,230,158,1) 26%, rgba(186,230,158,1)
649
27%, rgba(182,225,147,1) 27%, rgba(182,225,147,1) 30%,
rgba(169,222,140,1) 30%, rgba(169,222,140,1) 32%, rgba(160,222,132,1)
32%, rgba(160,222,132,1) 36%, rgba(156,214,147,1) 36%,
rgba(156,214,147,1) 39%, rgba(148,214,161,1) 40%, rgba(148,214,161,1)
43%, rgba(148,214,174,1) 43%, rgba(148,214,174,1) 45%,
rgba(148,206,186,1) 46%, rgba(148,206,186,1) 48%, rgba(140,206,197,1)
49%, rgba(140,206,197,1) 52%, rgba(140,206,212,1) 52%,
S
O
D
58%, rgba(148,179,210,1) 59%, rgba(148,179,210,1) 60%,VA
R
Ergba(156,167,197,1)
S
rgba(156,173,206,1) 61%, rgba(156,167,197,1)
61%,
E
R
S
63%, rgba(165,154,189,1) 63%,
rgba(165,154,189,1) 64%,
HO
C
E
rgba(169,148,181,1)
ER65%, rgba(169,148,181,1) 66%, rgba(173,134,175,1)
D
66%, rgba(173,134,175,1) 67%, rgba(181,121,168,1) 67%,
rgba(140,206,212,1) 55%, rgba(140,195,221,1) 55%, rgba(140,195,221,1)
rgba(181,121,168,1) 69%, rgba(189,115,156,1) 69%, rgba(189,115,156,1)
70%, rgba(196,102,146,1) 71%, rgba(196,102,146,1) 72%,
rgba(200,88,143,1) 73%, rgba(200,88,143,1) 74%, rgba(206,80,132,1) 74%,
rgba(206,80,132,1) 76%, rgba(214,64,123,1) 76%, rgba(214,64,123,1) 78%,
rgba(220,59,114,1) 78%, rgba(220,59,114,1) 79%, rgba(222,48,110,1) 79%,
rgba(222,48,110,1) 80%, rgba(232,42,107,1) 80%, rgba(232,42,107,1) 81%,
rgba(230,33,99,1) 81%, rgba(230,33,99,1) 83%, rgba(232,42,107,1) 83%,
rgba(232,42,107,1) 84%, rgba(222,48,110,1) 85%, rgba(222,48,110,1) 86%,
rgba(220,59,114,1) 87%, rgba(220,59,114,1) 88%, rgba(214,64,123,1) 88%,
rgba(214,64,123,1) 89%, rgba(206,66,130,1) 90%, rgba(206,66,130,1) 92%,
rgba(199,74,141,1) 92%, rgba(199,74,141,1) 94%, rgba(189,82,148,1) 95%,
rgba(189,82,148,1) 96%, rgba(184,90,158,1) 97%, rgba(184,90,158,1) 99%,
rgba(181,99,165,1) 99%, rgba(181,99,165,1) 100%);
}
#block:after{
content:'';
650
display:block;
width:15px;
height:15px;
background:#CCC;
transform:rotate(-45deg);
margin:10px 18px;
position:absolute;
}
ER
S
position:absolute;
E
SR
#block label, #submit{
O
H
C
E
ER
D
S
O
D
VA
width:33px;
height:34px;
background:#dedede;
margin:15px;
text-align:center;
line-height:2.2;
color:#857487;
border-top-left-radius:2px;
border-bottom-left-
radius:2px;
}
#block label#pass{
position:absolute;
width:33px;
height:34px;
background:#dedede;
margin:-5px 15px;
}
#submit{
border:0;
651
margin:-29px 180px;
border-top-left-radius:0px;
border-bottom-leftradius:0px;
border-top-rightradius:2px;
border-bottom-right-
radius:2px;
#333;
DER
S
O
H
EC
S
O
D
A
font-family:icon;
V
R
E
RESbackground:#F60;
text-shadow:0 -1px 0
box-shadow:-1px 0
1px 0px #6c5b6d;
font-size:12px;
line-height:2.8;
padding:0;
}
#submit:hover{
color:#fff;
}
#user, #pass{
box-shadow:0.1px 0 2px
#6c5B6d;
}
#block input[type=text],#block input[type=password], #option p {
font-family:'Open Sans
Condensed'
font-weight:300;
652
-webkit-font-smoothing:
antialiased;
}
#block input[type=text],#block input[type=password]{
width:156px;
height:32px;
margin:15px 15px;
S
O
D
A
border-radius:2px;
V
R
E
RESoutline:0;
border:0;
S
O
H
EC
}
DER
display:block;
font-size:10px;
#block input[type=password]{
width:156px;
height:32px;
margin:-5px 15px;
}
#submit{
color:#fff;fontsize:8px;font-weight:bold;
}
#option{
width:230px;
height:80px;
overflow:hidden;
margin:auto;
}
#option p{
653
font-family:"Museo Sans
900";
color:#6c5B6d;
font-size:24px;
text-transform:uppercase;
padding:0px 18px;
margin-top:15px;
S
O
D
float:left;VA
ER
S
-webkit-font-smoothing:
E
R
display:block;
S
O
H
EC
ER
D
#option a{
antialiased;/*text-shadow:0 -1px 0 #000;*/
}
font-family:"Museo Sans
500";
-webkit-font-smoothing:
antialiased;
color:#6c5B6d;
/*text-shadow:0 -1px 0
#000;*/
font-size:12px;
display:block;
float:right;
margin:26px 15px;
}
input{padding-left:40px;}
#block:active > #block:before{
backgroundposition:100px 100px;
654
}
/* placeholder */
::-webkit-input-placeholder {
-webkit-font-smoothing:
antialiased;
color:#999;
S
O
D
VA
font-size:10px;
:-moz-input-placeholder {
O
H
C
E
ER
}
D
R
SE
E
R
S
}
color:#999;
font-size:16px;
/* Want to see the magic ? So open a webkit browser then remove the
comments below !
/!\ YOU NEED TO PLACE THIS IN INPUTS /!\
input::-webkit-validation-bubble-message {
color:white;
background: #e62163;
border:0;
border-radius:0;
padding:0;
width:55px;
height:34px;
655
position:absolute;
float:left;
margin:-33px 208px;
text-align:center;
line-height:2.7em;
box-shadow:0 0 0;
}
S
O
D
A
content:"X";
V
R
E
RESdisplay:block;
input::-webkit-validation-bubble-message:before {
S
O
H
EC
DER
font-family:icon;
color:white;
background: #e62163;
border:0;
border-radius:0;
padding:0;
width:34px;
height:34px;
position:absolute;
float:left;
margin:0px -208px;
text-align:center;
line-height:2.7em;
color: #fff;
border-top-left-radius:2px;
border-bottom-leftradius:2px;
-webkit-font-smoothing:
antialiased;
656
}
input::-webkit-validation-bubble-icon {
display: none;
}
input::-webkit-validation-bubble-arrow {
background: #e62163;
border:0;
S
O
D
A
height:10px;
V
R
E
RESposition:absolute;
width:10px;
ER
D
#apDiv3 {
S
O
H
EC
}*/
margin:-23px 178px;
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 409px;
top: 168px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: -1px;
top: 207px;
}
</style>
</head>
657
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div id="apDiv2">
S
O
D
VA
<form id="form" name="form" action="<?php echo
R
Eid="block">
S
<div
E
SR
$loginFormAction; ?>" method="POST">
O
H
C
E
for="name">p</label>
DER
<label id="user"
<input type="text"
title="OBLIGATORIO" name="name" id="name" placeholder="Usuario"
required/>
<label id="pass"
for="password">k</label>
<input
type="password" name="password" id="password"
placeholder="Contraseña" required />
<input type="submit"
id="submit" name="submit" value="a"/>
</div>
</form>
<div id="option">
<p>ACCESO</p>
<a
href="recuperar.php">Olvidados?</a>
</div>
658
</div>
<div id="apDiv3"><img src="../imagenes/footer.png" width="592"
height="162" /></div>
<div id="apDiv4"><img src="../imagenes/bgeclipse.png"
width="1002" height="263" /></div>
</div></td>
</tr>
</table>
</html>
O
D
H
C
E
ER
R
SE
E
R
S
</body>
S
O
D
VA
659
Articulodelete.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
660
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
S
O
D
VA
R
SE
E
R
S
}
HO
C
E
R
$deleteSQL =
FROM tblarticulo WHERE idArt=%s",
Esprintf("DELETE
DGetSQLValueString($_GET['ID'],
"int"));
if ((isset($_GET['ID'])) && ($_GET['ID'] != "")) {
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($deleteSQL, $ccm) or die(mysql_error());
$deleteGoTo = "articulos.php";
if (isset($_SERVER['QUERY_STRING'])) {
$deleteGoTo .= (strpos($deleteGoTo, '?')) ? "&" : "?";
$deleteGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $deleteGoTo));
}
?>
<html>
<head>
<title>Redirigir al navegador a otra URL</title>
<META HTTP-EQUIV="REFRESH" CONTENT="1;URL=articulos.php">
</head>
661
<body>
Artículo borrado. Redirigiendo...
</body>
</html>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
662
Articulos.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
663
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
O
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
$currentPage = $_SERVER["PHP_SELF"];
D
$maxRows_Articulos = 2;
$pageNum_Articulos = 0;
if (isset($_GET['pageNum_Articulos'])) {
$pageNum_Articulos = $_GET['pageNum_Articulos'];
}
$startRow_Articulos = $pageNum_Articulos * $maxRows_Articulos;
mysql_select_db($database_ccm, $ccm);
$query_Articulos = "SELECT * FROM tblarticulo ORDER BY
tblarticulo.idArt DESC";
$query_limit_Articulos = sprintf("%s LIMIT %d, %d", $query_Articulos,
$startRow_Articulos, $maxRows_Articulos);
$Articulos = mysql_query($query_limit_Articulos, $ccm) or
die(mysql_error());
$row_Articulos = mysql_fetch_assoc($Articulos);
if (isset($_GET['totalRows_Articulos'])) {
$totalRows_Articulos = $_GET['totalRows_Articulos'];
664
} else {
$all_Articulos = mysql_query($query_Articulos);
$totalRows_Articulos = mysql_num_rows($all_Articulos);
}
$totalPages_Articulos =
ceil($totalRows_Articulos/$maxRows_Articulos)-1;
$queryString_Articulos = "";
R
SE
E
R
S
if (!empty($_SERVER['QUERY_STRING'])) {
S
O
D
VA
HO
C
E
foreach ($params
ERas $param) {
D
if (stristr($param, "pageNum_Articulos") == false &&
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
stristr($param, "totalRows_Articulos") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_Articulos = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_Articulos = sprintf("&totalRows_Articulos=%d%s",
$totalRows_Articulos, $queryString_Articulos);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
665
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<!-- InstanceEndEditable -->
body {
O
H
C
E
ER
<style type="text/css">
D
R
SE
E
R
S
<title>Documento sin título</title>
S
O
D
VA
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
666
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
S
O
D
VA
font-family: "Trebuchet
ER#FFF;
S
color:
E
SR
MS", Arial, Helvetica, sans-serif;
O
H
C
E
ER
D
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
667
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
S
O
D
A
color: #000;
V
R
SE
font-weight: normal;
}
C
E
R
DE
.bavanzada {
500";
E
R
S
HO
font-family: "Museo Sans
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
668
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
HO
C
E
MS", Arial, Helvetica,
DER sans-serif;
.titulomenu {
R
SE
E
R
S
}
S
O
D
VA
font-family: "Trebuchet
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
669
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
S
O
D
A 5px;
padding-bottom:
V
R
E
RESpadding-left: 15px;
padding-right: 15px;
S
O
H
EC
ER
D
-moz-transition: all .35s ease-out;
.35s ease-out;
-webkit-transition: all
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
670
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
display: inline;
O
H
C
E
ER
position: relative;
D
.tooltip:hover:after {
}
R
SE
E
R
S
.tooltip {
S
O
D
VA
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
671
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
}
O
H
C
E
color: #666; ER
D
}
.info {
R
SE
E
R
S
border-width: 6px 6px 0 6px;
S
O
D
VA
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
672
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
box-sizing: border-box;
ER
D
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
673
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
674
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
O
-moz-box-sizing: border-box;
H
C
E
ER
box-sizing: border-box;
D
margin-bottom: -8px;
height: 0;
R
SE
E
R
S
-webkit-box-sizing: border-box;
S
O
D
VA
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
675
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
appearance: none;
O
H
C
E
-moz-border-radius:
ER 0;
D
-ms-border-radius: 0;
-webkit-border-radius: 0;
R
SE
E
R
S
-moz-appearance: none;
S
O
D
VA
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
676
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
D
A3px;
border-radius:
V
R
E
RESborder: 1px solid #717171;
-moz-border-radius: 3px;
S
O
H
EC
DER
1px 0px #efefef;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
677
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
HO
C
E
text-shadow: E
D0pxR1px 0px #fff;
margin-top: 2px;
color: #666;
R
SE
E
R
S
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
678
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
S
O
D
A
margin-bottom:20px;
V
R
E
RES}
padding-bottom: 10px;
S
O
H
EC
DER
.border {
background-
color:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
679
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
S
O
D
A
position:V
absolute;
R
E
RESwidth: 130px;
#apDiv34 {
S
O
H
EC
DER
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
680
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
S
O
D
VA
return;
R
SE
E
R
S
}
HO
C
E
(document.form1.contra.value=='')
DER
if
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
681
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
}
D
function subirimagen()
ER
S
document.form1.submit();
E
SR
O
H
C
E
ER
S
O
D
VA
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
682
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenfot()
}
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
683
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
R
SE
E
R
S
HO
C
E
window.location.assign("audiodelete.php?ID="
+id);
DER
function alertaaud(id){
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
684
}else{
return false;
}
}
function imprimir()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoprofesores.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
685
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoestudiantes.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=yes,fullscreen=no, status=yes');
D
remote.focus();
}
function pprueba(id)
{
self.name = 'opener';
remote =
open('prueba.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
686
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
S
O
D
A
remote.focus();
V
R
E
RES}
rs=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function
aranceles()
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
687
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
S
O
D
VA
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
R
SE
E
R
S
HO
C
E
ObtenerNombreUser($_SESSION['MM_idUser']);
?> <?php echo
ER
D
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) {
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
688
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
S
O
D
A
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
V
R
SE
E
R
S
O
<?php
H
C
E
R
}
DE
?>
<td width="19%"> </td>
</tr>
</table>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
689
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
S
O
D
VA
<table width="250" border="0" align="center" cellpadding="0"
HO
C
E
<div class="container">
DER
<tr>
R
SE
E
R
S
cellspacing="0">
<td height="17" colspan="3" class="titulomenu"><br />
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</div>
690
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
O
href="unidades.php">Material de Apoyo</a></td>
</tr>
H
C
E
ER
R
SE
E
R
S
<td height="35" colspan="3" class="tabla"><a
S
O
D
VA
D
<td height="35" colspan="3" class="tabla"><a
<tr>
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="pprueba.php">Presentar Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
691
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
692
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i V
class="iconR
E
user"></i>Datos Personales</a></li> RES
S
O
<li><a href="confcuenta.php"><i
class="iconH
C
E
R Cuenta</a></li>
cog"></i>Configurar
DE<li><a
href="cerrar.php"><i class="icon<ul class="dropdown">
remove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
693
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td height="35"
ER colspan="3" class="tabla"> </td>
D
</tr>
<tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
694
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
O
H
C
E
ER
D
R
SE
E
R
S
<?php } // Show if recordset empty >
S
O
D
VA
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
695
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
S
O
D
VA
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
R
SE
E
R
S
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
HO
C
E
R Sesión</a></li>
remove"></i>Cerrar
DE</ul>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="icon-
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
696
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
S
O
D
<td height="35" colspan="3" class="tabla"><aVA
ER
S
href="audiosunidades.php">Agregar Audio</a></td>
E
R
S
</tr>
HO
C
E
<tr> ER
D
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
697
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
R
<table
border="0" align="center" cellpadding="0"
Ewidth="97%"
D
cellspacing="0">
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<tr>
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="cargararticulo.php"
title="Agregar un Artículo" class="tooltip"><img
src="../images/icons/page_table_add_32.png" width="32" height="32"
/></a></td>
<td width="6%" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
src="../images/icons/folder_page_32.png" alt="1" width="32"
height="32" /></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
class="titulomenu">Artículos cargados hasta ahora</td>
</tr>
<tr>
698
<td height="330" colspan="4" valign="top"><?php if
($totalRows_Articulos > 0) { // Show if recordset not empty ?>
<br />
<?php do { ?>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
S
O
D
A
align="center" valign="middle" bgcolor="#FF9900"><img
V
R
E
Swidth="32"
src="../images/icons/page_text_32.png"
alt="2"
height="32"
E
R
S
/></td>
HO
C
E
<td width="23%" rowspan="2" align="center"
ER
D
bgcolor="#FFEED5"><img src="../imagenes/imgarticulos/<?php echo
<td width="5%" height="50" rowspan="2"
$row_Articulos['strImagen']; ?>" width="137" height="102" /></td>
<td height="95" colspan="3" bgcolor="#FFEED5"
class="mensajes"><?php echo $row_Articulos['strTitulo']; ?><br />
<br />
<?php echo $row_Articulos['strContenido']; ?></td>
</tr>
<tr>
<td width="56%" height="16" bgcolor="#FF9900"
class="mensajesfecha">Fecha: <?php echo
$row_Articulos['strFechaPubl']; ?></td>
<td width="6%" align="center" bgcolor="#FF9900"
class="mensajesfecha"> </td>
<td width="10%" align="center" bgcolor="#FF9900"
class="mensajesfecha"><a href="editararticulo.php?ID=<?php echo
$row_Articulos['idArt']; ?>"><img title="EDITAR"
src="../images/icons/pencil_32.png" width="16" height="16" /></a><a
onclick="javascript:alerta(<?php echo $row_Articulos['idArt']; ?>);"
699
href="#"><img src="../images/icons/close_16.png" width="16"
height="16" /></a></td>
</tr>
</table>
<br />
<?php } while ($row_Articulos =
mysql_fetch_assoc($Articulos)); ?>
<table border="0">
<tr>
R
SE
E
R
S
HO
C
E
ER<a href="<?php
S
O
D
VA
<td><?php if ($pageNum_Articulos > 0) { // Show if not
first page ?>
D
printf("%s?pageNum_Articulos=%d%s", $currentPage, 0,
$queryString_Articulos); ?>"><img src="First.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_Articulos > 0) { // Show if not
first page ?>
<a href="<?php
printf("%s?pageNum_Articulos=%d%s", $currentPage, max(0,
$pageNum_Articulos - 1), $queryString_Articulos); ?>"><img
src="Previous.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_Articulos <
$totalPages_Articulos) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_Articulos=%d%s", $currentPage,
min($totalPages_Articulos, $pageNum_Articulos + 1),
$queryString_Articulos); ?>"><img src="Next.gif" /></a>
<?php } // Show if not last page ?></td>
700
<td><?php if ($pageNum_Articulos <
$totalPages_Articulos) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_Articulos=%d%s", $currentPage,
$totalPages_Articulos, $queryString_Articulos); ?>"><img
src="Last.gif" /></a>
<?php } // Show if not last page ?></td>
</tr>
</table>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<?php
ERif ($totalRows_Articulos == 0) { // Show if recordset
D
empty ?>
<?php } // Show if recordset not empty ?>
<span class="bienvenido2"><br />
No hay artículos cargados...
<?php } // Show if recordset empty ?>
</span></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
701
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
function
DropDown(el) {
O
H
C
E
ER
D
R
SE
E
R
S
el;
this.ddS
=
O
D
VA
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
event.stopPropagation();
});
}
702
}
$(function() {
var dd =
new DropDown( $('#dd') );
S
O
H
EC
n() {
DER
dropdowns
S
O
D
A
$(document).click(functio
V
R
E
RES
// all
$('.wrapper-dropdown5').removeClass('active');
});
});
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
703
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
S
O
D
VA
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
R
SE
E
R
S
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
HO
C
E
$.datepicker.setDefaults($.datepicker.regional['es']);
DER
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
704
<!-- InstanceEnd --></html>
<?php
mysql_free_result($Articulos);
?>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
705
Audiodelete.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
$unidad= $_GET['UN'];
S
O
D
VA
ER
S
E
R
if (!function_exists("GetSQLValueString"))
{
S
O
H
C
function GetSQLValueString($theValue,
$theType, $theDefinedValue =
E
R
E
D
"", $theNotDefinedValue
= "")
?>
<?php
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
706
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
S
O
D
$theValue = ($theValue != "") ? $theDefinedValue : VA
ER
S
$theNotDefinedValue;
E
R
S
break;
HO
C
E
}
ER
D
return $theValue;
case "defined":
}
}
if ((isset($_GET['ID'])) && ($_GET['ID'] != "")) {
$deleteSQL = sprintf("DELETE FROM tblaudios WHERE idAudios=%s",
GetSQLValueString($_GET['ID'], "int"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($deleteSQL, $ccm) or die(mysql_error());
}
?>
<html>
<head>
<title>Redirigir al navegador a otra URL</title>
<META HTTP-EQUIV="REFRESH"
CONTENT="1;URL=audiosunidades.php">
707
</head>
<body>
Audio borrado. Redirigiendo...
</body>
</html>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
708
Capturandores.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
<?php
$respuesta1= $_POST["1"];
$respuesta2= $_POST["2"];
D
$respuesta4= $_POST["4"];
R
SE
E
R
S
O
H
C
E
ER
$respuesta3= $_POST["3"];
S
O
D
VA
$respuesta5= $_POST["5"];
$respuesta6= $_POST["6"];
$respuesta7= $_POST["7"];
$respuesta8= $_POST["8"];
$respuesta9= $_POST["9"];
$respuesta10= $_POST["10"];
$respuesta11= $_POST["11"];
$respuesta12= $_POST["12"];
$respuesta13= $_POST["13"];
$respuesta14= $_POST["14"];
$respuesta15= $_POST["15"];
$respuesta16= $_POST["16"];
$respuesta17= $_POST["17"];
$respuesta18= $_POST["18"];
$respuesta19= $_POST["19"];
$respuesta20= $_POST["20"];
709
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
R
SE
E
R
S
if (PHP_VERSION < 6) {
O
S
O
D
VA
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
H
C
E
ER
D
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
710
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
$query_estudiantes
ER = "SELECT * FROM tblusuario WHERE
D
tblusuario.nivelUsuario = 1 ORDER BY tblusuario.strUser ASC";
mysql_select_db($database_ccm, $ccm);
$estudiantes = mysql_query($query_estudiantes, $ccm) or
die(mysql_error());
$row_estudiantes = mysql_fetch_assoc($estudiantes);
$totalRows_estudiantes = mysql_num_rows($estudiantes);
mysql_select_db($database_ccm, $ccm);
$query_cpreguntas = "SELECT * FROM tblpreguntas WHERE
tblpreguntas.idUnidad = 1 ORDER BY RAND() LIMIT 5";
$cpreguntas = mysql_query($query_cpreguntas, $ccm) or
die(mysql_error());
$row_cpreguntas = mysql_fetch_assoc($cpreguntas);
$totalRows_cpreguntas = mysql_num_rows($cpreguntas);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
711
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<title>Prueba De Unidad</title>
<style type="text/css">
@font-face {
font-family: 'Museo Sans 500';
R
SE
E
R
S
HO
C
E
url('font/museosans_500.woff')
format('woff'),
ER
D
url('font/museosans_500.ttf') format('truetype'),
src: url('font/museosans_500.eot');
S
O
D
VA
src: url('font/museosans_500.eot') format('embedded-opentype'),
url('font/museosans_500.svg#MuseoSans500') format('svg');
}
.encabez {
font-family: "Museo Sans
500";
font-size: 13px;
color: #000;
}
.fecha {
font-family: "Museo Sans
500";
font-size: 12px;
color: #000;
}
712
.tabla {
background-color: #FFF;
}
.prueba {
font-family: "Museo Sans
500";
font-size: 16px;
S
O
D
A
color: #242046;
V
R
SE
font-weight: bolder;
}
C
E
R
DE
.tabla:hover {
#FFF7CD;
E
R
S
HO
background-color:
}
.contenido {
font-family: "Museo Sans
500";
font-size: 11px;
text-align: justify;
color: #000;
font-weight: bold;
}
</style>
<style type="text/css" media="print">
@media print {
#apDiv1 {display:none;}
}
</style>
<style type="text/css">
#apDiv1 {
713
position: absolute;
width: 200px;
height: 100px;
z-index: 1;
text-align: left;
}
#apDiv2 {
S
O
D
A
width:119px;
V
R
E
RESheight:84px;
position:absolute;
S
O
H
EC
DER
z-index:1;
left: 741px;
top: 143px;
}
.contenidoMAYUS {
font-family: "Museo Sans
500";
font-size: 11px;
color: #3FADC0;
font-weight: normal;
text-transform:
uppercase;
}
.puntos {
font-family: "Museo Sans
500";
font-size: 24px;
font-weight: bolder;
color: #242046;
}
714
.textomensaje {
font-family: "Museo Sans
500";
font-size: 14px;
font-weight: bolder;
color: #FFF;
}
.textomensajeCopia {
S
O
H
EC
500";
DER
S
O
D
A
font-family:
"Museo Sans
V
R
E
RES
font-size: 14px;
font-weight: normal;
color: #FFF;
text-align: center;
}
</style>
<script language="Javascript">
function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir presione Crtl+P.");
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
715
<tr>
<td align="right"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100" align="center" class="encabez"><img
S
O
D
VA
src="Imagenes/listadoestudiantes.png" width="600" height="100"
R
/></td>
SE
E
R
S
HO
C
E
<table width="100%"
ER border="0" cellspacing="0" cellpadding="0">
D
<tr>
</tr>
</table>
<td height="206" align="center" valign="top"><br />
<br />
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="92%" height="73" class="encabez"><table
width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77%" height="3" align="center" bgcolor="#F7FCFD"
class="contenido"><?php echo $d; ?> de <?php echo $mes[$m]; ?> de
<?php echo $y; ?></td>
<td width="23%" align="center" bgcolor="#F7FCFD"
class="contenido"><img src="../images/design/list-style-point3.png"
width="9" height="9" /> <span
class="contenidoMAYUS"><strong><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']);
?></strong></span></td>
716
</tr>
<tr>
<td height="3" colspan="2" align="center" bgcolor="#E6F4F7"
class="contenido"><img src="../images/design/bodyTop-960.png"
width="800" height="7" /></td>
</tr>
<tr>
S
O
D
VA
<td height="7" colspan="2" align="center" bgcolor="#F4F3F3"
HO
C
E
<td height="7"
ER colspan="2" align="center"
D
bgcolor="#84CCD9"><?php if($unidad==1){ ?>
</tr>
<tr>
R
SE
E
R
S
class="prueba">PRUEBA DE UNIDAD</td>
<span class="contenidotemasazul">UNIDAD 1. CONCEPTOS
BÁSICOS DE LA MÚSICA</span>
<?php }
else {
}
?>
<?php if($unidad==2){ ?>
<span class="contenidotemasazul">UNIDAD 2. SOLFEO Y
PRINCIPIOS BÁSICOS DE LA TEORÍA MUSICAL</span>
<?php }
else {
}
717
?>
<?php if($unidad==3){ ?>
<span class="contenidotemasazul">UNIDAD 3.
ESCALAS</span>
<?php }
S
O
D
VA
else {
O
H
C
E
ER
D
<?php if($unidad==4){ ?>
R
SE
E
R
S
}
?>
<span class="contenidotemasazul">UNIDAD 4.
INTERVALOS</span>
<?php }
else {
}
?></td>
</tr>
<tr>
<td height="151" colspan="2" align="center" valign="top"
bgcolor="#F4F3F3"><br />
<table width="80%" border="0" cellspacing="0"
cellpadding="0">
<tr>
718
<td
class="contenidoMAYUS"><strong>Respuestas</strong></td>
</tr>
<tr>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
R
SE
E
R
S
<td width="78%" height="47" align="center"
S
O
D
VA
HO
C
E
bgcolor="#C1E6EC"><span
class="puntos"><img
ER
D
src="../images/icons/page_text_32.png" width="32" height="32"
bgcolor="#FFFFFF">PUNTUACIÓN OBTENIDA</td>
<td width="8%" height="47" align="center"
/></span></td>
<td width="14%" align="center" bgcolor="#C1E6EC" class="puntos">
<strong>
<?php
$p1=
ObtenerNotaRespuestas($respuesta1);
$p2=
ObtenerNotaRespuestas($respuesta2);
$p3=
ObtenerNotaRespuestas($respuesta3);
$p4=
ObtenerNotaRespuestas($respuesta4);
$p5=
ObtenerNotaRespuestas($respuesta5);
$p6= ObtenerNotaRespuestas($respuesta6);
$p7=
ObtenerNotaRespuestas($respuesta7);
719
$p8=
ObtenerNotaRespuestas($respuesta8);
$p9=
ObtenerNotaRespuestas($respuesta9);
$p10=
ObtenerNotaRespuestas($respuesta10);
$p11= ObtenerNotaRespuestas($respuesta11);
$p12=
ER
S
$p13=
E
SR
ObtenerNotaRespuestas($respuesta12);
O
H
C
E
ER
S
O
D
VA
ObtenerNotaRespuestas($respuesta13);
D
ObtenerNotaRespuestas($respuesta14);
$p14=
$p15=
ObtenerNotaRespuestas($respuesta15);
$p16=
ObtenerNotaRespuestas($respuesta16);
$p17=
ObtenerNotaRespuestas($respuesta17);
$p18=
ObtenerNotaRespuestas($respuesta18);
$p19=
ObtenerNotaRespuestas($respuesta19);
$p20=
ObtenerNotaRespuestas($respuesta20);
$total= $p1 + $p2 + $p3 +
$p4 + $p5 + $p6 + $p7 + $p8 + $p9 + $p10 + $p11 + $p12 + $p13 + $p14 +
$p15 + $p16 + $p17 + $p18 + $p19 + $p20;
echo $total;
720
?>
<br />
<span class="contenidoMAYUS">PUNTOS</span></strong><span
class="contenidoMAYUS"></span><br /></td>
</table>
O
H
C
E
ER
D
<p>RESPUESTAS</p>
R
SE
E
R
S
</tr>
S
O
D
VA
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p1 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta1));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta1));?></td>
<?php } ?>
</tr>
</table>
<br />
721
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p2 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta2));?></td>
<?php }
S
O
D
A echo
<td bgcolor="#009900" class="textomensajeCopia"><?php
V
R
SE
ObtenerPregunta(ObteneridPregunta($respuesta2));?></td>
E
R
S
O
H
C
E
R
<?php } ?>
E
D
</tr>
else { ?>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p3 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta3));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta3));?></td>
<?php } ?>
</tr>
</table>
722
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p4 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta4));?></td>
S
O
D
<?php } VA
SER
E
R
S
<td bgcolor="#009900" class="textomensajeCopia"><?php
echo
HO
C
E
ObtenerPregunta(ObteneridPregunta($respuesta4));?></td>
DER
else { ?>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p5 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta5));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta5));?></td>
<?php } ?>
723
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p6 == 0) { ?>
S
O
D
A
ObtenerPregunta(ObteneridPregunta($respuesta6));?></td>
V
R
SE
E
R
S
O
<?php }
H
C
E
else { ?> ER
D
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta6));?></td>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p7 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta7));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta7));?></td>
724
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
R
SE
E
R
S
<?php if ($p8 == 0) { ?>
O
S
O
D
VA
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
H
C
E
ER
ObtenerPregunta(ObteneridPregunta($respuesta8));?></td>
D
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta8));?></td>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p9 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta9));?></td>
<?php }
else { ?>
725
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta9));?></td>
<?php } ?>
</tr>
</table>
<br />
S
O
D
A
<table width="90%" border="0" cellspacing="0" cellpadding="0">
V
R
SE
<tr>
E
R
S
<?php if ($p10 == 0) { ?> HO
Cclass="textomensajeCopia"><?php echo
E
R
<td bgcolor="#FF0000"
DE
ObtenerPregunta(ObteneridPregunta($respuesta10));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta10));?></td>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p11 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta11));?></td>
726
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta11));?></td>
<?php } ?>
</tr>
</table>
O
H
C
E
ER
R
SE
E
R
S
<br />
S
O
D
VA
<table width="90%" border="0" cellspacing="0" cellpadding="0">
D
<?php if ($p12 == 0) { ?>
<tr>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta12));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta12));?></td>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p13 == 0) { ?>
727
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta13));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta13));?></td>
</tr>
</table>
<br />
S
O
D
<?php
}A
?>
V
R
E
ES
C
E
R
DE
R
S
HO
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p14 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta14));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta14));?></td>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
728
<tr>
<?php if ($p15 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta15));?></td>
<?php }
else { ?>
S
O
D
A
ObtenerPregunta(ObteneridPregunta($respuesta15));?></td>
V
R
SE
E
R
S
O
<?php } ?>
H
C
E
</tr>
ER
D
</table>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p16 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta16));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta16));?></td>
<?php } ?>
</tr>
</table>
<br />
729
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p17 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta17));?></td>
<?php }
R
SE
E
R
S
else { ?>
O
S
O
D
VA
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
H
C
E
ER
ObtenerPregunta(ObteneridPregunta($respuesta17));?></td>
D
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p18 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta18));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta18));?></td>
<?php } ?>
</tr>
730
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p19 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
S
O
D
VA
ObtenerPregunta(ObteneridPregunta($respuesta19));?></td>
ER}
S
<?php
E
SR
HO
C
E
<td bgcolor="#009900"
ER class="textomensajeCopia"><?php echo
D
ObtenerPregunta(ObteneridPregunta($respuesta19));?></td>
else { ?>
<?php } ?>
</tr>
</table>
<br />
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if ($p20 == 0) { ?>
<td bgcolor="#FF0000" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta20));?></td>
<?php }
else { ?>
<td bgcolor="#009900" class="textomensajeCopia"><?php echo
ObtenerPregunta(ObteneridPregunta($respuesta20));?></td>
731
<?php } ?>
</tr>
</table>
<p class="contenidoMAYUS">En rojo las respuestas incorrectas y en
verde las correctas, cada respuesta correcta tiene 1pt como valor.</p>
<p>
<?php
if ($total>14) { ?>
S
O
D
VA
R
SE
E
R
S
</p>
HO
C
E
<tdR
align="center" bgcolor="#009900"
E
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
D
class="textomensaje">HAS APROBADO LA PRUEBA</td>
</tr>
<tr>
<td align="center" bgcolor="#D2FFD2"
class="tabla">CLICK AQUI PARA CONTINUAR Y REGISTRAR TU
PUNTUACIÓN<br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td align="center"><form id="form1" name="form1"
method="post" action="registrarnotas.php">
<label for="iduser"></label>
<input name="iduser" style="display:none"
type="text" id="iduser" value="<?php echo $_SESSION['MM_idUser'];
?>" />
<label for="strnota"></label>
<input name="strnota" style="display:none"
type="text" id="strnota" value="<?php echo $total; ?>" />
732
<label for="idunidad"></label>
<input name="idunidad" style="display:none"
type="text" id="idunidad" value="<?php echo $unidad; ?>" />
<input type="submit" name="button" id="button"
value="CONTINUAR" />
</form></td>
</tr>
</table></td>
</table>
<?php
O
H
C
E
ER
D
R
SE
E
R
S
</tr>
S
O
D
VA
}
else { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="87%" align="center" bgcolor="#FF0000"
class="textomensaje">HAS APLAZADO LA PRUEBA. INTENTA
NUEVAMENTE EN OTRA OCASIÓN</td>
<td width="13%" align="center" bgcolor="#FFA4A4"
class="textomensaje"><span class="puntos"><strong>
<?php
$p1=
ObtenerNotaRespuestas($respuesta1);
$p2=
ObtenerNotaRespuestas($respuesta2);
$p3=
ObtenerNotaRespuestas($respuesta3);
733
$p4=
ObtenerNotaRespuestas($respuesta4);
$p5=
ObtenerNotaRespuestas($respuesta5);
$p6= ObtenerNotaRespuestas($respuesta6);
$p7=
ObtenerNotaRespuestas($respuesta7);
$p8=
ER
S
$p9=
E
SR
ObtenerNotaRespuestas($respuesta8);
O
H
C
E
ER
S
O
D
VA
ObtenerNotaRespuestas($respuesta9);
D
ObtenerNotaRespuestas($respuesta10);
$p10=
$p11= ObtenerNotaRespuestas($respuesta11);
$p12=
ObtenerNotaRespuestas($respuesta12);
$p13=
ObtenerNotaRespuestas($respuesta13);
$p14=
ObtenerNotaRespuestas($respuesta14);
$p15=
ObtenerNotaRespuestas($respuesta15);
$p16=
ObtenerNotaRespuestas($respuesta16);
$p17=
ObtenerNotaRespuestas($respuesta17);
$p18=
ObtenerNotaRespuestas($respuesta18);
$p19=
ObtenerNotaRespuestas($respuesta19);
734
$p20=
ObtenerNotaRespuestas($respuesta20);
$total= $p1 + $p2 + $p3 +
$p4 + $p5 + $p6 + $p7 + $p8 + $p9 + $p10 + $p11 + $p12 + $p13 + $p14 +
$p15 + $p16 + $p17 + $p18 + $p19 + $p20;
echo $total;
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
?>
<br />
</strong></span><strong
class="textomensajeCopia">PUNTOS</strong></td>
</tr>
</table>
<?php
}
?></td>
</tr>
</table>
<!--<br />
<br />
<?php echo $p1 ?> | <?php echo $p2 ?> | <?php echo $p3 ?> |
<?php echo $p4 ?> | <?php echo $p5 ?> | <?php echo $p6 ?> | <?php
echo $p7 ?> | <?php echo $p8 ?> | <?php echo $p9 ?> | <?php echo
$p10 ?> | <?php echo $p11 ?> | <?php echo $p12 ?> | <?php echo
$p13?> | <?php echo $p14 ?> | <?php echo $p15 ?> | <?php echo $p16
735
?> | <?php echo $p17 ?> | <?php echo $p18 ?> | <?php echo $p19 ?> |
<?php echo $p20 ?> |
<br />
<?php echo $respuesta1 ?> | <?php echo $respuesta2 ?> |
<?php echo $respuesta3 ?> | <?php echo $respuesta4 ?> | <?php echo
$respuesta5 ?> | <?php echo $respuesta6 ?> | <?php echo $respuesta7
S
O
D
A echo
echo $respuesta10 ?> | <?php echo $respuesta11 ?> |V
<?php
R
S|E<?php echo
$respuesta12 ?> | <?php echo $respuesta13
?>
E
R
S
O
$respuesta14 ?> | <?php echo
$respuesta15 ?> | <?php echo
H
EC
$respuesta16E
?> R
| <?php echo $respuesta17 ?> | <?php echo
D
?> | <?php echo $respuesta8 ?> | <?php echo $respuesta9 ?> | <?php
$respuesta18 ?> | <?php echo $respuesta19 ?> | <?php echo
$respuesta20 ?>
--></td>
</tr>
<tr>
<td height="13" colspan="2" align="center"><img
src="../images/design/nav-shadow-480.png" width="800" height="10"
/></td>
</tr>
</table></td>
</tr>
<tr>
<td height="33" class="contenido"> </td>
</tr>
736
</table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><img src="Imagenes/footerimp.png" width="600"
height="34" /></td>
</table>
</body>
</html>
<?php
O
D
H
C
E
ER
R
SE
E
R
S
</tr>
S
O
D
VA
mysql_free_result($estudiantes);
mysql_free_result($cpreguntas);
mysql_free_result($respuestas);
mysql_free_result($respuestas3);
mysql_free_result($respuestas2);
?>
737
Cargararticulo.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
ER
S
E
R
$theValue = get_magic_quotes_gpc()
? stripslashes($theValue) :
S
O
H
C
$theValue;
E
R
DE
}
{
if (PHP_VERSION < 6) {
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
738
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
if (!function_exists("GetSQLValueString"))
{
ER
D
function GetSQLValueString($theValue, $theType, $theDefinedValue =
}
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
739
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
R
SE
E
R
S
case "defined":
O
S
O
D
VA
$theValue = ($theValue != "") ? $theDefinedValue :
H
C
E
ER
$theNotDefinedValue;
break;
}
D
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1"))
{
$insertSQL = sprintf("INSERT INTO tblarticulo (strTitulo, strFechaPubl,
strContenido, strImagen) VALUES (%s, CURDATE(), %s, %s)",
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['strContenido'], "text"),
GetSQLValueString($_POST['strImagen'], "text"));
740
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
$insertGoTo = "articulos.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
HO
C
E
R
$currentPageE
D = $_SERVER["PHP_SELF"];
}
R
SE
E
R
S
header(sprintf("Location: %s", $insertGoTo));
S
O
D
VA
$maxRows_Articulos = 2;
$pageNum_Articulos = 0;
if (isset($_GET['pageNum_Articulos'])) {
$pageNum_Articulos = $_GET['pageNum_Articulos'];
}
$startRow_Articulos = $pageNum_Articulos * $maxRows_Articulos;
mysql_select_db($database_ccm, $ccm);
$query_Articulos = "SELECT * FROM tblarticulo ORDER BY
tblarticulo.idArt DESC";
$query_limit_Articulos = sprintf("%s LIMIT %d, %d", $query_Articulos,
$startRow_Articulos, $maxRows_Articulos);
$Articulos = mysql_query($query_limit_Articulos, $ccm) or
die(mysql_error());
$row_Articulos = mysql_fetch_assoc($Articulos);
if (isset($_GET['totalRows_Articulos'])) {
741
$totalRows_Articulos = $_GET['totalRows_Articulos'];
} else {
$all_Articulos = mysql_query($query_Articulos);
$totalRows_Articulos = mysql_num_rows($all_Articulos);
}
$totalPages_Articulos =
ceil($totalRows_Articulos/$maxRows_Articulos)-1;
R
SE
E
R
S
$queryString_Articulos = "";
HO
C
E
R
$newParamsE
= array();
D
foreach ($params as $param) {
if (!empty($_SERVER['QUERY_STRING'])) {
S
O
D
VA
$params = explode("&", $_SERVER['QUERY_STRING']);
if (stristr($param, "pageNum_Articulos") == false &&
stristr($param, "totalRows_Articulos") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_Articulos = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_Articulos = sprintf("&totalRows_Articulos=%d%s",
$totalRows_Articulos, $queryString_Articulos);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
742
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<!-- InstanceEndEditable -->
body {
O
H
C
E
ER
<style type="text/css">
D
R
SE
E
R
S
<title>Documento sin título</title>
S
O
D
VA
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
743
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
S
O
D
VA
font-family: "Trebuchet
ER#FFF;
S
color:
E
SR
MS", Arial, Helvetica, sans-serif;
O
H
C
E
ER
D
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
744
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
S
O
D
A
color: #000;
V
R
SE
font-weight: normal;
}
C
E
R
DE
.bavanzada {
500";
E
R
S
HO
font-family: "Museo Sans
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
745
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
HO
C
E
MS", Arial, Helvetica,
DER sans-serif;
.titulomenu {
R
SE
E
R
S
}
S
O
D
VA
font-family: "Trebuchet
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
746
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
S
O
D
A 5px;
padding-bottom:
V
R
E
RESpadding-left: 15px;
padding-right: 15px;
S
O
H
EC
ER
D
-moz-transition: all .35s ease-out;
.35s ease-out;
-webkit-transition: all
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
747
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
display: inline;
O
H
C
E
ER
position: relative;
D
.tooltip:hover:after {
}
R
SE
E
R
S
.tooltip {
S
O
D
VA
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
748
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
}
O
H
C
E
color: #666; ER
D
}
.info {
R
SE
E
R
S
border-width: 6px 6px 0 6px;
S
O
D
VA
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
749
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
box-sizing: border-box;
ER
D
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
750
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
751
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
O
-moz-box-sizing: border-box;
H
C
E
ER
box-sizing: border-box;
D
margin-bottom: -8px;
height: 0;
R
SE
E
R
S
-webkit-box-sizing: border-box;
S
O
D
VA
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
752
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
appearance: none;
O
H
C
E
-moz-border-radius:
ER 0;
D
-ms-border-radius: 0;
-webkit-border-radius: 0;
R
SE
E
R
S
-moz-appearance: none;
S
O
D
VA
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
753
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
D
A3px;
border-radius:
V
R
E
RESborder: 1px solid #717171;
-moz-border-radius: 3px;
S
O
H
EC
DER
1px 0px #efefef;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
754
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
HO
C
E
text-shadow: E
D0pxR1px 0px #fff;
margin-top: 2px;
color: #666;
R
SE
E
R
S
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
755
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
S
O
D
A
margin-bottom:20px;
V
R
E
RES}
padding-bottom: 10px;
S
O
H
EC
DER
.border {
background-
color:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
756
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
S
O
D
A
position:V
absolute;
R
E
RESwidth: 130px;
#apDiv34 {
S
O
H
EC
DER
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
757
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
S
O
D
VA
return;
R
SE
E
R
S
}
HO
C
E
(document.form1.contra.value=='')
DER
if
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
758
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
}
D
function subirimagen()
ER
S
document.form1.submit();
E
SR
O
H
C
E
ER
S
O
D
VA
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
759
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenfot()
}
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
760
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
R
SE
E
R
S
HO
C
E
window.location.assign("audiodelete.php?ID="
+id);
DER
function alertaaud(id){
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
761
}else{
return false;
}
}
function imprimir()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoprofesores.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
762
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoestudiantes.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=yes,fullscreen=no, status=yes');
D
remote.focus();
}
function pprueba(id)
{
self.name = 'opener';
remote =
open('prueba.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
763
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
S
O
D
A
remote.focus();
V
R
E
RES}
rs=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function
aranceles()
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
764
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
S
O
D
VA
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
R
SE
E
R
S
HO
C
E
ObtenerNombreUser($_SESSION['MM_idUser']);
?> <?php echo
ER
D
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) {
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
765
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
S
O
D
A
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
V
R
SE
E
R
S
O
<?php
H
C
E
R
}
DE
?>
<td width="19%"> </td>
</tr>
</table>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
766
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
S
O
D
VA
<table width="250" border="0" align="center" cellpadding="0"
HO
C
E
<div class="container">
DER
<tr>
R
SE
E
R
S
cellspacing="0">
<td height="17" colspan="3" class="titulomenu"><br />
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</div>
767
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
O
href="unidades.php">Material de Apoyo</a></td>
</tr>
H
C
E
ER
R
SE
E
R
S
<td height="35" colspan="3" class="tabla"><a
S
O
D
VA
D
<td height="35" colspan="3" class="tabla"><a
<tr>
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="pprueba.php">Presentar Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
768
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
769
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i V
class="iconR
E
user"></i>Datos Personales</a></li> RES
S
O
<li><a href="confcuenta.php"><i
class="iconH
C
E
R Cuenta</a></li>
cog"></i>Configurar
DE<li><a
href="cerrar.php"><i class="icon<ul class="dropdown">
remove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
770
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td height="35"
ER colspan="3" class="tabla"> </td>
D
</tr>
<tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
771
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
O
H
C
E
ER
D
R
SE
E
R
S
<?php } // Show if recordset empty >
S
O
D
VA
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
772
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
S
O
D
VA
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
R
SE
E
R
S
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
HO
C
E
R Sesión</a></li>
remove"></i>Cerrar
DE</ul>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="icon-
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
773
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
S
O
D
<td height="35" colspan="3" class="tabla"><aVA
ER
S
href="audiosunidades.php">Agregar Audio</a></td>
E
R
S
</tr>
HO
C
E
<tr> ER
D
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
774
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="410"><!-- InstanceBeginEditable
H
C
E
ER
name="EditRegion1" -->
D
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="articulos.php"
title="Ver Artículos Cargados" class="tooltip"><img
src="../images/icons/folder_page_32.png" alt="1" width="32"
height="32" /></a></td>
<td width="6%" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
src="../images/icons/page_table_add_32.png" width="32" height="32"
/></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
class="titulomenu">Agregar un nuevo artículo</td>
</tr>
<tr>
775
<td height="330" colspan="4" valign="top"><br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="95" align="center" valign="middle"
bgcolor="#F2F2F2"> 
S
O
D
VA
<form action="<?php echo $editFormAction; ?>"
R
SE
E
R
S
method="post" name="form" id="form">
HO
C
E
ER <td width="592"><span
<table align="center">
<tr valign="baseline">
D
class="mensajes">Titulo</span><br />
<input name="strTitulo" type="text" class="forminput1" value="" size="32" required/></td>
</tr>
<tr valign="baseline">
<td><span
class="mensajes">Contenido</span><br />
<textarea name="strContenido" cols="32"
rows="10" class="form-inputarea" required></textarea></td>
</tr>
<tr valign="baseline">
<td><span class="mensajes">Imagen</span><br
/>
<input name="strImagen" type="text"
class="form-input1" value="" size="32" required/><input
name="button" type="button" class="pruebabotom" id="button3"
value="Subir Imagen" onclick="javascript:subirimagen();" /></td>
</tr>
<tr valign="baseline">
776
<td><input type="submit" value="Insertar registro"
/></td>
</tr>
</table>
<input type="hidden" name="MM_insert"
value="form1" />
</form>
<p> </p></td>
</table>
O
H
C
E
ER
<br />
D </td>
R
SE
E
R
S
</tr>
S
O
D
VA
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
777
function
DropDown(el) {
this.dd =
el;
this.initEvents();
S
O
D
VA
}
O
ER
S
DropDown.prototype
={
E
SR
H
C
E
: function() { ER
D
initEvents
var
obj = this;
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
event.stopPropagation();
});
}
}
$(function() {
778
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
D
ER
S
$('.wrapper-dropdownE
SR
O
H
C
E
ER
5').removeClass('active');
S
O
D
VA
});
});
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
779
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
R
SE
E
R
S
HO
C
E
$( "#datepicker"
ER).datepicker();
D
});
S
O
D
VA
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<!-- InstanceEnd --></html>
<?php
mysql_free_result($Articulos);
?>
780
Cargaraudio.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
$unidad= $_GET['UN'];
S
O
D
VA
?>
<?php
?>
O
H
C
E
ER
$fecha = date("j/ n/ Y");
D
R
SE
E
R
S
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
781
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
S
O
D
VA
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
case "date":
O
H
C
E
ER
R
SE
E
R
S
break;
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
D
case "defined":
break;
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
782
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "int":
O
H
C
E
ER
R
SE
E
R
S
case "long":
S
O
D
VA
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
D
case "double":
break;
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
783
}
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_videos = 2;
$pageNum_videos = 0;
if (isset($_GET['pageNum_videos'])) {
$pageNum_videos = $_GET['pageNum_videos'];
R
SE
E
R
S
}
S
O
D
VA
HO
C
E
mysql_select_db($database_ccm,
$ccm);
ER
D
$query_videos = "SELECT * FROM tblvideos ORDER BY
$startRow_videos = $pageNum_videos * $maxRows_videos;
tblvideos.idVideos DESC";
$query_limit_videos = sprintf("%s LIMIT %d, %d", $query_videos,
$startRow_videos, $maxRows_videos);
$videos = mysql_query($query_limit_videos, $ccm) or
die(mysql_error());
$row_videos = mysql_fetch_assoc($videos);
if (isset($_GET['totalRows_videos'])) {
$totalRows_videos = $_GET['totalRows_videos'];
} else {
$all_videos = mysql_query($query_videos);
$totalRows_videos = mysql_num_rows($all_videos);
}
$totalPages_videos = ceil($totalRows_videos/$maxRows_videos)-1;
$queryString_videos = "";
if (!empty($_SERVER['QUERY_STRING'])) {
784
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_videos") == false &&
stristr($param, "totalRows_videos") == false) {
array_push($newParams, $param);
}
}
R
SE
E
R
S
if (count($newParams) != 0) {
O
S
O
D
VA
$queryString_videos = "&" . htmlentities(implode("&", $newParams));
}
H
C
E
ER
D
$queryString_videos = sprintf("&totalRows_videos=%d%s",
}
$totalRows_videos, $queryString_videos);
?>
<?php require_once('includes/funciones.php'); ?>
<?php if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] ==
"form")) {
$insertSQL = sprintf("INSERT INTO tblaudios (strTitulo, strAudio,
strFecha, idUnidad) VALUES (%s, %s, %s, %s)",
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['strImagen'], "text"),
GetSQLValueString($_POST['strFecha'], "text"),
GetSQLValueString($_POST['strUnidad'], "int"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
$insertGoTo = "audiosunidades.php";
785
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
}?>
S
O
D
A
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
V
R
SE
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
E
R
S
O
<html xmlns="http://www.w3.org/1999/xhtml"><!-InstanceBegin
H
C
E
template="/Templates/acceso.dwt.php"
ER
D
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Cargar Audio</title>
<style type="text/css">
.form-input11 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
786
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
margin-top: 2px;
R
SE
E
R
S
HO
C
E
color: #666; ER
D
text-shadow: 0px 1px 0px #fff;
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
787
-webkit-font-smoothing:
antialiased;
}
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
body {
S
O
D
VA
background-image:
ER
S
background-repeat:
E
SR
url(../imagenes/slideshow.png);
repeat;
D
#apDiv1 {
}
O
H
C
E
ER
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
788
}
.mensajesfecha {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 10px;
font-weight: bold;
S
O
D
VA
padding-left: 20px;
HO
C
E
image:url(Imagenes/btrans.png);
ER
D
}
.blanco{
R
SE
E
R
S
}
background-
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
789
font-size: 12px;
font-weight: normal;
color: #000;
}
.bavanzada {
font-family: "Museo Sans
500";
S
O
D
Anormal;
font-weight:
V
R
E
REScolor: #000;
font-size: 10px;
}
.diames {
DER
S
O
H
EC
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
790
background-color:
#996666;
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
S
O
D
A
font-size:V
14px;
R
E
RES
color: #000;
S
O
H
EC
}
.tabla {
DER
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
791
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
ER#FFF;
S
color:
E
SR
transition: all .35s ease-out;
#apDiv3 {
O
H
C
E
ER
D
S
O
D
VA
}
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
792
<style type="text/css">
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 26px;
S
O
D
VA
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
R
SE
E
R
S
HO
C
E
R */
/* el formatoE
gráfico
D
background: rgba(185,220,105, 1); /* el color de fondo */
position: absolute;
z-index: 98;
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
793
border-color: rgba(185,220,105, 1) transparent;
border-width: 6px 6px 0 6px;
}
.info {
color: #666;
}
.info h1 {
margin: 8px 0;
}
O
H
C
E
margin: 8px E
0; R
D
font-weight: 300;
.info p {
R
SE
E
R
S
font-weight: 300;
S
O
D
VA
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
794
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
line-height: 1;
O
H
C
E
height: 32px;ER
D
width: 100%;
R
SE
E
R
S
border: none;
S
O
D
VA
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
795
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
S
O
D
VA
-webkit-font-smoothing:
O
H
C
E
ER
}
D
R
SE
E
R
S
antialiased;
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
796
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
O
animation: fold 500ms ease-in reverse;
H
C
E
R
padding: 4pxE
16px;
D
background: #bbb;
R
SE
E
R
S
-o-animation: fold 500ms ease-in reverse;
S
O
D
VA
transition: all .500ms ease-out;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
797
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
font-family: 'Open
ERSans', sans-serif;
D
outline: none;
box-sizing: border-box;
S
O
D
VA
-webkit-font-smoothing: antialiased;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
798
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
antialiased;
}
S
O
H
EC
ER
D
-moz-appearance: none;
S
O
D
A
-webkit-font-smoothing:
V
R
E
RES
.form-inputarea { -webkit-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
799
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
S
O
D
VA
background: -moz-linear-
ER
S
-webkit-border-radius:
E
SR
gradient(top, #F3F3F3, #ffffff);
3px;
O
H
C
E
ER
D
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
padding-bottom: 10px;
800
margin-bottom:20px;
}
.border {
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
.textoproducto
{
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
#apDiv34 {
position: absolute;
801
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
S
O
D
VA
padding-left: 90px;
</style>
</head>
<script>
O
H
C
E
ER
D
R
SE
E
R
S
}
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
return;
}
802
if
(document.form1.contra.value=='')
{
alert("Debe ingresar
su clave");
return;
}
O
(document.form1.contra2.value=='')
H
C
E
ER
D
su clave");
R
SE
E
R
S
if
S
O
D
VA
{
alert("Debe reingresar
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
803
document.form1.submit();
}
function subirimagen()
{
self.name = 'opener';
remote =
S
O
D
A
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
V
R
SE
s=no,resizable=no,fullscreen=no, status=yes');
E
R
S
O
remote.focus();
H
C
E
}
DER
open('gestionimagen.php', 'remote',
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
804
remote.focus();
}
function subirimagenfot()
{
self.name = 'opener';
remote =
S
O
D
A
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
V
R
SE
s=no,resizable=no,fullscreen=no, status=yes');
E
R
S
O
remote.focus();
H
C
E
}
DER
open('gestiongaleria.php', 'remote',
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
805
function alertaaud(id){
if(confirm("¿Desea eliminar este audio?")){
window.location.assign("audiodelete.php?ID=" +id);
}else{
return false;
}
}
O
if(confirm("¿Desea eliminar este evento?")){
H
C
E
ER
R
SE
E
R
S
function alertaeve(id){
S
O
D
VA
window.location.assign("eventodelete.php?ID=" +id);
}else{
D
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
function imprimir()
{
806
self.name = 'opener';
remote =
open('listadoprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoemailprofesores.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
remote =
open('listadoestudiantes.php', 'remote',
807
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoemailestudiantes.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=no,fullscreen=no, status=yes');
D
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
808
}
function
aranceles()
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
S
O
D
VA
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ER
S
remote.focus();
E
SR
ars=no,resizable=yes,fullscreen=no, status=yes');
</script>
O
H
C
E
ER
D
}
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
809
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) {
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
R
SE
E
R
S
O
S
O
D
VA
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
H
C
E
ER
Show if recordset empty ?>
D
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
<?php
}
?>
<td width="19%"> </td>
</tr>
</table>
810
</div>
</div>
<br />
<br />
<br />
<br />
S
O
D
A
<table width="937" border="0" cellspacing="0" cellpadding="0">
V
R
SE
<tr>
E
R
Svalign="middle"
O
<td width="250" height="434"
H
C
E
R
bgcolor="#FFFFFF">
DE
<br />
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
811
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</div>
D
<br /></td>
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
812
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
Prueba de Unidad</a></td>
</tr>
S
O
D
A
<td height="35" colspan="3" class="tabla"> </td>
V
R
SE
</tr>
E
R
S
O
<tr>
H
C
E
R
<td height="35"
colspan="3"> </td>
DE
<tr>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
813
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
S
O
D
A
<table width="250" border="0" align="center" cellpadding="0"
V
R
SE
cellspacing="0">
E
R
S
O
<tr>
H
Ccolspan="3" class="titulomenu"><br />
E
R
<td height="17"
DE
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
814
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
R
SE
E
R
S
class="titulomenu">Acciones</td>
S
O
D
VA
HO
C
E
<td height="35"
ER colspan="3" class="tabla"><a
D
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
815
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
S
O
D
VA
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
O
<tr>
H
C
E
Cargadas</td>
ER
D
</tr>
R
SE
E
R
S
</tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
816
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
S
O
D
VA
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
R
SE
E
R
S
recordset empty ?>
HO
C
E
R border="0" align="center" cellpadding="0"
<table E
width="250"
D
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
817
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
href="estudiantes.php">Lista
de Estudiantes Registrados</a></td>
ER
D
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
818
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
819
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a
href="audios.php?UN=<?php echo $unidad; ?>" title="Ver Audios
Cargados" class="tooltip"><img src="Imagenes/27177.png" alt=""
width="44" height="44" /></a></td>
<td width="6%" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
S
O
D
VA
src="../images/icons/play_32.png" width="32" height="32" /></td>
R
SE
E
R
S
<td width="2%" bgcolor="#F9F9F9"
HO
C
E
class="titulomenu">Agregar
un audio a la unidad</td>
ER
D
</tr>
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
<tr>
<td height="330" colspan="4" valign="top"><br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="95" align="center" valign="middle"
bgcolor="#F2F2F2"> 
<form action="<?php echo $editFormAction; ?>"
method="post" name="form" id="form">
<table align="center">
<tr valign="baseline">
<td width="295"><span
class="mensajes">Titulo</span><br />
<input name="strTitulo" type="text" class="forminput1" id="strTitulo" value="" size="32" required/>
820
<input style="display:none" name="strFecha"
type="text" class="form-input1" value="<?php echo $fecha;?>"
size="32" /></td>
<td width="295"><span
class="mensajes">Unidad</span><br />
<input name="strUnidad" type="text" class="forminput11" id="strUnidad" value="<?php echo $unidad; ?>" size="32"
readonly="readonly" /></td>
</tr>
S
O
D
VA
R
SE
E
R
S
<td colspan="2"><span
HO
C
E
class="mensajes">Audio</span><br
/>
DER <input name="strImagen"
type="text" class="form<tr valign="baseline">
input1" id="strImagen" value="" size="32" required/>
<input name="button" type="button" class="pruebabotom"
id="button3" value="Subir Audio" onclick="javascript:subiraudio();"
/></td>
</tr>
<tr valign="baseline">
<td colspan="2"><input type="submit"
value="Insertar registro" /></td>
</tr>
</table>
<input type="hidden" name="MM_insert"
value="form" />
<br />
</form></td>
</tr>
</table>
<br />
821
</td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</td>
</tr>
D
<!-- jQuery if needed -->
</table>
O
H
C
E
ER
R
SE
E
R
S
</table>
S
O
D
VA
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
822
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
);
D
ER
S
$(this).toggleClass('active'
E
SR
O
H
C
E
ER
S
O
D
VA
event.stopPropagation();
});
}
}
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
823
$('.wrapper-dropdown5').removeClass('active');
});
});
S
O
D
VA
</script>
<script>
R
SE
E
R
S
HO
C
E
//Array para dar
formato en español
ER
D
$.datepicker.regional['es'] =
$(function() {
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
824
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
S
O
D
VA
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
R
SE
E
R
S
HO
C
E
<link rel="stylesheet"
ER href="/resources/demos/style.css">
D
<script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<!-- InstanceEnd --></html>
<?php
mysql_free_result($videos);
?>
825
Cargarfoto.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
ER
S
E
R
$theValue = get_magic_quotes_gpc()
? stripslashes($theValue) :
S
O
H
C
$theValue;
E
R
DE
}
{
if (PHP_VERSION < 6) {
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
826
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
if (!function_exists("GetSQLValueString"))
{
ER
D
function GetSQLValueString($theValue, $theType, $theDefinedValue =
}
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
827
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
R
SE
E
R
S
case "defined":
O
S
O
D
VA
$theValue = ($theValue != "") ? $theDefinedValue :
H
C
E
ER
$theNotDefinedValue;
break;
}
D
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form")) {
$insertSQL = sprintf("INSERT INTO tblimagenes (strImagen, strTitulo,
strDescrip) VALUES (%s, %s, %s)",
GetSQLValueString($_POST['strImagen'], "text"),
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['strDescrip'], "text"));
mysql_select_db($database_ccm, $ccm);
828
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
$insertGoTo = "imagenes.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
O
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
$currentPage = $_SERVER["PHP_SELF"];
D
$maxRows_Articulos = 2;
$pageNum_Articulos = 0;
if (isset($_GET['pageNum_Articulos'])) {
$pageNum_Articulos = $_GET['pageNum_Articulos'];
}
$startRow_Articulos = $pageNum_Articulos * $maxRows_Articulos;
mysql_select_db($database_ccm, $ccm);
$query_Articulos = "SELECT * FROM tblarticulo ORDER BY
tblarticulo.idArt DESC";
$query_limit_Articulos = sprintf("%s LIMIT %d, %d", $query_Articulos,
$startRow_Articulos, $maxRows_Articulos);
$Articulos = mysql_query($query_limit_Articulos, $ccm) or
die(mysql_error());
$row_Articulos = mysql_fetch_assoc($Articulos);
if (isset($_GET['totalRows_Articulos'])) {
$totalRows_Articulos = $_GET['totalRows_Articulos'];
829
} else {
$all_Articulos = mysql_query($query_Articulos);
$totalRows_Articulos = mysql_num_rows($all_Articulos);
}
$totalPages_Articulos =
ceil($totalRows_Articulos/$maxRows_Articulos)-1;
$queryString_Articulos = "";
R
SE
E
R
S
if (!empty($_SERVER['QUERY_STRING'])) {
S
O
D
VA
HO
C
E
foreach ($params
ERas $param) {
D
if (stristr($param, "pageNum_Articulos") == false &&
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
stristr($param, "totalRows_Articulos") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_Articulos = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_Articulos = sprintf("&totalRows_Articulos=%d%s",
$totalRows_Articulos, $queryString_Articulos);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
830
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<!-- InstanceEndEditable -->
body {
O
H
C
E
ER
<style type="text/css">
D
R
SE
E
R
S
<title>Documento sin título</title>
S
O
D
VA
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
831
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
S
O
D
VA
font-family: "Trebuchet
ER#FFF;
S
color:
E
SR
MS", Arial, Helvetica, sans-serif;
O
H
C
E
ER
D
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
832
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
S
O
D
A
color: #000;
V
R
SE
font-weight: normal;
}
C
E
R
DE
.bavanzada {
500";
E
R
S
HO
font-family: "Museo Sans
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
833
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
HO
C
E
MS", Arial, Helvetica,
DER sans-serif;
.titulomenu {
R
SE
E
R
S
}
S
O
D
VA
font-family: "Trebuchet
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
834
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
S
O
D
A 5px;
padding-bottom:
V
R
E
RESpadding-left: 15px;
padding-right: 15px;
S
O
H
EC
ER
D
-moz-transition: all .35s ease-out;
.35s ease-out;
-webkit-transition: all
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
835
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
display: inline;
O
H
C
E
ER
position: relative;
D
.tooltip:hover:after {
}
R
SE
E
R
S
.tooltip {
S
O
D
VA
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
836
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
}
O
H
C
E
color: #666; ER
D
}
.info {
R
SE
E
R
S
border-width: 6px 6px 0 6px;
S
O
D
VA
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
837
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
box-sizing: border-box;
ER
D
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
838
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
839
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
O
-moz-box-sizing: border-box;
H
C
E
ER
box-sizing: border-box;
D
margin-bottom: -8px;
height: 0;
R
SE
E
R
S
-webkit-box-sizing: border-box;
S
O
D
VA
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
840
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
appearance: none;
O
H
C
E
-moz-border-radius:
ER 0;
D
-ms-border-radius: 0;
-webkit-border-radius: 0;
R
SE
E
R
S
-moz-appearance: none;
S
O
D
VA
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
841
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
D
A3px;
border-radius:
V
R
E
RESborder: 1px solid #717171;
-moz-border-radius: 3px;
S
O
H
EC
DER
1px 0px #efefef;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
842
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
HO
C
E
text-shadow: E
D0pxR1px 0px #fff;
margin-top: 2px;
color: #666;
R
SE
E
R
S
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
843
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
S
O
D
A
margin-bottom:20px;
V
R
E
RES}
padding-bottom: 10px;
S
O
H
EC
DER
.border {
background-
color:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
844
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
S
O
D
A
position:V
absolute;
R
E
RESwidth: 130px;
#apDiv34 {
S
O
H
EC
DER
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
845
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
S
O
D
VA
return;
R
SE
E
R
S
}
HO
C
E
(document.form1.contra.value=='')
DER
if
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
846
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
}
D
function subirimagen()
ER
S
document.form1.submit();
E
SR
O
H
C
E
ER
S
O
D
VA
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
847
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenfot()
}
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
848
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
R
SE
E
R
S
HO
C
E
window.location.assign("audiodelete.php?ID="
+id);
DER
function alertaaud(id){
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
849
}else{
return false;
}
}
function imprimir()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoprofesores.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
850
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoestudiantes.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=yes,fullscreen=no, status=yes');
D
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
851
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
S
O
D
A
remote.focus();
V
R
E
RES}
rs=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
aranceles()
{
function
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
852
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
S
O
D
A == 3) {
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
V
R
SE
// Show if recordset empty ?>
E
R
S
O
H
Calign="center"
E
R
<td width="36%"
E
D
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
853
<?php
}
?>
<td width="19%"> </td>
</tr>
</table>
<br />
D
<br />
<br />
O
H
C
E
ER
R
SE
E
R
S
</div>
</div>
S
O
D
VA
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
854
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i class="iconV
R
E
user"></i>Datos Personales</a></li> RES
S class="iconO
<li><a href="confcuenta.php"><i
H
C
E
R
cog"></i>Configurar
Cuenta</a></li>
E
D
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
<ul class="dropdown">
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
855
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
S
O
D
A
<td width="230" valign="middle" class="titulomenu">
Acciones
V
R
E
S
Especiales</td>
E
R
S
O
</tr>
H
C
E
R
<tr>
E
D
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
class="titulomenu"> </td>
Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
856
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
S
O
D
VA
<!-----------------------------------------------------------------//////// MENU
R
SE
E
R
S
PROFESOR-->
<?php if
HO
C
E
(ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 2) { // Show if
ER
D
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
857
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
O
H
C
E
</tr> ER
D
<tr>
<br /></td>
R
SE
E
R
S
</div>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
858
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
S
O
D
VA
<td height="35" colspan="2" valign="middle"
R
SE
E
R
S
class="titulomenu"> </td>
O
<td width="230" valign="middle" class="titulomenu">
H
C
E
</tr> ER
D
<tr>
Acciones Especiales</td>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
859
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
S
O
D
VA
R
SE
E
R
S
O
<!-----------------------------------------------------------------////////
H
C
E
ER
MENU ADMIN-->
D
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
860
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="19"
ER height="18" class="titulomenu"> </td>
D
<td height="18" colspan="2"
</tr>
<tr>
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
861
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3"> </td>
H
C
E
</table>
DER
</tr>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
862
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="6%" height="50" align="center" valign="middle"
S
O
D
title="Ver Fotografías Cargadas" class="tooltip"><img VA
ER height="32"
S
src="../images/icons/camera_32.png" alt="1"
width="32"
E
R
S
/></a></td>
HO
C
E
R
<td
align="center" valign="middle"
Ewidth="6%"
D
bgcolor="#F2F2F2" class="titulomenu"><img
bgcolor="#B9DC69" class="titulomenu"><a href="imagenes.php"
src="../images/icons/camera_add_32.png" width="32" height="32"
/></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
class="titulomenu">Agregar una nueva imagen a la galería</td>
</tr>
<tr>
<td height="330" colspan="4" valign="top"><br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="95" align="center" valign="middle"
bgcolor="#F2F2F2"> 
<form action="<?php echo $editFormAction; ?>"
method="post" name="form" id="form">
863
<table align="center">
<tr valign="baseline">
<td width="592"><span
class="mensajes">Titulo</span><br />
<input name="strTitulo" type="text" class="forminput1" value="" size="32" required/></td>
</tr>
S
O
D
A
<td><span class="mensajes">Descripción
V
R
SE
| Informacion Corta y Breve | Evento</span><br
/>
E
R
S
<textarea
name="strDescrip" cols="32" rows="10"
HO
C
E
class="form-inputarea"
DER id="strDescrip" required></textarea></td>
<tr valign="baseline">
</tr>
<tr valign="baseline">
<td><span class="mensajes">Imagen</span><br
/>
<input name="strImagen" type="text"
class="form-input1" value="" size="32" required/><input
name="button" type="button" class="pruebabotom" id="button3"
value="Subir Imagen" onclick="javascript:subirimagenfot();" /></td>
</tr>
<tr valign="baseline">
<td><input type="submit" value="Insertar registro"
/></td>
</tr>
</table>
<input type="hidden" name="MM_insert"
value="form" />
</form>
<p> </p></td>
</tr>
864
</table>
<br />
</td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</tr>
</table>
</td>
</tr>
O
H
C
E
ER
D
R
SE
E
R
S
</table></td>
S
O
D
VA
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
865
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
S
O
H
EC
function(event){
);
DER
S
O
D
A
obj.dd.on('click',
V
R
E
RES
$(this).toggleClass('active'
event.stopPropagation();
});
}
}
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
866
$('.wrapper-dropdown5').removeClass('active');
});
});
S
O
D
VA
</script>
<script>
R
SE
E
R
S
HO
C
E
//Array para dar
formato en español
ER
D
$.datepicker.regional['es'] =
$(function() {
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
867
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
S
O
D
VA
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
R
SE
E
R
S
HO
C
E
<link rel="stylesheet"
ER href="/resources/demos/style.css">
D
<script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<!-- InstanceEnd --></html>
<?php
mysql_free_result($Articulos);
?>
868
Cargarvideo.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
$fecha = date("j/ n/ Y");
?>
D
R
SE
E
R
S
O
H
C
E
ER
<?php
S
O
D
VA
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
869
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
R
SE
E
R
S
case "defined":
O
S
O
D
VA
$theValue = ($theValue != "") ? $theDefinedValue :
H
C
E
ER
$theNotDefinedValue;
break;
}
D
return $theValue;
}
}
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
870
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
S
O
D
VA
R
SE
E
R
S
HO
C
E
case "date":
ER
D
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form")) {
871
$insertSQL = sprintf("INSERT INTO tblvideos (strTitulo, idUnidad,
strEmbed, strFecha, strMiniatura, strDescripcion) VALUES (%s, %s, %s,
CURDATE(), %s, %s)",
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['idUnidad'], "text"),
GetSQLValueString($_POST['strEmbed'], "text"),
S
O
D
VA
GetSQLValueString($_POST['strImagen'], "text"),
R
SE
E
R
S
HO
C
E
mysql_select_db($database_ccm,
$ccm);
ER
D
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
GetSQLValueString($_POST['strDesc'], "text"));
$insertGoTo = "videos.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
}
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_videos = 2;
$pageNum_videos = 0;
if (isset($_GET['pageNum_videos'])) {
$pageNum_videos = $_GET['pageNum_videos'];
}
$startRow_videos = $pageNum_videos * $maxRows_videos;
872
mysql_select_db($database_ccm, $ccm);
$query_videos = "SELECT * FROM tblvideos ORDER BY
tblvideos.idVideos DESC";
$query_limit_videos = sprintf("%s LIMIT %d, %d", $query_videos,
$startRow_videos, $maxRows_videos);
$videos = mysql_query($query_limit_videos, $ccm) or
die(mysql_error());
R
SE
E
R
S
$row_videos = mysql_fetch_assoc($videos);
HO
C
E
$totalRows_videos
ER = $_GET['totalRows_videos'];
D
} else {
S
O
D
VA
if (isset($_GET['totalRows_videos'])) {
$all_videos = mysql_query($query_videos);
$totalRows_videos = mysql_num_rows($all_videos);
}
$totalPages_videos = ceil($totalRows_videos/$maxRows_videos)-1;
$queryString_videos = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_videos") == false &&
stristr($param, "totalRows_videos") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_videos = "&" . htmlentities(implode("&", $newParams));
873
}
}
$queryString_videos = sprintf("&totalRows_videos=%d%s",
$totalRows_videos, $queryString_videos);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
S
O
D
A
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
V
R
E
template="/Templates/acceso.dwt.php"RES
S-->
O
codeOutsideHTMLIsLocked="false"
H
C
E
R
E
D
<head>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Documento sin título</title>
<style type="text/css">
.form-inputarea1 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
874
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
font-size: 14px;
color: #666;
O
H
C
E
ER
text-shadow: 0px 1px 0px #fff;
D
R
SE
E
R
S
margin-top: 2px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
875
</style>
<style type="text/css">
.form-inputarea11 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
HO
C
E
-moz-box-sizing:
ERborder-box;
D
box-sizing: border-box;
border-radius: 0;
-webkit-box-sizing: border-box;
R
SE
E
R
S
-o-border-radius: 0;
S
O
D
VA
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
876
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
S
O
D
VA
-moz-box-shadow: 1px
ER 1px 1px 0px
S
box-shadow:
E
SR
1px 0px #efefef;
#efefef;
O
H
C
E
ER
D
antialiased;
-webkit-font-smoothing:
}
</style>
<style type="text/css">
.form-input11 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
877
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
S
O
D
VA
ERnone;
S
outline:
E
SR
background: -webkitHO
C
E
gradient(linear,
to(#ffffff));
DEleftRtop, left bottom, from(#F3F3F3),
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
</style>
<!-- InstanceEndEditable -->
878
<style type="text/css">
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:100%;
background-
image:url(Imagenes/header.png);
background-
repeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
879
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
ER "Museo Sans
S
font-family:
E
SR
.bienvenido {
900";
O
H
C
E
ER
D
S
O
D
VA
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
font-weight: normal;
color: #000;
}
.bavanzada {
880
font-family: "Museo Sans
500";
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
S
O
D
VA
font-family: "Museo Sans
ER 24px;
S
font-size:
E
SR
900";
D
.areaMusical {
}
O
H
C
E
ER
color: #0CF;
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
}
.titulomenu {
881
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
S
O
D
A5px;
padding-top:
V
R
E
RESpadding-right: 15px;
background-color:#FFF;
S
O
H
EC
DER
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
882
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
S
O
H
EC
DER
S
O
D
A
position:absolute;
V
R
E
RESwidth:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
.tooltip {
display: inline;
position: relative;
883
}
.tooltip:hover:after {
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
S
O
D
background: rgba(185,220,105, 1); /* el color de fondo
*/A
V
R
SE
border-radius: 5px;
E
R
S
O
color: #FFF; /* el color del
texto
*/
H
C
E
R Sans Condensed', sans-serif;
font-family:E
D 'Open
/* el formato gráfico */
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
border-width: 6px 6px 0 6px;
}
.info {
884
color: #666;
}
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
HO
C
E
.info p > a, .info
EpR> a:visited {
D
color: #666;
font-size: 14px;
}
R
SE
E
R
S
font-weight: 300;
S
O
D
VA
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
885
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
R
SE
E
R
S
O
H
C
E
color: #666; ER
D
margin-top: 2px;
S
O
D
VA
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
886
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
R
SE
E
R
S
O
H
C
E
font-style: italic;
ER
D
color: #AAA;
.form-input.placeholder {
S
O
D
VA
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
887
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
background: #bbb;
O
H
C
E
R
font-weight: E
600;
D
font-size: 12px;
color: #fff;
R
SE
E
R
S
padding: 4px 16px;
S
O
D
VA
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
888
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
outline: none;
O
H
C
E
line-height: 1;
ER
D
width: 280px;
border: none;
R
SE
E
R
S
font-family: 'Open Sans', sans-serif;
S
O
D
VA
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
889
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
O
.form-inputarea { -webkit-appearance: none;
H
C
E
R
appearance:E
none;
D
-webkit-border-radius: 0;
-moz-appearance: none;
R
SE
E
R
S
}
S
O
D
VA
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
font-size: 14px;
margin-top: 2px;
890
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
S
O
D
VA
-webkit-border-radius:
ER
S
-moz-border-radius:
3px;
E
SR
3px;
O
H
C
E
ER
D
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:20px;
}
891
.border {
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
ER
S
float:
left;
E
SR
{
D
#D5EAA2;
O
H
C
E
ER
S
O
D
VA
background-color:
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
#apDiv34 {
position: absolute;
width: 130px;
height: 70px;
892
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
O
H
C
E
function validarCampos()
ER
D
{
<script>
R
SE
E
R
S
</head>
S
O
D
VA
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
return;
}
893
if
(document.form1.contra.value=='')
{
alert("Debe ingresar
su clave");
return;
}
if
D
su clave");
O
H
C
E
ER
R
S{ E
E
R
S
(document.form1.contra2.value=='')
S
O
D
VA
alert("Debe reingresar
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
document.form1.submit();
894
}
function subirimagen()
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenvideo()
}
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
895
}
function subirimagenfot()
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function alerta(id){
}
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
function alertaaud(id){
896
if(confirm("¿Desea eliminar este audio?")){
window.location.assign("audiodelete.php?ID=" +id);
}else{
return false;
}
}
function alertaeve(id){
R
SE
E
R
S
if(confirm("¿Desea eliminar este evento?")){
O
S
O
D
VA
window.location.assign("eventodelete.php?ID=" +id);
H
C
E
ER
D
return false;
}else{
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
function imprimir()
{
self.name = 'opener';
897
remote =
open('listadoprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
S
O
H
EC
S
O
D
self.nameV
=A
'opener';
R
E
RESremote =
ER
D
rs=no,resizable=no,fullscreen=no, status=yes');
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
remote =
open('listadoestudiantes.php', 'remote',
898
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function pprueba(id)
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('prueba.php?ID=' +id, 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=yes,fullscreen=no, status=yes');
D
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
899
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
S
O
D
A
remote.focus();
V
R
E
RES}
rs=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
aranceles()
{
function
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
900
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
S
O
D
A == 3) {
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
V
R
SE
// Show if recordset empty ?>
E
R
S
O
H
Calign="center"
E
R
<td width="36%"
E
D
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
901
<?php
}
?>
<td width="19%"> </td>
</tr>
</table>
<br />
D
<br />
<br />
O
H
C
E
ER
R
SE
E
R
S
</div>
</div>
S
O
D
VA
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
902
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i class="iconV
R
E
user"></i>Datos Personales</a></li> RES
S class="iconO
<li><a href="confcuenta.php"><i
H
C
E
R
cog"></i>Configurar
Cuenta</a></li>
E
D
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
<ul class="dropdown">
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
903
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
S
O
D
A
<td width="230" valign="middle" class="titulomenu">
Acciones
V
R
E
S
Especiales</td>
E
R
S
O
</tr>
H
C
E
R
<tr>
E
D
<td height="35" colspan="3" class="tabla"><a
class="titulomenu"> </td>
href="pprueba.php">Presentar Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
904
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
S
O
D
VA
<!-----------------------------------------------------------------//////// MENU
R
SE
E
R
S
PROFESOR-->
<?php if
HO
C
E
(ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 2) { // Show if
ER
D
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
905
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
O
H
C
E
</tr> ER
D
<tr>
<br /></td>
R
SE
E
R
S
</div>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
906
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
S
O
D
VA
<td height="35" colspan="2" valign="middle"
R
SE
E
R
S
class="titulomenu"> </td>
O
<td width="230" valign="middle" class="titulomenu">
H
C
E
</tr> ER
D
<tr>
Acciones Especiales</td>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
907
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
S
O
D
VA
R
SE
E
R
S
O
<!-----------------------------------------------------------------////////
H
C
E
ER
MENU ADMIN-->
D
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
908
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="19"
ER height="18" class="titulomenu"> </td>
D
<td height="18" colspan="2"
</tr>
<tr>
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
909
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3"> </td>
H
C
E
</table>
DER
</tr>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
910
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="6%" height="50" align="center" valign="middle"
S
O
D
VA
bgcolor="#B9DC69" class="titulomenu"><a href="videos.php" title="Ver
R
SE
E
R
S
Videos Cargados" class="tooltip"><img
HO
C
E
R
<td
align="center" valign="middle"
Ewidth="6%"
D
bgcolor="#F2F2F2" class="titulomenu"><img
src="../images/design/drops/tv.png" alt="1" width="32" height="32"
/></a></td>
src="../images/icons/play_32.png" width="32" height="32" /></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
class="titulomenu">Agregar un video</td>
</tr>
<tr>
<td height="330" colspan="4" valign="top"><br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="95" align="center" valign="middle"
bgcolor="#F2F2F2"> 
<form action="<?php echo $editFormAction; ?>"
method="post" name="form" id="form">
<table align="center">
911
<tr valign="baseline">
<td width="295"><span
class="mensajes">Titulo</span><br />
<input name="strTitulo" type="text" class="forminput1" id="strTitulo" value="" size="32" />
<input style="display:none" name="strFecha"
type="text" class="form-input1" value="<?php echo $fecha;?>"
size="32" /></td>
R
SE
E
R
S
<td width="295"><span
S
O
D
VA
O
<label
Hfor="idUnidad"></label>
C
E
ER <select name="idUnidad" class="wrapper-
class="mensajes">Unidades</span><br />
D
dropdown-1" id="idUnidad">
<option value="1">Unidad 1</option>
<option value="2">Unidad 2 </option>
<option value="3">Unidad 3</option>
<option value="4">Unidad 4 </option>
<option value="5">Ninguna | Otros</option>
</select><br /></td>
</tr>
<tr valign="baseline">
<td colspan="2"><span class="mensajes">Video /
Embed</span>
<span
class="bienvenido2">(640x360)px</span><br />
<textarea name="strEmbed" cols="32"
class="form-input"></textarea>
<br /></td>
</tr>
<tr valign="baseline">
912
<td colspan="2"><span
class="mensajes">Descripción</span><br />
<textarea name="strDesc" cols="32" class="forminput" id="strDesc"></textarea></td>
</tr>
<tr valign="baseline">
<td colspan="2"><span
S
O
D
Aclass="form<input name="strImagen" type="text"
V
R
E
input1" id="strImagen" value="" size="32"
/> S
E
R
S class="pruebabotom"
O
<input name="button" type="button"
H
C Imagen"
E
R
id="button3" value="Subir
E
D
onclick="javascript:subirimagenvideo();" /></td>
class="mensajes">Imagen</span><br />
</tr>
<tr valign="baseline">
<td colspan="2"><input type="submit"
value="Insertar registro" /></td>
</tr>
</table>
<input type="hidden" name="MM_insert"
value="form" />
<br />
</form></td>
</tr>
</table>
<br />
</td>
</tr>
</table>
913
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
S
O
D
VA
R
E<script
S
E
SR
HO
C
E
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
ER
D
cript>
type="text/javascript"
<script
type="text/javascript">
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
914
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
S
O
D
});
VA
event.stopPropagation();
O
H
C
E
ER
D
R
SE
E
R
S
}
}
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
});
915
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
S
O
D
VA
R
SE
E
R
S
HO
C
E
R
monthNames:
E['Enero','Febrero','Marzo','Abril','Mayo','Junio',
D
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
nextText: 'Próximo',
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
916
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
});
</script>
D
<!-- InstanceEnd --></html>
</body>
O
H
C
E
ER
R
SE
E
R
S
$( "#datepicker" ).datepicker();
S
O
D
VA
<?php
mysql_free_result($videos);
?>
917
Cerrar.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<?php
session_destroy();
//echo "Has cerrado la sesion";
$mensaje = "Gracias por tu visita, vuelve pronto.";
echo "<script>";
D
R
SE
E
R
S
O
H
C
E
ER
echo "if(confirm('$mensaje'));";
S
O
D
VA
echo "window.location = 'acceso.php';";
echo "</script>";
?>
<?php
$idEst= $_GET["ID"];
$cedula= ObtenerCedulaUser($_SESSION['MM_idUser']);
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
918
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "int":
O
H
C
E
ER
R
SE
E
R
S
case "long":
S
O
D
VA
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
D
case "double":
break;
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
919
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1"))
{
$insertSQL = sprintf("INSERT INTO tblmensaje (strMensaje, idProfesor,
strFecha, idEstudiante) VALUES (%s, %s, CURDATE(), %s)",
GetSQLValueString($_POST['strMensaje'], "text"),
S
O
D
A
GetSQLValueString($_POST['para'], "int"));
V
R
SE
E
R
S$ccm);
O
mysql_select_db($database_ccm,
H
C
E
R
$Result1 = mysql_query($insertSQL,
$ccm) or die(mysql_error());
DE
GetSQLValueString($_POST['de'], "int"),
$insertGoTo = "mensajeenviado.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
}
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] ==
"form1")) {
$updateSQL = sprintf("UPDATE tbldatosuser SET strNombre=%s,
strSNombre=%s, strApellido=%s, strSApellido=%s, strCedula=%s,
strIglesia=%s, strPastor=%s, strTlfMovil=%s, strTlfCasa=%s,
strDirecc=%s, strFechaNac=%s, strcorreo=%s WHERE idUsuario=%s",
GetSQLValueString($_POST['strNombre'], "text"),
GetSQLValueString($_POST['strSNombre'], "text"),
GetSQLValueString($_POST['strApellido'], "text"),
920
GetSQLValueString($_POST['strSApellido'], "text"),
GetSQLValueString($_POST['strCedula'], "text"),
GetSQLValueString($_POST['strIglesia'], "text"),
GetSQLValueString($_POST['strPastor'], "text"),
GetSQLValueString($_POST['strTlfMovil'], "text"),
GetSQLValueString($_POST['strTlfCasa'], "text"),
GetSQLValueString($_POST['strDirecc'], "text"),
S
O
D
A
GetSQLValueString($_POST['strcorreo'], V
"text"),
R
SE "int"));
GetSQLValueString($_POST['idUsuario'],
E
R
S
O
H
C
E
R
mysql_select_db($database_ccm,
$ccm);
E
D
$Result1 = mysql_query($updateSQL, $ccm) or die(mysql_error());
GetSQLValueString($_POST['strFechaNac'], "text"),
$updateGoTo = "actualizacion.php";
if (isset($_SERVER['QUERY_STRING'])) {
$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
$updateGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $updateGoTo));
}
$varCED_notas = "0";
if (isset($cedula)) {
$varCED_notas = $cedula;
}
$varUser_notas = "0";
if (isset($_SESSION['MM_idUser'])) {
$varUser_notas = $_SESSION['MM_idUser'];
}
921
mysql_select_db($database_ccm, $ccm);
$query_notas = sprintf("SELECT * FROM tblnotas WHERE
tblnotas.CIUsuario = %s AND tblnotas.iduser=%s ORDER BY
tblnotas.strNota DESC", GetSQLValueString($varCED_notas,
"int"),GetSQLValueString($varUser_notas, "int"));
$notas = mysql_query($query_notas, $ccm) or die(mysql_error());
$row_notas = mysql_fetch_assoc($notas);
$totalRows_notas = mysql_num_rows($notas);
R
SE
E
R
S
HO
C
E
$varUser_Recordset1
ER = $_SESSION['MM_idUser'];
D
}
$varUser_Recordset1 = "0";
S
O
D
VA
if (isset($_SESSION['MM_idUser'])) {
mysql_select_db($database_ccm, $ccm);
$query_Recordset1 = sprintf("SELECT * FROM tbldatosuser WHERE
tbldatosuser.idUsuario =%s", GetSQLValueString($varUser_Recordset1,
"int"));
$Recordset1 = mysql_query($query_Recordset1, $ccm) or
die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
922
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Documento sin título</title>
<style type="text/css">
.form-input11 {-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 0;
O
H
C
E
-ms-border-radius:
ER 0;
D
-o-border-radius: 0;
-moz-border-radius: 0;
R
SE
E
R
S
appearance: none;
S
O
D
VA
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
923
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
</style>
<style type="text/css">
.form-input2 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
924
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
R
SE
E
R
S
O
H
C
E
color: #666; ER
D
margin-top: 2px;
S
O
D
VA
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
925
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input2 { font-style: italic;
color: #AAA;
</style>
R
SE
E
R
S
HO
C
E
<style type="text/css">
ER
D
.form-input3 { -webkit-appearance: none;
}
S
O
D
VA
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
926
font-size: 14px;
margin-top: 2px;
color: #666;
S
O
D
VA
text-shadow: 0px 1px 0px
#fff;
ERnone;
S
outline:
E
SR
background: -webkitHO
C
E
gradient(linear,
to(#ffffff));
DEleftRtop, left bottom, from(#F3F3F3),
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input3 { font-style: italic;
color: #AAA;
927
}
</style>
<style type="text/css">
.form-input12 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
HO
C
E
-webkit-box-sizing:
ER border-box;
D
-moz-box-sizing: border-box;
-o-border-radius: 0;
border-radius: 0;
R
SE
E
R
S
-ms-border-radius: 0;
S
O
D
VA
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
928
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
S
O
D
VA
-webkit-box-shadow: 1px
ER
S
-moz-box-shadow:
1px
E
SR
1px 0px #efefef;
O
H
C
E
ER
1px 0px #efefef;
#efefef;
D
box-shadow: 1px 1px 0px
-webkit-font-smoothing:
antialiased;
}
</style>
<style type="text/css">
.form-input13 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
929
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
color: #666;
O
H
C
E
ER
text-shadow: 0px 1px 0px #fff;
D
R
SE
E
R
S
margin-top: 2px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
930
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
#apDiv1 {
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
position:absolute;
width:100%;
background-
image:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
931
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
S
O
H
EC
image:url(Imagenes/btrans.png);
}
DER
.bienvenido {
S
O
D
A
backgroundV
R
E
RES
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
font-weight: normal;
932
color: #000;
}
.bavanzada {
font-family: "Museo Sans
500";
font-size: 10px;
font-weight: normal;
S
O
D
VA
color: #000;
.diames {
900";
O
H
C
E
ER
D
R
SE
E
R
S
}
font-family: "Museo Sans
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
933
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 14px;
}
ER
S
background-color:#FFF;
E
SR
.tabla {
O
H
C
E
ER
D
S
O
D
VA
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
padding-right: 15px;
934
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
S
O
D
VA
color: #FFF;
#apDiv3 {
O
H
C
E
ER
D
R
SE
E
R
S
}
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
.tooltip {
935
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
R
SE
E
R
S
HO
C
E
border-radius:
5px;
ER
D
color: #FFF; /* el color del texto */
/* el formato gráfico */
S
O
D
VA
background: rgba(185,220,105, 1); /* el color de fondo */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
border-width: 6px 6px 0 6px;
936
}
.info {
color: #666;
}
.info h1 {
margin: 8px 0;
font-weight: 300;
}
margin: 8px 0;
O
H
C
E
font-size: 14px;
ER
D
}
font-weight: 300;
R
SE
E
R
S
.info p {
S
O
D
VA
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
937
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
height: 32px;
O
H
C
E
font-size: 14px;
ER
D
margin-top: 2px;
R
SE
E
R
S
width: 100%;
S
O
D
VA
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
938
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
D
.form-input.placeholder {
}
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
939
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
O
transition: all .500ms ease-out;
H
C
E
R
background:E
#bbb;
D
color: #fff;
padding: 4px 16px;
R
SE
E
R
S
animation: fold 500ms ease-in reverse;
S
O
D
VA
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
-moz-appearance: none;
940
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
O
-webkit-font-smoothing: antialiased;
H
C
E
outline: none;
ER
D
border: none;
R
SE
E
R
S
box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
941
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
S
O
D
VA
-webkit-font-smoothing:
}
O
H
C
E
-moz-appearance:
ERnone;
D
appearance: none;
R
SE
E
R
S
antialiased;
.form-inputarea { -webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
font-size: 14px;
942
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-linear-
gradient(top, #F3F3F3, #ffffff);
S
O
H
EC
3px;
DER
S
O
D
A
-webkit-border-radius:
V
R
E
RES
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:20px;
943
}
.border {
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
}
{
O
H
C
E
ER
D
#D5EAA2;
R
SE
E
R
S
.textoproducto
S
O
D
VA
float: left;
background-color:
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
#apDiv34 {
position: absolute;
width: 130px;
944
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</head>
O
H
C
E
ER
D
function validarCampos()
<script>
R
SE
E
R
S
</style>
S
O
D
VA
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
return;
}
945
if
(document.form1.contra.value=='')
{
alert("Debe ingresar
su clave");
return;
}
if
D
su clave");
O
H
C
E
ER
R
S{ E
E
R
S
(document.form1.contra2.value=='')
S
O
D
VA
alert("Debe reingresar
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
document.form1.submit();
946
}
function subirimagen()
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenvideo()
}
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenfot()
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
947
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
R
SE
E
R
S
HO
C
E
function alertavid(id){
ER
D
if(confirm("¿Desea eliminar este video?")){
}
S
O
D
VA
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
948
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
function imprimir()
{
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
self.name = 'opener';
remote =
open('listadoprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
949
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
S
O
H
EC
S
O
D
self.nameV
=A
'opener';
R
E
RESremote =
ER
D
ars=no,resizable=yes,fullscreen=no, status=yes');
open('listadoestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
950
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoemailestudiantesprof.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
H
C
E
ER
rs=no,resizable=no,fullscreen=no, status=yes');
D
remote.focus();
}
function
aranceles()
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
951
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
S
O
D
ANIVEL DE
<!--// ------------------------------------------------------------------V
R
SE
USUARIO-->
E
R
S
O
H
EC
R
<?php E
if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 3) {
D
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">PROFESOR:<span class="bienvenido2"> <?php
echo ObtenerAMusical (ObtenerAMusicalID($_SESSION['MM_idUser'])) ;
?></span></td>
<?php } // Show if recordset empty >
952
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">AREA
MUSICAL:<span class="bienvenido2"> <?php echo ObtenerAMusical
(ObtenerAMusicalID($_SESSION['MM_idUser'])) ; ?></span></td>
<?php
O
?>
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
D
<td width="19%"> </td>
</tr>
</table>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
953
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
S
O
D
VA
<td height="17" colspan="3" class="titulomenu"><br />
<br />
O
H
C
E
ER
R
SE
E
R
S
<div class="container">
D
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
954
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="inscripcion.php">Inscripciones</a></td>
</tr>
O
<td height="35" colspan="3" class="tabla"><a
H
C
E
ER
R
SE
E
R
S
<tr>
S
O
D
VA
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
D
<td height="35" colspan="3" class="tabla"><a
href="pestudiop.php">Pénsum de Estudio</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="comprobantes.php">Comprobante de
Inscripción</a></td>
</tr>
955
<tr>
<td height="35" colspan="3" class="tabla"><a
href="horarios.php">Horario de Estudio</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
</tr>
</table>
O
H
C
E
ER
R
SE
E
R
S
<td height="35" colspan="3"> </td>
S
O
D
VA
D
<?php } // Show if recordset empty >
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
956
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
S
O
D
VA
R
SE
E
R
S
HO
C
E
ObtenerNombreUser($_SESSION['MM_idUser']);
?> <?php echo
ER
D
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
957
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
R
Notas</a>
Ehref="carganotass.php">Cargar
D<a</td>
<tr>
<td height="35" colspan="3" class="tabla">
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
<tr>
958
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
S
O
D
VA
R
SE
E
R
S
<td height="35" colspan="3"> </td>
HO
C
E
<td height="35"
ER colspan="3"> </td>
D
</tr>
</tr>
<tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
<!-----------------------------------------------------------------////////
MENU ADMIN-->
959
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
S
O
D
A />
<td height="17" colspan="3" class="titulomenu"><br
V
R
SE
E
R
S
O
<br />
<div class="container">
H
C
E
R
DE
<tr>
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
960
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Inscritos</a></td>
</tr>
S
O
D
<td height="35" colspan="3" class="tabla"><aVA
ER
S
href="profesores.php">Lista de Profesores</a></td>
E
R
S
</tr>
HO
C
E
<tr> ER
D
<tr>
<td height="35" colspan="3" class="tabla"><a
href="periodos.php">Periodos de Inscripción</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="eventos.php">Agregar Evento</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
961
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
O
H
C
E
ER
D
R
SE
E
R
S
<?php } // Show if recordset empty >
S
O
D
VA
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
962
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#F9F9F9" class="titulomenu"><img
src="../images/icons/comment_user_info_32.png" alt="3" width="32"
height="32" /></td>
<td align="center" valign="middle" bgcolor="#B9DC69"
class="titulomenu"> </td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
R
SE
E
R
S
<td width="92%" bgcolor="#F9F9F9"
S
O
D
VA
HO
C
E
<tr>ER
D
<td height="330" colspan="4" align="center"
class="titulomenu">Cerrar Sesión</td>
</tr>
valign="top"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="175" align="center"><p
class="bienvenido2">Sesión Finalizada, reedirigiendo
espere...</p>
</table></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
963
<!-- jQuery if needed -->
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
DropDown(el) {
el;
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
A
Vfunction
this.dd =
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
event.stopPropagation();
964
});
}
}
$(function() {
O
H
C
E
ER
n() {
D
R
SE
E
R
S
new DropDown( $('#dd') );
var ddS
=
O
D
VA
$(document).click(functio
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
});
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
965
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
S
O
D
VA
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
R
SE
E
R
S
HO
C
E
R
dayNamesMin:
E['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
D
dateFormat: 'dd/mm/yy', firstDay: 0,
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
966
});
</script>
</body>
<!-- InstanceEnd --></html>
<?php
mysql_free_result($notas);
mysql_free_result($Recordset1);
O
D
H
C
E
ER
R
SE
E
R
S
?>
S
O
D
VA
967
Csesion.php
<?php require_once('../Connections/ccm.php'); ?>
<!-- Codigo para el cerrado de sesion -->
<?php
session_destroy();
S
O
D
VA
//echo "Has cerrado la sesion";
O
H
C
E
ER
echo "<script>";
D
R
SE
E
R
S
$mensaje = "Gracias por tu visita, vuelve pronto.";
echo "if(confirm('$mensaje'));";
echo "window.location = 'acceso.php';";
echo "</script>";
?>
<?php require_once('../includes/funciones.php'); ?>
<?php $fecha= time();
$y = date("Y", $fecha); // Year (2003)
$m = date("n"); // Month (12)
$d = date("d", $fecha ); // day (14
$diac = $d -1;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<title>Panel de Usuario</title>
968
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
S
O
D
VA
background-image:
ER
S
background-repeat:
E
SR
url(../imagenes/bg1.png);
repeat;
D
#apDiv1 {
}
O
H
C
E
ER
position: absolute;
width: 100%;
height: 70px;
z-index: 1;
top: 140px;
background-image:
url(../imagenes/bg2.png);
background-repeat:
repeat;
}
#apDiv2 {
position: absolute;
width: 100%;
height: 10px;
z-index: 2;
top:137px;
969
backgroundposition:center;
backgroundimage:url(../imagenes/barra.png);
background-position:top;
background-repeat:norepeat;
}
ER absolute;
S
position:
E
SR
#apDiv3 {
O
H
C
E
ER
D
S
O
D
VA
width: 100%;
height: 10px;
z-index: 2;
top: 210px;
background-position:
center;
background-image:
url(../imagenes/barra.png);
background-position: top;
background-repeat: norepeat;
left: 0px;
}
#apDiv4 {
position: absolute;
width: 200px;
height: 115px;
z-index: 3;
}
</style>
970
<!-- ########## CSS Files ########## -->
<!-- Screen CSS -->
<link rel="stylesheet"
href="../slider/css/style3.css" type="text/css" media="screen" />
<!-- lightbox CSS -->
<link rel="stylesheet"
href="../slider/js/prettyPhoto/css/prettyPhoto.css" type="text/css"
S
O
D
A end css
<!-- ##########
V
R
ESE
media="screen" />
########## -->
R
S
HO
C
E
R
DE
<!-- JAVASCRIPT GOES
HERE -->
<script type='text/javascript' src='../slider/js/jquery.js'></script>
<script src="../slider/js/prettyPhoto/js/jquery.prettyPhoto.js"
type="text/javascript"></script>
<!--this file includes the
aviaslider: -->
<script type='text/javascript'
src='../slider/js/jquery.aviaSlider.js'></script>
<!--this file includes the
activation call for the avia slider. You should edit here: -->
<script type='text/javascript' src='../slider/js/custom.js'></script>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../estilos/hojadeestilos.css" rel="stylesheet" type="text/css"
/>
<link rel="stylesheet" type="text/css" href="../css/demo.css" />
971
<link rel="stylesheet" type="text/css" href="../css/style1.css" />
<link rel="stylesheet" type="text/css" href="../css2/demo2.css" />
<link rel="stylesheet" type="text/css" href="../css2/style5.css" />
<style type="text/css">
#apDiv5 {
position: absolute;
width: 100%;
S
O
D
A
z-index: 3;
V
R
E
REStop: 567px;
height: 219px;
S
O
H
EC
ER
D
#apDiv6 {
}
left: 2px;
position: absolute;
width: 100%;
height: auto;
z-index: 4;
left: 1px;
top: 1126px;
background-image:
url(../imagenes/bg2.png);
background-repeat:
repeat;
}
#bgpromo {
backgroundimage:url(../imagenes/offer.png);
background-repeat:norepeat;
}
972
#apDiv7 {
position: absolute;
width: 100%;
height: 17px;
z-index: 5;
left: 0px;
top: 865px;
}
ER absolute;
S
position:
E
SR
#apDiv8 {
O
H
C
E
ER
D
S
O
D
VA
width: 100%;
height: 151px;
z-index: 6;
left: 0px;
top: 890px;
}
#apDiv9 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1;
}
#apDiv10 {
position: absolute;
width: 200px;
height: 115px;
z-index: 7;
left: 0;
top: 4px;
973
background-color:
#0099CC;
}
#apDiv11 {
position: absolute;
width: 500px;
height: 115px;
S
O
D
VA
z-index: 7;
R
E1px;
S
top:
E
SR
left: 0;
D
#CCCCCC;
}
O
H
C
E
ER
background-color:
#apDiv12 {
position: absolute;
width: 400px;
height: 115px;
z-index: 7;
left: 80px;
top: 18px;
background-color:
#CCCCCC;
}
#apDiv13 {
position: absolute;
width: 100%;
height: 18px;
z-index: 7;
left: 0px;
top: 1033px;
974
}
#apDiv14 {
position: absolute;
width: 100%;
height: 3px;
z-index: 8;
left: 0px;
S
O
D
A
text-align:center;
V
R
ESE
top: 1123px;
}
C
E
R
DE
R
S
HO
#apDiv18 {
position: absolute;
width: 100%;
height: 3px;
z-index: 8;
left: 0px;
top: 1315px;
text-align:center;
}
#apDiv15 {
position: absolute;
width: 100%;
height: 30px;
z-index: 9;
left: -1px;
top: 1320px;
text-align: left;
}
#apDiv16 {
position: absolute;
975
width: 110px;
height: 52px;
z-index: 9;
left: 117px;
top: 217px;
background-color:
#999900;
}
ER absolute;
S
position:
E
SR
#apDiv17 {
O
H
C
E
ER
D
S
O
D
VA
width: 276px;
height: 216px;
z-index: 9;
left: 50%;
margin-left: -475px;
top: 17px;
background-color:
#0099FF;
}
#apDiv19 {
position: absolute;
width: 276px;
height: 216px;
z-index: 9;
left: 50%;
margin-left: -140px;
top: 17px;
background-color:
#0099FF;
976
backgroundimage:url(../imagenes/dentista5.jpg);
}
#apDiv20 {
position: absolute;
width: 100%;
height: 644px;
S
O
D
left: 0px;VA
R
EStop:E258px;
z-index: 9;
}
C
E
R
DE
R
S
HO
#apDiv21 {
position: absolute;
width: 301px;
height: 693px;
z-index: 10;
top: 20px;
background-color:
#FFFFFF;
border-left-width: thin;
border-left-style: solid;
border-left-color:
#DADADA;
border-bottom-width: thin;
border-bottom-style:
solid;
border-bottom-color:
#999;
}
#apDiv22 {
977
position: absolute;
width: 302px;
height: 20px;
z-index: 10;
background-color:
#DADADA;
top: 0;
S
O
D
VA
border-radius: 3px 0px
}
#apDiv23 {
O
H
C
E
ER
D
R
SE
E
R
S
0px 0px;
position: absolute;
width: 226px;
height: 149px;
z-index: 10;
left:50%;
margin-left:-530px;
top: 0px;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
978
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
O
x=MM_findObj(n,d.layers[i].document);
H
C
E
ER
R
SE
E
R
S
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
S
O
D
VA
if(!x && d.getElementById) x=d.getElementById(n); return x;
D
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body>
</body>
</html>
979
Datospersonales.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<?php if ($_POST["apellido"] == "") {
$ape= "V-12345678";
}
S
O
D
VA
else
{
$ape= $_POST["apellido"];
O
H
C
E
ER
D
R
SE
E
R
}
S
?>
<?php
$idEst= $_GET["ID"];
$cedula= ObtenerCedulaUser($_SESSION['MM_idUser']);
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
980
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
S
O
D
VA
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
R
SE
E
R
S
HO
C
E
R != "") ? intval($theValue) : "NULL";
$theValueE
= ($theValue
D
break;
case "long":
case "int":
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
981
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] ==
"form1")) {
$updateSQL = sprintf("UPDATE tbldatosuser SET strNombre=%s,
strSNombre=%s, strApellido=%s, strSApellido=%s, strCedula=%s,
S
O
D
A
strDirecc=%s, strFechaNac=%s, strcorreo=%s WHEREV
idUsuario=%s",
R
SE "text"),
GetSQLValueString($_POST['strNombre'],
E
R
S
O
GetSQLValueString($_POST['strSNombre'],
"text"),
H
C
E
"text"),
ER
DGetSQLValueString($_POST['strApellido'],
GetSQLValueString($_POST['strSApellido'], "text"),
strIglesia=%s, strPastor=%s, strTlfMovil=%s, strTlfCasa=%s,
GetSQLValueString($_POST['strCedula'], "text"),
GetSQLValueString($_POST['strIglesia'], "text"),
GetSQLValueString($_POST['strPastor'], "text"),
GetSQLValueString($_POST['strTlfMovil'], "text"),
GetSQLValueString($_POST['strTlfCasa'], "text"),
GetSQLValueString($_POST['strDirecc'], "text"),
GetSQLValueString($_POST['strFechaNac'], "text"),
GetSQLValueString($_POST['strcorreo'], "text"),
GetSQLValueString($_POST['idUsuario'], "int"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($updateSQL, $ccm) or die(mysql_error());
$updateSQL = sprintf("UPDATE tblusuario SET strMD5=%s WHERE
idUsuario=%s",
982
GetSQLValueString(md5($_POST['correo']), "text"),
GetSQLValueString($_POST['idUsuario'], "int"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($updateSQL, $ccm) or die(mysql_error());
R
SE
E
R
S
$updateGoTo = "actualizacion.php";
HO
C
E
$updateGoTo
E.=R$_SERVER['QUERY_STRING'];
D
}
if (isset($_SERVER['QUERY_STRING'])) {
S
O
D
VA
$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
header(sprintf("Location: %s", $updateGoTo));
}
$varCED_notas = "0";
if (isset($cedula)) {
$varCED_notas = $cedula;
}
$varUser_notas = "0";
if (isset($_SESSION['MM_idUser'])) {
$varUser_notas = $_SESSION['MM_idUser'];
}
mysql_select_db($database_ccm, $ccm);
$query_notas = sprintf("SELECT * FROM tblnotas WHERE
tblnotas.CIUsuario = %s AND tblnotas.iduser=%s ORDER BY
tblnotas.strNota DESC", GetSQLValueString($varCED_notas,
"int"),GetSQLValueString($varUser_notas, "int"));
$notas = mysql_query($query_notas, $ccm) or die(mysql_error());
983
$row_notas = mysql_fetch_assoc($notas);
$totalRows_notas = mysql_num_rows($notas);
$varUser_Recordset1 = "0";
if (isset($_SESSION['MM_idUser'])) {
$varUser_Recordset1 = $_SESSION['MM_idUser'];
}
S
O
D
AWHERE
$query_Recordset1 = sprintf("SELECT * FROM tbldatosuser
V
R
SE
tbldatosuser.idUsuario =%s", GetSQLValueString($varUser_Recordset1,
E
R
S
O
"int"));
H
EC
R
$Recordset1 =E
mysql_query($query_Recordset1,
$ccm) or
D
die(mysql_error());
mysql_select_db($database_ccm, $ccm);
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Datos Personales</title>
<style type="text/css">
984
.form-input11 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
R
SE
E
R
S
HO
C
E
-webkit-font-smoothing:
ER antialiased;
D
font-family: 'Open Sans', sans-serif;
-moz-box-sizing: border-box;
S
O
D
VA
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
985
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
S
O
D
VA
box-shadow: 1px 1px 0px
ER
S
-webkit-font-smoothing:
E
SR
#efefef;
antialiased;
}
</style>
O
H
C
E
ER
D
<style type="text/css">
.form-input2 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
986
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
#fff;
D
ER 0px 1px 0px
S
text-shadow:
E
SR
O
H
C
E
ER
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
987
.form-input2 { font-style: italic;
color: #AAA;
}
</style>
<style type="text/css">
.form-input3 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius: 0;
O
H
C
E
-o-border-radius:
ER0;
D
border-radius: 0;
-ms-border-radius: 0;
R
SE
E
R
S
-webkit-border-radius: 0;
S
O
D
VA
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
988
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
S
O
D
VA
-webkit-border-radius:
ER
S
-moz-border-radius:
3px;
E
SR
3px;
O
H
C
E
ER
D
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input3 { font-style: italic;
color: #AAA;
}
</style>
<style type="text/css">
.form-input12 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
989
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
outline: none;
O
H
C
E
line-height: 1;
ER
D
width: 280px;
border: none;
R
SE
E
R
S
font-family: 'Open Sans', sans-serif;
S
O
D
VA
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
990
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
<style type="text/css">
R
SE
E
R
S
HO
C
E
R
.form-input13E
{-webkit-appearance:
none;
D
-moz-appearance: none;
</style>
S
O
D
VA
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
991
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
S
O
D
VA
background: -moz-linear-
ER
S
-webkit-border-radius:
E
SR
gradient(top, #F3F3F3, #ffffff);
3px;
O
H
C
E
ER
D
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
</style>
<style type="text/css">
.form-input14 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
992
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
border: none;
O
H
C
E
width: 280px;
ER
D
height: 32px;
line-height: 1;
R
SE
E
R
S
outline: none;
S
O
D
VA
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
993
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
</style>
O
.form-input15 {-webkit-appearance: none;
H
C
E
R
appearance:E
none;
D
-webkit-border-radius: 0;
-moz-appearance: none;
R
SE
E
R
S
<style type="text/css">
S
O
D
VA
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
994
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
S
O
D
VA
-webkit-border-radius:
ER
S
-moz-border-radius:
3px;
E
SR
3px;
O
H
C
E
ER
D
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
</style>
<style type="text/css">
.form-input16 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
995
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
width: 280px;
O
H
C
E
ER
height: 32px;
D
font-size: 14px;
R
SE
E
R
S
line-height: 1;
S
O
D
VA
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
996
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
ER
S
background-image:
E
SR
body {
O
H
C
E
ER
url(../imagenes/slideshow.png);
repeat;
D
S
O
D
VA
background-repeat:
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
997
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
S
O
D
Abold;
font-weight:
V
R
E
RESpadding-left: 20px;
font-size: 10px;
}
.blanco{
S
O
H
EC
DER
background-
image:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
998
font-family: "Museo Sans
900";
font-size: 12px;
font-weight: normal;
color: #000;
}
.bavanzada {
S
O
D
VA
font-family: "Museo Sans
ER 10px;
S
font-size:
E
SR
500";
O
H
C
E
ER
}
D
font-weight: normal;
color: #000;
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
999
z-index:2;
bottom:0px;
background-color:
#996666;
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
S
O
H
EC
}
.tabla {
DER
S
O
D
Abold;
font-weight:
V
R
E
REScolor: #000;
font-size: 14px;
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
1000
backgroundcolor:#EC7600;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
R
SE
E
R
S
-moz-transition: all .35s ease-out;
O
-o-transition: all .35s ease-out;
H
C
E
ER
transition: all .35s ease-out;
D
S
O
D
VA
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
a:link {
color: #999;
1001
}
</style>
<style type="text/css">
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
R
SE
E
R
S
bottom: 26px;
O
S
O
D
VA
content: attr(title); /* este es el texto que será mostrado */
H
C
E
position: absolute;
ER
D
z-index: 98;
left: 20%;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
1002
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
border-width: 6px 6px 0 6px;
}
.info {
color: #666;
}
margin: 8px 0;
O
H
C
E
ER
font-weight: 300;
}
.info p {
D
R
SE
E
R
S
.info h1 {
S
O
D
VA
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
1003
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
outline: none;
O
H
C
E
line-height: 1;
ER
D
width: 100%;
border: none;
R
SE
E
R
S
font-family: 'Open Sans', sans-serif;
S
O
D
VA
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
1004
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
S
O
D
VA
box-shadow: 1px 1px 0px
ER
S
-webkit-font-smoothing:
E
SR
#efefef;
antialiased;
O
H
C
E
ER
D
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
1005
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
margin-bottom: -8px;
cursor: help;
R
SE
E
R
S
-webkit-animation: fold 500ms ease-in reverse;
HO
C
E
animation: fold
500ms ease-in reverse;
ER
D
transition: all .500ms ease-out;
-moz-animation: fold 500ms ease-in reverse;
S
O
D
VA
-o-animation: fold 500ms ease-in reverse;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
1006
.form-input1 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
box-sizing: border-box;
ER
D
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
1007
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
S
O
D
VA
-moz-box-shadow: 1px
ER 1px 1px 0px
S
box-shadow:
E
SR
1px 0px #efefef;
#efefef;
O
H
C
E
ER
D
antialiased;
-webkit-font-smoothing:
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
1008
width: 100%;
height: 100px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
S
O
D
A-webkitbackground:
V
R
SE to(#ffffff));
gradient(linear, left top, left bottom, from(#F3F3F3),
E
R
S
O
background: -moz-linearH
C
E
R #ffffff);
gradient(top, E
D #F3F3F3,
outline: none;
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
float: left;
height: 140px;
1009
width: 140px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:20px;
}
.border {
S
O
D
VA
background-
R
Eborder:5px
S
solid
E
SR
color:#e5e5e5;
#e1e0e0;
O
H
C
E
ER
D
.textoproducto
}
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
1010
}
#apDiv34 {
position: absolute;
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
S
O
D
A30px;
padding-right:
V
R
E
RESpadding-bottom: 30px;
padding-top: 40px;
}
</style>
S
O
H
EC
DER
padding-left: 90px;
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
{
1011
alert("Debe ingresar
su email");
return;
}
if
(document.form1.contra.value=='')
S
O
D
A ingresar
alert("Debe
V
R
ESE
{
su clave");
R
S
HO
D
C
E
R
E
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
1012
alert("No coinciden
las contraseñas");
return;
}
document.form1.submit();
}
{
O
H
C
E
ER
R
SE
E
R
S
function subirimagen()
D
open('gestionimagen.php', 'remote',
S
O
D
VA
self.name = 'opener';
remote =
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subiraudio()
{
1013
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
O
{
H
C
E
ER
R
SE
E
R
S
function subirimagenfot()
D
open('gestiongaleria.php', 'remote',
S
O
D
VA
self.name = 'opener';
remote =
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
1014
}else{
return false;
}
}
function alertaaud(id){
if(confirm("¿Desea eliminar este audio?")){
window.location.assign("audiodelete.php?ID=" +id);
}else{
D
}
}
R
SE
E
R
S
O
H
C
E
ER
return false;
S
O
D
VA
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
1015
function imprimir()
{
self.name = 'opener';
remote =
S
O
D
A
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
V
R
SE
rs=no,resizable=no,fullscreen=no, status=yes');
E
R
S
O
remote.focus();
H
C
E
}
ER
D
function imprimircorreo()
open('listadoprofesores.php', 'remote',
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
1016
function imprimirestu()
{
self.name = 'opener';
remote =
open('listadoestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
S
O
D
VA
remote.focus();
function imprimirestucorreo()
{
O
H
C
E
ER
D
R
SE
E
R
S
}
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
1017
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function
aranceles()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('../aranceles.php',
ER 'remote',
D
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
1018
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) {
// Show if recordset empty ?>
<td width="36%" align="center"
R
SE
E
R
S
bgcolor="#FCBB15">ADMINISTRADOR</td>
HO
C
E
<?php E
Show if recordset empty >
D } //R
S
O
D
VA
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
<?php
}
?>
1019
<td width="19%"> </td>
</tr>
</table>
</div>
</div>
<br />
<br />
O
H
C
E
ER
R
SE
E
R
S
<br />
<br />
S
O
D
VA
D
<table width="937" border="0" cellspacing="0" cellpadding="0">
<br />
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
1020
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="icon-
S
O
D
A
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
V
R
SE
Sesión</a></li>
E
R
S
O
</ul>
H
EC
</div> ER
D
cog"></i>Configurar Cuenta</a></li>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
1021
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
</tr>
S
O
D
A
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
V
R
SE
Prueba de Unidad</a></td>
E
R
S
O
</tr>
H
C
E
R
<tr>
E
D
<td height="35" colspan="3" class="tabla"> </td>
<tr>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
1022
<!--------------------//////// cerrando MENU ESTUDIANTE-->
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
<?php if
S
O
D
VA
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
R
SE
E
R
S
recordset empty ?>
HO
C
E
R border="0" align="center" cellpadding="0"
<table E
width="250"
D
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
1023
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
R
SE
E
R
S
HO
C
E
class="titulomenu">Acciones</td>
ER
D
</tr>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
1024
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3" class="tabla"><a
H
C
E
</tr> ER
D
<tr>
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
1025
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
<!-----------------------------------------------------------------////////
MENU ADMIN-->
S
O
D
A
<?php
if
V
R
E
S
E
R
S
HO
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
C
E
R
DE
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
1026
</div>
<br /></td>
</tr>
<tr>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
R
SE
E
R
S
<td height="18" colspan="2"
HO
C
E
<tr> ER
D
<td height="35" colspan="3" class="tabla"><a
class="titulomenu">Acciones</td>
</tr>
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
1027
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
O
H
C
E
ER
D
R
SE
E
R
S
<?php } // Show if recordset empty >
S
O
D
VA
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
1028
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#F9F9F9" class="titulomenu"><img
src="../images/icons/comment_user_page_32.png" alt="3" width="32"
height="32" /></td>
<td align="center" valign="middle" bgcolor="#B9DC69"
class="titulomenu"> </td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
R
SE
E
R
S
<td width="92%" bgcolor="#F9F9F9"
S
O
D
VA
HO
C
E
<tr>ER
D
<td height="330" colspan="4" align="center"
class="titulomenu">Datos Personales</td>
</tr>
valign="top"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="175"><form action="<?php echo
$editFormAction; ?>" method="post" name="form1" id="form1">
<table align="center">
<tr valign="baseline">
<td align="right" valign="top"
nowrap="nowrap"><span class="bavanzada">Nombre</span>
<br />
<input name="strNombre" type="text"
class="form-input11" value="<?php echo
htmlentities($row_Recordset1['strNombre'], ENT_COMPAT, 'iso-88591'); ?>" size="32" required/></td>
<td width="10" rowspan="3" align="center"
valign="top"><img src="../images/design/ss-top.png" width="1"
height="100" /></td>
1029
<td valign="top"><span class="bavanzada">Segundo
Nombre</span><br />
<input name="strSNombre" type="text" class="forminput1" value="<?php echo
htmlentities($row_Recordset1['strSNombre'], ENT_COMPAT, 'iso-88591'); ?>" size="32" required/></td>
</tr>
S
O
D
A
<td nowrap="nowrap" align="right"><span
V
R
E
class="bavanzada">Apellido</span><br
/>ES
R
S
O
<input name="strApellido"
type="text" class="formH
C
E
input1" value="<?php
DER echo htmlentities($row_Recordset1['strApellido'],
<tr valign="baseline">
ENT_COMPAT, 'iso-8859-1'); ?>" size="32" required/></td>
<td><span class="bavanzada">Segundo
Apellido</span><br />
<input name="strSApellido" type="text" class="forminput1" value="<?php echo
htmlentities($row_Recordset1['strSApellido'], ENT_COMPAT, 'iso-88591'); ?>" size="32" required/></td>
</tr>
<tr valign="baseline">
<td align="right" valign="middle"
nowrap="nowrap"><span class="bavanzada">Cedula de
Identidad</span><br />
<span class="bavanzada"><span
class="diames">*</span></span>
<input name="strCedula" type="text" class="forminput1" value="<?php echo htmlentities($row_Recordset1['strCedula'],
ENT_COMPAT, 'iso-8859-1'); ?>" size="32" readonly="readonly"
required/></td>
1030
<td><span class="bavanzada">Fecha de
Nacimiento</span><br />
<input name="strFechaNac" type="text" class="forminput15" value="<?php echo
htmlentities($row_Recordset1['strFechaNac'], ENT_COMPAT, 'iso-88591'); ?>" size="32" required/>
<br /></td>
</tr>
S
O
D
A
<td nowrap="nowrap" align="right"><span
V
R
SE />
class="bavanzada">Teléfono Local</span><br
E
R
S
O
<input name="strTlfCasa"
type="text" class="formH
C
E
input14" value="<?php
DER echo htmlentities($row_Recordset1['strTlfCasa'],
<tr valign="baseline">
ENT_COMPAT, 'iso-8859-1'); ?>" size="32" required/></td>
<td width="10" rowspan="3" align="center"
valign="top"><img src="../images/design/ss-top.png" alt="" width="1"
height="100" /></td>
<td><span class="bavanzada">Teléfono
Móvil</span><br />
<input name="strTlfMovil" type="text" class="forminput1" value="<?php echo htmlentities($row_Recordset1['strTlfMovil'],
ENT_COMPAT, 'iso-8859-1'); ?>" size="32" required/></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right"><span
class="bavanzada">Correo Electrónico</span><br />
<input name="strcorreo" type="text" class="forminput16" value="<?php echo htmlentities($row_Recordset1['strcorreo'],
ENT_COMPAT, 'iso-8859-1'); ?>" size="32" required/></td>
<td><span
class="bavanzada">Dirección</span><br />
1031
<input name="strDirecc" type="text" class="forminput1" value="<?php echo htmlentities($row_Recordset1['strDirecc'],
ENT_COMPAT, 'iso-8859-1'); ?>" size="32" required/></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right"> </td>
<td> </td>
</tr>
R
SE
E
R
S
<tr valign="baseline">
S
O
D
VA
HO
C
E
ERcomunicarte con el administrador</td>
<td align="right" valign="top" nowrap="nowrap"
class="bavanzada">*Para cambiar la cedula debes <br />
D
<td width="10"> </td>
<td><input type="submit" value="Actualizar registro"
/></td>
</tr>
</table>
<input type="hidden" name="MM_update" value="form1"
/>
<input type="hidden" name="idUsuario" value="<?php
echo $row_Recordset1['idUsuario']; ?>" />
</form>
<p> </p>
</table></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
1032
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
S
O
D
VA
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
R
E<script
S
E
SR
cript>
O
H
C
E
ER
type="text/javascript">
D
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
1033
$(this).toggleClass('active'
);
event.stopPropagation();
});
D
R
SE
E
R
S
O
H
C
E
ER
}
S
O
D
V} A
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
});
</script>
<script>
$(function() {
1034
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
S
O
D
A
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
V
R
SE
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
E
R
S
O
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
H
C
E
R
'Jul','Ago','Sep','Oct','Nov','Dic'],
E
D
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
1035
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<?php
O
H
C
E
ER
mysql_free_result($notas);
D
mysql_free_result($Recordset1);
R
SE
E
R
S
<!-- InstanceEnd --></html>
S
O
D
VA
?>
1036
Editararticulo.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
ER
S
E
R
$theValue = get_magic_quotes_gpc()
? stripslashes($theValue) :
S
O
H
C
$theValue;
E
R
DE
}
{
if (PHP_VERSION < 6) {
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
1037
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
if (!function_exists("GetSQLValueString"))
{
ER
D
function GetSQLValueString($theValue, $theType, $theDefinedValue =
}
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
1038
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
R
SE
E
R
S
case "defined":
O
S
O
D
VA
$theValue = ($theValue != "") ? $theDefinedValue :
H
C
E
ER
$theNotDefinedValue;
break;
}
D
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1"))
{
$insertSQL = sprintf("INSERT INTO tblarticulo (strTitulo, strFechaPubl,
strContenido, strImagen) VALUES (%s, CURDATE(), %s, %s)",
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['strContenido'], "text"),
GetSQLValueString($_POST['strImagen'], "text"));
1039
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
$insertGoTo = "articulos.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
R
SE
E
R
S
header(sprintf("Location: %s", $insertGoTo));
S
O
D
VA
HO
C
E
if ((isset($_POST["MM_update"]))
&& ($_POST["MM_update"] ==
ER
D
"form")) {
}
$updateSQL = sprintf("UPDATE tblarticulo SET strTitulo=%s,
strFechaPubl=%s, strContenido=%s, strImagen=%s WHERE idArt=%s",
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['strFecha'], "text"),
GetSQLValueString($_POST['strContenido'], "text"),
GetSQLValueString($_POST['strImagen'], "text"),
GetSQLValueString($_POST['idArt'], "int"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($updateSQL, $ccm) or die(mysql_error());
$updateGoTo = "articulos.php";
if (isset($_SERVER['QUERY_STRING'])) {
$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
$updateGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $updateGoTo));
1040
}
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_Articulos = 2;
$pageNum_Articulos = 0;
if (isset($_GET['pageNum_Articulos'])) {
$pageNum_Articulos = $_GET['pageNum_Articulos'];
S
O
D
VA
R
SE
E
R
S
}
HO
C
E
mysql_select_db($database_ccm,
$ccm);
ER
D
$query_Articulos = "SELECT * FROM tblarticulo ORDER BY
$startRow_Articulos = $pageNum_Articulos * $maxRows_Articulos;
tblarticulo.idArt DESC";
$query_limit_Articulos = sprintf("%s LIMIT %d, %d", $query_Articulos,
$startRow_Articulos, $maxRows_Articulos);
$Articulos = mysql_query($query_limit_Articulos, $ccm) or
die(mysql_error());
$row_Articulos = mysql_fetch_assoc($Articulos);
if (isset($_GET['totalRows_Articulos'])) {
$totalRows_Articulos = $_GET['totalRows_Articulos'];
} else {
$all_Articulos = mysql_query($query_Articulos);
$totalRows_Articulos = mysql_num_rows($all_Articulos);
}
$totalPages_Articulos =
ceil($totalRows_Articulos/$maxRows_Articulos)-1;
$varid_ConsultaArtSelect = "0";
1041
if (isset($_GET['ID'])) {
$varid_ConsultaArtSelect = $_GET['ID'];
}
mysql_select_db($database_ccm, $ccm);
$query_ConsultaArtSelect = sprintf("SELECT * FROM tblarticulo
WHERE tblarticulo.idArt = %s",
GetSQLValueString($varid_ConsultaArtSelect, "int"));
S
O
D
VA
$ConsultaArtSelect = mysql_query($query_ConsultaArtSelect, $ccm) or
R
SE
E
R
S
die(mysql_error());
O
$row_ConsultaArtSelect = mysql_fetch_assoc($ConsultaArtSelect);
H
C
E
ER
$totalRows_ConsultaArtSelect = mysql_num_rows($ConsultaArtSelect);
D
$queryString_Articulos = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_Articulos") == false &&
stristr($param, "totalRows_Articulos") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_Articulos = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_Articulos = sprintf("&totalRows_Articulos=%d%s",
$totalRows_Articulos, $queryString_Articulos);
?>
1042
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
S
O
D
A
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859V
R
SE
1" />
E
R
S -->
O
<!-- InstanceBeginEditable H
name="titulo"
C
E
R
<title>Documento
sin
título</title>
E
D
<!-- InstanceEndEditable -->
<head>
<style type="text/css">
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
1043
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
S
O
D
VA
font-weight: bold;
HO
C
E
MS", Arial, Helvetica,
DER sans-serif;
.mensajesfecha {
R
SE
E
R
S
}
font-family: "Trebuchet
color: #FFF;
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
1044
}
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
ER
D
.bavanzada {
S
O
H
EC
}
S
O
D
A
font-size:V
12px;
R
E
RESfont-weight: normal;
color: #000;
font-family: "Museo Sans
500";
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
1045
color: #FFF;
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
S
O
D
A
background-color:
V
R
E
RES
bottom:0px;
S
O
H
EC
#996666;
DER
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
1046
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
S
O
D
VA
background-
ER 5px;
S
padding-top:
E
SR
color:#EC7600;
O
H
C
E
ER
D
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
1047
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
<style type="text/css">
O
H
C
E
display: inline;
ER
D
position: relative;
.tooltip {
R
SE
E
R
S
</style>
S
O
D
VA
}
.tooltip:hover:after {
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
1048
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
O
border-color: rgba(185,220,105, 1) transparent;
H
C
E
ER
border-width: 6px 6px 0 6px;
}
.info {
D
R
SE
E
R
S
border: solid;
S
O
D
VA
color: #666;
}
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
1049
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
HO
C
E
-webkit-box-sizing:
ER border-box;
D
-moz-box-sizing: border-box;
-o-border-radius: 0;
border-radius: 0;
R
SE
E
R
S
-ms-border-radius: 0;
S
O
D
VA
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
1050
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
D
A3px;
border-radius:
V
R
E
RESborder: 1px solid #717171;
-moz-border-radius: 3px;
S
O
H
EC
DER
1px 0px #efefef;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
1051
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
O
-webkit-box-sizing: border-box;
H
C
E
box-sizing: border-box;
ER
D
height: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
overflow: hidden;
S
O
D
VA
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
1052
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
-moz-appearance: none;
O
H
C
E
-webkit-border-radius:
ER 0;
D
-moz-border-radius: 0;
appearance: none;
R
SE
E
R
S
.form-input1 { -webkit-appearance: none;
S
O
D
VA
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
1053
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
H
EC
ER
D
1px 0px #efefef;
S
O
D
A 3px;
-moz-border-radius:
V
R
E
RESborder-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
1054
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
margin-top: 2px;
R
SE
E
R
S
HO
C
E
color: #666; ER
D
text-shadow: 0px 1px 0px #fff;
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
1055
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
float: left;
height: 140px;
S
O
D
A10px;
padding-top:
V
R
E
RESpadding-bottom: 10px;
width: 140px;
S
O
H
EC
DER
margin-bottom:20px;
}
.border {
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
1056
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
S
O
D
#apDiv34V
{ A
R
E
RESposition: absolute;
}
S
O
H
EC
DER
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
1057
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
{
S
O
D
VA
alert("Debe ingresar
R
Ereturn;
S
E
SR
su email");
O
H
C
E
ER
D
}
if
(document.form1.contra.value=='')
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
1058
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
S
O
D
VA
alert("No coinciden
R
Ereturn;
S
E
SR
las contraseñas");
O
H
C
E
ER
D
}
document.form1.submit();
}
function subirimagen()
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
1059
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subiraudio()
{
S
O
D
remote =VA
SER
self.name = 'opener';
E
R
S
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
HO
C
E
s=no,resizable=no,fullscreen=no,
status=yes');
DER
remote.focus();
open('gestionaudio.php', 'remote',
}
function subirimagenfot()
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
1060
return false;
}
}
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
return false;
O
H
C
E
ER
}
D
function alertaaud(id){
}
R
SE
E
R
S
}else{
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
window.location.assign("audiodelete.php?ID=" +id);
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
1061
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
{
D
R
SE
E
R
S
O
H
C
E
ER
function imprimir()
S
O
D
VA
self.name = 'opener';
remote =
open('listadoprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
1062
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoestudiantes.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
1063
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoemailestudiantesprof.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
H
C
E
ER
rs=no,resizable=no,fullscreen=no, status=yes');
D
remote.focus();
}
function
aranceles()
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
1064
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
S
O
D
ANIVEL DE
<!--// ------------------------------------------------------------------V
R
SE
USUARIO-->
E
R
S
O
H
EC
R
<?php E
if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 3) {
D
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
1065
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
<?php
}
?>
</table>
</div>
</div>
O
H
C
E
ER
D
R
SE
E
R
S
<td width="19%"> </td>
</tr>
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
1066
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
S
O
D
A echo
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?>
<?php
V
R
SE?>
ObtenerApellidoUser($_SESSION['MM_idUser']);
E
R
S
O
<ul class="dropdown">
H
EC
R
<li><aE
href="datospersonales.php"><i
class="iconD
user"></i>Datos Personales</a></li>
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
1067
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="230"
ERvalign="middle" class="titulomenu"> Acciones
D
Especiales</td>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1068
else {
}
?>
S
O
D
VA
<!--------------------//////// cerrando MENU ESTUDIANTE-->
O
H
C
E
PROFESOR-->ER
D
R
SE
E
R
S
<!-----------------------------------------------------------------//////// MENU
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
1069
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
O
H
C
E
</div>
ER
D
R
SE
E
R
S
</div>
S
O
D
VA
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
1070
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
class="titulomenu"> </td>
ER
D
<td width="230" valign="middle" class="titulomenu">
<tr>
<td height="35" colspan="2" valign="middle"
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
1071
<?php } // Show if recordset empty >
else {
}
R
SE
E
R
S
?>
O
S
O
D
VA
<!---------------------------------------------------------------//////// cerrando
H
C
E
ER
MENU PROFESOR-->
D
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
1072
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
R
SE
E
R
S
O
H
C
E
<br /></td>
ER
D
</tr>
S
O
D
VA
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
1073
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3"> </td>
</tr>
H
C
E
R
E<tr>
D
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
1074
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
title="Ver Artículos
ERCargados" class="tooltip"><img
D
src="../images/icons/folder_page_32.png" alt="1" width="32"
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="articulos.php"
height="32" /></a></td>
<td width="6%" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
src="../images/icons/page_table_add_32.png" width="32" height="32"
/></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
class="titulomenu">Editando artículo</td>
</tr>
<tr>
<td height="330" colspan="4" valign="top"><br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
1075
<td height="95" align="center" valign="middle"
bgcolor="#F2F2F2"><form action="<?php echo $editFormAction; ?>"
method="post" name="form" id="form">
<p> 
</p>
<table align="center">
<tr valign="baseline">
R
SE
E
R
S
<td width="295"><span
S
O
D
VA
O
<inputH
name="strTitulo"
type="text" class="formC
E
input1" value="<?php
ER echo
D
htmlentities($row_ConsultaArtSelect['strTitulo'], ENT_COMPAT, 'utf-8');
class="mensajes">Titulo</span><br />
?>" size="32" required/></td>
<td width="295"><span
class="mensajes">Titulo</span>
<br />
<input name="strFecha" type="text" class="forminput1" id="strFecha" value="<?php echo
htmlentities($row_ConsultaArtSelect['strFechaPubl'], ENT_COMPAT,
'utf-8'); ?>" size="32" readonly="readonly" required="required"/></td>
</tr>
<tr valign="baseline">
<td colspan="2"><span
class="mensajes">Contenido</span><br />
<textarea name="strContenido" cols="32"
rows="10" class="form-inputarea" required><?php echo
htmlentities($row_ConsultaArtSelect['strContenido'], ENT_COMPAT,
'utf-8'); ?></textarea></td>
</tr>
1076
<tr valign="baseline">
<td colspan="2"><span
class="mensajes">Imagen</span><br />
<input
name="strImagen" type="text" class="form-input1" value="<?php echo
htmlentities($row_ConsultaArtSelect['strImagen'], ENT_COMPAT, 'utf8'); ?>" size="32" required/><input name="button" type="button"
class="pruebabotom" id="button3" value="Subir Imagen"
onclick="javascript:subirimagen();" /></td>
</tr>
S
O
D
VA
R
SE
E
R
S
<td colspan="2"><input
type="submit"
HO
C
E
value="Actualizar
/></td>
DERregistro"
</tr>
<tr valign="baseline">
</table>
<p>
<input name="MM_update" type="hidden"
id="MM_update" value="form" />
<input name="idArt" type="hidden" id="idArt"
value="<?php echo $row_ConsultaArtSelect['idArt']; ?>" />
</form>
</td>
</tr>
</table>
<br />
</td>
</tr>
1077
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
S
O
D
VA
R
SE
E
R
S
<script
HO
C
E
type="text/javascript"
ER
D
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
<!-- jQuery if needed -->
cript>
<script
type="text/javascript">
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
1078
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
S
O
H
EC
DER
S
O
D
A
event.stopPropagation();
V
R
E
});
RES
}
}
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
});
1079
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
prevText: 'Previo',
O
H
C
E
ER
nextText: 'Próximo',
R
SE
E
R
S
closeText: 'Cerrar',
S
O
D
VA
D
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
1080
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
});
</script>
D
<!-- InstanceEnd --></html>
</body>
O
H
C
E
ER
R
SE
E
R
S
$( "#datepicker" ).datepicker();
S
O
D
VA
<?php
mysql_free_result($Articulos);
mysql_free_result($ConsultaArtSelect);
?>
1081
Editarvideo.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
ER
S
E
R
$theValue = get_magic_quotes_gpc()
? stripslashes($theValue) :
S
O
H
C
$theValue;
E
R
DE
}
{
if (PHP_VERSION < 6) {
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
1082
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
if (!function_exists("GetSQLValueString"))
{
ER
D
function GetSQLValueString($theValue, $theType, $theDefinedValue =
}
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
1083
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
R
SE
E
R
S
case "defined":
O
S
O
D
VA
$theValue = ($theValue != "") ? $theDefinedValue :
H
C
E
ER
$theNotDefinedValue;
break;
}
D
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] ==
"form")) {
$updateSQL = sprintf("UPDATE tblvideos SET strTitulo=%s,
idUnidad=%s, strEmbed=%s, strFecha=%s, strMiniatura=%s,
strDescripcion=%s WHERE idVideos=%s",
1084
GetSQLValueString($_POST['strTitulo'], "text"),
GetSQLValueString($_POST['idUnidad'], "text"),
GetSQLValueString($_POST['strEmbed'], "text"),
GetSQLValueString($_POST['strFecha'], "text"),
GetSQLValueString($_POST['strImagen'], "text"),
O
H
C
E
ER
R
SE
E
R
S
GetSQLValueString($_POST['strDesc'], "text"),
S
O
D
VA
GetSQLValueString($_POST['idVid'], "int"));
D
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($updateSQL, $ccm) or die(mysql_error());
$updateGoTo = "videos.php";
if (isset($_SERVER['QUERY_STRING'])) {
$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
$updateGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $updateGoTo));
}
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_Articulos = 2;
$pageNum_Articulos = 0;
if (isset($_GET['pageNum_Articulos'])) {
$pageNum_Articulos = $_GET['pageNum_Articulos'];
1085
}
$startRow_Articulos = $pageNum_Articulos * $maxRows_Articulos;
mysql_select_db($database_ccm, $ccm);
$query_Articulos = "SELECT * FROM tblarticulo ORDER BY
tblarticulo.idArt DESC";
$query_limit_Articulos = sprintf("%s LIMIT %d, %d", $query_Articulos,
S
O
D
A
$Articulos = mysql_query($query_limit_Articulos, $ccm)
or
V
R
SE
die(mysql_error());
E
R
S
O
$row_Articulos = mysql_fetch_assoc($Articulos);
H
C
E
R
E
D
if (isset($_GET['totalRows_Articulos'])) {
$startRow_Articulos, $maxRows_Articulos);
$totalRows_Articulos = $_GET['totalRows_Articulos'];
} else {
$all_Articulos = mysql_query($query_Articulos);
$totalRows_Articulos = mysql_num_rows($all_Articulos);
}
$totalPages_Articulos =
ceil($totalRows_Articulos/$maxRows_Articulos)-1;
$varid_ConsultaVidSelect = "0";
if (isset($_GET['ID'])) {
$varid_ConsultaVidSelect = $_GET['ID'];
}
mysql_select_db($database_ccm, $ccm);
$query_ConsultaVidSelect = sprintf("SELECT * FROM tblvideos WHERE
tblvideos.idVideos = %s",
GetSQLValueString($varid_ConsultaVidSelect, "int"));
1086
$ConsultaVidSelect = mysql_query($query_ConsultaVidSelect, $ccm) or
die(mysql_error());
$row_ConsultaVidSelect = mysql_fetch_assoc($ConsultaVidSelect);
$totalRows_ConsultaVidSelect =
mysql_num_rows($ConsultaVidSelect);
$queryString_Articulos = "";
S
O
D
A
$params = explode("&", $_SERVER['QUERY_STRING']);
V
R
SE
$newParams = array();
E
R
S
O
foreach ($params as $param)
{
H
C
E
R
if (stristr($param,
"pageNum_Articulos")
== false &&
E
D
stristr($param, "totalRows_Articulos") == false) {
if (!empty($_SERVER['QUERY_STRING'])) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_Articulos = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_Articulos = sprintf("&totalRows_Articulos=%d%s",
$totalRows_Articulos, $queryString_Articulos);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
1087
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Documento sin título</title>
<style type="text/css">
.form-input2 { -webkit-appearance: none;
appearance: none;
O
H
C
E
-moz-border-radius:
ER 0;
D
-ms-border-radius: 0;
-webkit-border-radius: 0;
R
SE
E
R
S
-moz-appearance: none;
S
O
D
VA
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
1088
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
S
O
D
VA
background: -moz-linear-
ER
S
-webkit-border-radius:
E
SR
gradient(top, #F3F3F3, #ffffff);
3px;
O
H
C
E
ER
D
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input2 { font-style: italic;
color: #AAA;
}
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
body {
1089
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
S
O
D
A
backgroundV
R
E
RES
width:100%;
S
O
H
EC
image:url(Imagenes/header.png);
DER
repeat:repeat-x;
background-
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 10px;
font-weight: bold;
1090
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
S
O
D
VA
font-family: "Museo Sans
ER 9px;
S
font-size:
E
SR
900";
O
H
C
E
ER
}
D
font-weight: normal;
color: #FFF;
.tablass {
background-color: #FFF;
}
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
font-weight: normal;
color: #000;
}
.bavanzada {
font-family: "Museo Sans
500";
1091
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
S
O
D
A
color: #0CF;
V
R
SE
font-size: 24px;
}
C
E
R
DE
.areaMusical {
900";
E
R
S
HO
font-family: "Museo Sans
font-size: 9px;
font-weight: normal;
color: #FFF;
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
1092
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
S
O
D
A35px;
padding-left:
V
R
E
RES -webkit-transition:
padding-bottom: 5px;
S
O
H
EC
ER
D
-o-transition: all .35s ease-out;
all .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
1093
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
S
O
D
A
z-index:1;
V
R
E
RESleft: 581px;
height:12px;
S
O
H
EC
}
</style>
DER
top: 65px;
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 26px;
1094
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
HO
C
E
text-align: center;
ER
D
text-shadow: 1px 1px 1px #;
font-size: 12px;
padding: 5px 15px;
R
SE
E
R
S
font-family: 'Open Sans Condensed', sans-serif;
S
O
D
VA
width: 150px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
border-width: 6px 6px 0 6px;
}
.info {
color: #666;
}
.info h1 {
1095
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
color: #666;
O
H
C
E
ER
text-decoration: none;
R
SE
E
R
S
.info p > a, .info p > a:visited {
S
O
D
VA
D
.info p > a:hover, .info p > a:visited:hover {
}
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
1096
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
O
H
C
E
ER
D
R
SE
E
R
S
color: #666;
S
O
D
VA
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
1097
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
}
O
H
C
E
font-style: italic;
ER
D
color: #AAA;
.form-input:-moz-placeholder {
R
SE
E
R
S
color: #AAA;
S
O
D
VA
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
1098
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
line-height: 16px;
O
H
C
E
:focus + .form-tooltip
ER {
D
margin-bottom: 0;
}
R
SE
E
R
S
font-size: 12px;
S
O
D
VA
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
1099
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
height: 32px;
O
H
C
E
font-size: 14px;
ER
D
margin-top: 2px;
R
SE
E
R
S
width: 280px;
S
O
D
VA
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
1100
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius: 0;
O
H
C
E
-o-border-radius:
ER0;
D
border-radius: 0;
-ms-border-radius: 0;
R
SE
E
R
S
-webkit-border-radius: 0;
S
O
D
VA
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
1101
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
C
E
R
DE
E -webkit-box-shadow: 1px
R
S
HO
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:20px;
}
.border {
1102
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
S
O
D
A
background-color:
V
R
E
RES
float: left;
S
O
H
EC
#D5EAA2;
DER
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
#apDiv34 {
position: absolute;
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
1103
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
function validarCampos()
{
O
H
C
E
ER
D
R
SE
E
R
S
<script>
S
O
D
VA
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
return;
}
if
(document.form1.contra.value=='')
{
1104
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
S
O
D
VA
alert("Debe reingresar
R
Ereturn;
S
E
SR
su clave");
O
H
C
E
ER
D
(document.form1.captcha.value=='')
}
if
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
document.form1.submit();
}
function subirimagen()
1105
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenfot()
1106
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
R
SE
E
R
S
HO
C
E
window.location.assign("articulodelete.php?ID="
+id);
DER
function alerta(id){
S
O
D
VA
if(confirm("¿Desea eliminar este artículo?")){
}else{
return false;
}
}
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
function alertaaud(id){
if(confirm("¿Desea eliminar este audio?")){
window.location.assign("audiodelete.php?ID=" +id);
1107
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
return false;
O
H
C
E
ER
}
D
}
R
SE
E
R
S
}else{
S
O
D
VA
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
function imprimir()
{
self.name = 'opener';
remote =
open('listadoprofesores.php', 'remote',
1108
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoemailprofesores.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
H
C
E
ER
rs=no,resizable=no,fullscreen=no, status=yes');
D
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
remote =
open('listadoestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
1109
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
S
O
D
A
remote.focus();
V
R
E
RES}
ars=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function
aranceles()
1110
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<table width="100%"
ER border="0" cellpadding="0" cellspacing="0"
D
class="blanco">
<body>
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) {
// Show if recordset empty ?>
1111
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
O
H
C
E
ER
R
SE
E
R
S
<td width="36%" align="center"
S
O
D
VA
bgcolor="#FCBB15">ESTUDIANTE</td>
D
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
<?php
}
?>
<td width="19%"> </td>
</tr>
</table>
</div>
</div>
<br />
1112
<br />
<br />
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
O
H
C
E
ER
R
SE
E
R
S
bgcolor="#FFFFFF">
S
O
D
VA
<!--------------------//////// MENU ESTUDIANTE-->
D
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
1113
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</tr>
<tr>
O
H
C
E
ER
<br /></td>
D
R
SE
E
R
S
</div>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
1114
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
O
<td height="35" colspan="3"> </td>
H
C
E
ER
</tr>
R
SE
E
R
S
<tr>
S
O
D
VA
D
<td height="35" colspan="3"> </td>
<tr>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
1115
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
S
O
D
A />
<td height="17" colspan="3" class="titulomenu"><br
V
R
SE
E
R
S
O
<br />
<div class="container">
H
C
E
R
DE
<tr>
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
1116
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
S
O
D
<td height="35" colspan="3" class="tabla"><aVA
SER
href="buscarestPROF.php">ConsultarR
Estudiantes
Inscritos</a></td>
E
S
</tr>
HO
C
E
DER
<tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
1117
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
S
O
D
A Notas
<td height="35" colspan="3" class="tabla">Imprimir
V
R
SE
Cargadas</td>
E
R
S
O
</tr>
H
EC
<tr> ER
D
<td height="35" colspan="3"> </td>
<tr>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
1118
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
S
O
D
A
<table width="250" border="0" align="center" cellpadding="0"
V
R
SE
cellspacing="0">
E
R
S
O
<tr>
H
Ccolspan="3" class="titulomenu"><br />
E
R
<td height="17"
DE
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
1119
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
S
O
D
A
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
V
R
SE
</tr>
E
R
S
O
<tr>
H
Ccolspan="3" class="tabla"><a
E
R
<td height="35"
E
D
href="articulos.php">Agregar Artículo</a></td>
<td height="35" colspan="3" class="tabla"><a
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
1120
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
}
?>
H
C
E
ER
R
SE
E
R
S
O
else {
S
O
D
VA
D
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="videos.php" title="Ver
Artículos Cargados" class="tooltip"><img
1121
src="../images/design/drops/tv.png" alt="1" width="32" height="32"
/></a></td>
<td width="6%" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
src="../images/icons/play_32.png" alt="" width="32" height="32" /></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
R
SE
E
R
S
class="titulomenu">Editando video</td>
S
O
D
VA
HO
C
E
R
colspan="4" valign="top"><br />
D<tdEheight="330"
</tr>
<tr>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="95" align="center" valign="middle"
bgcolor="#F2F2F2"><form action="<?php echo $editFormAction; ?>"
method="post" name="form" id="form">
<p> 
</p>
<table align="center">
<tr valign="baseline">
<td width="295"><span
class="mensajes">Titulo</span><br />
<input name="strTitulo" type="text" class="forminput1" value="<?php echo $row_ConsultaVidSelect['strTitulo']; ?>"
size="32" required/></td>
<td width="295"><label for="strFecha"></label>
1122
<input style="display:none" name="strFecha"
type="text" id="strFecha" value="<?php echo
$row_ConsultaVidSelect['strFecha']; ?>" />
<span class="mensajes">Unidades</span><br />
<label for="idUnidad"></label>
<select name="idUnidad" class="wrapperdropdown-1" id="idUnidad">
S
O
D
A
<option value="2">Unidad 2 </option>
V
R
SE3</option>
<option value="3">Unidad
E
R
S
O
<option
value="4">Unidad 4 </option>
H
C value="5">Ninguna | Otros</option>
RE<option
<option value="1">Unidad 1</option>
DE
</select>
<br /></td>
</tr>
<tr valign="baseline">
<td colspan="2"><span
class="mensajes">Embed</span><br />
<textarea name="strEmbed" cols="32" rows="10"
class="form-input" id="strEmbed" required><?php echo
$row_ConsultaVidSelect['strEmbed']; ?></textarea></td>
</tr>
<tr valign="baseline">
<td colspan="2"><span
class="mensajes">Descripción</span><br />
<textarea name="strDesc" cols="32" class="forminput" id="strDesc"><?php echo
$row_ConsultaVidSelect['strDescripcion']; ?></textarea></td>
</tr>
<tr valign="baseline">
1123
<td colspan="2"><span
class="mensajes">Imagen</span><br />
<input
name="strImagen" type="text" class="form-input1" value="<?php echo
$row_ConsultaVidSelect['strMiniatura']; ?>" size="32" required/><input
name="button" type="button" class="pruebabotom" id="button3"
value="Subir Imagen" onclick="javascript:subirimagen();" />
<label for="strFecha"></label>
S
O
D
VA
<input style="visibility:hidden" name="strFecha"
HO
C
E
ER<tr valign="baseline">
$row_ConsultaVidSelect['strFecha']; ?>" /></td>
</tr>
D
R
SE
E
R
S
type="text" id="strFecha" value="<?php echo
<td colspan="2"><input type="submit"
value="Actualizar registro" /></td>
</tr>
</table>
<p>
<input name="MM_update" type="hidden"
id="MM_update" value="form" />
<input name="idVid" type="hidden" id="idVid"
value="<?php echo $row_ConsultaVidSelect['idVideos']; ?>" />
</form>
</td>
</tr>
</table>
<br />
1124
</td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</tr>
O
H
C
E
<!-- jQuery if needed
DER -->
</table>
R
SE
E
R
S
</td>
S
O
D
VA
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
1125
var
obj = this;
obj.dd.on('click',
function(event){
S
O
D
VA
$(this).toggleClass('active'
O
H
C
E
ER
D
R
SE
E
R
S
);
event.stopPropagation();
});
}
}
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
1126
});
</script>
<script>
$(function() {
//Array para dar formato en español
{
O
H
C
E
prevText: 'Previo',
ER
D
nextText: 'Próximo',
closeText: 'Cerrar',
R
SE
E
R
S
$.datepicker.regional['es'] =
S
O
D
VA
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
1127
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
S
O
D
VA
<link rel="stylesheet" href="/resources/demos/style.css">
$(function() {
O
H
C
E
ER
$( "#datepicker" ).datepicker();
D
</script>
});
R
SE
E
R
S
<script>
</body>
<!-- InstanceEnd --></html>
<?php
mysql_free_result($Articulos);
mysql_free_result($ConsultaVidSelect);
?>
1128
Emensaje.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<?php if ($_POST["apellido"] == "") {
$ape= "V-12345678";
}
S
O
D
VA
else
{
$ape= $_POST["apellido"];
O
H
C
E
ER
D
R
SE
E
R
}
S
?>
<?php
$idEst= $_GET["ID"];
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
1129
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "int":
O
H
C
E
ER
R
SE
E
R
S
case "long":
S
O
D
VA
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
D
case "double":
break;
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
1130
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1"))
{
$insertSQL = sprintf("INSERT INTO tblmensaje (strMensaje, idProfesor,
strFecha, idEstudiante) VALUES (%s, %s, CURDATE(), %s)",
GetSQLValueString($_POST['strMensaje'], "text"),
S
O
D
A
GetSQLValueString($_POST['para'], "int"));
V
R
SE
E
R
S$ccm);
O
mysql_select_db($database_ccm,
H
C
E
R
$Result1 = mysql_query($insertSQL,
$ccm) or die(mysql_error());
DE
GetSQLValueString($_POST['de'], "int"),
$insertGoTo = "mensajeenviado.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
}
$varap_busqueda = "0";
if (isset($ape)) {
$varap_busqueda = $ape;
}
$vararea_busqueda = "0";
if (isset($aream)) {
$vararea_busqueda = $aream;
}
mysql_select_db($database_ccm, $ccm);
1131
$query_busqueda = sprintf("SELECT * FROM tblusuario WHERE
tblusuario.CIUsuario = %s AND tblusuario.idAreaM = %s ORDER BY
tblusuario.CIUsuario ASC", GetSQLValueString($varap_busqueda,
"text"),GetSQLValueString($vararea_busqueda, "int"));
$busqueda = mysql_query($query_busqueda, $ccm) or
die(mysql_error());
$row_busqueda = mysql_fetch_assoc($busqueda);
S
O
D
VA
$totalRows_busqueda = mysql_num_rows($busqueda);
R
SE
E
R
S
HO
C
E
<!DOCTYPE html
ERPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
D
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?>
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Documento sin título</title>
<!-- InstanceEndEditable -->
<style type="text/css">
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
1132
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
S
O
D
A
z-index:1;
V
R
E
RESleft: 0;
height:115px;
S
O
H
EC
ER
D
.mensajes {
}
top: 0;
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
1133
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
ER
S
background-color:
#FFF;
E
SR
.tablass {
O
H
C
E
.tablass:hoverE
D {R
}
S
O
D
VA
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
font-weight: normal;
color: #000;
}
.bavanzada {
font-family: "Museo Sans
500";
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
1134
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
S
O
H
EC
ER
D
#apDiv2 {
}
S
O
D
A
font-size:V
9px;
R
E
RESfont-weight: normal;
color: #FFF;
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
1135
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
ER 'Open Sans
S
font-family:
E
SR
transition: all .35s ease-out;
O
H
C
E
ER
Condensed', sans-serif;
D
S
O
D
VA
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
1136
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
S
O
D
A/>
<link href="css/style.css" rel="stylesheet" type="text/css"
V
R
SE
<style type="text/css">
E
R
S
O
body,td,th {
H
C
E
R
font-family: "Museo Sans
E
D
500";
</style>
}
a:link {
color: #999;
}
</style>
<style type="text/css">
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
1137
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
}
O
H
C
E
bottom: 20px;
ER
D
content: "";
.tooltip:hover:before {
R
SE
E
R
S
width: 150px;
S
O
D
VA
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
border-width: 6px 6px 0 6px;
}
.info {
color: #666;
}
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
1138
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
O
}
H
C
E
.form-input { ER
D
-webkit-appearance: none;
R
SE
E
R
S
text-decoration: underline;
S
O
D
VA
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
1139
font-size: 14px;
margin-top: 2px;
color: #666;
S
O
D
VA
text-shadow: 0px 1px 0px
#fff;
ERnone;
S
outline:
E
SR
background: -webkitHO
C
E
gradient(linear,
to(#ffffff));
DEleftRtop, left bottom, from(#F3F3F3),
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
1140
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
O
.form-input::-webkit-input-placeholder {
H
C
E
color: #AAA;ER
D
}
font-style: italic;
R
SE
E
R
S
}
S
O
D
VA
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
1141
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
R
SE
E
R
S
HO
C
E
-moz-animation:
ERfold ease-in 500ms;
D
-o-animation: fold ease-in 500ms;
visibility: visible;
S
O
D
VA
-webkit-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
1142
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
O
text-shadow: 0px 1px 0px #fff;
H
C
E
ER
R
SE
E
R
S
color: #666;
S
O
D
VA
outline: none;
background: -webkitD
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
1143
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
font-family: 'Open
ERSans', sans-serif;
D
outline: none;
box-sizing: border-box;
S
O
D
VA
-webkit-font-smoothing: antialiased;
border: none;
line-height: 1;
width: 100%;
height: 100px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
1144
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
S
O
H
EC
antialiased;
}
DER
.fotoproducto
{
S
O
D
A
-webkit-font-smoothing:
V
R
E
RES
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:20px;
}
.border {
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
1145
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
ER
S
background-color:
E
SR
.resultadoproducto {
#3366FF;
O
D
H
C
E
ER
S
O
D
VA
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
#apDiv34 {
position: absolute;
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
1146
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
S
O
D
VA
alert("Debe ingresar
R
Ereturn;
S
E
SR
su teléfono de contacto");
O
H
C
E
ER
D
(document.form1.correo.value=='')
}
if
{
alert("Debe ingresar
su email");
return;
}
if
(document.form1.contra.value=='')
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
1147
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
S
O
D
VA
alert("Debe ingresar la
R
Ereturn;
S
E
SR
palabra que visualiza en la imagen");
O
H
C
E
ER
}*/
if
D
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
document.form1.submit();
}
function subirimagen()
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
1148
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenfot()
}
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
1149
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
R
SE
E
R
S
HO
C
E
window.location.assign("eventodelete.php?ID="
+id);
DER
function alertaeve(id){
S
O
D
VA
if(confirm("¿Desea eliminar este evento?")){
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
function imprimir()
1150
{
self.name = 'opener';
remote =
open('listadoprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
{
O
H
C
E
ER
R
SE
E
R
S
function imprimircorreo()
D
open('listadoemailprofesores.php', 'remote',
S
O
D
VA
self.name = 'opener';
remote =
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
1151
remote =
open('listadoestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreo()
{
S
O
H
EC
S
O
D
self.nameV
=A
'opener';
R
E
RESremote =
ER
D
ars=no,resizable=no,fullscreen=no, status=yes');
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
1152
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function
aranceles()
{
S
O
D
remote =VA
SER
self.name = 'opener';
E
R
S
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
HO
C
E
ars=no,resizable=yes,fullscreen=no,
status=yes');
DER
remote.focus();
open('../aranceles.php', 'remote',
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
1153
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) {
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<?php } // Show if recordset empty >
D
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">PROFESOR:<span class="bienvenido2"> <?php
echo ObtenerAMusical (ObtenerAMusicalID($_SESSION['MM_idUser'])) ;
?></span></td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">AREA
MUSICAL:<span class="bienvenido2"> <?php echo ObtenerAMusical
(ObtenerAMusicalID($_SESSION['MM_idUser'])) ; ?></span></td>
<?php
1154
}
?>
<td width="19%"> </td>
</tr>
</table>
</div>
<br />
<br />
O
H
C
E
ER
D
R
SE
E
R
S
</div>
<br />
S
O
D
VA
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
1155
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i class="iconV
R
E
user"></i>Datos Personales</a></li> RES
S class="iconO
<li><a href="confcuenta.php"><i
H
C
E
R
cog"></i>Configurar
Cuenta</a></li>
E
D
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
<ul class="dropdown">
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="inscripcion.php">Inscripciones</a></td>
</tr>
1156
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="pestudiop.php">Pénsum de Estudio</a></td>
</tr>
O
<td height="35" colspan="3"> </td>
</tr>
H
C
E
ER
R
SE
E
R
S
<tr>
S
O
D
VA
D
<td height="35" colspan="2" valign="middle"
<tr>
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu"> Acciones
Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="comprobantes.php">Comprobante de
Inscripción</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="horarios.php">Horario de Estudio</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
1157
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
}
?>
H
C
E
ER
R
SE
E
R
S
O
else {
S
O
D
VA
D
<!--------------------//////// cerrando MENU ESTUDIANTE-->
<!-----------------------------------------------------------------//////// MENU
PROFESOR-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
1158
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="icon-
S
O
D
A
<li><a href="confcuenta.php"><i class="iconV
R
E
cog"></i>Configurar Cuenta</a></li> RES
S class="iconO
<li><a href="cerrar.php"><i
H
C
E
R
remove"></i>Cerrar
Sesión</a></li>
DE</ul>
user"></i>Datos Personales</a></li>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
1159
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
<tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<tr> ER
D
<td height="35" colspan="3"> </td>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
<td width="230" valign="middle" class="titulomenu">
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
1160
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
1161
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="cerrar.php"><i class="iconV
R
SE
remove"></i>Cerrar Sesión</a></li>
E
R
S
O
</ul>
H
C
E
R
</div>
DE
<ul class="dropdown">
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="profesores.php">Lista de Profesores</a></td>
1162
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="periodos.php">Periodos de Inscripción</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
S
O
D
VA
href="articulos.php">Agregar Artículo</a></td>
R
SE
E
R
S
</tr>
HO
C
E
href="videos.php">Agregar
Video</a></td>
ER
D
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
<tr>
<td height="35" colspan="3" class="tabla"><a
href="eventos.php">Agregar Evento</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1163
else {
}
?>
S
O
D
VA
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
R
SE
E
R
S
HO
C
E
<td width="10"
ER valign="middle"> </td>
D
<td width="677" valign="middle"><table width="100%" border="0"
</td>
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="estudiantes.php"
title="Lista de Estudiantes" class="tooltip"><img
src="../images/icons/users_32.png" alt="3" width="32" height="32"
/></a></td>
<td width="6%" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="estudiantes.php"
title="Lista de Estudiantes" class="tooltip"><img
src="../images/icons/comment_user_search_32.png" alt="1" width="32"
height="32" /></a></td>
1164
<td width="6%" align="center" valign="middle"
bgcolor="#F9F9F9" class="titulomenu"><a
href="emensaje.php?ID=<?php echo $row_busqueda['idUsuario']; ?>"
title="Enviar Mensaje" class="tooltip"><img
src="../images/icons/email_32.png" alt="" width="32" height="32"
/></a></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
R
SE
E
R
S
<td width="92%" bgcolor="#F9F9F9"
S
O
D
VA
HO
C
E
<tr>ER
D
<td height="330" colspan="5" align="center"
class="titulomenu">Enviar Mensaje</td>
</tr>
valign="top"><br />
<span class="bienvenido2"><br />
<form action="<?php echo $editFormAction; ?>"
method="post" name="form1" id="form1">
<table align="center">
<tr valign="baseline">
<td width="437">Mensaje<br />
<input
name="strMensaje" type="text" class="form-inputarea" value=""
size="32" /></td>
</tr>
<tr valign="baseline">
<td><p>Profesor<br />
De:
<br />
<input name="idProfesor" type="text" class="forminput1" value="<?php echo
1165
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>" size="32" />
<input name="de" type="hidden" id="de"
value="<?php echo $_SESSION['MM_idUser'] ?>" />
</p></td>
</tr>
<tr valign="baseline">
<td><p>Estudiante</p>
<p>Para: <br />
S
O
D
VA
R
SE
E
R
S
HO
C
E
echo ObtenerApellidoUser($idEst);
?>" size="32" />
DER<input name="para"
type="hidden" id="para"
<input name="idEstudiante" type="text" class="form-
input1" value="<?php echo ObtenerNombreUser($idEst); ?> <?php
value="<?php echo $idEst ?>" />
</p></td>
</tr>
<tr valign="baseline">
<td><input type="submit" value="Enviar" /></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1"
/>
</form>
<p> </p>
</span></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
1166
</tr>
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
S
O
D
A
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
V
R
SE
cript>
E
R
S
O
<script
H
C
E
type="text/javascript">
DER
type="text/javascript"
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
1167
$(this).toggleClass('active'
);
event.stopPropagation();
});
D
R
SE
E
R
S
O
H
C
E
ER
}
S
O
D
V} A
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
});
</script>
<script>
$(function() {
1168
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
S
O
D
A
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
V
R
SE
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
E
R
S
O
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
H
C
E
R
'Jul','Ago','Sep','Oct','Nov','Dic'],
E
D
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
1169
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<?php
O
H
C
E
ER
mysql_free_result($busqueda);
?>
D
R
SE
E
R
S
<!-- InstanceEnd --></html>
S
O
D
VA
1170
Enviarpass.php
<?php require_once('../Connections/ccm.php');
$email=$_POST['email'];
$str = md5($_POST['email']);
if (!function_exists("GetSQLValueString")) {
S
O
D
VA
R
SE
E
R
S
function GetSQLValueString($theValue, $theType, $theDefinedValue =
O
H
C
E
ER
"", $theNotDefinedValue = "")
D
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
1171
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
}
D
}
}
O
H
C
E
ER
return $theValue;
R
SE
E
R
S
break;
S
O
D
VA
?>
<?php
$varcorreo_consultarmd5 = "0";
if (isset($str)) {
$varcorreo_consultarmd5 = $str;
}
mysql_select_db($database_ccm, $ccm);
$query_consultarmd5 = sprintf("SELECT * FROM tblusuario WHERE
tblusuario.strMD5 = %s", GetSQLValueString($varcorreo_consultarmd5,
"text"));
$consultarmd5 = mysql_query($query_consultarmd5, $ccm) or
die(mysql_error());
$row_consultarmd5 = mysql_fetch_assoc($consultarmd5);
$totalRows_consultarmd5 = mysql_num_rows($consultarmd5);
?>
<?php require_once('includes/funciones.php'); ?>
1172
<?php
//////////$prueba= 6e59fc36a76b0672b41b4902d7c206e30d;
///////////$codigo= $_POST['email'];
/////////$codigo1 = md5($codigo);
////////////$cod='59fc36a76b0672b41b4902d7c206e30d';
///////////echo ObtenerClaveUser(1);
$usuario= $row_consultarmd5['strUser'];
R
SE
E
R
S
$clave = $row_consultarmd5['strPass'];
S
O
D
VA
HO
C
E
R musicworld.com.ve\n"; //La persona que envia el
$cabeceras = E
"From:
D
correo
if ($str === $row_consultarmd5['strMD5']) {
//Preparamos el mensaje de contacto
$asunto = "DATOS DE INGRESO | Mensaje desde la Web MusicWorld";
//asunto aparecera en la bandeja del servidor de correo
$email_to = "$email\n"; //cambiar por tu email
$contenido = "Estos son tus datos para ingresar a la web
www.musicworld.com.ve\n"
. "\n"
. "Usuario : $usuario\n"
. "Contraseña: $clave\n"
. "\n";
//Enviamos el mensaje y comprobamos el resultado
if (@mail($email_to, $asunto ,$contenido ,$cabeceras )) {
//Si el mensaje se envía muestra una confirmación
$mensaje = "Datos Recuperados y enviados a su correo.";
echo "<script>";
echo "if(confirm('$mensaje'));";
1173
echo "window.location = 'acceso.php';";
echo "</script>";
}else{
//Si el mensaje no se envía muestra el mensaje de error
die("Error: Su informacion no pudo ser enviada, intente en otro
momento.");
}
else
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
{
//Si el mensaje no se envía
muestra el mensaje de error
//Si el mensaje se envía muestra una confirmación
$mensaje2 = "Este correo no ha sido registrado en la web. Registrate.";
echo "<script>";
echo "if(confirm('$mensaje2'));";
echo "window.location = 'acceso.php';";
echo "</script>";
}
mysql_free_result($consultarmd5);
?>
1174
Erroracceso.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
1175
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
<!DOCTYPE html
ERPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
D
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Error en acceso</title>
<style type="text/css">
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:1000px;
height:470px;
z-index:1;
left: 0px;
1176
top: 21px;
backgroundimage:url(Imagenes/btrans.png);
backgroundrepeat:repeat;
box-shadow:0.1px 0
6px #CCC;
}
ER
S
position:absolute;
E
SR
#apDiv2 {
O
H
C
E
ER
D
S
O
D
VA
width:245px;
height:151px;
z-index:90;
left:50%;
margin-left:-120px;
top: 153px;
}
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@font-face{
src:url("http://dl.dropbox.c
om/u/94346812/cssdeck/fonts/pictos-regular-webfont.ttf")
format("truetype"),
url("http://dl.dropbox.com/
u/94346812/cssdeck/fonts/pictos-regular-webfont.otf")
format("opentype"),
url("http://dl.dropbox.com/
u/94346812/cssdeck/fonts/pictos-regular-webfont.svg") format("svg");
font-family:icon;
1177
}
body{
font-family:'Open Sans';
}
label{
font-family:icon;
S
O
D
VA
text-shadow:0 -1px 0
ER
S
-webkit-font-smoothing:
E
SR
#666;
antialiased;
D
#block,#option{
}
O
H
C
E
ER
width:230px;
height:113px;
margin:auto;
}
#block{
background:#CCC;
margin-top:100px;
}
#block:before{
content:'';
display:block;
width:230px;
height:3px;
/* The rainbow*/
background:lineargradient(left, rgba(173,107,173,1) 0%, rgba(173,107,173,1) 1%,
rgba(181,121,168,1) 1%, rgba(181,126,181,1) 2%, rgba(181,126,181,1) 2%,
1178
rgba(189,136,187,1) 3%, rgba(189,136,187,1) 3%, rgba(197,151,181,1) 4%,
rgba(197,151,181,1) 5%, rgba(206,165,194,1) 5%, rgba(206,165,194,1) 6%,
rgba(214,178,194,1) 6%, rgba(214,178,194,1) 7%, rgba(222,189,189,1) 7%,
rgba(222,189,189,1) 8%, rgba(222,197,197,1) 8%, rgba(222,197,197,1) 9%,
rgba(229,210,200,1) 9%, rgba(229,210,200,1) 10%, rgba(241,230,197,1)
11%, rgba(241,230,197,1) 12%, rgba(247,247,197,1) 12%,
rgba(247,247,197,1) 15%, rgba(236,247,194,1) 15%, rgba(236,247,194,1)
S
O
D
A
rgba(222,239,183,1) 19%, rgba(222,239,183,1) 20%, rgba(212,239,176,1)
V
R
SE22%,
20%, rgba(212,239,176,1) 22%, rgba(201,230,165,1)
E
R
S
O
rgba(201,230,165,1) 25%, rgba(186,230,158,1)
26%, rgba(186,230,158,1)
H
C
E
27%, rgba(182,225,147,1)
ER 27%, rgba(182,225,147,1) 30%,
D
rgba(169,222,140,1) 30%, rgba(169,222,140,1) 32%, rgba(160,222,132,1)
16%, rgba(230,239,189,1) 17%, rgba(230,239,189,1) 18%,
32%, rgba(160,222,132,1) 36%, rgba(156,214,147,1) 36%,
rgba(156,214,147,1) 39%, rgba(148,214,161,1) 40%, rgba(148,214,161,1)
43%, rgba(148,214,174,1) 43%, rgba(148,214,174,1) 45%,
rgba(148,206,186,1) 46%, rgba(148,206,186,1) 48%, rgba(140,206,197,1)
49%, rgba(140,206,197,1) 52%, rgba(140,206,212,1) 52%,
rgba(140,206,212,1) 55%, rgba(140,195,221,1) 55%, rgba(140,195,221,1)
58%, rgba(148,179,210,1) 59%, rgba(148,179,210,1) 60%,
rgba(156,173,206,1) 61%, rgba(156,167,197,1) 61%, rgba(156,167,197,1)
63%, rgba(165,154,189,1) 63%, rgba(165,154,189,1) 64%,
rgba(169,148,181,1) 65%, rgba(169,148,181,1) 66%, rgba(173,134,175,1)
66%, rgba(173,134,175,1) 67%, rgba(181,121,168,1) 67%,
rgba(181,121,168,1) 69%, rgba(189,115,156,1) 69%, rgba(189,115,156,1)
70%, rgba(196,102,146,1) 71%, rgba(196,102,146,1) 72%,
rgba(200,88,143,1) 73%, rgba(200,88,143,1) 74%, rgba(206,80,132,1) 74%,
rgba(206,80,132,1) 76%, rgba(214,64,123,1) 76%, rgba(214,64,123,1) 78%,
rgba(220,59,114,1) 78%, rgba(220,59,114,1) 79%, rgba(222,48,110,1) 79%,
rgba(222,48,110,1) 80%, rgba(232,42,107,1) 80%, rgba(232,42,107,1) 81%,
1179
rgba(230,33,99,1) 81%, rgba(230,33,99,1) 83%, rgba(232,42,107,1) 83%,
rgba(232,42,107,1) 84%, rgba(222,48,110,1) 85%, rgba(222,48,110,1) 86%,
rgba(220,59,114,1) 87%, rgba(220,59,114,1) 88%, rgba(214,64,123,1) 88%,
rgba(214,64,123,1) 89%, rgba(206,66,130,1) 90%, rgba(206,66,130,1) 92%,
rgba(199,74,141,1) 92%, rgba(199,74,141,1) 94%, rgba(189,82,148,1) 95%,
rgba(189,82,148,1) 96%, rgba(184,90,158,1) 97%, rgba(184,90,158,1) 99%,
rgba(181,99,165,1) 99%, rgba(181,99,165,1) 100%);
#block:after{
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
content:'';
display:block;
width:15px;
height:15px;
background:#CCC;
transform:rotate(-45deg);
margin:10px 18px;
position:absolute;
}
#block label, #submit{
position:absolute;
width:33px;
height:34px;
background:#dedede;
margin:15px;
text-align:center;
line-height:2.2;
color:#857487;
border-top-left-radius:2px;
1180
border-bottom-leftradius:2px;
}
#block label#pass{
position:absolute;
width:33px;
height:34px;
S
O
D
A15px;
margin:-5px
V
R
E
RES
background:#dedede;
S
O
H
EC
}
#submit{
DER
border:0;
margin:-29px 180px;
border-top-left-radius:0px;
border-bottom-left-
radius:0px;
border-top-rightradius:2px;
border-bottom-rightradius:2px;
font-family:icon;
background:#F60;
text-shadow:0 -1px 0
#333;
box-shadow:-1px 0
1px 0px #6c5b6d;
font-size:12px;
line-height:2.8;
padding:0;
}
1181
#submit:hover{
color:#fff;
}
#user, #pass{
box-shadow:0.1px 0 2px
#6c5B6d;
}
S
O
D
A Sans
font-family:'Open
V
R
E
RES
#block input[type=text],#block input[type=password], #option p {
S
O
H
EC
Condensed'
ER
D
antialiased;
font-weight:300;
-webkit-font-smoothing:
}
#block input[type=text],#block input[type=password]{
width:156px;
height:32px;
margin:15px 15px;
border:0;
border-radius:2px;
outline:0;
display:block;
font-size:10px;
}
#block input[type=password]{
width:156px;
height:32px;
margin:-5px 15px;
}
#submit{
1182
color:#fff;fontsize:8px;font-weight:bold;
}
#option{
width:230px;
height:80px;
overflow:hidden;
S
O
D
VA
margin:auto;
#option p{
900";
O
D
H
C
E
ER
R
SE
E
R
S
}
font-family:"Museo Sans
color:#6c5B6d;
font-size:24px;
text-transform:uppercase;
padding:0px 18px;
margin-top:15px;
display:block;
float:left;
-webkit-font-smoothing:
antialiased;/*text-shadow:0 -1px 0 #000;*/
}
#option a{
font-family:"Museo Sans
500";
-webkit-font-smoothing:
antialiased;
color:#6c5B6d;
/*text-shadow:0 -1px 0
#000;*/
1183
font-size:12px;
display:block;
float:right;
margin:26px 15px;
}
input{padding-left:40px;}
#block:active > #block:before{
S
O
H
EC
position:100px 100px;
ER
D
/* placeholder */
}
S
O
D
A
backgroundV
R
E
RES
::-webkit-input-placeholder {
-webkit-font-smoothing:
antialiased;
color:#999;
font-size:10px;
}
:-moz-input-placeholder {
color:#999;
font-size:16px;
}
/* Want to see the magic ? So open a webkit browser then remove the
comments below !
/!\ YOU NEED TO PLACE THIS IN INPUTS /!\
1184
input::-webkit-validation-bubble-message {
color:white;
background: #e62163;
border:0;
border-radius:0;
S
O
D
A
width:55px;
V
R
E
RESheight:34px;
padding:0;
S
O
H
EC
DER
position:absolute;
float:left;
margin:-33px 208px;
text-align:center;
line-height:2.7em;
box-shadow:0 0 0;
}
input::-webkit-validation-bubble-message:before {
content:"X";
display:block;
font-family:icon;
color:white;
background: #e62163;
border:0;
border-radius:0;
padding:0;
width:34px;
height:34px;
position:absolute;
float:left;
1185
margin:0px -208px;
text-align:center;
line-height:2.7em;
color: #fff;
border-top-left-radius:2px;
border-bottom-leftradius:2px;
S
O
D
VA
-webkit-font-smoothing:
antialiased;
HO
C
E
input::-webkit-validation-bubble-icon
{
DER
}
R
SE
E
R
S
display: none;
}
input::-webkit-validation-bubble-arrow {
background: #e62163;
border:0;
width:10px;
height:10px;
position:absolute;
margin:-23px 178px;
}*/
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 409px;
top: 168px;
}
1186
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: -1px;
top: 207px;
}
ER "Museo Sans
S
font-family:
E
SR
.rojo {
900";
O
H
C
E
ER
D
S
O
D
VA
font-size: 14px;
color: #F00;
}
.normal {
font-family: "Museo Sans
900";
font-size: 14px;
color: #333;
}
.botones {
font-family: "Museo Sans
900";
font-size: 10px;
color: #666;
}
.botones:hover {
font-family: "Museo Sans
900";
font-size: 10px;
1187
color: #666;
background-color:
#E7F8FE;
}
body,td,th {
font-family: "Open Sans";
}
a:link {
S
O
H
EC
}
a:visited {
}
DER
S
O
D
A none;
text-decoration:
V
R
E
RES
text-decoration: none;
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tablatransp">
<td height="500" align="center"><div id="apDiv1">
<div id="apDiv2"><span class="rojo">ERROR</span> <span
class="normal">, usuario o contraseña inválidos.</span><br />
<br />
<table width="50%" border="0" cellspacing="0" cellpadding="0">
1188
<tr>
<td align="center" class="botones"><a href="acceso.php"
class="botones">Regresar</a></td>
</tr>
<tr>
<td align="center" class="botones"><a href="recuperar.php"
class="botones">Recuperar Datos</a></td>
</tr>
</table>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<div id="apDiv3"><img
ER src="../imagenes/footer.png" width="592"
D
height="162" /></div>
<span class="botones"><br />
</span></div>
<div id="apDiv4"><img src="../imagenes/bgeclipse.png"
width="1002" height="263" /></div>
</div></td>
</tr>
</table>
</body>
</html>
1189
Estudiantes.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
S
O
D
VA
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
O
H
C
E
ER
<head>
D
R
SE
E
R
S
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<title>Documento sin título</title>
<!-- InstanceEndEditable -->
<style type="text/css">
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
1190
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
S
O
D
A
color: #999;
V
R
SE
E font-size: 12px;
R
S
font-weight: bold;
HO
}
C
E
R
DE
.mensajesfecha {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
1191
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
background-color:
#DFEFBA;
}
ER "Museo Sans
S
font-family:
E
SR
.bienvenido2 {
900";
O
H
C
E
ER
D
S
O
D
VA
font-size: 12px;
font-weight: normal;
color: #000;
}
.bavanzada {
font-family: "Museo Sans
500";
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
1192
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
#apDiv2 {
S
O
D
A
width:202px;
V
R
E
RESheight:328px;
position:absolute;
S
O
H
EC
DER
z-index:2;
bottom:0px;
background-color:
#996666;
}
.titulomenu {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
1193
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
font-weight: bold;
S
O
D
VA
color: #999;
.tabla:hover {
O
H
C
E
color:#EC7600;
DER
R
SE
E
R
S
}
background-
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-webkit-transition: all
.35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
1194
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Museo Sans
500";
}
ER#999;
S
color:
E
SR
a:link {
}
D
<style type="text/css">
</style>
O
H
C
E
ER
S
O
D
VA
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
1195
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
/* el triángulo inferior */
R
SE
E
R
S
HO
C
E
border: solid;
ER
D
border-color: rgba(185,220,105, 1) transparent;
z-index: 99;
S
O
D
VA
border-width: 6px 6px 0 6px;
}
.info {
color: #666;
}
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
1196
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 0;
O
H
C
E
-ms-border-radius:
ER 0;
D
-o-border-radius: 0;
-moz-border-radius: 0;
R
SE
E
R
S
appearance: none;
S
O
D
VA
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
1197
text-shadow: 0px 1px 0px
#fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-linear-
gradient(top, #F3F3F3, #ffffff);
S
O
H
EC
3px;
DER
S
O
D
A
-webkit-border-radius:
V
R
E
RES
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
1198
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
font-style: italic;
color: #AAA;
}
HO
C
E
overflow: hidden;
ER
D
-webkit-box-sizing: border-box;
display: block;
visibility: hidden;
R
SE
E
R
S
.form-tooltip {
S
O
D
VA
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
margin-bottom: -8px;
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
1199
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
R
SE
E
R
S
HO
C
E
R
.form-input1 {E
-webkit-appearance:
none;
D
-moz-appearance: none;
}
S
O
D
VA
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
1200
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
S
O
D
VA
background: -moz-linear-
ER
S
-webkit-border-radius:
E
SR
gradient(top, #F3F3F3, #ffffff);
3px;
O
H
C
E
ER
D
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
1201
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
width: 100%;
O
H
C
E
ER
height: 100px;
D
font-size: 14px;
R
SE
E
R
S
line-height: 1;
S
O
D
VA
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
1202
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.fotoproducto
{
S
O
D
A
height: 140px;
V
R
SE
float: left;
E width: 140px;
R
S
padding-top: 10px;
HO
C
E
R
DE
padding-bottom: 10px;
margin-bottom:20px;
}
.border {
backgroundcolor:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
1203
margin-right: 4px;
}
.resultadoproducto {
background-color:
#3366FF;
width: auto;
z-index: 4;
S
O
D
A
overflow:V
auto;
R
E
RES}
top: 0px;
S
O
H
EC
DER
#apDiv34 {
position: absolute;
width: 130px;
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
1204
{
alert("Debe ingresar
su teléfono de contacto");
return;
}
if
(document.form1.correo.value=='')
S
O
D
A ingresar
alert("Debe
V
R
ESE
{
su email");
R
S
HO
D
C
E
R
E
return;
}
if
(document.form1.contra.value=='')
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
1205
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
S
O
D
VA
alert("No coinciden
R
Ereturn;
S
E
SR
las contraseñas");
O
H
C
E
ER
D
}
document.form1.submit();
}
function subirimagen()
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
1206
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subiraudio()
{
S
O
D
remote =VA
SER
self.name = 'opener';
E
R
S
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
HO
C
E
s=no,resizable=no,fullscreen=no,
status=yes');
DER
remote.focus();
open('gestionaudio.php', 'remote',
}
function subirimagenfot()
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
1207
return false;
}
}
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
return false;
O
H
C
E
ER
}
D
function alertaaud(id){
}
R
SE
E
R
S
}else{
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
window.location.assign("audiodelete.php?ID=" +id);
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
1208
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
}else{
return false;
}
}
{
D
R
SE
E
R
S
O
H
C
E
ER
function imprimir()
S
O
D
VA
self.name = 'opener';
remote =
open('listadoprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
1209
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoestudiantes.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
1210
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestucorreop()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoemailestudiantesprof.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
H
C
E
ER
rs=no,resizable=no,fullscreen=no, status=yes');
D
remote.focus();
}
function
aranceles()
{
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
1211
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
S
O
D
ANIVEL DE
<!--// ------------------------------------------------------------------V
R
SE
USUARIO-->
E
R
S
O
H
EC
R
<?php E
if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 3) {
D
// Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
1212
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
<?php
}
?>
</table>
</div>
</div>
O
H
C
E
ER
D
R
SE
E
R
S
<td width="19%"> </td>
</tr>
S
O
D
VA
<br />
<br />
<br />
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
1213
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
S
O
D
A echo
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?>
<?php
V
R
SE?>
ObtenerApellidoUser($_SESSION['MM_idUser']);
E
R
S
O
<ul class="dropdown">
H
EC
R
<li><aE
href="datospersonales.php"><i
class="iconD
user"></i>Datos Personales</a></li>
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
1214
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="230"
ERvalign="middle" class="titulomenu"> Acciones
D
Especiales</td>
<td height="35" colspan="2" valign="middle"
class="titulomenu"> </td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1215
else {
}
?>
S
O
D
VA
<!--------------------//////// cerrando MENU ESTUDIANTE-->
O
H
C
E
PROFESOR-->ER
D
R
SE
E
R
S
<!-----------------------------------------------------------------//////// MENU
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
1216
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
O
H
C
E
</div>
ER
D
R
SE
E
R
S
</div>
S
O
D
VA
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
1217
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
class="titulomenu"> </td>
ER
D
<td width="230" valign="middle" class="titulomenu">
<tr>
<td height="35" colspan="2" valign="middle"
Acciones Especiales</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
1218
<?php } // Show if recordset empty >
else {
}
R
SE
E
R
S
?>
O
S
O
D
VA
<!---------------------------------------------------------------//////// cerrando
H
C
E
ER
MENU PROFESOR-->
D
<!-----------------------------------------------------------------////////
MENU ADMIN-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
1219
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
R
SE
E
R
S
O
H
C
E
<br /></td>
ER
D
</tr>
S
O
D
VA
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
1220
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3"> </td>
</tr>
H
C
E
R
E<tr>
D
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
1221
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
S
O
D
A
<td width="6%" height="50" align="center"V
valign="middle"
R
SE
bgcolor="#B9DC69" class="titulomenu"><a
href="buscarest.php"
E
R
S
O
title="Búsqueda Avanzada"H
class="tooltip"><img
C
E
R
src="../images/icons/comment_user_search_32.png"
alt="3" width="32"
E
D
height="32" /></a></td>
<tr>
<td width="6%" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
src="../images/icons/users_business_32.png" alt="1" width="32"
height="32" /></td>
<td width="2%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="92%" bgcolor="#F9F9F9"
class="titulomenu">Listado de los Estudiantes registrados hasta
ahora</td>
</tr>
<tr>
<td height="330" colspan="4" align="center"
valign="top"><br />
<table width="35%" border="0" align="center"
cellpadding="5" cellspacing="5">
<tr>
1222
<td height="42"><a href="#"
onclick="javascript:imprimirestu();"><img src="Imagenes/listado.png"
width="250" height="100" border="0" /></a></td>
</tr>
<tr>
<td height="45"><a href="#"
onclick="javascript:imprimirestucorreo();"><img
S
O
D
VA
src="Imagenes/listadoemail.png" width="250" height="100" /></a></td>
</table>
O
H
C
E
</span></td>
ER
D
</tr>
R
SE
E
R
S
</tr>
<span class="bienvenido2"><br />
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
<script
type="text/javascript">
1223
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
S
O
H
EC
ER
D
obj = this;
: function() {
S
O
D
A ={
DropDown.prototype
V
R
E
initEvents
RES
var
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
event.stopPropagation();
});
}
}
$(function() {
1224
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
D
ER
S
$('.wrapper-dropdownE
SR
O
H
C
E
ER
5').removeClass('active');
S
O
D
VA
});
});
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
1225
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
R
SE
E
R
S
HO
C
E
$( "#datepicker"
ER).datepicker();
D
});
S
O
D
VA
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<!-- InstanceEnd --></html>
1226
Fotodelete.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
1227
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
S
O
D
VA
R
SE
E
R
S
}
HO
C
E
R
$deleteSQL =
FROM tblimagenes WHERE
Esprintf("DELETE
D
idImagen=%s",
if ((isset($_GET['ID'])) && ($_GET['ID'] != "")) {
GetSQLValueString($_GET['ID'], "int"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($deleteSQL, $ccm) or die(mysql_error());
$deleteGoTo = "imagenes.php";
if (isset($_SERVER['QUERY_STRING'])) {
$deleteGoTo .= (strpos($deleteGoTo, '?')) ? "&" : "?";
$deleteGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $deleteGoTo));
}
?>
<html>
<head>
<title>Redirigir al navegador a otra URL</title>
<META HTTP-EQUIV="REFRESH" CONTENT="1;URL=imagenes.php">
1228
</head>
<body>
Artículo borrado. Redirigiendo...
</body>
</html>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
1229
Gestionaudio.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
S
O
D
VA
1" />
<title>Documento sin título</title>
<style type="text/css">
O
H
C
E
ER
body {
D
R
SE
E
R
S
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position: absolute;
width: 400px;
height: 150px;
z-index: 1;
background:
rgba(255,255,255, 0.5);
}
</style>
</head>
1230
<body>
<div id="apDiv1">
<?php if ((isset($_POST["enviado"])) && ($_POST["enviado"] ==
"form")) {
S
O
D
VA
$nombre_archivo =
ER
S
move_uploaded_file($_FIL
E
SR
$_FILES['userfile']['name'];
O
H
C
E
ER
ES['userfile']['tmp_name'], "../imagenes/audios/".$nombre_archivo);
D
?>
<script>
opener.document.form.str
Imagen.value="<?php echo $nombre_archivo; ?>";
self.close();
</script>
<?php
}
else
{?>
<form action="gestionaudio.php" method="post"
enctype="multipart/form-data" id="form">
<br />
<br />
<table width="90%" border="0" align="center" cellpadding="0"
cellspacing="0">
1231
<tr>
<td align="center" bgcolor="#FFFFFF"><input name="userfile"
type="file" /></td>
</tr>
<tr>
<td height="42" align="center" bgcolor="#DCEDED"><input
type="submit" name="button" id="button" value="Subir Audio" /></td>
</tr>
<p> </p>
O
H
C
E
ER
R
SE
E
R
S
</table>
S
O
D
VA
<input type="hidden" name="enviado" value="form" />
D
<?php }?>
</form>
</div>
</body>
</html>
1232
Gestiongaleria.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
S
O
D
VA
1" />
<title>Documento sin título</title>
<style type="text/css">
O
H
C
E
ER
body {
D
R
SE
E
R
S
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position: absolute;
width: 400px;
height: 150px;
z-index: 1;
background:
rgba(255,255,255, 0.5);
}
</style>
</head>
1233
<body>
<div id="apDiv1">
<?php if ((isset($_POST["enviado"])) && ($_POST["enviado"] ==
"form")) {
S
O
D
VA
$nombre_archivo =
ER
S
move_uploaded_file($_FIL
E
SR
$_FILES['userfile']['name'];
O
H
C
E
ER
ES['userfile']['tmp_name'], "../imagenes/fotografias/".$nombre_archivo);
D
?>
<script>
opener.document.form.str
Imagen.value="<?php echo $nombre_archivo; ?>";
self.close();
</script>
<?php
}
else
{?>
<form action="gestiongaleria.php" method="post"
enctype="multipart/form-data" id="form">
<br />
<br />
<table width="90%" border="0" align="center" cellpadding="0"
cellspacing="0">
1234
<tr>
<td align="center" bgcolor="#FFFFFF"><input name="userfile"
type="file" /></td>
</tr>
<tr>
<td height="42" align="center" bgcolor="#DCEDED"><input
type="submit" name="button" id="button" value="Subir Imagen" /></td>
</tr>
<p> </p>
O
H
C
E
ER
R
SE
E
R
S
</table>
S
O
D
VA
<input type="hidden" name="enviado" value="form" />
D
<?php }?>
</form>
</div>
</body>
</html>
1235
Gestionimagen.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
S
O
D
VA
1" />
<title>Documento sin título</title>
<style type="text/css">
O
H
C
E
ER
body {
D
R
SE
E
R
S
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position: absolute;
width: 400px;
height: 150px;
z-index: 1;
background:
rgba(255,255,255, 0.5);
}
</style>
</head>
1236
<body>
<div id="apDiv1">
<?php if ((isset($_POST["enviado"])) && ($_POST["enviado"] ==
"form")) {
S
O
D
VA
$nombre_archivo =
$_FILES['userfile']['name'];
ER
S
move_uploaded_file($_FIL
E
SR
HO
C
E
"../imagenes/imgarticulos/".$nombre_archivo);
DER
ES['userfile']['tmp_name'],
?>
<script>
opener.document.form.str
Imagen.value="<?php echo $nombre_archivo; ?>";
self.close();
</script>
<?php
}
else
{?>
<form action="gestionimagen.php" method="post"
enctype="multipart/form-data" id="form">
<br />
<br />
1237
<table width="90%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td align="center" bgcolor="#FFFFFF"><input name="userfile"
type="file" /></td>
</tr>
<tr>
S
O
D
A /></td>
type="submit" name="button" id="button" value="Subir
Imagen"
V
R
SE
</tr>
E
R
S
O
</table>
H
C
E
R
<p> </p>
DE
<td height="42" align="center" bgcolor="#DCEDED"><input
<input type="hidden" name="enviado" value="form" />
</form>
<?php }?>
</div>
</body>
</html>
1238
Gestionvideo.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
S
O
D
VA
1" />
<title>Documento sin título</title>
<style type="text/css">
O
H
C
E
ER
body {
D
R
SE
E
R
S
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position: absolute;
width: 400px;
height: 150px;
z-index: 1;
background:
rgba(255,255,255, 0.5);
}
</style>
</head>
1239
<body>
<div id="apDiv1">
<?php if ((isset($_POST["enviado"])) && ($_POST["enviado"] ==
"form")) {
S
O
D
VA
$nombre_archivo =
ER
S
move_uploaded_file($_FIL
E
SR
$_FILES['userfile']['name'];
O
H
C
E
ER
ES['userfile']['tmp_name'], "../imagenes/mvideos/".$nombre_archivo);
D
?>
<script>
opener.document.form.str
Imagen.value="<?php echo $nombre_archivo; ?>";
self.close();
</script>
<?php
}
else
{?>
<form action="gestionvideo.php" method="post"
enctype="multipart/form-data" id="form">
<br />
<br />
<table width="90%" border="0" align="center" cellpadding="0"
cellspacing="0">
1240
<tr>
<td align="center" bgcolor="#FFFFFF"><input name="userfile"
type="file" /></td>
</tr>
<tr>
<td height="42" align="center" bgcolor="#DCEDED"><input
type="submit" name="button" id="button" value="Subir Imagen" /></td>
</tr>
<p> </p>
O
H
C
E
ER
R
SE
E
R
S
</table>
S
O
D
VA
<input type="hidden" name="enviado" value="form" />
D
<?php }?>
</form>
</div>
</body>
</html>
1241
Imágenes.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
ER
S
E
R
$theValue = get_magic_quotes_gpc()
? stripslashes($theValue) :
S
O
H
C
$theValue;
E
R
DE
}
{
if (PHP_VERSION < 6) {
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
1242
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
R
SE
E
R
S
HO
C
E
R
$currentPageE
D = $_SERVER["PHP_SELF"];
}
S
O
D
VA
$maxRows_imagenes = 6;
$pageNum_imagenes = 0;
if (isset($_GET['pageNum_imagenes'])) {
$pageNum_imagenes = $_GET['pageNum_imagenes'];
}
$startRow_imagenes = $pageNum_imagenes * $maxRows_imagenes;
mysql_select_db($database_ccm, $ccm);
$query_imagenes = "SELECT * FROM tblimagenes ORDER BY
tblimagenes.idImagen DESC";
$query_limit_imagenes = sprintf("%s LIMIT %d, %d", $query_imagenes,
$startRow_imagenes, $maxRows_imagenes);
$imagenes = mysql_query($query_limit_imagenes, $ccm) or
die(mysql_error());
$row_imagenes = mysql_fetch_assoc($imagenes);
if (isset($_GET['totalRows_imagenes'])) {
1243
$totalRows_imagenes = $_GET['totalRows_imagenes'];
} else {
$all_imagenes = mysql_query($query_imagenes);
$totalRows_imagenes = mysql_num_rows($all_imagenes);
}
$totalPages_imagenes =
ceil($totalRows_imagenes/$maxRows_imagenes)-1;
R
SE
E
R
S
$queryString_imagenes = "";
HO
C
E
R
$newParamsE
= array();
D
foreach ($params as $param) {
if (!empty($_SERVER['QUERY_STRING'])) {
S
O
D
VA
$params = explode("&", $_SERVER['QUERY_STRING']);
if (stristr($param, "pageNum_imagenes") == false &&
stristr($param, "totalRows_imagenes") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_imagenes = "&" . htmlentities(implode("&",
$newParams));
}
}
$queryString_imagenes = sprintf("&totalRows_imagenes=%d%s",
$totalRows_imagenes, $queryString_imagenes);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1244
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<!-- InstanceBeginEditable name="titulo" -->
<!-- InstanceEndEditable -->
body {
O
H
C
E
ER
<style type="text/css">
D
R
SE
E
R
S
<title>Documento sin título</title>
S
O
D
VA
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
}
.mensajes {
1245
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
.mensajesfecha {
S
O
D
VA
font-family: "Trebuchet
ER#FFF;
S
color:
E
SR
MS", Arial, Helvetica, sans-serif;
O
H
C
E
ER
D
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
.tablass:hover {
1246
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
font-size: 12px;
S
O
D
A
color: #000;
V
R
SE
font-weight: normal;
}
C
E
R
DE
.bavanzada {
500";
E
R
S
HO
font-family: "Museo Sans
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
1247
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
background-color:
#996666;
HO
C
E
MS", Arial, Helvetica,
DER sans-serif;
.titulomenu {
R
SE
E
R
S
}
S
O
D
VA
font-family: "Trebuchet
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
font-size: 12px;
1248
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
padding-top: 5px;
S
O
D
A 5px;
padding-bottom:
V
R
E
RESpadding-left: 15px;
padding-right: 15px;
S
O
H
EC
ER
D
-moz-transition: all .35s ease-out;
.35s ease-out;
-webkit-transition: all
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
1249
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
display: inline;
O
H
C
E
ER
position: relative;
D
.tooltip:hover:after {
}
R
SE
E
R
S
.tooltip {
S
O
D
VA
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
1250
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
}
O
H
C
E
color: #666; ER
D
}
.info {
R
SE
E
R
S
border-width: 6px 6px 0 6px;
S
O
D
VA
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
1251
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
box-sizing: border-box;
ER
D
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
1252
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
1253
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
O
-moz-box-sizing: border-box;
H
C
E
ER
box-sizing: border-box;
D
margin-bottom: -8px;
height: 0;
R
SE
E
R
S
-webkit-box-sizing: border-box;
S
O
D
VA
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
1254
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
appearance: none;
O
H
C
E
-moz-border-radius:
ER 0;
D
-ms-border-radius: 0;
-webkit-border-radius: 0;
R
SE
E
R
S
-moz-appearance: none;
S
O
D
VA
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
1255
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
D
A3px;
border-radius:
V
R
E
RESborder: 1px solid #717171;
-moz-border-radius: 3px;
S
O
H
EC
DER
1px 0px #efefef;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
1256
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
HO
C
E
text-shadow: E
D0pxR1px 0px #fff;
margin-top: 2px;
color: #666;
R
SE
E
R
S
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
1257
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
S
O
D
A
margin-bottom:20px;
V
R
E
RES}
padding-bottom: 10px;
S
O
H
EC
DER
.border {
background-
color:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
1258
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
S
O
D
A
position:V
absolute;
R
E
RESwidth: 130px;
#apDiv34 {
S
O
H
EC
DER
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
1259
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
S
O
D
VA
return;
R
SE
E
R
S
}
HO
C
E
(document.form1.contra.value=='')
DER
if
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
1260
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
}
D
function subirimagen()
ER
S
document.form1.submit();
E
SR
O
H
C
E
ER
S
O
D
VA
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
1261
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenfot()
}
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
1262
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
R
SE
E
R
S
HO
C
E
window.location.assign("audiodelete.php?ID="
+id);
DER
function alertaaud(id){
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
1263
}else{
return false;
}
}
function imprimir()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoprofesores.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
1264
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoestudiantes.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=yes,fullscreen=no, status=yes');
D
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
1265
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
S
O
D
A
remote.focus();
V
R
E
RES}
rs=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
aranceles()
{
function
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
1266
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
S
O
D
A == 3) {
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
V
R
SE
// Show if recordset empty ?>
E
R
S
O
H
Calign="center"
E
R
<td width="36%"
E
D
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
1267
<?php
}
?>
<td width="19%"> </td>
</tr>
</table>
<br />
D
<br />
<br />
O
H
C
E
ER
R
SE
E
R
S
</div>
</div>
S
O
D
VA
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
1268
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i class="iconV
R
E
user"></i>Datos Personales</a></li> RES
S class="iconO
<li><a href="confcuenta.php"><i
H
C
E
R
cog"></i>Configurar
Cuenta</a></li>
E
D
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
<ul class="dropdown">
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
1269
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
S
O
D
A
<td width="230" valign="middle" class="titulomenu">
Acciones
V
R
E
S
Especiales</td>
E
R
S
O
</tr>
H
C
E
R
<tr>
E
D
<td height="35" colspan="3" class="tabla"><a href="#">Presentar
class="titulomenu"> </td>
Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1270
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
S
O
D
VA
<!-----------------------------------------------------------------//////// MENU
R
SE
E
R
S
PROFESOR-->
<?php if
HO
C
E
(ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 2) { // Show if
ER
D
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
1271
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
O
H
C
E
</tr> ER
D
<tr>
<br /></td>
R
SE
E
R
S
</div>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
1272
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
S
O
D
VA
<td height="35" colspan="2" valign="middle"
R
SE
E
R
S
class="titulomenu"> </td>
O
<td width="230" valign="middle" class="titulomenu">
H
C
E
</tr> ER
D
<tr>
Acciones Especiales</td>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1273
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
S
O
D
VA
R
SE
E
R
S
O
<!-----------------------------------------------------------------////////
H
C
E
ER
MENU ADMIN-->
D
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
1274
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="19"
ER height="18" class="titulomenu"> </td>
D
<td height="18" colspan="2"
</tr>
<tr>
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
1275
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3"> </td>
H
C
E
</table>
DER
</tr>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
1276
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="100%" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="5%" height="50" align="center" valign="middle"
bgcolor="#B9DC69" class="titulomenu"><a href="cargarfoto.php"
S
O
D
A
src="../images/icons/camera_add_32.png" alt="1" width="32"
V
R
SE
height="32" /></a></td>
E
R
S valign="middle"
O
<td width="5%"H
align="center"
C
E
R
bgcolor="#F2F2F2"
class="titulomenu"><img
E
D
src="../images/icons/camera_32.png" alt="1" width="32" height="32"
title="Agregar una Fotografía" class="tooltip"><img
/></td>
<td width="1%" bgcolor="#F9F9F9"
class="titulomenu"> </td>
<td width="73%" bgcolor="#F9F9F9"
class="titulomenu">Fotografías cargadas hasta ahora</td>
<td width="16%" align="right" valign="middle"
bgcolor="#F9F9F9" class="titulomenu"> 
<table border="0">
<tr>
<td><?php if ($pageNum_imagenes > 0) { // Show if not
first page ?>
<a href="<?php
printf("%s?pageNum_imagenes=%d%s", $currentPage, 0,
$queryString_imagenes); ?>"><img src="First.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_imagenes > 0) { // Show if not
first page ?>
1277
<a href="<?php
printf("%s?pageNum_imagenes=%d%s", $currentPage, max(0,
$pageNum_imagenes - 1), $queryString_imagenes); ?>"><img
src="Previous.gif" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_imagenes <
$totalPages_imagenes) { // Show if not last page ?>
S
O
D
printf("%s?pageNum_imagenes=%d%s", $currentPage,VA
E+R1),
S
min($totalPages_imagenes, $pageNum_imagenes
E
R
S
$queryString_imagenes); ?>"><img
HO src="Next.gif" /></a>
C
E
R } // Show if not last page ?></td>
DE<?php
<a href="<?php
<td><?php if ($pageNum_imagenes <
$totalPages_imagenes) { // Show if not last page ?>
<a href="<?php
printf("%s?pageNum_imagenes=%d%s", $currentPage,
$totalPages_imagenes, $queryString_imagenes); ?>"><img
src="Last.gif" /></a>
<?php } // Show if not last page ?></td>
</tr>
</table></td>
</tr>
<tr>
<td height="330" colspan="5" valign="top"><div
id="resultadoproducto">
<?php do { ?>
<div class="fotoproducto">
<img src="../imagenes/fotografias/<?php echo
$row_imagenes['strImagen']; ?>" width="140" height="140"
class="border" /><br />
1278
<a onclick="javascript:alertafoto(<?php echo
$row_imagenes['idImagen']; ?>);" href="#"><img
src="../images/icons/close_16.png" alt="1" width="16" height="16"
/></a> </div><div class="textoproducto">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
S
O
D
VA
<td bgcolor="#0066FF" class="bienvenido"><?php
R
SE
E
R
S
echo $row_imagenes['strTitulo']; ?></td>
HO
C
E
<span class="mensajes"><?php echo
ER
</tr>
</table>
D
$row_imagenes['strDescrip']; ?></span></div>
</div>
<?php } while ($row_imagenes =
mysql_fetch_assoc($imagenes)); ?>
</div>
<span class="bienvenido2">
<?php if ($totalRows_imagenes == 0) { // Show if recordset empty ?>
<br />
No hay imágenes cargadas...
<?php } // Show if recordset empty ?>
</span></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
1279
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
S
O
D
A
<script
V
R
ESE
cript>
type="text/javascript">
C
E
R
DE
R
S
HO
function
DropDown(el) {
this.dd =
el;
this.initEvents();
}
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
1280
$(this).toggleClass('active'
);
event.stopPropagation();
});
D
R
SE
E
R
S
O
H
C
E
ER
}
S
O
D
V} A
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
// all
dropdowns
$('.wrapper-dropdown5').removeClass('active');
});
});
</script>
<script>
$(function() {
1281
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
S
O
D
A
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
V
R
SE
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
E
R
S
O
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
H
C
E
R
'Jul','Ago','Sep','Oct','Nov','Dic'],
E
D
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Selecciona la fecha', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
//miDate: fecha de comienzo D=días | M=mes | Y=año
//maxDate: fecha tope D=días | M=mes | Y=año
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
1282
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<?php
O
H
C
E
ER
mysql_free_result($imagenes);
?>
D
R
SE
E
R
S
<!-- InstanceEnd --></html>
S
O
D
VA
1283
Listadoemailestudiantes.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
{
if (PHP_VERSION < 6) {
R
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
D
}
O
H
C
E
ER
$theValue;
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
1284
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
$query_profesores
ER= "SELECT * FROM tblusuario WHERE
D
tblusuario.nivelUsuario = 1 ORDER BY tblusuario.strUser ASC";
mysql_select_db($database_ccm, $ccm);
$profesores = mysql_query($query_profesores, $ccm) or
die(mysql_error());
$row_profesores = mysql_fetch_assoc($profesores);
$totalRows_profesores = mysql_num_rows($profesores);
?>
<?php require_once('includes/funciones.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<title>Documento sin título</title>
<style type="text/css">
.encabez {
font-family: "Museo Sans
700";
1285
font-size: 13px;
color: #000;
}
.fecha {
font-family: "Museo Sans
500";
font-size: 12px;
S
O
D
VA
color: #000;
.tabla {
D
.tabla:hover {
}
O
H
C
E
ER
R
SE
E
R
S
}
background-color: #FFF;
background-color:
#FFF7CD;
}
.contenido {
font-family: "Museo Sans
500";
font-size: 12px;
text-align: justify;
color: #000;
}
</style>
<style type="text/css" media="print">
@media print {
#apDiv1 {display:none;}
}
</style>
<style type="text/css">
1286
#apDiv1 {
position: absolute;
width: 200px;
height: 100px;
z-index: 1;
text-align: left;
}
</style>
O
H
C
E
if (window.print)
ER
D
window.print()
function imprimir() {
R
SE
E
R
S
<script language="Javascript">
S
O
D
VA
else
alert("Para imprimir presione Crtl+P.");
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"><div id="apDiv1"><a
onclick="javascript:imprimir();" href="#"><img
src="Imagenes/icon_print.png" width="32" height="32"
/></a></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
1287
<tr>
<td height="100" align="center" class="encabez"><img
src="Imagenes/BIRRETE.png" width="600" height="100" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
S
O
D
VA
<td height="86" align="center" valign="top"><table width="80%"
<tr>
</tr>
<tr>
O
H
C
E
ER
<td> </td>
D
R
SE
E
R
S
border="0" cellspacing="0" cellpadding="0">
<td align="center" bgcolor="#F7F7F7" class="encabez">Correos
Electrónicos</td>
</tr>
<?php do { ?>
<tr class="tabla">
<td height="19" align="center" class="fecha"><?php echo
ObtenerCorreo($row_profesores['idUsuario']); ?> </td>
</tr>
<?php } while ($row_profesores = mysql_fetch_assoc($profesores));
?>
<tr>
<td height="24" class="contenido"> </td>
</tr>
</table></td>
</tr>
</table>
1288
<br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><img src="Imagenes/footerimp.png" width="600"
height="34" /></td>
</tr>
</table>
</body>
<?php
O
H
C
E
ER
mysql_free_result($profesores);
?>
D
R
SE
E
R
S
</html>
S
O
D
VA
1289
Panel.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<?php
$nuser= ObtenerNivelUsuario($_SESSION['MM_idUser']);
?>
S
O
D
VA
ER
S
E
R
function GetSQLValueString($theValue,
$theType, $theDefinedValue =
S
O
H
C= "")
"", $theNotDefinedValue
E
R
DE
{
<?php
if (!function_exists("GetSQLValueString")) {
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
1290
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
break;
O
H
C
E
return $theValue;
ER
D
}
}
R
SE
E
R
S
$theNotDefinedValue;
S
O
D
VA
}
$nuser_mensajes = "0";
if (isset($nuser)) {
$nuser_mensajes = $nuser;
}
mysql_select_db($database_ccm, $ccm);
$query_mensajes = sprintf("SELECT * FROM tblmensaje WHERE
tblmensaje.nivelUsuario = %s", GetSQLValueString($nuser_mensajes,
"int"));
$mensajes = mysql_query($query_mensajes, $ccm) or
die(mysql_error());
$row_mensajes = mysql_fetch_assoc($mensajes);
$totalRows_mensajes = mysql_num_rows($mensajes);
?>
1291
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/acceso.dwt.php"
codeOutsideHTMLIsLocked="false" -->
<head>
S
O
D
VA
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
R
SE
E
R
S
1" />
HO
C
E
<!-- InstanceEndEditable
ER -->
D
<style type="text/css">
<!-- InstanceBeginEditable name="titulo" -->
<title>BIENVENIDO | MUSIC WORLD</title>
body {
background-image:
url(../imagenes/slideshow.png);
background-repeat:
repeat;
}
#apDiv1 {
position:absolute;
width:100%;
backgroundimage:url(Imagenes/header.png);
backgroundrepeat:repeat-x;
height:115px;
z-index:1;
left: 0;
top: 0;
1292
}
.mensajes {
font-family: "Trebuchet
MS", Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
}
ER "Trebuchet
S
font-family:
E
SR
.mensajesfecha {
O
H
C
E
ER
MS", Arial, Helvetica, sans-serif;
D
S
O
D
VA
color: #FFF;
font-size: 10px;
font-weight: bold;
padding-left: 20px;
}
.blanco{
backgroundimage:url(Imagenes/btrans.png);
}
.bienvenido {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
}
.tablass {
background-color: #FFF;
}
1293
.tablass:hover {
background-color:
#DFEFBA;
}
.bienvenido2 {
font-family: "Museo Sans
900";
S
O
D
Anormal;
font-weight:
V
R
E
REScolor: #000;
font-size: 12px;
}
DER
S
O
H
EC
.bavanzada {
font-family: "Museo Sans
500";
font-size: 10px;
font-weight: normal;
color: #000;
}
.diames {
font-family: "Museo Sans
900";
font-size: 24px;
color: #0CF;
}
.areaMusical {
font-family: "Museo Sans
900";
font-size: 9px;
font-weight: normal;
color: #FFF;
1294
}
#apDiv2 {
position:absolute;
width:202px;
height:328px;
z-index:2;
bottom:0px;
S
O
D
VA
background-color:
}
.titulomenu {
O
H
C
E
ER
D
MS", Arial, Helvetica, sans-serif;
R
SE
E
R
S
#996666;
font-family: "Trebuchet
font-weight: bold;
color: #000;
font-size: 14px;
}
.tabla {
background-color:#FFF;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 35px;
-webkit-transition:
all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
font-family: 'Open Sans
Condensed', sans-serif;
1295
font-size: 12px;
font-weight: bold;
color: #999;
}
.tabla:hover {
backgroundcolor:#EC7600;
S
O
D
A15px;
padding-right:
V
R
E
RESpadding-bottom: 5px;
padding-top: 5px;
S
O
H
EC
ER
D
.35s ease-out;
padding-left: 15px;
-webkit-transition: all
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #FFF;
}
#apDiv3 {
position:absolute;
width:383px;
height:12px;
z-index:1;
left: 581px;
top: 65px;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
1296
font-family: "Museo Sans
500";
}
a:link {
color: #999;
}
</style>
<style type="text/css">
display: inline;
O
H
C
E
ER
position: relative;
D
.tooltip:hover:after {
}
R
SE
E
R
S
.tooltip {
S
O
D
VA
bottom: 26px;
content: attr(title); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(185,220,105, 1); /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #;
width: 150px;
}
.tooltip:hover:before {
1297
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(185,220,105, 1) transparent;
}
O
H
C
E
color: #666; ER
D
}
.info {
R
SE
E
R
S
border-width: 6px 6px 0 6px;
S
O
D
VA
.info h1 {
margin: 8px 0;
font-weight: 300;
}
.info p {
margin: 8px 0;
font-weight: 300;
font-size: 14px;
}
.info p > a, .info p > a:visited {
color: #666;
text-decoration: none;
}
.info p > a:hover, .info p > a:visited:hover {
text-decoration: underline;
}
1298
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
R
SE
E
R
S
HO
C
E
box-sizing: border-box;
ER
D
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
S
O
D
VA
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px
#fff;
outline: none;
1299
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
S
O
D
A
border: 1px
solid #717171;
V
R
E
S
border-radius: 3px;
E -webkit-box-shadow: 1px
R
S
HO
C
E
R
DE
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-input.placeholder {
font-style: italic;
color: #AAA;
}
.form-input:-moz-placeholder {
font-style: italic;
color: #AAA;
}
.form-input::-webkit-input-placeholder {
1300
font-style: italic;
color: #AAA;
}
.form-tooltip {
display: block;
visibility: hidden;
overflow: hidden;
O
-moz-box-sizing: border-box;
H
C
E
ER
box-sizing: border-box;
D
margin-bottom: -8px;
height: 0;
R
SE
E
R
S
-webkit-box-sizing: border-box;
S
O
D
VA
cursor: help;
-webkit-animation: fold 500ms ease-in reverse;
-moz-animation: fold 500ms ease-in reverse;
-o-animation: fold 500ms ease-in reverse;
animation: fold 500ms ease-in reverse;
transition: all .500ms ease-out;
padding: 4px 16px;
background: #bbb;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
:focus + .form-tooltip {
margin-bottom: 0;
height: auto;
visibility: visible;
1301
-webkit-animation: fold ease-in 500ms;
-moz-animation: fold ease-in 500ms;
-o-animation: fold ease-in 500ms;
animation: fold ease-in 500ms;
transition: all .35s ease-out;
}
.form-input1 { -webkit-appearance: none;
appearance: none;
O
H
C
E
-moz-border-radius:
ER 0;
D
-ms-border-radius: 0;
-webkit-border-radius: 0;
R
SE
E
R
S
-moz-appearance: none;
S
O
D
VA
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 280px;
height: 32px;
font-size: 14px;
margin-top: 2px;
color: #666;
text-shadow: 0px 1px 0px #fff;
1302
outline: none;
background: -webkitgradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
S
O
D
A3px;
border-radius:
V
R
E
RESborder: 1px solid #717171;
-moz-border-radius: 3px;
S
O
H
EC
DER
1px 0px #efefef;
-webkit-box-shadow: 1px
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
}
.form-inputarea { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
1303
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
outline: none;
border: none;
line-height: 1;
width: 100%;
height: 100px;
HO
C
E
text-shadow: E
D0pxR1px 0px #fff;
margin-top: 2px;
color: #666;
R
SE
E
R
S
font-size: 14px;
S
O
D
VA
outline: none;
background: -webkit-
gradient(linear, left top, left bottom, from(#F3F3F3), to(#ffffff));
background: -moz-lineargradient(top, #F3F3F3, #ffffff);
-webkit-border-radius:
3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px
1px 0px #efefef;
-moz-box-shadow: 1px
1px 0px #efefef;
box-shadow: 1px 1px 0px
#efefef;
-webkit-font-smoothing:
antialiased;
1304
}
.fotoproducto
{
float: left;
height: 140px;
width: 140px;
padding-top: 10px;
S
O
D
A
margin-bottom:20px;
V
R
E
RES}
padding-bottom: 10px;
S
O
H
EC
DER
.border {
background-
color:#e5e5e5;
border:5px solid
#e1e0e0;
}
.textoproducto
{
float: left;
background-color:
#D5EAA2;
padding: 10px;
margin-top: 10px;
text-align: center;
width: 80px;
margin-right: 4px;
}
.resultadoproducto {
1305
background-color:
#3366FF;
width: auto;
z-index: 4;
top: 0px;
overflow: auto;
}
S
O
D
A
position:V
absolute;
R
E
RESwidth: 130px;
#apDiv34 {
S
O
H
EC
DER
height: 70px;
z-index: 9;
vertical-align: middle;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 90px;
}
</style>
</head>
<script>
function validarCampos()
{
/*if
(document.form1.telefono.value=='')
{
alert("Debe ingresar
su teléfono de contacto");
1306
return;
}
if
(document.form1.correo.value=='')
{
alert("Debe ingresar
su email");
S
O
D
VA
return;
R
SE
E
R
S
}
HO
C
E
(document.form1.contra.value=='')
DER
if
{
alert("Debe ingresar
su clave");
return;
}
if
(document.form1.contra2.value=='')
{
alert("Debe reingresar
su clave");
return;
}
if
(document.form1.captcha.value=='')
{
alert("Debe ingresar la
palabra que visualiza en la imagen");
return;
1307
}*/
if
(document.form1.pass.value!=document.form1.pass2.value)
{
alert("No coinciden
las contraseñas");
return;
}
}
D
function subirimagen()
ER
S
document.form1.submit();
E
SR
O
H
C
E
ER
S
O
D
VA
{
self.name = 'opener';
remote =
open('gestionimagen.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function subirimagenvideo()
{
self.name = 'opener';
remote =
open('gestionvideo.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
1308
}
function subiraudio()
{
self.name = 'opener';
remote =
open('gestionaudio.php', 'remote',
S
O
D
VA
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
ER
S
remote.focus();
E
SR
s=no,resizable=no,fullscreen=no, status=yes');
O
H
C
E
ER
D
function subirimagenfot()
}
{
self.name = 'opener';
remote =
open('gestiongaleria.php', 'remote',
'width=400,height=150,location=no,scrollbars=no,menubars=no,toolbar
s=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function alerta(id){
if(confirm("¿Desea eliminar este artículo?")){
window.location.assign("articulodelete.php?ID=" +id);
}else{
return false;
}
}
1309
function alertavid(id){
if(confirm("¿Desea eliminar este video?")){
window.location.assign("videodelete.php?ID=" +id);
}else{
return false;
}
}
R
SE
E
R
S
HO
C
E
window.location.assign("audiodelete.php?ID="
+id);
DER
function alertaaud(id){
S
O
D
VA
if(confirm("¿Desea eliminar este audio?")){
}else{
return false;
}
}
function alertaeve(id){
if(confirm("¿Desea eliminar este evento?")){
window.location.assign("eventodelete.php?ID=" +id);
}else{
return false;
}
}
function alertafoto(id){
if(confirm("¿Desea eliminar esta fotografía de la galería?")){
window.location.assign("fotodelete.php?ID=" +id);
1310
}else{
return false;
}
}
function imprimir()
{
S
O
D
VA
ER = 'opener';
S
self.name
E
SR
remote =
HO
C
E
open('listadoprofesores.php',
'remote',
ER
D
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircorreo()
{
self.name = 'opener';
remote =
open('listadoemailprofesores.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimircomp(id)
{
self.name = 'opener';
remote =
open('impricomp.php?ID=' +id, 'remote',
1311
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestu()
{
self.name = 'opener';
S
O
D
VA
remote =
R
SE
E
R
S
open('listadoestudiantes.php', 'remote',
O
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
H
C
E
ER
ars=no,resizable=yes,fullscreen=no, status=yes');
D
remote.focus();
}
function imprimirestucorreo()
{
self.name = 'opener';
remote =
open('listadoemailestudiantes.php', 'remote',
'width=1000,height=800,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
}
function imprimirestup(id)
{
self.name = 'opener';
remote =
open('listadoestudiantesprof.php?ID=' +id, 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
rs=no,resizable=no,fullscreen=no, status=yes');
remote.focus();
1312
}
function imprimirestucorreop()
{
self.name = 'opener';
remote =
open('listadoemailestudiantesprof.php', 'remote',
'width=1000,height=800,location=no,scrollbars=no,menubars=no,toolba
S
O
D
A
remote.focus();
V
R
E
RES}
rs=no,resizable=no,fullscreen=no, status=yes');
S
O
H
EC
DER
aranceles()
{
function
self.name = 'opener';
remote =
open('../aranceles.php', 'remote',
'width=1000,height=700,location=no,scrollbars=yes,menubars=no,toolb
ars=no,resizable=yes,fullscreen=no, status=yes');
remote.focus();
}
</script>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="blanco">
<tr class="tablatransp">
<td height="500"><div id="apDiv1">
<div class="bienvenido" id="apDiv3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
1313
<td width="45%">BIENVENIDO: <span
class="bienvenido2"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?></span></td>
<!--// ------------------------------------------------------------------- NIVEL DE
USUARIO-->
S
O
D
A == 3) {
<?php if (ObtenerNivelUsuario($_SESSION['MM_idUser'])
V
R
SE
// Show if recordset empty ?>
E
R
S
O
H
Calign="center"
E
R
<td width="36%"
E
D
bgcolor="#FCBB15">ADMINISTRADOR</td>
<?php } // Show if recordset empty >
elseif (ObtenerNivelUsuario($_SESSION['MM_idUser']) == 2) { //
Show if recordset empty ?>
<td width="36%" align="center"
bgcolor="#FCBB15">ESTUDIANTE</td>
<?php } // Show if recordset empty >
else { ?>
<td width="36%" align="center" bgcolor="#FCBB15">ESTUDIANTE</td>
1314
<?php
}
?>
<td width="19%"> </td>
</tr>
</table>
<br />
D
<br />
<br />
O
H
C
E
ER
R
SE
E
R
S
</div>
</div>
S
O
D
VA
<br />
<br />
<table width="937" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="434" valign="middle"
bgcolor="#FFFFFF">
<!--------------------//////// MENU ESTUDIANTE-->
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 1) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
1315
<td height="17" colspan="3" class="titulomenu"><br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5" tabindex="1"><?php
echo ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
S
O
D
A
<li><a href="datospersonales.php"><i class="iconV
R
E
user"></i>Datos Personales</a></li> RES
S class="iconO
<li><a href="confcuenta.php"><i
H
C
E
R
cog"></i>Configurar
Cuenta</a></li>
E
D
<li><a href="cerrar.php"><i class="icon-remove"></i>Cerrar
<ul class="dropdown">
Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
</tr>
<tr>
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2" class="titulomenu">Explora y
Consulta</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="unidades.php">Material de Apoyo</a></td>
1316
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="consultanotas.php">Consulta de Notas</a></td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"
S
O
D
A
<td width="230" valign="middle" class="titulomenu">
Acciones
V
R
E
S
Especiales</td>
E
R
S
O
</tr>
H
C
E
R
<tr>
E
D
<td height="35" colspan="3" class="tabla"><a
class="titulomenu"> </td>
href="pprueba.php">Presentar Prueba de Unidad</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1317
else {
}
?>
<!--------------------//////// cerrando MENU ESTUDIANTE-->
S
O
D
VA
<!-----------------------------------------------------------------//////// MENU
R
SE
E
R
S
PROFESOR-->
<?php if
HO
C
E
(ObtenerNivelUsuario($_SESSION['MM_idUser'])
== 2) { // Show if
ER
D
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
<li><a href="datospersonales.php"><i class="iconuser"></i>Datos Personales</a></li>
1318
<li><a href="confcuenta.php"><i class="iconcog"></i>Configurar Cuenta</a></li>
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
O
H
C
E
</tr> ER
D
<tr>
<br /></td>
R
SE
E
R
S
</div>
S
O
D
VA
<td width="19" height="18" class="titulomenu"> </td>
<td height="18" colspan="2"
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="buscarestPROF.php">Consultar Estudiantes Inscritos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">
<a href="carganotass.php">Cargar Notas</a>
</td>
</tr>
1319
<tr>
<td height="35" colspan="3" class="tabla"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
S
O
D
VA
<td height="35" colspan="2" valign="middle"
R
SE
E
R
S
class="titulomenu"> </td>
O
<td width="230" valign="middle" class="titulomenu">
H
C
E
</tr> ER
D
<tr>
Acciones Especiales</td>
<td height="35" colspan="3" class="tabla"><a
href="listadoestudiantesp.php">Imprimir Lista de Alumnos</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla">Imprimir Notas
Cargadas</td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
</table>
<?php } // Show if recordset empty >
1320
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU PROFESOR-->
S
O
D
VA
R
SE
E
R
S
O
<!-----------------------------------------------------------------////////
H
C
E
ER
MENU ADMIN-->
D
<?php if
(ObtenerNivelUsuario($_SESSION['MM_idUser']) == 3) { // Show if
recordset empty ?>
<table width="250" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="17" colspan="3" class="titulomenu"><br />
<br />
<div class="container">
<div id="dd" class="wrapper-dropdown-5"
tabindex="1"><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']); ?>
<ul class="dropdown">
1321
<li><a href="cerrar.php"><i class="iconremove"></i>Cerrar Sesión</a></li>
</ul>
</div>
</div>
<br /></td>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td width="19"
ER height="18" class="titulomenu"> </td>
D
<td height="18" colspan="2"
</tr>
<tr>
class="titulomenu">Acciones</td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="estudiantes.php">Lista de Estudiantes Registrados</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="articulos.php">Agregar Artículo</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="videos.php">Agregar Video</a></td>
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="audiosunidades.php">Agregar Audio</a></td>
1322
</tr>
<tr>
<td height="35" colspan="3" class="tabla"><a
href="imagenes.php">Agregar Imagen</a></td>
</tr>
<tr>
<td height="35" colspan="3"> </td>
</tr>
R
SE
E
R
S
<tr>
O
S
O
D
VA
<td height="35" colspan="3"> </td>
H
C
E
</table>
DER
</tr>
<?php } // Show if recordset empty >
else {
}
?>
<!---------------------------------------------------------------//////// cerrando
MENU ADMIN-->
</td>
<td width="10" valign="middle"> </td>
<td width="677" valign="middle"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
1323
<td height="410"><!-- InstanceBeginEditable
name="EditRegion1" -->
<table width="97%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="6%" height="50" align="center" valign="middle"
bgcolor="#F2F2F2" class="titulomenu"><img
S
O
D
VA
src="../images/icons/comment_page_32.png" width="32" height="32"
/></td>
HO
C
E
R
<td
bgcolor="#F9F9F9"
Ewidth="92%"
D
class="titulomenu">Mensajes Importantes </td>
class="titulomenu"> </td>
R
SE
E
R
S
<td width="2%" bgcolor="#F9F9F9"
</tr>
<tr>
<td height="330" colspan="3" valign="top"><?php if
($totalRows_mensajes == 0) { // Show if recordset empty ?>
<span class="bienvenido2"><br />
No hay mensajes en la bandeja
<?php } // Show if recordset empty ?>
</span> <br />
<?php do { ?>
<?php if ($totalRows_mensajes > 0) { // Show if recordset
not empty ?>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="6%" height="50" rowspan="2"
align="center" valign="middle" bgcolor="#FF9900"><img
src="../images/icons/email_32.png" width="32" height="32" /></td>
1324
<td width="2%" rowspan="2"
bgcolor="#FFEED5"> </td>
<td width="92%" height="54" bgcolor="#FFEED5"
class="mensajes"><?php echo $row_mensajes['strMensaje']; ?></td>
</tr>
<tr>
<td bgcolor="#FF9900"
S
O
D
VA
class="mensajesfecha">Fecha:<?php echo $row_mensajes['strFecha'];
?></td>
R
SE
E
R
S
HO
C
E
R } // Show if recordset not empty ?>
E<?php
</tr>
</table>
D <?php } while ($row_mensajes =
mysql_fetch_assoc($mensajes)); ?></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- jQuery if needed -->
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></s
cript>
1325
<script
type="text/javascript">
function
DropDown(el) {
this.dd =
el;
S
O
H
EC
DER
S
O
D
A
this.initEvents();
V
R
E }
RES
DropDown.prototype = {
initEvents
: function() {
var
obj = this;
obj.dd.on('click',
function(event){
$(this).toggleClass('active'
);
event.stopPropagation();
});
}
}
1326
$(function() {
var dd =
new DropDown( $('#dd') );
$(document).click(functio
n() {
dropdowns
D
5').removeClass('active');
R
SE
E
R
S
O
H
C
E
ER
S
O
D
// all
VA
$('.wrapper-dropdown-
});
});
</script>
<script>
$(function() {
//Array para dar formato en español
$.datepicker.regional['es'] =
{
closeText: 'Cerrar',
prevText: 'Previo',
nextText: 'Próximo',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
1327
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
monthStatus: 'Ver otro mes', yearStatus: 'Ver otro año',
dayNames:
['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd/mm/yy', firstDay: 0,
R
SE
E
R
S
initStatus: 'Selecciona la fecha', isRTL: false};
S
O
D
VA
HO
C
E
//miDate: fecha
EdeRcomienzo D=días | M=mes | Y=año
D
//maxDate: fecha tope D=días | M=mes | Y=año
$.datepicker.setDefaults($.datepicker.regional['es']);
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
<!-- InstanceEnd --></html>
<?php
1328
mysql_free_result($mensajes);
?>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
1329
Procesarform.php
<?php require_once('../Connections/ccm.php'); ?>
<?php require_once('includes/funciones.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
S
O
D
VA
ER
S
E
R
$theValue = get_magic_quotes_gpc()
? stripslashes($theValue) :
S
O
H
C
$theValue;
E
R
DE
}
{
if (PHP_VERSION < 6) {
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
1330
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
O
H
C
E
ER
R
SE
E
R
S
}
S
O
D
VA
D
$varap_busqueda_periodoactual = "0";
if (isset($ape)) {
$varap_busqueda_periodoactual = $ape;
}
$vararea_busqueda_periodoactual = "0";
if (isset($aream)) {
$vararea_busqueda_periodoactual = $aream;
}
mysql_select_db($database_ccm, $ccm);
$query_periodoactual = "SELECT * FROM tblperiodo ORDER BY
tblperiodo.idPeriodo DESC";
$periodoactual = mysql_query($query_periodoactual, $ccm) or
die(mysql_error());
$row_periodoactual = mysql_fetch_assoc($periodoactual);
$totalRows_periodoactual = mysql_num_rows($periodoactual);
$maxRows_consultacola = 10;
$pageNum_consultacola = 0;
1331
if (isset($_GET['pageNum_consultacola'])) {
$pageNum_consultacola = $_GET['pageNum_consultacola'];
}
$startRow_consultacola = $pageNum_consultacola *
$maxRows_consultacola;
$varUsuar_consultacola = "0";
S
O
D
$varUsuar_consultacola = $_SESSION['MM_idUser']; VA
ER
S
}
E
R
S
$varPeri_consultacola = "0";
HO
C
E
if (isset($row_periodoactual['idPeriodo']))
{
ER
D
$varPeri_consultacola = $row_periodoactual['idPeriodo'];
if (isset($_SESSION['MM_idUser'])) {
}
mysql_select_db($database_ccm, $ccm);
$query_consultacola = sprintf("SELECT * FROM tblcola WHERE
tblcola.idUser=%s AND tblcola.idPeriodo=%s",
GetSQLValueString($varUsuar_consultacola,
"int"),GetSQLValueString($varPeri_consultacola, "int"));
$query_limit_consultacola = sprintf("%s LIMIT %d, %d",
$query_consultacola, $startRow_consultacola,
$maxRows_consultacola);
$consultacola = mysql_query($query_limit_consultacola, $ccm) or
die(mysql_error());
$row_consultacola = mysql_fetch_assoc($consultacola);
if (isset($_GET['totalRows_consultacola'])) {
$totalRows_consultacola = $_GET['totalRows_consultacola'];
} else {
$all_consultacola = mysql_query($query_consultacola);
1332
$totalRows_consultacola = mysql_num_rows($all_consultacola);
}
$totalPages_consultacola =
ceil($totalRows_consultacola/$maxRows_consultacola)-1;
mysql_select_db($database_ccm, $ccm);
$query_materiasfaltantes = sprintf("SELECT * FROM tblmaterias
S
O
D
VA
WHERE tblmaterias.idAreaM = %s OR tblmaterias.idAreaM = 1 ORDER
BY tblmaterias.idMateria ASC",
R
SE
E
R
S
HO
C
E
die(mysql_error());
ER
D
$row_materiasfaltantes = mysql_fetch_assoc($materiasfaltantes);
GetSQLValueString($varID_materiasfaltantes, "int"));
$materiasfaltantes = mysql_query($query_materiasfaltantes, $ccm) or
$totalRows_materiasfaltantes = mysql_num_rows($materiasfaltantes);
$varUser_datosuser = "0";
if (isset($_SESSION['MM_idUser'])) {
$varUser_datosuser = $_SESSION['MM_idUser'];
}
mysql_select_db($database_ccm, $ccm);
$query_datosuser = sprintf("SELECT * FROM tblusuario WHERE
tblusuario.idUsuario = %s", GetSQLValueString($varUser_datosuser,
"int"));
$datosuser = mysql_query($query_datosuser, $ccm) or
die(mysql_error());
$row_datosuser = mysql_fetch_assoc($datosuser);
$totalRows_datosuser = mysql_num_rows($datosuser);
mysql_select_db($database_ccm, $ccm);
1333
$query_materiaobligatoria = "SELECT * FROM tblmaterias WHERE
tblmaterias.idMateria = 1";
$materiaobligatoria = mysql_query($query_materiaobligatoria, $ccm) or
die(mysql_error());
$row_materiaobligatoria = mysql_fetch_assoc($materiaobligatoria);
$totalRows_materiaobligatoria = mysql_num_rows($materiaobligatoria);
$varCED_prop = "0";
if (isset($cedula)) {
S
O
D
VA
R
SE
E
R
S
HO
C
E
mysql_select_db($database_ccm,
$ccm);
ER
D
$query_prop = sprintf("SELECT * FROM tblnotas WHERE
$varCED_prop = $cedula;
}
tblnotas.CIUsuario = %s AND tblnotas.idMateria=1 AND tblnotas.strNota
AND tblnotas.strNota>9", GetSQLValueString($varCED_prop, "int"));
$prop = mysql_query($query_prop, $ccm) or die(mysql_error());
$row_prop = mysql_fetch_assoc($prop);
$totalRows_prop = mysql_num_rows($prop);
$varCEDU_Recordset1 = "0";
if (isset($cedula)) {
$varCEDU_Recordset1 = $cedula;
}
mysql_select_db($database_ccm, $ccm);
$query_Recordset1 = sprintf("SELECT * FROM tblnotas WHERE
tblnotas.CIUsuario=%s", GetSQLValueString($varCEDU_Recordset1,
"int"));
$Recordset1 = mysql_query($query_Recordset1, $ccm) or
die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
1334
$totalRows_Recordset1 = mysql_num_rows($Recordset1);
mysql_select_db($database_ccm, $ccm);
$query_busqueda = sprintf("SELECT * FROM tblusuario WHERE
tblusuario.CIUsuario = %s AND tblusuario.idAreaM = %s ORDER BY
tblusuario.CIUsuario ASC", GetSQLValueString($varap_busqueda,
S
O
D
$busqueda = mysql_query($query_busqueda, $ccm) orVA
ER
S
die(mysql_error());
E
R
S
$row_busqueda = mysql_fetch_assoc($busqueda);
HO
C
E
$totalRows_busqueda
DER = mysql_num_rows($busqueda);
"text"),GetSQLValueString($vararea_busqueda, "int"));
$varUser_codigos = "0";
if (isset($_SESSION['MM_idUser'])) {
$varUser_codigos = $_SESSION['MM_idUser'];
}
$varPer_codigos = "0";
if (isset($row_periodoactual['idPeriodo'])) {
$varPer_codigos = $row_periodoactual['idPeriodo'];
}
mysql_select_db($database_ccm, $ccm);
$query_codigos = sprintf("SELECT * FROM tblcod WHERE
tblcod.idUser = %s AND tblcod.idPeriodo=%s ORDER BY tblcod.idCod",
GetSQLValueString($varUser_codigos,
"int"),GetSQLValueString($varPer_codigos, "int"));
$codigos = mysql_query($query_codigos, $ccm) or die(mysql_error());
$row_codigos = mysql_fetch_assoc($codigos);
$totalRows_codigos = mysql_num_rows($codigos);
1335
mysql_select_db($database_ccm, $ccm);
$query_consultapactivo = "SELECT * FROM tblperiodo WHERE
tblperiodo.strActivo = 2";
$consultapactivo = mysql_query($query_consultapactivo, $ccm) or
die(mysql_error());
$row_consultapactivo = mysql_fetch_assoc($consultapactivo);
$totalRows_consultapactivo = mysql_num_rows($consultapactivo);
R
SE
E
R
S
if
HO
C
E
$varID_materiasfaltantes
ER = "0";
D
if (isset($idM)) {
S
O
D
VA
((ObtenerAMusicalID($_SESSION['MM_idUser'])==6)OR(ObtenerAMusica
lID($_SESSION['MM_idUser'])==7) ){
$varID_materiasfaltantes = $idM;
}
mysql_select_db($database_ccm, $ccm);
$query_materiasfaltantes = sprintf("SELECT * FROM tblmaterias
WHERE tblmaterias.idAreaM = %s ORDER BY tblmaterias.idMateria
ASC", GetSQLValueString($varID_materiasfaltantes, "int"));
$materiasfaltantes = mysql_query($query_materiasfaltantes, $ccm) or
die(mysql_error());
$row_materiasfaltantes = mysql_fetch_assoc($materiasfaltantes);
$totalRows_materiasfaltantes = mysql_num_rows($materiasfaltantes);
}
else {
1336
$varID_materiasfaltantes =
"0";
if (isset($idM)) {
$varID_materiasfaltantes = $idM;
}
}
?>
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
D
$cedulaa= $row_datosuser['CIUsuario'];
<?php
$areaM= $row_datosuser['idAreaM'];
$materia= $_POST["materia"];
$periodo= $row_periodoactual['idPeriodo'];
$nota="";
$usuario= $_SESSION['MM_idUser'];
?>
<?php
//se conecta a la base de datos
$conexion=
mysql_connect("localhost","cencamus","8cb0AbY44w");
//selecciono la base de datos
mysql_select_db("cencam
us_ccm",$conexion) or die("No se pudo realizar la conexión con la base
de datos!.");
1337
//pasamos las
variables
foreach($_POST["materia"
] as $materia => $value){
$query=
S
O
D
A
idPeriodo, strNota, iduser) VALUES (NULL, '{$cedulaa}',
$areaM,
V
R
E
'{$value}', $periodo, NULL, $usuario);";RES
S
O
H
C
E
R
DE
mysql_query($query,$con
"INSERT INTO tblnotas (idNota, CIUsuario, idAreaM, idMateria,
exion);
$insertGoTo =
"comprobante.php";
header(sprintf("Location:
%s", $insertGoTo));
}
?>
<?php
mysql_free_result($busqueda);
mysql_free_result($codigos);
mysql_free_result($consultapactivo);
1338
mysql_free_result($materiasfaltantes);
mysql_free_result($datosuser);
mysql_free_result($consultacola);
mysql_free_result($busquedapropedeutico);
O
H
C
E
ER
mysql_free_result($prop);
D
mysql_free_result($Recordset1);
R
SE
E
R
S
mysql_free_result($materiaobligatoria);
S
O
D
VA
mysql_free_result($periodoactual);
?>
1339
Prueba.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
S
O
D
VA
if (!function_exists("GetSQLValueString")) {
R
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
O
H
C
E
ER
{
D
if (PHP_VERSION < 6) {
SE
E
R
S
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
}
$theValue = function_exists("mysql_real_escape_string") ?
mysql_real_escape_string($theValue) :
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
1340
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
return $theValue;
}
}
O
H
C
E
ER
D
R
SE
E
R
S
}
S
O
D
VA
mysql_select_db($database_ccm, $ccm);
$query_estudiantes = "SELECT * FROM tblusuario WHERE
tblusuario.nivelUsuario = 1 ORDER BY tblusuario.strUser ASC";
$estudiantes = mysql_query($query_estudiantes, $ccm) or
die(mysql_error());
$row_estudiantes = mysql_fetch_assoc($estudiantes);
$totalRows_estudiantes = mysql_num_rows($estudiantes);
$varun_cpreguntas = "0";
if (isset($unidad)) {
$varun_cpreguntas = $unidad;
}
mysql_select_db($database_ccm, $ccm);
$query_cpreguntas = sprintf("SELECT * FROM tblpreguntas WHERE
tblpreguntas.idUnidad = %s ORDER BY RAND() LIMIT 20",
GetSQLValueString($varun_cpreguntas, "int"));
1341
$cpreguntas = mysql_query($query_cpreguntas, $ccm) or
die(mysql_error());
$row_cpreguntas = mysql_fetch_assoc($cpreguntas);
$totalRows_cpreguntas = mysql_num_rows($cpreguntas);
?>
<?php require_once('includes/funciones.php'); ?>
S
O
D
A
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
V
R
SE
<html xmlns="http://www.w3.org/1999/xhtml">
E
R
S
O
<head>
H
C
E
R
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859E
D
1" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<title>Prueba De Unidad</title>
<style type="text/css">
@font-face {
font-family: 'Museo Sans 500';
src: url('font/museosans_500.eot');
src: url('font/museosans_500.eot') format('embedded-opentype'),
url('font/museosans_500.woff') format('woff'),
url('font/museosans_500.ttf') format('truetype'),
url('font/museosans_500.svg#MuseoSans500') format('svg');
}
.encabez {
font-family: "Museo Sans
500";
1342
font-size: 13px;
color: #000;
}
.fecha {
font-family: "Museo Sans
500";
font-size: 12px;
S
O
D
VA
color: #000;
.tabla {
D
.prueba {
}
O
H
C
E
ER
R
SE
E
R
S
}
background-color: #FFF;
font-family: "Museo Sans
500";
font-size: 16px;
font-weight: bolder;
color: #242046;
}
.tabla:hover {
background-color:
#FFF7CD;
}
.contenido {
font-family: "Museo Sans
500";
font-size: 11px;
text-align: justify;
color: #000;
font-weight: bold;
1343
}
</style>
<style type="text/css" media="print">
@media print {
#apDiv1 {display:none;}
}
</style>
<style type="text/css">
ER absolute;
S
position:
E
SR
#apDiv1 {
O
H
C
E
ER
D
S
O
D
VA
width: 200px;
height: 100px;
z-index: 1;
text-align: left;
}
#apDiv2 {
position:absolute;
width:119px;
height:84px;
z-index:1;
left: 741px;
top: 143px;
}
.contenidoMAYUS {
font-family: "Museo Sans
500";
font-size: 11px;
color: #3FADC0;
font-weight: normal;
1344
text-transform:
uppercase;
}
.contenidoMAYUSNEGRO {
font-family: "Museo Sans
500";
font-size: 11px;
S
O
D
Anormal;
font-weight:
V
R
E
REStext-transform:
color: #666;
}
</style>
S
O
H
EC
DER
uppercase;
<script language="Javascript">
function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir presione Crtl+P.");
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"> </td>
</tr>
1345
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100" align="center" class="encabez"><img
src="Imagenes/listadoestudiantes.png" width="600" height="100"
/></td>
</tr>
S
O
D
A
<table width="100%" border="0" cellspacing="0" cellpadding="0">
V
R
SE
<tr>
E
R
Svalign="top"><br />
O
<td height="206" align="center"
H
C
E
R
<br />
DE
</table>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="92%" height="73" class="encabez"><table
width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77%" height="3" align="center" bgcolor="#F7FCFD"
class="contenido"><?php echo $d; ?> de <?php echo $mes[$m]; ?> de
<?php echo $y; ?></td>
<td width="23%" align="center" bgcolor="#F7FCFD"
class="contenido"><img src="../images/design/list-style-point3.png"
width="9" height="9" /> <span
class="contenidoMAYUS"><strong><?php echo
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']);
?></strong></span></td>
</tr>
<tr>
1346
<td height="3" colspan="2" align="center" bgcolor="#E6F4F7"
class="contenido"><img src="../images/design/bodyTop-960.png"
width="800" height="7" /></td>
</tr>
<tr>
<td height="7" colspan="2" align="center" bgcolor="#F4F3F3"
class="prueba">PRUEBA DE UNIDAD</td>
</tr>
<tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
R
<spanE
class="contenidotemasazul">UNIDAD
1. CONCEPTOS
D
BÁSICOS DE LA MÚSICA</span>
<td height="7" colspan="2" align="center"
bgcolor="#84CCD9"><?php if($unidad==1){ ?>
<?php }
else {
}
?>
<?php if($unidad==2){ ?>
<span class="contenidotemasazul">UNIDAD 2. SOLFEO Y
PRINCIPIOS BÁSICOS DE LA TEORÍA MUSICAL</span>
<?php }
else {
}
?>
1347
<?php if($unidad==3){ ?>
<span class="contenidotemasazul">UNIDAD 3.
ESCALAS</span>
<?php }
else {
S
O
D
VA
R
SE
E
R
S
HO
C
E
R
<spanE
class="contenidotemasazul">UNIDAD
4.
D
INTERVALOS</span>
<?php if($unidad==4){ ?>
}
?>
<?php }
else {
}
?></td>
</tr>
<tr>
<td height="151" colspan="2" align="center" valign="top"
bgcolor="#F4F3F3"><br />
<?php if ($totalRows_cpreguntas == 0) { // Show if recordset
empty ?>
NO HAY PRUEBAS PARA ESTA UNIDAD HASTA AHORA.
INTENTE LUEGO
<?php } // Show if recordset empty ?>
1348
<br />
<?php if ($totalRows_cpreguntas > 0) { // Show if recordset not
empty ?>
<table width="80%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="contenidoMAYUS"><strong>Responde las
S
O
D
VA
preguntas cuidadosamente. Selección Simple:</strong></td>
R
</tr>
SE
E
R
S
HO
C
E
<form
ERaction="capturandores.php?ID=<?php echo $unidad
D
?>" method="post">
<tr>
<td><p> </p>
<?php do { ?>
<br />
<table width="100%" border="0" cellpadding="0"
cellspacing="0" class="tabla">
<tr>
<td colspan="2" align="center"
bgcolor="#FFFF99"><?php
$contador;
if ($contador== 0) {
$contador= 1 ;
}
else {
$contador = $contador
+1;
}
?>
1349
<?php echo $contador; ?></td>
</tr>
<tr>
<td height="41" colspan="2" align="center"
valign="middle"><strong><?php echo $row_cpreguntas['strPregunta'];
?></strong></td>
</tr>
<tr>
HO
C
E
$pregunta=$row_cpreguntas['idPregunta'];
DER
<?php
R
SE
E
R
S
<!-- ///////////////////////Respuesta 1-->
S
O
D
VA
$varpre_respuestas = "0";
if (isset($pregunta)) {
$varpre_respuestas = $pregunta;
}
mysql_select_db($database_ccm, $ccm);
$query_respuestas = sprintf("SELECT * FROM tblrespuestas WHERE
tblrespuestas.idPregunta = %s ORDER BY tblrespuestas.idRespuesta
ASC LIMIT 1", GetSQLValueString($varpre_respuestas, "int"));
$respuestas = mysql_query($query_respuestas, $ccm) or
die(mysql_error());
$row_respuestas = mysql_fetch_assoc($respuestas);
$totalRows_respuestas = mysql_num_rows($respuestas);?>
<!--
//////////////////////RESPUESTA 2 -->
<?php
$pregunta=$row_cpreguntas['idPregunta'];
1350
$varpre_respuestas2 = "0";
if (isset($pregunta)) {
$varpre_respuestas2 = $pregunta;
}
mysql_select_db($database_ccm, $ccm);
S
O
D
A
tblrespuestas.idPregunta = %s ORDER BY tblrespuestas.idRespuesta
V
R
SE
ASC LIMIT 1, 1", GetSQLValueString($varpre_respuestas2,
"int"));
E
R
S
$respuestas2 = mysql_query($query_respuestas2,
$ccm) or
HO
C
E
die(mysql_error());
DER
$query_respuestas2 = sprintf("SELECT * FROM tblrespuestas WHERE
$row_respuestas2 = mysql_fetch_assoc($respuestas2);
$totalRows_respuestas2 = mysql_num_rows($respuestas2);?>
<!-- ///////////////////////Respuesta 3-->
<?php
$pregunta=$row_cpreguntas['idPregunta'];
$varpre_respuestas3 = "0";
if (isset($pregunta)) {
$varpre_respuestas3 = $pregunta;
}
mysql_select_db($database_ccm, $ccm);
$query_respuestas3 = sprintf("SELECT * FROM tblrespuestas WHERE
tblrespuestas.idPregunta = %s ORDER BY tblrespuestas.idRespuesta
DESC LIMIT 1", GetSQLValueString($varpre_respuestas3, "int"));
$respuestas3 = mysql_query($query_respuestas3, $ccm) or
die(mysql_error());
1351
$row_respuestas3 = mysql_fetch_assoc($respuestas3);
$totalRows_respuestas3 = mysql_num_rows($respuestas3);?>
<td width="21%" align="right"
bgcolor="#EFF9FA"><input type="radio" name="<?php echo
$contador; ?>" id="respuesta[<?php echo $contador; ?>]"
S
O
D
VA
value="<?php echo $row_respuestas['idRespuesta']; ?>" required/>
R
SE
E
R
S
<label for="r1"></label></td>
HO
C
E
R
$row_respuestas['idRespuesta'];
?>--></td>
DE</tr>
<td width="79%" bgcolor="#EFF9FA"><?php echo
$row_respuestas['strRespuesta']; ?><!-- |<?php echo
<tr>
<td align="right" bgcolor="#DAF0F3"><input
type="radio" name="<?php echo $contador; ?>" id="respuesta[<?php
echo $contador; ?>]" value="<?php echo
$row_respuestas2['idRespuesta']; ?>" /></td>
<td bgcolor="#DAF0F3"><?php echo
$row_respuestas2['strRespuesta']; ?> <!--|<?php echo
$row_respuestas2['idRespuesta']; ?>--></td>
</tr>
<tr>
<td align="right" bgcolor="#EFF9FA"><input
type="radio" name="<?php echo $contador; ?>" id="respuesta[<?php
echo $contador; ?>]" value="<?php echo
$row_respuestas3['idRespuesta']; ?>" /></td>
<td bgcolor="#EFF9FA"><?php echo
$row_respuestas3['strRespuesta']; ?><!--|<?php echo
$row_respuestas3['idRespuesta']; ?>--></td>
1352
</tr>
</table>
<?php } while ($row_cpreguntas =
mysql_fetch_assoc($cpreguntas)); ?>
<br />
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
R
SE
E
R
S
<td height="51" align="center"
O
S
O
D
VA
bgcolor="#FFFFFF"><input type="submit" name="button" id="button"
H
C
E
R
E</tr>
value="Enviar" /></td>
D
<tr>
<td height="22" align="center" bgcolor="#FFFFE1"
class="contenidoMAYUS"><p
class="contenidoMAYUSNEGRO"><strong>CADA RESPUESTA
ACERTADA TENDRÁ UN VALOR DE 1 PUNTO<br />
PARA APROBAR LA PRUEBA SE DEBERÁ
OBTENER UNA PUNTUACIÓN MAYOR O IGUAL A
15PTS.</strong></p></td>
</tr>
</table>
</form>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
<?php } // Show if recordset not empty ?></td>
</tr>
1353
<tr>
<td height="13" colspan="2" align="center"><img
src="../images/design/nav-shadow-480.png" width="800" height="10"
/></td>
</tr>
</table></td>
</tr>
<tr>
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
<td height="33" class="contenido"> </td>
D
</table></td>
</tr>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><img src="Imagenes/footerimp.png" width="600"
height="34" /></td>
</tr>
</table>
</body>
</html>
<?php
mysql_free_result($estudiantes);
mysql_free_result($areamusical);
mysql_free_result($areaselect);
1354
mysql_free_result($cpreguntas);
mysql_free_result($respuestas);
mysql_free_result($respuestas3);
mysql_free_result($respuestas2);
R
SE
E
R
S
HO
C
E
mysql_free_result($periodos);
ER
D
?>
mysql_free_result($materias);
S
O
D
VA
1355
Registrarnotas.php
<?php require_once('../Connections/ccm.php'); ?>
<?php
$unidad= $_GET['ID'];
$now = date('Y-d-m H:i:s');
S
O
D
VA
$fecha= time();
$date = date ( "Y:n:j:g:i:s" , $fecha );
$y = date("Y"); // Year (2003)
O
H
C
E
ER
$m = date("n"); // Month (12)
D
$d = date("d"); // day (14)
R
SE
E
R
S
/* Definición de los meses del año en castellano */
$mes[0]="-";
$mes[1]="enero";
$mes[2]="febrero";
$mes[3]="marzo";
$mes[4]="abril";
$mes[5]="mayo";
$mes[6]="junio";
$mes[7]="julio";
$mes[8]="agosto";
$mes[9]="septiembre";
$mes[10]="octubre";
$mes[11]="noviembre";
$mes[12]="diciembre";
?>
1356
<?php
$respuesta1= $_POST["1"];
$respuesta2= $_POST["2"];
$respuesta3= $_POST["3"];
$respuesta4= $_POST["4"];
$respuesta5= $_POST["5"];
HO
C
E
R
$respuesta9=E
$_POST["9"];
D
$respuesta10= $_POST["10"];
$respuesta7= $_POST["7"];
$respuesta8= $_POST["8"];
R
SE
E
R
S
/*$respuesta6= $_POST["6"];
S
O
D
VA
$respuesta11= $_POST["11"];
$respuesta12= $_POST["12"];
$respuesta13= $_POST["13"];
$respuesta14= $_POST["14"];
$respuesta15= $_POST["15"];
$respuesta16= $_POST["16"];
$respuesta17= $_POST["17"];
$respuesta18= $_POST["18"];
$respuesta19= $_POST["19"];
$respuesta20= $_POST["20"];*/
?>
<?php
1357
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue =
"", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
S
O
D
VA
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) :
$theValue;
R
SE
E
R
S
HO
C
E
R
$theValue = E
function_exists("mysql_real_escape_string")
?
D
mysql_real_escape_string($theValue) :
}
mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
1358
$theValue = ($theValue != "") ? $theDefinedValue :
$theNotDefinedValue;
break;
}
return $theValue;
}
}
S
O
D
VA
R
SE
E
R
S
HO
C
E
idunidad) VALUES
ER(%s, %s, %s)",
DGetSQLValueString($_POST['strnota'],
"text"),
$insertSQL = sprintf("INSERT INTO tblcalificacion (strnota, iduser,
GetSQLValueString($_POST['iduser'], "text"),
GetSQLValueString($_POST['idunidad'], "text"));
mysql_select_db($database_ccm, $ccm);
$Result1 = mysql_query($insertSQL, $ccm) or die(mysql_error());
mysql_select_db($database_ccm, $ccm);
1359
$query_estudiantes = "SELECT * FROM tblusuario WHERE
tblusuario.nivelUsuario = 1 ORDER BY tblusuario.strUser ASC";
$estudiantes = mysql_query($query_estudiantes, $ccm) or
die(mysql_error());
$row_estudiantes = mysql_fetch_assoc($estudiantes);
$totalRows_estudiantes = mysql_num_rows($estudiantes);
S
O
D
A
$query_areamusical = "SELECT * FROM tblareamusicalV
WHERE
R
SE
tblareamusical.idAreaM > 1 ORDER BYR
tblareamusical.idAreaM
DESC";
E
S
$areamusical = mysql_query($query_areamusical,
$ccm) or
HO
C
E
die(mysql_error());
ER
D
$row_areamusical = mysql_fetch_assoc($areamusical);
mysql_select_db($database_ccm, $ccm);
$totalRows_areamusical = mysql_num_rows($areamusical);
$varaream_materias = "0";
if (isset($area)) {
$varaream_materias = $area;
}
mysql_select_db($database_ccm, $ccm);
$query_materias = sprintf("SELECT * FROM tblmaterias WHERE
tblmaterias.idAreaM = %s", GetSQLValueString($varaream_materias,
"int"));
$materias = mysql_query($query_materias, $ccm) or die(mysql_error());
$row_materias = mysql_fetch_assoc($materias);
$totalRows_materias = mysql_num_rows($materias);
mysql_select_db($database_ccm, $ccm);
1360
$query_periodos = "SELECT * FROM tblperiodo ORDER BY
tblperiodo.idPeriodo DESC";
$periodos = mysql_query($query_periodos, $ccm) or die(mysql_error());
$row_periodos = mysql_fetch_assoc($periodos);
$totalRows_periodos = mysql_num_rows($periodos);
$vararea_areaselect = "0";
if (isset($areamusical)) {
HO
C
E
if (isset($periodo))
ER{
D
$varperiodo_areaselect = $periodo;
}
$varperiodo_areaselect = "0";
R
SE
E
R
S
$vararea_areaselect = $areamusical;
S
O
D
VA
}
$varmat_areaselect = "0";
if (isset($mat)) {
$varmat_areaselect = $mat;
}
mysql_select_db($database_ccm, $ccm);
$query_areaselect = sprintf("SELECT * FROM tblnotas WHERE
tblnotas.idMateria= %s AND tblnotas.idAreaM=%s AND
tblnotas.idPeriodo=%s", GetSQLValueString($varmat_areaselect,
"int"),GetSQLValueString($vararea_areaselect,
"int"),GetSQLValueString($varperiodo_areaselect, "int"));
$areaselect = mysql_query($query_areaselect, $ccm) or
die(mysql_error());
$row_areaselect = mysql_fetch_assoc($areaselect);
$totalRows_areaselect = mysql_num_rows($areaselect);
mysql_select_db($database_ccm, $ccm);
1361
$query_cpreguntas = "SELECT * FROM tblpreguntas WHERE
tblpreguntas.idUnidad = 1 ORDER BY RAND() LIMIT 5";
$cpreguntas = mysql_query($query_cpreguntas, $ccm) or
die(mysql_error());
$row_cpreguntas = mysql_fetch_assoc($cpreguntas);
$totalRows_cpreguntas = mysql_num_rows($cpreguntas);
?>
R
SE
E
R
S
<?php require_once('includes/funciones.php'); ?>
HO
C
E
<html xmlns="http://www.w3.org/1999/xhtml">
ER
D
<head>
S
O
D
VA
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />
<title>Prueba De Unidad</title>
<style type="text/css">
@font-face {
font-family: 'Museo Sans 500';
src: url('font/museosans_500.eot');
src: url('font/museosans_500.eot') format('embedded-opentype'),
url('font/museosans_500.woff') format('woff'),
url('font/museosans_500.ttf') format('truetype'),
url('font/museosans_500.svg#MuseoSans500') format('svg');
}
.encabez {
1362
font-family: "Museo Sans
500";
font-size: 13px;
color: #000;
}
.fecha {
font-family: "Museo Sans
500";
}
.tabla {
DER
S
O
H
EC
S
O
D
A
font-size:V
12px;
R
E
REScolor: #000;
background-color: #FFF;
}
.prueba {
font-family: "Museo Sans
500";
font-size: 16px;
font-weight: bolder;
color: #242046;
}
.tabla:hover {
background-color:
#FFF7CD;
}
.contenido {
font-family: "Museo Sans
500";
font-size: 11px;
text-align: justify;
1363
color: #000;
font-weight: bold;
}
</style>
<style type="text/css" media="print">
@media print {
#apDiv1 {display:none;}
}
<style type="text/css">
#apDiv1 {
O
H
C
E
ER
D
R
SE
E
R
S
</style>
S
O
D
VA
position: absolute;
width: 200px;
height: 100px;
z-index: 1;
text-align: left;
}
#apDiv2 {
position:absolute;
width:119px;
height:84px;
z-index:1;
left: 741px;
top: 143px;
}
.contenidoMAYUS {
font-family: "Museo Sans
500";
font-size: 11px;
color: #3FADC0;
1364
font-weight: normal;
text-transform:
uppercase;
}
.puntos {
font-family: "Museo Sans
500";
S
O
D
Abolder;
font-weight:
V
R
E
REScolor: #242046;
font-size: 24px;
}
S
O
H
EC
DER
.textomensaje {
font-family: "Museo Sans
500";
font-size: 14px;
font-weight: bolder;
color: #FFF;
}
</style>
<script language="Javascript">
function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir presione Crtl+P.");
}
</script>
</head>
1365
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"> </td>
</tr>
</table>
S
O
D
VA
<table width="100%" border="0" cellspacing="0" cellpadding="0">
R
SE
E
R
S
<tr>
O
<td height="100" align="center" class="encabez"><img
H
C
E
ER
src="Imagenes/listadoestudiantes.png" width="600" height="100"
D
/></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="206" align="center" valign="top"><br />
<br />
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="92%" height="73" class="encabez"><table
width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77%" height="3" align="center" bgcolor="#F7FCFD"
class="contenido"><?php echo $d; ?> de <?php echo $mes[$m]; ?> de
<?php echo $y; ?></td>
<td width="23%" align="center" bgcolor="#F7FCFD"
class="contenido"><strong><img src="../images/design/list-stylepoint3.png" width="9" height="9" /> <span
class="contenidoMAYUS"><?php echo
1366
ObtenerNombreUser($_SESSION['MM_idUser']); ?> <?php echo
ObtenerApellidoUser($_SESSION['MM_idUser']);
?></span></strong></td>
</tr>
<tr>
<td height="3" colspan="2" align="center" bgcolor="#E6F4F7"
class="contenido"><img src="../images/design/bodyTop-960.png"
width="800" height="7" /></td>
</tr>
R
SE
E
R
S
HO
C
E
class="prueba">PRUEBA
ER DE UNIDAD</td>
D
</tr>
<tr>
S
O
D
VA
<td height="7" colspan="2" align="center" bgcolor="#F4F3F3"
<tr>
<td height="7" colspan="2" align="center"
bgcolor="#84CCD9"><?php if($unidad==1){ ?>
<span class="contenidotemasazul">UNIDAD 1. CONCEPTOS
BÁSICOS DE LA MÚSICA</span>
<?php }
else {
}
?>
<?php if($unidad==2){ ?>
<span class="contenidotemasazul">UNIDAD 2. SOLFEO Y
PRINCIPIOS BÁSICOS DE LA TEORÍA MUSICAL</span>
<?php }
1367
else {
}
?>
<?php if($unidad==3){ ?>
S
O
D
VA
<span class="contenidotemasazul">UNIDAD 3.
<?php }
O
H
C
E
ER
D
R
SE
E
R
S
ESCALAS</span>
else {
}
?>
<?php if($unidad==4){ ?>
<span class="contenidotemasazul">UNIDAD 4.
INTERVALOS</span>
<?php }
else {
}
?></td>
</tr>
<tr>
<td height="151" colspan="2" align="center" valign="top"
bgcolor="#F4F3F3"><br />
1368
<table width="80%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="contenidoMAYUS"><strong>NOTAS
CARGADAS</strong></td>
</tr>
<tr>
<td>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<td height="23"
ERalign="center" bgcolor="#FFFFFF">NOTAS
D
CARGADAS EXITOSAMENTE<br /></td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
<tr>
<td height="24" align="center" bgcolor="#FF9900"><form id="form1"
name="form1" method="post" action="close.php">
<input type="submit" name="button" id="button"
value="CONTINUAR | CERRAR" onclick="window.close()" />
</form></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="13" colspan="2" align="center"><img
src="../images/design/nav-shadow-480.png" width="800" height="10"
/></td>
</tr>
1369
</table></td>
</tr>
<tr>
<td height="33" class="contenido"> </td>
</tr>
</table></td>
</tr>
S
O
D
VA
R
SE
E
R
S
HO
C
E
<table width="100%"
ER border="0" cellspacing="0" cellpadding="0">
D
<tr>
</table>
<td align="center"><img src="Imagenes/footerimp.png" width="600"
height="34" /></td>
</tr>
</table>
</body>
</html>
<?php
mysql_free_result($estudiantes);
mysql_free_result($areamusical);
mysql_free_result($areaselect);
mysql_free_result($cpreguntas);
mysql_free_result($respuestas);
1370
mysql_free_result($respuestas3);
mysql_free_result($respuestas2);
mysql_free_result($materias);
mysql_free_result($periodos);
?>
D
R
SE
E
R
S
O
H
C
E
ER
S
O
D
VA
1371
Ccm.php
<?php if (!isset($_SESSION)) {
session_start();
}
# FileName="Connection_php_mysql.htm"
S
O
D
VA
# Type="MYSQL"
# HTTP="true"
R
SE
E
R
$database_ccm = "musicwor_ccm";
S
O
H
C
$username_ccm = "musicwor";
E
R
DE = "K2b1t98Wie";
$password_ccm
$hostname_ccm = "localhost";
$ccm = mysql_pconnect($hostname_ccm, $username_ccm,
$password_ccm) or trigger_error(mysql_error(),E_USER_ERROR);
?>
1372