III BIMESTRE..doc

8/18/2019 III BIMESTRE..doc

1/28

COMPUTACIÓNCOMPUTACIÓN

ΧΙΧΛΟ ςΙΙ ΒΙΜΕΣΤΡΕ ΙΙΙ

5Grado

Secundaria


2/28


3/28

7° UNIDAD Del: ____________ Al:________________

8° UNIDAD Del: ____________ Al:________________

III BIMESTRE

Del 04 de Ago!o "00# al $0 de Oc!u%re "00#

I N D I C EI N D I C E

198

9

198

9

77 Introducción a las tablas

207

207

88Marcos


4/28


5/28

CG

In!roducci&n a la !a%laUna tabla es una herramienta de diseño que te permitirá componer páginas web

con una clara estructura de contenidos. Usar tablas es la forma más racional de

distribuir los elementos que forman parte de una página web.

€

Co'(onen!e de la !a%la

Las tablas están formadas por tres componentes básicos: filas (que organizan el espaciohorizontal), columnas (organizan el espacio vertical) y celdas (que son los contenedoresque se originan en las intersecciones de las filas y las columnas). Éste es un eemplo detabla en !rontpage:

"omo puedes ver, este tipo de estructura de tabla es muy similar a las que presentan programas de hoas de cálculo (como #icrosoft $%cel) o de bases de datos (como#icrosoft &ccess).

Alguna conideracioneΗαψ αλγυνασ χονσιδεραχιονεσ θυε δεβεσ τενερ εν χυεντα χυανδο ϖασ α τραβαϕαρ χον ταβλασ.

Υνα µυψ ιµπορταντε εσ θυε ελ ανχηο µ〈ξιµο δε υνα χελδα µαρχαρ〈 ελ ανχηο δε λασ δεµ〈σ χελδα

σ δε λα µισµα χολυµνα. ∆ε ιγυαλ φορµα, λα αλτυρα µ〈ξιµα δε υνα χελδα µαρχαρ〈 λα αλτυρα δε λ

ασ δεµ〈σ χελδασ δε λα µισµα φιλα. ∆ε εστα φορµα, σε µαντιενε σιεµπρε ελ ασπεχτο δε ταβλα ρεγ

υλαρ.

GUIA DE APRENDI)A*E N+ 0,Te'a- Introducción a las Tablas.

Con!enido-

Creación de tablas.Modificar tablas.


6/28

'bserva este eemplo:

Πυεδεσ ϖερ χοµο αλ υνιρ εντρε σδοσ χελδασ περτενεχιεντεσ α υνα µισµα χολυµνα ο α υνα µισ

µα φιλα, λα χελδα ρεσυλταντε αδοπτα ελ ταµα〉ο νεχεσαριο παρα µαντενερ λα εστρυχτυρα δε τα

βλα χον ρεσπεχτο α λασ δεµ〈σ χελδασ. Εστο θυιερε δεχιρ θυε σι υνεσ δοσ χελδασ δε διστιντασ χ

ολυµνασ, ελ ανχηο δε λα χελδα ρεσυλταντε σερ〈 εθυιϖαλεντε αλ ανχηο δε λασ δοσ χολυµνασ. ∆

ε ιγυαλ φορµα, σι υνεσ δοσ χελδασ δε διστιντασ φιλασ, ελ αλτο δε λα νυεϖα χελδα σερ〈 εθυιϖαλ

εντε αλ αλτο δε λασ δοσ φιλασ.

entro de cada una de las celdas puedes insertar te%to o imágenes. &demás, !rontpagete permite de forma sencilla insertar y eliminar filas y columnas, dividir y combinar yeliminar celdas, modificar las propiedades de tabla o de celdas y copiar y pegar celdas.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Εν Φροντπαγε πυεδεσ χοµβιναρ ταντασ χελδασ χοµο θυιερασ ε, ινχλυσο, υνιρ χελδασ δε διστιντ

ασ χολυµνασ ψ φιλασ εντρε σ σιεµπρε ψ χυανδο εστασ χελδασ σεαν χολινδαντεσ.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Crear !a%la

Con el uso de las tablas se pueden solventar las limitaciones que tiene el lenguaje

HTM con la ubicaci!n de los elementos en la página. Todas las opciones que te

permitirán definir " modificar una tabla se encuentran en el Men# Tabla.

Procedi'ien!o

ara crear una tabla, elige #en* +abla -nsertar +abla. +e aparecerá un cuadro dediálogo con las opciones que ofrece !rontpage para crear la tabla.


7/28

1. Ταµα〉ο

$n esta parte debes introducir el n*mero de filas y de columnas que tendrá la tabla. ote preocupes si despu/s de creada, te das cuenta de que necesitas más filas o columnas,ya que !rontpage te permite insertar y eliminar filas y columnas.

$. %lineaci!n

$n este men* emergente puedes definir la posici0n que tendrá la tabla en la página.+ienes cuatro posibles opciones: izquierda, centro, derecha o ustificada.

&. %ncho de la tabla

-ntroduce una medida y elige si se e%presa en p1%eles o en porcentae (2334 ocupa todoel ancho de la ventana del e%plorador).

'. Tamaño del borde

-ntroduce la medida en p1%eles del borde de la tabla. 5i introduces el valor 637, la tablatendrá un borde invisible.

(. Margen de las celdas

$s el espacio que quedará entre los bordes de las celdas y su contenido. -ntroduce unamedida en p1%eles.

). *spacio entre celdas

$s el espacio que habrá alrededor de cada celda para separarla de las demás. -ntroduce

una medida en p1%eles.


8/28

$sto es todo lo que !rontpage necesita saber para crear una tabla. &hora ya puedesempezar a introducir te%to o imágenes en sus celdas de la misma forma que ya hemosvisto en lecciones anteriores. 5iempre podrás modificar las propiedades de la tabladespu/s de haberla creado, ya que normalmente necesitarás a8adir alguna fila ocolumna, o combinar celdas, para que la tabla quede como quieras.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Ταµβιν πυεδεσ χρεαρ υνα ταβλα υ τιλιζανδο λα ηερραµιεντα λ〈πιζδε ΜενΤαβλα > ∆ιβυϕαρ τ

αβλα. Χον εστα ηερραµιεντα σελεχχιοναδα, σολαµεντε τενδρ〈σ θυε διβυϕαρ σοβρε λα π〈γινα ελ

ρεχτ〈νγυλο θυε δεφινιρ〈 λα ταβλα. Χοµο νο ηαβρ〈σ υτιλι ζαδο ελ χυαδρο δε δι〈λογο νσερταρ τα

βλα Φροντπαγε νο σαβρ〈 θυπροπιεδαδεσ δεβε τενερ λα ταβλα, πορ λο θυε χ ρεαρ〈 υνα ταβλα σ

ιµπλε, χον υνα σολα χελδα. ∆εσπυσ πυεδεσ ιρ χρεανδο λασ διφερε ντεσ διϖισιονεσ θυε δελιµιταρ

〈ν λασ χελδασ.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Crear una tabla€Λασ ταβλασ τε περµιτεν εστρυχτυραρ δε φορµα ραχιοναλ λοσ ελεµεντοσ δε λ

α π〈γινα. Εν εστε εϕερχιχιο ϖαµοσ α χρεαρ υνα ταβλα θυε χοντενγα λα δισχογρ

αφα δελ γρυπο δε µσιχα ϑΥΛΙΕΤ.

€

∆εσαρρολλο

1. Αβρε λα π〈γινα δισχογραφια.ητµ δε τυ σιτιο ψ αβρε ταµβιν λα βαρρα δε ηερ

ραµιεντασ Ταβλασ.

9. $lige #en* +abla -nsertar +abla. ellena los campos del cuadro de diálogo con estosvalores: !ilas: ;, "olumnas: 9< &lineaci0n: redeterminado< +ama8o del borde: 3< #argen de lasceldas: 3< $spacio entre celdas: =, &ncho de la tabla: >34. ?az clic en &ceptar.

!rontpage ya ha creado la tabla vac1a. &hora vamos rellenarla. $n la columna de laizquierda pondremos las imágenes de las portadas de los discos de @AL-$+ y en la

columna de la derecha algunos datos sobre el disco como a8o de publicaci0n, n*merode canciones, etc.

P R Á C T I C A


9/28

Reul!ado

& estas alturas, tu tabla debe quedar más o menos como puedes ver en el eemplo deabao. $s todav1a una tabla muy sencilla< en el siguiente eercicio meoraremos suest/tica hasta convertirla en una tabla atractiva. Buarda los cambios de la páginadiscografia.htm.

Modi.icar !a%la€

Υνα ϖεζ χρεαδα υνα ταβλα πυεδεσ µοδιφιχαρλα παρα θυε σε αϕυστε α τυσ νεχεσιδαδεσ. Φροντπαγε ταµβιν οφρεχε λα ποσιβιλιδαδ δε µοδιφιχαχι⌠ν δε χελδασ, εσταβλεχιενδο υνασ προπιεδαδεσ θυε σολαµεντε αφεχταρ〈ν α λα χελδα ο χελδασ σελεχχιοναδασ.€Ca'%iar la (ro(iedade de una !a%la

ara modificar una tabla, primeramente debes situar el cursor en cualquier celda de latabla. espu/s elige #en* +abla ropiedades +abla, o bien elige ropiedades detabla del men* conte%tual. +e aparecerá un cuadro de diálogo como /ste. Camos a ver las opciones que te da.


10/28

1. Αλινεαχι⌠ν

Ésta siempre se considera con respecto a la página. +ienes cuatro opciones en el men*desplegable: izquierda, derecha, centrada o ustificada.

$. +lotante

$n este men* desplegable debes especificar si quieres que el te%to que e%iste alrededorde la tabla fluya a la izquierda o a la derecha de la tabla. ara que el te%to no fluyaalrededor de la tabla, selecciona redeterminado.

&. Margen de celdas

$s el espacio que quedará entre los bordes de las celdas y su contenido. -ntroduce una

medida en p1%eles.

'. *spacio entre celdas

$s el espacio que habrá alrededor de cada celda para separarla de las demás. -ntroduceuna medida en p1%eles.

(. *specificar ancho " *specificar alto

5elecciona estas opciones si quieres que la tabla tenga un ancho y alto espec1ficos. Lasmedidas se e%presan en p1%eles o en porcentae. 5i las deas sin seleccionar, el tama8ode la tabla se austará a su contenido.

). Tamaño de borde

-ntroduce la medida en p1%eles del borde de la tabla. 5i introduces el valor 637, la tablatendrá un borde invisible.

,. Color del borde

uedes establecer un color uniforme para los bordes de la tabla, eligiendo uno del men*desplegable 6"olor7. ara establecer un borde de dos colores para producir un efectotridimensional, selecci0nalos en las listas 6Dorde claro7 y 6Dorde oscuro7.

-. +ondo

uedes elegir un color de fondo o una imagen de fondo.


11/28

Cambiar las propiedades de una celda

Παρα µοδιφιχαρ υνα χελδα ο υν χονϕυντο δε χελδασ, πριµεραµεντε δεβερ〈σ σελεχχιοναρλασ. Πα

ρα ελλο σιτα ελ χυ ρσορ εν συ ιντεριορ ψ ελιγε ΜενΤαβλα > Σελεχχιοναρ > Χελδα, Φιλα ο Χολ

υµνα. Ταµβι ν πυεδεσ ελεγι ρ υνα χελδα ηαχιενδο χλιχ + Αλτ σοβρε ελλα.

Ana vez has definido las celdas que quieres modificar, elige #en* +abla ropiedades "elda, o bien elige ropiedades de celda del men* conte%tual. +e aparecerá un cuadrode diálogo como /ste:

"omo puedes ver, e%isten algunas opciones que son las mismas que se utilizan paramodificar una tabla, pero que en este caso s0lo tendrán incidencia sobre las celdasseleccionadas. 'tras opciones son e%clusivas de las celdas. Camos a verlas:

1. Alineación vertical

$l contenido de una celda tiene varias posibilidades de alineaci0n sobre el ee vertical:superior, medio, l1nea de base e inferior.

2. Número de filas y Número de columnas

uedes usar estos campos para dividir la celda seleccionada.

3. Celda de encabeado

$sta opci0n convierte la celda en una celda de encabezado, que tendrá más /nfasis oimportancia que las demás. e forma predeterminada, las celdas de encabezadoconvierten el te%to que contienen en negrita.!. No a"ustar

5i seleccionas esta opci0n, impedirás que los e%ploradores austen el te%to a lasdimensiones de la celda. Lo habitual es que si el te%to de la celda e%cede de su ancho,entonces este te%to crea una nueva l1nea dentro de la misma celda, incrementando sualtura. ues bien, la opci0n 6o austar7 aumenta el ancho de celda a medida que seescribe, sin pasar a otra l1nea.

Co'%inar/ diidir e iner!ar


12/28

ara unir varias celdas que tengas seleccionadas solamente si son colindantes. ara elloelige #en* +abla "ombinar celdas. or su parte, la opci0n ividir celdas sirve paradividir la celda que tengas seleccionada en varias columnas (divisi0n vertical) o filas(divisi0n horizontal). ara ello, elige #en* +abla ividir celdas. +e aparecerá uncuadro de diálogo donde debes especificar el n*mero de filas o de columnas en las que

las que se dividirá la celda.

$n #en* +abla -nsertar dispones de diversas opciones para modificar la tabla. Laopci0n +1tulo coloca un t1tulo a la tabla seleccionada. uedes modificar la posici0n delt1tulo en #en* +abla ropiedades +1tulo. La opci0n "elda inserta una celda en la

posici0n donde est/ el cursor. #ediante la opci0n +abla insertarás una tabla dentro deotra. "on la opci0n !ilas o columnas te aparecerá un cuadro de diálogo como el deabao, donde deberás especificar el n*mero de filasEcolumnas que necesites y la

posici0n en la que las quieres que se agreguen (por encima o por debao de la posici0nen la que estás).

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Λα βαρρα δε ηερραµιεντασ Ταβλα, θυε πυεδεσ µοστραρ υ οχυλταρ εν ελ Μενςερ > Βαρρασ δε η

ερραµιεντασ, χοντρολα αλγυνασ δε λασ οπχιονεσ θυε ηεµοσ ϖιστο εν εστα λεχχι⌠ν, χοµο ινσερτ

αρ φιλασ ο χολυµνασ, διϖιδιρ ψ χοµβιναρ χελδασ, αλινεαχι⌠ν ϖερτιχαλ, ετχ.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _€

P R A C T I C A


13/28

Modifcar una tabla Mediante las o#ciones del Menú Tabla se #uede modificar cual$uier tabla creada %asta$ue se a"uste a tus necesidades. &n este e"ercicio modificaremos la tabla $ue creaste enel e"ercicio anterior.€

Dearrollo1. Abre la #'(ina disco(rafia.%tm de tu sitio. )amos acomenar #or insertar una nueva fila arriba de la tabla.*ara ello+ sitúa el cursor en una de las dos celdassu#eriores y eli(e Menú Tabla , Insertar , -ilas ocolumnas. &n el cuadro de di'lo(o $ue te a#areceselecciona -ilas/ escribe 1 en el cam#o Número defilas/. 0a ubicación debe ser #or encima de la selección.

"1 Ecri%e 2Dico (u%licado3 en la (ri'era celda de lanuea .ila 2Decri(ci&n3 en la egunda1 De(u elecciona la do celda elige Men6 Ta%la7 Pro(iedade 7 Celda1 Ac!ia la cailla de eri.icaci&n 2Celda de enca%e8ado3 en el cuadro de di9logo elige co'ocolor de .ondo un ro:o in!eno1 ;a8 clic en Ace(!ar1 acia la i8uierda/ de .or'aue la i'9gene de lo dico ocu(en co'(le!a'en!e u celda1

41 Por 6l!i'o/ elige Men6 Ta%la 7 Pro(iedade 7 Ta%la1 o ca'%io ue in!rodu8ca en elcuadro de di9logo ue !e a(arece a.ec!ar9n a !oda la !a%la1 In!roduce un alor de $ en el ca'(o

2Ta'ao3 del %orde elige un color de .ondo naran:a claro1 ;a8 clic en Ace(!ar1Reul!ado

+u nueva tabla, gracias a las modificaciones introducidas, tiene un aspecto más est/ticoy funcional. revisualiza c0mo se verá en -nternet en la pesta8a de Cista revia. Buardalos cambios.

Comprobación


14/28

Marca lo correcto:

1. ¿Cómo se llaman las d!sones "or#ontales de una tabla$

-ilas

Columnas

Celdas

%. ¿&ara 'u( se utl#an las tablas en )ront*a+e$

*ara %acer las #'(inas com#atibles con todos los e#loradores

*ara evitar el uso de %i#ervnculos

*ara or(aniar los elementos de la #'(ina

,. ¿&uedes unr dos o m-s celdas de una msma tabla$

No

+ si las celdas est'n vacas

+ si las celdas son colindantes

. ¿/u( s+n0ca un anc"o de tabla de 12$

4ue se a"usta al contenido

4ue ocu#a toda la ventana del e#lorador

4ue tiene 155 #eles de anc%o

3. ¿/u( es el mar+en de una celda$

&l es#acio $ue %ay entre el borde de una celda y su contenido

&l es#acio $ue se#ara una celda de otra

&l es#acio $ue %ay entre una celda y el borde i$uierdo de la ventana dele#lorador

4. ¿5es*ecto a 'u( elemento se establece la alneacón de una tabla$

6es#ecto a su contenido

6es#ecto a las dem's tablas de la #'(ina

6es#ecto a la #'(ina

7. ¿En 'u( medda se establece el es*aco entre celdas$

&n #eles

&n milmetros

&n #orcenta"e

8. ¿/u( tecla te *ermte selecconar una celda$

Clic 7 Mayúscula

Clic 7 Alt

Clic 7 &nter

6. ¿/u( es una celda de encabe#ado$

http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest04.htm#%23


15/28

8na tabla com#uesta #or una única celda

8na celda $ue contiene una ima(en

8na celda a la $ue se da m's im#ortancia o 9nfasis

1. ¿&uedes nsertar una tabla dentro de otra$ No

olamente si la tabla ori(inal tiene m's filas y columnas $ue la se(unda€

Auto!aluación

Escrbe una s es !erdadero o una ) s es 0also.

1. Una tabla est- 0ormado *or 0las columnas 9 celdas. ;

%. Dentro de cada una de las celdas *uedes nsertar te


16/28

C

G

FECHA DE

REVISION….. /..… /

2!O " S E R V A C I O N E S

FIRMA

DE#

$ROFESOR FIRMA DE#

$$.FF OA$ODERADO

In!roducci&n a lo 'arco

os marcos /frames01 son una potente funci!n del lenguaje HTM que te

permitirá dividir una página web en varias 2onas independientes. os marcos se

utili2an para facilitar la navegaci!n. 3ormalmente4 uno de los marcos contiene elmen# de navegaci!n " otro marco el contenido de la secci!n actual.

GUIA DE APRENDI)A*E N+ 0#Te'a- Marcos.

Con!enido-

Introducción a los marcos.Crear una #'(ina de marcos.


17/28

a (9gina de 'arco

&l dividir una página en distintos marcos, lo que estás haciendo es crear diferentes páginas Feb que se van a ver integradas en una misma ventana del e%plorador. or eemplo, puedes crear una página que va a contener el men*. espu/s integrarás esta

página men* en la página de marcos para que aparezca en todas las páginas de sitio

Feb. #ira este eemplo:

uedes ver c0mo al crear una página de marcos, la ventana se subdivide en diversaszonas o marcos, que albergan, cada uno, una página distinta. uedes hacer que el marcode la izquierda, que contiene en men* de las secciones del sitio, se mantenga en todaslas páginas que componen el sitio, de forma que no tendrás que volver a componer elmen* para cada una de ellas. 5olamente cambiará el marco de la derecha, que contieneel contenido de cada secci0n del sitio.

ebes tener en cuenta que las páginas de marcos no incluyen ning*n contenido visible,son s0lo contenedores que especifican qu/ páginas se mostrarán en ellos y c0mo loharán. "uando se hace clic en el hiperv1nculo de una página que se muestra en unmarco, la página a la que se8ala dicho hiperv1nculo suele mostrarse en otro marco,llamado marco de destino. $n el eemplo anterior, al hacer clic sobre 6#is relatos7 delmarco de la izquierda, aparece la página correspondiente 6#is relatos7 en el marco de laderecha.

or lo tanto, podemos decir que una página compuesta con marcos posee dos elementosdistintos. or una parte tenemos la estructura de marcos, que es la divisi0n de la página

en distintos contenedores o zonas. & esto lo llamamos 6página de marcos7. G por otra parte tenemos las páginas

que se mostrarán en esos marcos definidos. 5on dos cosas distintas y no hay queconfundirlas. odemos utilizar el s1mil de un libro: una cosa es el soporte (el tama8o del

papel) y otra el contenido (el te%to que aparece en el papel).

$n el eemplo anterior, lo que el usuario percibe como una sola página Feb con dosmarcos, en realidad está formado por tres archivos independientes: el archivo deconunto de marcos y dos archivos que albergan el contenido que aparece dentro de

cada marco. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _


18/28

∆εβεσ σαβερ θυε λασ ϖερσιονεσ µ〈σ αντιγυασ δε λοσ εξπλοραδορεσ νο αδµιτεν λα ϖισυαλιζαχι⌠

ν δε µαρχοσ. Πορ ελλο, αλγυνοσ δισε〉αδορεσ χρεαν δοσ ϖερσιονεσ δε υν µισµο σιτιο ωεβ: υνο χο

ν µαρχοσ ψ υνο σιν µαρχοσ. Εσ υνα βυενα οπχι⌠ν παρα τυ ωεβ σεα αχχεσιβλε αλ µαψορ νµερο

δε ιντερναυτασ.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

€

Crear una (9gina de 'arco

Como hemos visto4 una página de marcos define la estructura de una serie de

marcos en una página. *sto inclu"e informaci!n sobre el n#mero de marcos que

deben mostrarse por página4 el tamaño de los marcos4 el origen de la página

cargada en un marco " otras propiedades.

a (lan!illa de 'arco

!rontpage te ofrece multitud de plantillas de páginas de marcos. ara crear una página

de es necesario hacerlo con una de estas plantillas. $lige #en* &rchivo uevo ágina áginas de marcos. +e aparecerá una ventana como esta:

uedes ver que e%isten diferentes estructuras de marcos. 5i seleccionas cualquiera verássu apariencia en la Cista previa y una breve descripci0n. 5olamente tienes que elegir la

que más se apro%ime a lo que quieres conseguir. or eemplo, si lo que quieres es crear una página de marcos para mostrar una página de men* y una página de contenidos,elegirás la plantilla 6"ontenido7.

&hora !rontpage te muestra la página de marcos que has elegido. uedes ver quesolamente se trata de la estructura.


19/28

Alo:ar (9gina en una (9gina de 'arcoΧαδα υνο δε λοσ µαρχοσ τιενε δοσ βοτονεσ. Εσταβλεχερ π〈γινα ινιχιαλ χονσιστε εν σε〉αλαρ θυ

π〈γινα ωεβ σε αλοϕαρ〈 εν εσε µαρχο χυανδο σε χαργυε λα π〈γινα. Υτιλιζαρ〈σ εστε βοτ⌠ν σι λα π〈

γινα ψα εστ〈 χρεαδα. Σι, πορ ελ χοντραριο, νο τιε νεσ λα π〈γινα χρεαδα ψ ϖασ α δισε〉αρλα αηορ

α, ελεγιρ〈σ ελ οτρο βοτ⌠ν: Νυεϖα π〈γινα.

'bserva tambi/n como a las pesta8as de la parte inferior izquierda de la Cista página sehan a8adido dos más. La pesta8a 5in marcos te permite hacer una página de advertenciaque les aparecerá a aquellos usuarios que utilicen un navegador sin soporte para marcos.uedes dear el te%to que aparece de forma predeterminada. La otra pesta8a nueva,?+#L de página de marcos, te muestra el c0digo html de la página que define elconunto de marcos. $s una ventana distinta a la ventana ?+#L, que muestra el c0digode las páginas que se aloan en el conunto de marcos.

Ana vez tengas creada la página de marcos y las páginas que se aloarán en ellos debesguardarla. Ga sabes que debes guardar todos los elementos por separado: por una parte,la página de marcos, y por otra, tantas páginas como marcos tenga. ormalmente, la

página de marcos será la página inicial de tu sitio, por tanto debes nombrarla comoinde%.htm. +ambi/n puedes guardar cada página de un marco, seleccionando dichomarco y eligiendo #en* #arcos Buardar página como.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Σι ϖασ α χρεαρ υνα νυεϖα π〈γινα δε υν µαρχο, πυεδεσ ηαχερ θυε απαρεζχα εν τοδα λα ϖεντανα

ψ αστενερ µ〈σ εσπαχι ο παρα τραβαϕαρ. Παρα ελλο, σελεχχιονα ελ µαρχο ψ ελιγε ΜενΜαρχο

σ > Αβριρ π〈γινα εν νυεϖα ϖεντανα.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

€


20/28

Χρεαρ υνα π〈γινα δε µαρχοσ παρα νυεστρο σιτιο€Λοσ µαρχοσ διϖιδεν υνα π〈γινα ωεβ εν ϖαριασ ζονασ ινδεπενδιεντεσ. Νοσοτροσ ϖαµοσ α χρεα

ρ υνα π〈γινα δε µαρχοσ παρα νυεστρο σιτιο δε ταλ φορµα θυε ελ µαρχο δε λα ιζθυιερδα λο ρεσερ

ϖεµοσ παρα ιντροδυχιρ υν µενδε ναϖεγαχι⌠ν.

€

∆εσαρρολλο1. ςαµοσ α χρεαρ υνα π〈γινα δε µαρχοσ βασ〈νδονοσ εν υνα πλαντιλλα. Παρα ελ λο, ελιγε ΜενΑρ

χηιϖο > Νυεϖο > Π〈γινα. Σιτατε εν λα πεστα〉α Π〈γινασ δε µαρχοσ ψ σελεχχιονα λα πλαντιλλα

Χοντενιδο Ηαζ χλιχ εν Αχεπταρ.

9. +e aparece la nueva página de marcos. ?az clic en el bot0n 6ueva página7 del marcode la izquierda. &qu1 vamos a introducir los elementos de men*, que serán Diograf1a,

iscograf1a y !otograf1as. 5i quieres puedes utilizar el mismo dise8o de botonesactivables que ya hicimos en el eercicio correspondiente a la lecci0n =.=.

=. &hora haz clic en el bot0n 6$stablecer página principal7 del marco de la derecha yselecciona la página inde%.htm. "omo en esta página están todav1a los elementos demen* que creamos en un eercicio anterior, b0rralos, pues a partir de ahora apareceránen el marco de la izquierda. La página debe quedar as1:

Reul!ado

;. $l *ltimo paso es guardar todas las páginas. or una parte la página que contiene losmarcos y por otra las dos páginas que están anidadas en la página de marcos. ara ellohaz clic en Buardar. rimero deberás guardar la página que contiene el men*< llámalamenu.htm. espu/s, guarda la página que está contenida en el marco de la derecha<llámala principal.htm. !inalmente, guarda la página de marcos< llámala inde%.htm ysustituye a la antigua.

Modi.icar una (9gina de 'arco


21/28

Una ve2 definida una página de marcos " las páginas que se alojan en ellos4 puedes

cambiar la estructura " disposici!n desde el Men# Marcos.

€Ca'%iar el !a'ao de un 'arco

$n la Cista normal de la Cista página puedes seleccionar el marco que deseas modificar.

5abrás el que está seleccionado porque su borde se resalta en azul. +ambi/n puedesseleccionar todo el

conunto de marcos si los cambios van a afectar a todos los marcos de la página. $n elsiguiente eemplo está seleccionado el margen superior.

5i lo que quieres es modificar el tama8o de un marco, sencillamente debes arrastrar su borde hasta la posici0n deseada. Cerás como los marcos adyacentes tambi/n cambian de

tama8o para rellenar el espacio. ebes saber que cambiar el tama8o de un marco en una página no afecta al contenido de ninguna página mostrada en dicho marco, s0lomodifica el tama8o de la página que se verá en el marco.

El 'en6 Marco

$n el #en* #arcos tienes todas demás opciones que te permitirán cambiar una páginade marcos, como eliminar, dividir o guardar un marco.

Camos a detenernos con mayor atenci0n en la *ltima de las opciones de este men*, quecontrola las propiedades de un marco seleccionado.


22/28

$1 No'%re

$n este campo pondrás el nombre con el que designas al marco seleccionado. o debesconfundir el nombre del marco con el nombre del archivo de página. 5on dos cosasdistintas que no tienen porqu/ tener el mismo nombre.

2. *'(ina inicial

$s la página que has definido para que se aloe en el marco seleccionado. 5u nombre esel nombre del archivo.

3. Tama:o del marco

esde aqu1 puedes controlar de forma precisa el tama8o de los marcos. +ienes los parámetros 6&ncho7 o 6&lto7. uedes cambiar uno u otro dependiendo de si el marco esvertical u horizontal. +ienes tres unidades de medida posibles: p1%eles, porcentae de laventana o relativo a los demás marcos. 5i eliges delimitarlo relativamente con un valorde 2 todos los marcos tendrán el mismo ancho o alto, mientras que un valor relativo 2 enun marco y ; en otro hará que este *ltimo sea ; veces más ancho o alto que el primero.

!. M'r(enes

"uando se ve una página de marcos en un e%plorador, la distancia entre el borde de unmarco y el borde de la página mostrada dentro de dicho marco se denomina margen demarco. $n estos campos puedes establecer el n*mero de p1%eles que definirán losmárgenes de un marco.

;.


23/28

εαδο, νο τιενεσ πορθυεµπεζαρ δε νυεϖο. Υτιλιζα λασ οπχιονεσ Ελιµιναρ µαρ

χοψ ∆ιϖιδιρ µαρχοδελ ΜενΜαρχοσ.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

€

Μοδιφιχαρ λα π〈γινα δε µαρχοσ∆εσδε ελ Μενυ Μαρχοσ πυεδεσ µοδιφιχαρ υνα π〈γινα δε µαρχοσ ψα χρεαδα, ψ τ

αµβιν λασ π〈γινασ θυε εστ〈ν ανιδαδασ εν ελλοσ.

€

∆εσαρρολλο1. Αβρε λα π〈γινα ινδεξ.ητµ. Σελεχχιονα ελ µαρχο δε λα ιζθυιερδα (συ βορ

δε χαµβια α χολορ αζυλ) ψ ηαζ χλιχ χον ελ βοτ⌠ν δερεχηο δελ ρατ⌠ν δεντρ

ο. Ελιγε Προπιεδαδεσ δε µαρχο εν ελ µενχοντεξτυαλ. Παρα ελ χαµπο Ταµ

α〉ο δε µαρχοιντροδυχε υν ϖαλορ δε 15 . ∆εσαχτιϖα λα χασιλλα δε ϖεριφ

ιχαχι⌠ν ∆ε ταµα〉ο αϕυσταβλε εν ελ εξπλοραδορπαρα θυε ελ ϖισιταντε ε

ϕ

τυ παγινα νο πυεδα µοδιφιχαρ ελ ταµα〉ο δε λοσ µαρχοσ. Ελιγε λα οπχι⌠ν Ν

υνχα εν ελ χαµπο Μοστραρ βαρρασ δε δεσπλαζαµιεντοψ δεϕα λασ δεµασ

οπχιονεσ χοµο εσταβαν.

9. &l hacer clic en &ceptar, !rontpage reordenalos tama8os de los marcos a las nuevasmedidas. "omo has establecido un valor de2H4 para el marco izquierdo, el derecho

pasará a ocupar ahora el IH4 de la ventana.

Reul!ado

=. Cuelve a elegir ropiedades de marco delmen* conte%tual. Luego pulsa en el bot0n6ágina de marcos7. $stos valores regirán paratodos los marcos de una página de marcos. $ligeun valor 3 para el $spaciado del marco (es eln*mero de p1%eles que habrá entre un marco yotro). &ctiva la casilla de verificaci0n #ostrar

bordes (para que el e%plorador muestre los

bordes de separaci0n entre marcos). Buarda la página inde%.htm.


24/28

€

Mo!rar una (9gina en un 'arco€

Χοµο ψα δεβεσ σαβερ, λοσ µαρχοσ σε υτιλι ζαν χοµο ελεµεντοσ δε εξπλοραχι⌠ν ψ παρα ηαχερ θ

υε υνασ ζονασ δε λα π〈γινα περµανεζχαν εστ〈τιχασ µιεντρασ οτρασ ζονασ χαµβιαν δεπενδιενδο

δε λοσ ηιπερϖχυλοσ εν λοσ θυε ηαχεµοσ χλιχ.

€

Ελ µαρχο δε δεστινοΧυανδο τραβαϕασ χον µαρχοσ, ελ µαρχο εν ελ θυε σε µο στραρα λα παγινα α λα θυε χονδυχε ελ

ηιπερϖχυλο σε δενοµινα µαρχο δε δεστινο Λα διναµιχα δε ινσερταρ ηιπερϖ χυλοσ εσ µυψ

σιµιλαρ α λα θυε ηεµοσ ϖιστο ηαστα αηορα. Λο νιχο θυε χαµβι α εσ θυε δεβεσ εσπεχιφιχαρ εν θ

υµαρχο δε δεστινο σε δεβε µοστραρ λα π〈γινα ενλαζαδα.

Εν ελ εϕεµπλο θυε ηεµοσ υτιλιζαδο para este cap1tulo, hab1amos creado dos marcos:uno para contener el men* y otro para contener el contenido de las secciones. Camos ahacer que loshiperv1nculos del men* abran sus respectivas páginas en el marco de destino que será el marcoderecho.

Aignar una (9gina a un 'arco de de!ino

Σιγυε εστοσ πασοσ παρα χρεαρ λοσ ηιπερϖχυλοσ:

2. 5elecciona el te%to que va a hacer de enlace y elige #en* -nsertar ?iperv1nculo.


25/28

9. espu/s elige la página a la que conduce el hiperv1nculo.

=. $lige el marco de destino en el que se verá la página. ara ello, haz clic sobre el bot0n con un lápiz del campo 6#arco destino7. +e aparecerá un cuadro de diálogo como/ste:

Εν λα παρτε δερεχηα τιενεσ υν εσθυεµα δε λα π〈γινα δε µαρχοσ εν λα θυε εστ〈σ τραβαϕανδο. Σελ

εχχιονα ελ µαρχο δε δεστινο ψ Αχεπτα.

$n la lista de la derecha tienes unos destinos estándar. $l mismo introduce la páginavinculada en el mismo marco en que estaba el v1nculo. +oda la página introduce la

página vinculada en toda la ventana completa del e%plorador, eliminando los marcos.ágina nueva abre una página nueva para introducir la página vinculada, de manera quetendr1as dos ventanas del e%plorador abiertas con dos páginas: la del marco y la nuevacon el destino del v1nculo. #arco primario introduce la página vinculada en el conuntode marcos.

;. ara designar el marco de destino seleccionado como predeterminado para todos loshiperv1nculos de la página, activa la casilla de verificaci0n $stablecer como valor predeterminado

de página. Las páginas se8aladas por los hiperv1nculos en la página actual se abriránautomáticamente en el marco de destino especificado.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Μυχηασ ϖεχεσ τοδοσ λοσ ϖχυλο σ δε υν µαρχο τιενεν χοµο δεστινο οτρο µαρχο φιϕο. Εν εστε χ

ασο σε πυεδε πρεδετερµιναρ. Ηαζ χλιχ χον ελ βοτ⌠ν δερεχηο εν ελ µαρ χο δονδε εστ〈ν λοσ ϖχυ

λοσ ψ ελιγε Πρ οπιεδαδεσ δε π〈γινα δελ µενχοντεξτυαλ. Εν λα πεστα〉α Γενεραλ ιντροδυχε ελ Μα

ρχο δε δεστινο πρεδετερµιναδο εν ελ χυαδρο χον ελ µισµο νοµβρε.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _


26/28

€Mostrar una #'(ina en un marco

$n este eercicio vamos a hacer que al hacer clic sobre los v1nculos del marco de laizquierda, las páginas correspondientes se carguen en el marco derecho.

€Dearrollo1. Αβρε λα π〈γινα ινδεξ.ητµ.

9. 5elecciona el primer bot0n activable del marco de la izquierda y elige 6ropiedadesdel bot0n activable7 del men* conte%tual. Los botones ya tienen un v1nculo establecido(se hizo al crearlos). or ello, lo que vamos a hacer ahora es definir d0nde queremos quese muestre la página vinculada. ?az clic en el bot0n $%aminar del cuadro de diálogo.

=. ?az clic en el bot0n con un lápiz del campo 6#arco destino7. +e aparecerá un nuevocuadro de diálogo para que selecciones el marco en el que deseas cargar la página.5elecciona el marco derecho. ?az clic en &ceptar en todos los cuadros de diálogo quetengas abiertos.

;. epite los pasos 9 y = para establecer el marco de destino de los demás v1nculos delmen* de la izquierda.

Reul!adouedes comprobar que has realizado todos los pasos correctamente en la pesta8a deCista previa. Buarda los cambios.€

Comprobación

Marca la res*uesta correcta.

1. ¿De cu-ntos arc"!os "tml se com*one una *-+na con tres marcos$


27/28

8no

Tres

Cuatro

%. ¿&ara 'u( se utl#a el botón Establecer como *-+na *rnc*alB de un marco$

*ara %acer $ue la #'(ina de marcos se convierta en la #'(ina #rinci#al de un sitio?eb

*ara establecer la #'(ina ?eb $ue se va a ver en ese marco

*ara establecer los #ar'metros de la #'(ina de marcos

,. ¿&uedes crear una *-+na de marcos sn antes "aber creado las *-+nas 'ue se!er-n en ellos$

No

olamente si la #'(ina de marcos tiene dos marcos

. ¿&ara 'u( se utl#a la *estaa @n marcosB de la sta &-+na$

*ara escribir un mensa"e de advertencia a los visitantes cuyo e#lorador no est'#re#arado #ara so#ortar marcos

*ara crear una versión de la misma #'(ina sin marcos

*ara visualiar cómo $uedara la misma #'(ina si no tuviera marcos

3. ¿/u( de0ne el cód+o de la *estaa =M> de *-+na de marcosB$

&l %tml de la #'(ina de marcos

&l %tml de las #'(inas $ue se ver'n en la #'(ina de marcos

&l %tml de la #'(ina de marcos+ m's el %tml de las #'(inas $ue se ver'n en ellos

4. ¿/u( ocurre cuando cambas el tamao de un marco$

e modifica tambi9n la #'(ina $ue se va a ver en ese marco

No afecta a la #'(ina $ue se va a ver en ese marco

No se #uede cambiar el tama:o de un marco

7. ¿&uedes nombre un marco de 0orma dstnta a la *-+na 'ue !a a contener$

No+ un marco no tiene un nombre es#ecfico

No+ ambos deben tener el mismo nombre

8. ¿&uedes de0nr un tamao e


28/28

&l es#acio $ue eiste entre un marco y otro

&l es#acio $ue eiste entre un marco y el borde i$uierdo de la ventana

&l es#acio $ue eiste entre el borde de un marco y el borde de la #'(ina mostrada endic%o marco

1. ¿/u( nombre recbe el marco en el 'ue se mostrar- una *-+na !nculada$Marco de destino

Marco final

Marco secundario

FECHA DEREVISION

….. /..… /2!

O " S E R V A C I O N E S

FIRMADE#

$ROFESOR

FIRMA DE#$$.FF O

A$ODERADO
http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest05.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest05.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest05.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest05.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest05.htm#%23http://www.educared.net/aprende/Curso_FrontPage2000/html/autotest05.htm#%23

Documents

III BIMESTRE..doc