¿Quién está en línea?

Hay 21 invitados en línea
powered_by.png, 1 kB
Inicio arrow Internet arrow Cómo hacer una web con Marcos (frames) con Dreamweaver.
Cómo hacer una web con Marcos (frames) con Dreamweaver. Imprimir E-Mail
Calificación del usuario: / 10
MaloBueno 
Tutoriales - Internet
escrito por Calima   
Wednesday, 15 de March de 2006
Esta es una pequeña guía para crear una web con marcos , usando el Dreamweaver de Macromedia.

Para empezar pincharemos en “Archivo/nuevo”.
Captura de pantalla

Se nos abrirá una ventana en la que elegiremos “Conjunto de marcos” y para este ejemplo elegiremos “Superior fijo, izquierdo anidado” y le daremos a crear.

Y obtendremos como resultado lo siguiente:

Captura de pantalla

En la parte derecha de la ventana de Dreamweaver veremos el panel de Marcos (si no lo viera basta con pinchar en “Ventana/Marcos” y aparecerá).

Captura de pantalla

Teniendo elegido el marco tal como aparece en la imagen por el marco en negrita (si no estuviera así basta con pinchar con el ratón en la parte que más externa, osea la que debería aparecer en negrita para que asi quede seleccionado el conjunto de marcos), tendremos bajo la vista de la página la siguiente ventana de propiedades

Captura de pantalla

en la que podremos elegir si el marco “topframe” tenga borde, de que anchura y de que color, así como la medida que más se ajuste a nuestro gusto.

Del mismo modo, si en el panel de marcos seleccionaramos con el ratón en el rectángulo que conforman el “leftframe” y el “mainframe”, nos quedaría en negrita tal como se muestra

Captura de pantalla

nos aparecera las propiedades tal que

Captura de pantalla

en donde igualmente nos dará la posibilidad de poner borde, su anchura y color, y el espacio que queramos que ocupe el “leftframe”.

Por ejemplo, en este caso elegí poner bordes en ambos casos con un ancho de 10 y un color azulado. Y dando valor a fila de 125 pixeles, y a la columna de 200 pixeles.

Captura de pantalla

Para guardar lo que hemos hecho, deberemos guardar lo que es el “conjunto de marcos” así como cada uno de los marcos que hayamos puesto, en este caso, el conjunto de marcos lo llamaremos index.HTML y a los marcos respectivamente titulo.html , menu.html , pagina1.html

Para ello, lo mejor (desde mi punto de vista) para estar seguros que lo guardamos correctamente es que teniendo en el panel de marcos elegido el conjunto de todos luego elijamos la opción “guardar conjunto de marcos como” y le pondremos index.html

Captura de pantalla

Y luego eligiendo cada uno de los marcos elegimos “guardar marco como” (acción que se hará con cada uno de los marcos para así estar seguros de que marco guardamos y con que nombre). A cada cual el que le corresponda: titulo.html , menu.html y pagina1.html

Captura de pantalla

Una vez que lo hayamos guardado la primera vez, para el resto de ocasiones que trabajemos con la página bastará con elegir “guardar todo” y guardara las 4 a la vez.

Otro punto a tener en cuenta es el de los enlaces, si queremos que un enlace que este en el marco “leftFrame” al ser pinchado salga en el marco “mainFrame” habrá que una vez seleccionada la palabra u objeto que queremos vincular y luego en “Vínculo” poner la dirección correspondiente y en “Dest” elegir la opción mainframe

Captura de pantalla

Captura de pantalla

Para realizar las páginas que vayan saliendo en el mainframe, basta con hacerlo desde una página basica en html, ya que al pinchar en el enlace hará que se habrán directamente en el mainframe.

Para un mejor entendimiento de lo que se hace es recomendable tener nociones de html ya que en este tutorial sólo se trata de explicar como realizar la página con marcos, pero no los restantes aspectos (fondos, imágenes, textos, botones, etc), que se supone deben ser ya conocidos.

Página de la autora

 
< Anterior
© 2010 Manuales-e :: Tutoriales de Video , Audio , Grabacion, Software.....
Joomla! is Free Software released under the GNU/GPL License.
Estadisticas y contadores web gratis
Oposiciones Masters