Los marcos son instrumentos que forman ya
parte habitual del web y que los navegadores gestionan hoy día a la
perfección. Los detractores de los marcos afirman la inutilidad de
subdividir ulteriormente las páginas web, las cuales, en última
instancia, pueden resultar poco legibles. Otros, como yo, consideran que
los marcos pueden llegar a ser muy útiles ya que se evita cargar las
mismas imágenes y se mantienen ordenados el contenido estructura
del sitio.
Para crear una página dividida en marcos, es
necesario crear varios archivos HTML referidos a un archivo principal,
que es el que permite su gestión. Así pues, antes de nada hace falta
impostar este archivo "fuente", y, posteriormente, los demás archivos
que componen el marco.
Imaginemos
que debemos crear una ventana dividida en marcos como la de la figura,
con un marco en la parte superior fijo (en el cual cargaremos el archivo
"top.htm", que deberemos crear aparte) y un marco central (en el cual
cargaremos el archivo "central.htm", que deberemos, asimismo, crear
aparte) que cambiará según cual sea la página que deba mostrar. Como
hemos señalado antes, la gestión de estos dos marcos correrá a cargo de
un tercer archivo, el cual deberá invocarlos asignándoles una parte de
la página. He aquí el código de esta página:
Como podemos ver, el código del marco está encerrado entre las marcas
<FRAMESET></FRAMESET> que se comportan como las marcas
usuales <HTML></HTML>.
El tamaño de los marcos, o mejor dicho, el espacio que cada uno de ellos
debe ocupar en la página, queda establecido mediante la marca rows="80,*,
que significa que el marco alto (que en este caso es una fila, "row")
debe tener 80 píxel, mientras que "*" significa que todo el resto debe
asignarse al marco central. Asimismo, habríamos podido expresar el
tamaño de los marcos en tantos por ciento de esta manera:
<FRAMESET rows="20%,*">
Una vez impostados los dos parámetros <FRAMESET></FRAMESET>,
dentro de ellos se definen los nombres y los archivos que deberán
invocarse en los dos marcos creados. Es necesario dar un nombre al marco
(name="alto") e indicar el archivo HTML que deberá cargarse dentro del
marco (SRC="top.htm"). Deben, por tanto, crearse previamente dos
archivos de nombre "top.htm" y "central.htm".
Fíjate bien en lo importante que es la colocación dentro del código para
una correcta interpretación por parte del navegador. Así, si se
invirtiera el orden de esta manera:
Es posible adoptar simultáneamente una división tanto en columnas como
en filas, de manera que se cree una ventana dividida en varios marcos.
Veamos cómo debemos intervenir en el código HTML del documento según el
número y la posición de los marcos que queremos crear.
La apelicula "Entre Maestros " nos da a conocer un sueño que tiene Carlos Gonzales un profesor de secundaria que desea enseñar a sus alumnos a sacar lo que llevan dentro y prepararles para la vida con el objetivo de que descubran que todo el mundo lleva sabiduria dentro, esto lo va a realizar en 12 dias.
El afán de
Carlos es que su experiencia sirva para ayudar
a otros maestros a replantearse los métodos de enseñanza. “Lo que yo he
hecho en doce días en el documental es una propuesta para que los maestros la
apliquen a lo largo de un curso, con el ritmo y la idiosincrasia que cada uno
tenga”, comenta el docente, que ahora imparte formación a profesores para
implicarles en su método.
Como él
mismo explica, en Entre maestros encarna al profesor que había imaginado y que
no había podido desplegar al cien por cien en sus clases. Ante él, once chicos
adolescentes, rebeldes y con la etiqueta de fracaso escolar a las espaldas,
experimentan doce días bastante heterodoxos en un aula donde se alternan la
provocación y el desconcierto. El
ejercicio es interesante para estudiantes y profesores, pero también para
espectadores ajenos al ámbito educativo.
La
cinta retrata 12 días de clase reales que tuvieron lugar en el mes de
julio de 2012 en Barcelona. El profesor es Carlos González, un docente y
formador con 24 años de experiencia enseñando matemáticas y físicas.
Los alumnos, 11 chicos y chicas de entre 16 y 18 años, no se conocían
entre sí y se seleccionaron en un casting. "Buscamos lo más
representativo de una clase", explica el director y productor del
documental Pablo Usón. "El rebelde, el pasota, el simpático..". Pero una
vez establecidos los roles, el profesor hace todo lo posible por
provocar a los alumnos para que se salgan de ellos y por "fomentar su
autoconocimiento". La forma: hablando, hablando todos mucho. Del
concepto de que "todos son maestros" y de que todos aprendemos de todos
surge el título del documental.
La idea, cuenta Usón, surgió cuando leyó un libro publicado por Carlos González
en el que el profesor se imagina a su clase ideal, una en la que no
tuviera que seguir las normas educativas vigentes. Tras leerlo, el
director y productor le propuso al profesor crear esa clase real y
grabarla. "Todo lo que recibimos sobre educación es negativo, hay un
consenso entre padres, profesores, alumnos, de que el sistema no
funciona. Carlos y otros como él proponen cosas. No hace falta romper el
sistema, cada profesor dentro de su clase puede olvidarse de corazas y
hacer lo que le parezca", dice, convencido de que otra educación es
posible y de que no se trata solo de una cuestión de dinero.
Durante
la hora y veinticinco minutos de duración de "Entre maestros" se asiste
a la evolución de los alumnos, desde el desconcierto inicial ("este tío
está como una cabra", dicen del profesor cuando les saluda el primer
día con un "buenas noches") hasta los momentos tremendamente emotivos
del final del documental, cuando el grupo se encuentra mucho más unido.
Con un presupuesto de 300.000 euros, la película ha sido producida por Alea,
que también ha realizado películas como "The Pelayos" o la teleserie
"23-F: El día más difícil del Rey". Descartada la distribución
tradicional en cines (solo se va a estrenar en los Girona de Barcelona),
Usón apuesta por internet. Primero en el estreno a través de Filmin;
depués, promete que las 50 horas reales de material que grabaron serán
puestas en la red para los interesados en estudiar el experimento
educativo íntegro puedan hacerlo.
¿Funcionó? "Todos dicen que
aprendieron y los padres los notan cambiados".
Adobe Muse,
una aplicación exclusiva del Adobe Creative Cloud que permite crear sitios y
páginas web en HTML de forma rápida, sin programación y con una integración
excelente con el resto de herramientas Adobe. La primera vez que abres
Muse tienes la impresión que estás diseñando páginas web con InDesign, fácil e
intuitivo.
Muse va creciendo versión tras versión, galerías de widgets, tipografía web con Adobe Typekit, y muy destacable, lo servicios de Business Catalyst (integrado dentro del propio Muse),
puedes subir sobre la marcha tu sitio web para probarlo online. Entre las
últimas novedades disponemos de la capacidad de crear sitios web multidispositivo, bien, pues basta con subir las
páginas a Business Catalyst y al instante podemos ver las páginas en
nuestro smartphone o tablet, el servidor se encargará de enviar la página
apropiada para cada dispositivo.
No hace falta que enumere las muchas ventajas o características que provee
Adobe Muse las podéis ver con todo detalle en esta página. Y como no lo mejor esdescargarlo
y probarlo. Visitar la página http://muse.adobe.com/,
la propia página es un excelente ejemplo de las posibilidades con Muse y las
últimas incorporaciones.
Lo más nuevo, la página ADD-ONS dentro
del Creative Cloud, con todo tipo de objetos, menús, imágenes, plantillas para
añadir a vuestro sitio web, es lo que llamamos Widgets.
Siempre es una buena referencia buscar diseños y sitios web de creativos que ya
están trabajando con Muse, nos dará una visión sobre como el ingenio y las
ideas creativas dan mucho juego cuando se aplican sin barreras. En la página de
Adobe podéis ver algunas muestras.
No obstante me ha parecido buena idea recopilar algunos
trabajos locales.Algunos
son ya páginas web funcionales, otros son pilotos para clientes. Algunos son
integramente creados con Muse y otros combinan también Edge Animator.
Hoy os queremos presentar algunas de las nuevas funciones que podemos
disfrutar con Adobe Muse, con
el podremos crear sitios webs sin necesidad de escribir código. Planificar,
diseñar y publicar páginas HTML originales será igual de fácil que realizar un
diseño para impresión.
Planificación
del sitio web:
Adobe Muse,
planificar el trabajo resulta rápido e intuitivo gracias a la facilidad de uso
de mapas de sitio, páginas maestras y elementos básicos de diseño aplicados
automáticamente.
•Mapas del sitio: Podremos
organizar las páginas con un mapa del sitio fácil de usar que nos permitirá
definir y modificar rápidamente la estructura del sitio.
•Páginas maestras: Gracias
a ellas podremos definir y controlar los elementos comunes a varias páginas,
como encabezados, pies de página, logotipos y navegación, solo agregándolos al
diseño de las páginas maestras.
Libertad para poder diseñar:
Podremos dejar volar nuestra imaginación y creatividad mediante la
combinación de imágenes, gráficos, tipografías gracias al poder de los estilos,
la edición bidireccional y maás funciones.
•Edición bidireccional:
Podremos editar imágenes con Photoshop
o Fireworks
mediante la función Editar original.
•Optimización
de imágenes: Lograrás un aspecto fantástico en tus imágenes
y estas no sufrirán problemas de carga en la web.
•Nuevas guías:Al igual
que en otros programas de Adobe, podremos
arrastrar guías desde las reglas horizontales y verticales.
Adición
de interactividad sofisticada:
Conseguiremos sitios más atractivos, con presentaciones de diapositivas,
cajas de iluminación y formularios de contacto interactivos. Podremos disponer
de un contenido organizado con navegación, pestañas y acordeones
personalizados. Posibilidad de incrustar HTML arbitrario y de añadir botones
de redes sociales, todo ello desde el panel de la biblioteca de widgets de
Adobe Muse.
•Html incrustado:
Podremos añadir mapas de Google, vídeos de YouTube, feeds de Facebook y
mucho más simplemente copiando el código fuente y pegándolo en el lienzo de Adobe Muse.
Imaginemos
que debemos crear una ventana dividida en marcos como la de la figura,
con un marco en la parte superior fijo (en el cual cargaremos el archivo
"top.htm", que deberemos crear aparte) y un marco central (en el cual
cargaremos el archivo "central.htm", que deberemos, asimismo, crear
aparte) que cambiará según cual sea la página que deba mostrar. Como
hemos señalado antes, la gestión de estos dos marcos correrá a cargo de
un tercer archivo, el cual deberá invocarlos asignándoles una parte de
la página. He aquí el código de esta página:
Para crear dos marcos verticales basta sustituir el término "rows" (filas) con el término "cols" (columnas):
