Los marcos HTML -o frames- son regiones o áreas definidas especialmente en una página HTML, que muestran contenidos de forma independiente.
Cada marco de una página equivale a un único documento HTML
Una estructura clásica de página con marcos es un documento que mantiene:
una parte fija -conteniendo, por ejemplo, un menú de opciones- y
una, o más, partes variable: donde se van mostrando distintos contenidos (según lo seleccionado, por ejemplo- en el menú de opciones)
Una estructura de marcos consta de dos componentes principales:
la definición del conjunto de marcos y
los marcos individuales.
Lo que el usuario percibe como una sola página web con tres marcos, enrealidad está formado por cuatro archivos independientes:
tres archivos que albergan el contenido que aparece dentro de los marcos.
el archivo de conjunto de marcos -que define la estructura de la serie de tres marcos del documento- y
(como el de estos apuntes: el de arriba con el título del tutorial, el de la izquierda con el nombre del autor y éste que estamos leyendo que es basicamente el que va cambiando)
El conjunto de marcos se conoce como marco padre, mientras que un solo marco se conoce como marco hijo.
Esto determina la existencia de varios documentos HTML por cada página que contenga "frames" o marcos.
tres archivos que albergan el contenido que aparece dentro de los marcos.
el archivo de conjunto de marcos -que define la estructura de la serie de tres marcos del documento- y
(como el de estos apuntes: el de arriba con el título del tutorial, el de la izquierda con el nombre del autor y éste que estamos leyendo que es basicamente el que va cambiando)
El conjunto de marcos se conoce como marco padre, mientras que un solo marco se conoce como marco hijo.
Esto determina la existencia de varios documentos HTML por cada página que contenga "frames" o marcos
UNA ESTRUCTURA DE MARCOS
Para diseñar una página web dividida en frames, conviene :
Tener preparadas las páginas de contenido que se van a mostrar en cada uno de ellos, antes de comenzar a crearlos.
Tener a mano:
la Paleta de Objetos/marcos,
el Inspector de Propiedades y
el Inspector deMarcos.
tener activado mostrar los bordes de los marcos en la opción Menú Ver > Bordesde Marco
Dreamweaver añade un espacio alrededor del documento y muestra todos los bordes; eso facilita las operaciones de arrastar y seleccionar marcos.
Existen varias formas de crear un conjunto de marcos dentro de un documento
Mediante la Paleta Objetos,
Crear marcos de forma directa,
Desde el Menú Modificar
CREAR MARCOS MEDIANTE LA PALETA OBJETOS: INSERTAR UN CONJUNTO DE MARCOS PREDEFINIDO
Los iconos de conjuntos de marcos predefinidos del panel Marcos de la paleta de Objetos proporcionan una representación visual de cada conjunto de marcos al aplicarse a un documento seleccionado.
El área azul clara de un icono de conjunto de marcos predefinido representa la página o el marco seleccionado actualmente en un documento,
El área blanca de un icono de conjunto de marcos predefinido representa el nuevo marco (o los nuevos marcos)
Parainsertar un conjunto de marcos predefinido
Situar el punto de inserción en el documento al que rodeará el conjunto de marcos.
Luego, llevar a cabo una de estas operaciones:
En el panel Marcos de la paleta de Objetos, seleccionar un conjunto de marcos predefinido. Para insertar el conjunto de marcos, se puede:
Hacer clic en un icono -del tipo -, o
Arrastrar un icono -del tipo - directamente al documento
Marcos > (Izquierda, Derecha, Arriba, Abajo, Izquierda y arriba, Superior izquierda, Izquierda superior o Dividir). No es una operación tan limpia, y cómoda pero Dreamweaver lo admite igualmente
Atención que al querer guardar la nueva estructura (menú archivo>...) ya no podremos guardar sólo la página, sino que nos ofrecerá guardar conjunto de marcos, y habrá que darle un nombre especifico para ese conjunto de marcos. ¡También es muy importante nombrar adecuadamente cada página del conjunto de marcos!.
Atención : para evitar confusiones más adelante, es conveniente nombrar cada marco antes de guardarlos en el Inspector de propiedades de Marco
CREAR MARCOS DE FORMA DIRECTA: INSERTAR UN CONJUNTO DE MARCOS DISEÑADOS PERSONALMENTE
Para crear uno mismo -sin predefinir- un conjunto de marcos: Hacer ver los bordes de los marcos: Menú Ver > Bordes de marco En un documento en blanco, podemos crear divisiones de marcos sólo con arrastrar los bordes horizontales o verticales de la página. Para crear una división nueva, nos situamos sobre uno de los bordes y, manteniendo pulsada la tecla Alt , pinchamos y arrastramos con el ratón. La nueva estructura se reflejará al momento en los Inspectores de Propiedades de Marcos
Atención que al querer guardar la nueva estructura (menú archivo>...) ya no podremos guardar sólo la página, sino que nos ofrecerá guardar conjunto de marcos, y habrá que darle un nombre especifico para ese conjunto de marcos.
Para eliminar un determinado marco: Arrastrar el borde del marco hasta sacarlo fuera de la página o hasta el borde del marco padre.
CREAR MARCOS DESDE MENÚ MODIFICAR
Hacer ver los bordes de los marcos: Menú Ver > Bordes de marco Eligir Menú Modificar > Conjunto de marcos > Dividir marco a la izquierda, ó a la derecha, ó hacia arriba, ó hacia abajo.
Mantener pulsada la tecla Alt mientras se arrastra uno de los bordes del marco hasta dentro de la ventana de documento para dividir el documento en vertical o en horizontal. Al arrastrar un borde del marco de este manera se va dividiendo
Acontinuacion adjunto algunos enlaces de pajinas creadar con marcos:
Película documental basada del libro «23 maestros de corazón: un salto cuántico en la
enseñanza» (ISBN 9788433026507, editorial Desclee de Brouwer) está
escrito por Carlos González Pérez, profesor y divulgador.
En
esta película documental está conformada el profesor Carlos Gonzáles Pérez y 11
alumnos preseleccionados para intentar que sea lo más real posible y para el
ejercicio se emplean 12 días. Para mi opinión personal es un film muy
interesante en el cual nos enseña a exteriorizar todos nuestras partes
negativas que nos guardamos, ya sea por miedo, vergüenza, o por simple hecho de
él que dirán, el maestro con una actitud provocadora logra que los alumnos
exteriorizan todas sus frustraciones que se han guardado por mucho tiempo, lo más
interesante es que nos enseña la convertir nuestras debilidades
fortalezas. Así mismo nos guía a descubrir que todos tenemos un talento
escondido, que con un poco de ayuda lo podemos potenciar y por ende sacarle
mucho provecho en nuestra vida personal, formativa, social, cultural, etc.
Unos
de los aspectos más importantes que más impresiono fue los métodos que tomo,
para cautivar el interés por aprender de los estudiantes, estos alumnos estaban
hartos de ir a clases, que no creen en el sistema educativo, a más de esto cada estudiante dominaba un comportamiento
diferente como por ejemplo: rebelde, el que
pasa de todo, simpático, tímido, entre otros. A pesar de sus múltiples maneras de
pensar de los alumnos supo cómo aprovechar esa parte y convertirlo en algo
positivo, permitiéndoles conocerse a sí mismo como personas, cada estudiante reconoció
y agradeció al maestro por tal acto.
Según
mi criterio personal, sería muy favorable para la enseñanza, que los maestros se
salgan un poco de la rutina diaria de la enseñanza, incorporando nuevos métodos
educativos para emplear métodos que cautiven la enseñanza, tomando como ejemplo
esta película, y si la ponemos en práctica en nuestra vida diaria nos contribuirá
en mucho a fortalecer la motivación de cada alumno, ya que tal como nos enseña
la película a cada estudiante le hace falta una motivación extra para sacar a
flote su potencial escondido, y con esto evitaríamos las muchas frustraciones
en los estudiantes que muy a menudo se producen en el transcurso de la vida
estudiantil, estas frustraciones encaminan al decir yo no puedo, esto no es
para mí, y esto encamina al abandono de sus estudios. Y para concluir les dejo con una frase del
profesor Carlos Gonzáles Pérez “el fracaso sería no hacerlo, no intentarlo”
Si quieres crear sitios web pero lo tuyo no es programar, tus plegarias han sido escuchadas. Muse
es una aplicación que Adobe acaba de anunciar en versión beta (la
versión final se espera para los primeros meses del 2012) la cual
permite crear sitios web completos bajo estándares actuales (HTML5, CSS3, JS, etc) sin necesidad de escribir ni una sola línea de código de ningún tipo.
Muse es una aplicación que sólo se podrá obtener por suscripción con lo siguientes costos:
Suscripción por un año: US$180 (o $15/mes)
Suscripción mes a mes: US$20/mes
Siempre me han dicho que una web debe hacerse por código, por qué ahora está bien hacerlo con un editor visual?
Muse está desarrollado para que cada herramienta y función genere código estandarizado y actualizado (HTML5, CSS3, JS, etc) el cual a su vez es más fácil de crear que en las versiones anteriores. Otras herramientas como Fireworks
están diseñadas originalmente para crear elementos visuales y
porteriormente se le agregó la capacidad de generar código mediante
exportación el cual no sirve para la producción final.
Puedo hacer cualquier sitio web con Muse?
Muse está
orientado a la creación de sitios web visuales sin integración con CMS,
por lo tanto es fácil preveer que va a ser usado con agrado por
diseñadores; sin embargo, acualmente se trata de una versión beta, por
lo cual es probable que la versión final y las versiones futuras
agreguen mas funcionalidades como integración con CMS y creación de
contenido para dispositivos móviles ya que como dice Adobe: “En los
inicios del Desktop Publishing, PageMaker podía realizar solo una
pequeña parte de todos los tipos de publicaciones que se requerían, de
la misma manera Muse va a iniciar permitiendo crear una pequeña parte de todos los sitios web“.
Con qué navegadores son compatibles los sitios web creados con Muse?
Firefox 4.0 y 5.0 para Mac y Windows
Internet Explorer 7, 8 y 9 para Windows
Safari 5 para Mac
Chrome para Windows
El objetivo es permitir a los diseñadores obtener un producto sin
necesidad de depender en exceso de alguien que programe el concepto.
Para eso han creado Adobe Muse, en AIR, con opciones y
sistemas de trabajo que permiten a los que trabajan con InDesign,
Illustrator o Photoshop desarrollar webs en relativamente poco tiempo. La
idea no es crear un complemento para DreamWeaver y sí un producto
completamente diferente capaz de generar el código sin que el usuario lo
note, siendo gratuita durante los próximos meses y con una versión de
suscripción después de esta fase beta.
Cómo a aprendo a usar Muse?
Puedes tomar el que probablemente sea el mejor video-curso en español de Muse en Udemy, también puedes probar la versión beta de ésta aplicación descargándo de su sitio web oficial
donde encontrarás información y tutoriales.
es una aplicaciòn programa de estudio (basada en la forma de estudio de Adobe Flass) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones WEB basados en estándares. Creado inicialmente por macromedia (actualmente producido por Adobe Systems)
es uno de los programas más utilizados en el sector del diseño y la
programación web por sus funcionalidades, su integración con otras
herramientas como Adobe Flass y, recientemente, por su soporte de los estándares del World Wide web Consontriun
Sus principales competidores son Microsoft Exp Microsoft Expression Web y BlueGriffon
(que es de código abierto) y tiene soporte tanto para edición de
imágenes como para animación a través de su integración con otras. Hasta
la versión MX, fue duramente criticado por su escaso soporte de los
estándares de la web, ya que el código que generaba era con frecuencia
sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de la suite Adobe Creative Suite. A partir de la
compra de Macromedia por parte de Adobe. Las letras CS significan
Creative Suite
La gran ventaja de este editor sobre otros es su gran poder de
ampliación y personalización, puesto que en este programa sus rutinas
(como la de insertar un hipervínculo, una imagen o añadir un
comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript
que hace que sea un programa muy fluido y todo ello permite que
programadores y editores web hagan extensiones para su programa y lo
pongan a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y
actualmente mantiene el 90% del mercado de editores HTML. Esta
aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML
de cara al usuario, haciendo posible que alguien no entendido pueda
crear páginas y sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web criticaban esta propuesta ya que crean
páginas HTML más largas de lo que solían ser al incluir mucho código
inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web.
Esto puede ser especialmente cierto ya que la aplicación facilita en
exceso el diseño de las páginas mediante tablas. Además, algunos
desarrolladores web han criticado Dreamweaver en el pasado porque creaba
código que no cumplía con los estándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de
diseñar páginas sin tablas en versiones posteriores de la aplicación,
haciendo que se reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores
Web instalados en su ordenador para previsualizar las páginas web.
También dispone de herramientas de administración de sitios dirigidas a
principiantes como, por ejemplo, la habilidad de encontrar y reemplazar
líneas de texto y código por cualquier tipo de parámetro especificado,
hasta el sitio web completo. El panel de comportamientos también permite
crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de
creación de contenido dinámico en Dreamweaver. En lo fundamental de las
herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos
como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.
Un aspecto de alta consideración de Dreamweaver es su funcionalidad
con extensiones. Es decir, permite el uso de "Extensiones". Las
extensiones, tal y como se conocen, son pequeños programas, que
cualquier desarrollador web puede escribir (normalmente en HTML y
Javascript) y que cualquiera puede descargar e instalar, ofreciendo así
funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de
una gran comunidad de desarrolladores de extensiones que hacen posible
la disponibilidad de extensiones gratuitas y de pago para la mayoría de
las tareas de desarrollo web, que van desde simple efectos rollover
hasta completas cartas de compra.
También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks
en donde se podría diseñar un menú u otras creaciones de imágenes (gif
web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más
pequeño, gif animado websnap) para un sitio web y después exportar la
imagen creada y así utilizarla como una sola en donde ya llevará los
vínculos para dicho sitio.
Índice
1
Resaltado de sintaxis
2
Historial de versiones
3
Requisitos del Sistema
4
Véase también
Resaltado de sintaxis
A partir de la versión 5, Dreamweaver admite el resaltado de sintaxis para los siguientes lenguajes por defecto:
ActionScript
Active Server Pages (ASP).
ASP.NET (no se admiten en la versión CS4 - http://kb2.adobe.com/cps/402/kb402489.html)
C#
Cascading Style Sheets (CSS)
ColdFusion
Extensible HyperText Markup Language (XHTML)
Extensible Markup Language (XML)
Extensible Stylesheet Language Transformations (XSLT)
Elemento de lista numerada
Elemento de lista numerada
Historial de versiones
Proveedor
Versión mayor
Versión menor/nombre alternativo
Fecha de publicación
Notas
Macromedia
1.0
1.0
Diciembre de 1997
Primer lanzamiento, sólo para Mac OS.
1.2
Marzo de 1998
Primera versión para Windows.
2.0
2.0
Diciembre dRRe 1998
3.0
4.2
Diciembre de 1999
UltraDev 1.0
Junio de 2000
4.0
4.0
Diciembre de 2000
UltraDev 4.0
Diciembre de 2000
6.0
MX
29 de mayo de 2002
7.0
MX 2004
10 de septiembre de 2003
8.0
8.0
13 de septiembre de 2005
Adobe
9.0
CS3
16 de abril de 2007
Sustituye a Adobe GoLive en la serie Creative Suite
10.0
CS4
23 de septiembre de 2008
11.0
CS5
12 de abril de 2010
11.5
CS5.5
12 de abril de 2011
12.0
CS6
21 de abril de 2012
13.0
CC
Abril de 2013
Color
Significado
Rojo
Versión antigua
Amarillo
Versión antigua; soportada aún
Verde
Versión actual
Requisitos del Sistema
Windows
Procesador Intel® Pentium® 4 o AMD Athlon® de 64 bits
Microsoft® Windows® XP con Service Pack 2 (se recomienda Service
Pack 3); Windows Vista® Home Premium, Business, Ultimate o Enterprise
con Service Pack 1; o Windows 7
512 MB de RAM
1 GB de espacio disponible en el disco duro para la instalación; se
necesita espacio libre adicional durante la instalación (no se puede
instalar en dispositivos de almacenamiento flash extraíbles)
Resolución de 1580 × 800 con tarjeta de vídeo de 16 bits
Java™ Runtime Environment 1.6 (incluido)
Unidad de DVD-ROM
Se necesita el software QuickTime 7.6.6 para la reproducción de contenido multimedia HTML5
Este software no funcionará si no se activa. Es necesario disponer
de conexión a Internet de banda ancha y registrarse para poder activar
el software, validar suscripciones y acceder a servicios online.* No
está disponible la activación por teléfono.
Procesador Intel multinúcleo
Mac OS X v10.6.8 o v10.7. Adobe Creative Suite 5, 5.5 y las
aplicaciones de CS6 son compatibles con Mac OS X Mountain Lion (v10.8)
si se instalan en sistemas basados en Intel.**
512 MB de RAM
1,8 GB de espacio disponible en el disco duro para la instalación;
se necesita espacio libre adicional durante la instalación (no se puede
instalar en un volumen que utilice un sistema de distinción entre
mayúsculas y minúsculas en archivos, ni en dispositivos de
almacenamiento flash extraíbles)
Resolución de 1280 × 800 con tarjeta de vídeo de 16 bits
Java Runtime Environment 1.6
Unidad de DVD
Se necesita el software QuickTime 7.6.6 para la reproducción de contenido multimedia HTML5
Este software no funcionará si no se activa. Es necesario disponer
de conexión a Internet de banda ancha y registrarse para poder activar
el software, validar suscripciones y acceder a servicios online.* No
está disponible la activación por teléfono
Redes sociales
Guias
Android
Juegos
Empresas
Paginas Web
Crear cuenta
Adobe Dreamweaver: ¿qué es y para qué sirve? (descargable)
Adobe Dreamweaver: ¿qué es y para qué sirve? (descargable)
Es un software de edición en forma de un estudio (basado en la forma de
Adobe Flash) su propósito es construir, desarrollar, diseñar y editar
sitios, vídeos y aplicaciones web. Inicialmente fue creado por
Macromedia pero actualmente es desarrollado por Adobe Systems. Adobe
Dreamweaver se ha convertido en el programa más utilizado para el diseño
y la pro...
Es un software de
edición en forma de un estudio (basado en la forma de Adobe Flash) su
propósito es construir, desarrollar, diseñar y editar sitios, vídeos y
aplicaciones web. Inicialmente fue creado por Macromedia pero
actualmente es desarrollado por Adobe Systems. Adobe Dreamweaver se ha
convertido en el programa más utilizado para el diseño y la programación
web, esto gracias a las funciones que posee, su fácil integración a
otros programas como Adobe Flash y recientemente por su soporte para
estándares del World Wide Web Consortium.
Entre los principales competidores que tiene en el m...
Es un software de
edición en forma de un estudio (basado en la forma de Adobe Flash) su
propósito es construir, desarrollar, diseñar y editar sitios, vídeos y
aplicaciones web. Inicialmente fue creado por Macromedia pero
actualmente es desarrollado por Adobe Systems. Adobe Dreamweaver se ha
convertido en el programa más utilizado para el diseño y la programación
web, esto gracias a las funciones que posee, su fácil integración a
otros programas como Adobe Flash y recientemente por su soporte para
estándares del World Wide Web Consortium.
Entre los principales competidores que tiene en el m...
Es un software de
edición en forma de un estudio (basado en la forma de Adobe Flash) su
propósito es construir, desarrollar, diseñar y editar sitios, vídeos y
aplicaciones web. Inicialmente fue creado por Macromedia pero
actualmente es desarrollado por Adobe Systems. Adobe Dreamweaver se ha
convertido en el programa más utilizado para el diseño y la programación
web, esto gracias a las funciones que posee, su fácil integración a
otros programas como Adobe Flash y recientemente por su soporte para
estándares del World Wide Web Consortium.
Entre los principales competidores que tiene en el ...
Es un software de
edición en forma de un estudio (basado en la forma de Adobe Flash) su
propósito es construir, desarrollar, diseñar y editar sitios, vídeos y
aplicaciones web. Inicialmente fue creado por Macromedia pero
actualmente es desarrollado por Adobe Systems. Adobe Dreamweaver se ha
convertido en el programa más utilizado para el diseño y la programación
web, esto gracias a las funciones que posee, su fácil integración a
otros programas como Adobe Flash y recientemente por su soporte para
estándares del World Wide Web Consortium.
Entre los principales competidores que tiene en el m...
Es un software de
edición en forma de un estudio (basado en la forma de Adobe Flash) su
propósito es construir, desarrollar, diseñar y editar sitios, vídeos y
aplicaciones web. Inicialmente fue creado por Macromedia pero
actualmente es desarrollado por Adobe Systems. Adobe Dreamweaver se ha
convertido en el programa más utilizado para el diseño y la programación
web, esto gracias a las funciones que posee, su fácil integración a
otros programas como Adobe Flash y recientemente por su soporte para
estándares del World Wide Web Consortium.
Entre los principales competidores que tiene en el m...
-, o
Atención que al querer guardar la nueva estructura (menú archivo>...) ya no podremos guardar sólo la página, sino que nos ofrecerá guardar conjunto de marcos, y habrá que darle un nombre especifico para ese conjunto de marcos. ¡También es muy importante nombrar adecuadamente cada página del conjunto de marcos!.
