Documente online.
Zona de administrare documente. Fisierele tale
Am uitat parola x Creaza cont nou
 HomeExploreaza
upload
Upload




CADRE (Frames)

Informatica


CADRE (Frames)



Cadrele (frames) sunt sectiuni ce ofera posibilitatea de a vizualiza simultan īn fereastra browser-ului mai multe pagini Web.

Bazele organizarii cadrelor

Fiecare pagina afisata īntr-un cadru se specifica utilizānd marcajul <FRAME> ce este inserat īn marcajul <FRAMSET>.

Prin intermediul parametrilor ROWS sau COLS al marcajului <FRAMSET> se defineste spatiul din cadrul ferestrei browser-ului, alocat fiecarei pagini Web īn parte.

Definirea spatiului alocat fiecarei pagini Web se poate face īn pixeli sau īn procente, procentul se refera la cāt la suta din fereastra browser-ului este alocata fiecarei pagini Web īn parte.

1. Cadre orizontale

Exemplul1: Īmpartirea browser-ului īn doua sectiuni orizontale.

Cadre1.html

<HTML>

<FRAMESET ROWS="80, *">

<FRAME SRC ="unu.html">

<FRAME SRC ="doi.html">

</FRAMESET>

</HTML>

Exemplul2: Īmpartirea browser-ului īn trei sectiuni orizontale.

Cadre2.html

<HTML>

<FRAMESET ROWS="80,50, *">

<FRAME SRC ="unu.html">

<FRAME SRC ="doi.html">

<FRAME SRC ="trei.html">

</FRAMESET>

</HTML>

2. Cadre verticale

Exemplul1: Īmpartirea browser-ului īn doua sectiuni verticale.

Cadre3.html

<HTML>

<FRAMESET COLS="80,*">

<FRAME SRC ="unu.html">

<FRAME SRC ="doi.html">

</FRAMESET>

</HTML>

Exemplul2: Īmpartirea browser-ului īn trei sectiuni verticale.

Cadre4.html

<HTML>

<FRAMESET COLS="80,50,*">

<FRAME SRC ="unu.html">

<FRAME SRC ="doi.html">

<FRAME SRC ="trei.html">

</FRAMESET>

</HTML>

3. Cadre īn cadre

Exemplul1: Putem afisa īn aceeasi fereastra a browser-ului simultan atāt cadre orizontale cāt si cadre verticale.

Cadre5.html

<HTML>

<FRAMESET COLS="80%,*">

<FRAMESET ROWS="30%,70%*">

<FRAME SRC="unu.html">

<FRAME SRC ="doi.html">

</FRAMESET>

<FRAMESET ROWS="33%,33%,*">

<FRAME SRC ="rosu.html">

<FRAME SRC ="galben.html">

<FRAME SRC ="verde.html">

</FRAMESET>

</FRAMESET>

</HTML>

Exemplul2: Unui cadru i se poate asocia un nume prin intermediul parametrului NAME al marcajului <FRAME>.

Documentul prima.html

<HTML>

<FRAMESET COLS="30%,*">

<FRAME SRC ="ROSU.html">

<FRAMESET ROWS="30%,*">

<FRAME SRC ="NEGRU.html">

<FRAME SRC ="ALB.html" NAME=REFER>

</FRAMESET>

</FRAMESET>

</HTML>

Documentul rosu.html

<HTML>



<HEAD>

</HEAD>

<BODY BGCOLOR="RED"TEXT="#FFFFFF">

<A HREF="VERDE.html" TARGET=REFER>Referire catre pagina Web verde</A>

<BR>

<A HREF="ALBASTRU.html"TARGET=REFER>Referire catre pagina Web albastra</A>

</BODY>

</HTML>

Documentul alb.html

<HTML>

<HEAD>

</HEAD>

<BODY BGCOLOR="WHITE"TEXT=#000000">

<H1><CENTER>PAGINA ALBA</CENTER></H1>

</BODY>

</HTML>

Documentul negru.html

<HTML>

<HEAD>

</HEAD>

<BODY BGCOLOR="BLACK"TEXT=#FFFFFF">

<H1><CENTER>PAGINA NEAGRA</CENTER></H1>

</BODY>

</HTML>

Documentul verde.html

<HTML>

<HEAD>

</HEAD>

<BODY BGCOLOR="GREEN"TEXT=#000000">

<H1><CENTER>PAGINA VERDE</CENTER></H1>

</BODY>

</HTML>

Documentul albastru.html

<HTML>

<HEAD>

</HEAD>

<BODY BGCOLOR="BLUE"TEXT=#000000">

<H1><CENTER>PAGINA ALBASTRA</CENTER></H1>

</BODY>

</HTML>

2. TABELE

Marcajul pentru definirea unui tabel este: <TABLE>..</TABLE> iar īn interiorul acestui marcaj se utilizeaza marcajele:

<TR>..</TR> pentru definirea unei linii a tabelului;

<TH>..</TH> pentru definirea antetului tabelului;

<TD>..</TD> pentru definirea datei unei cellule a tabelului.

Parametrii marcajului <TABLE>

Parametrii marcajului <TD>

BORDER=n - permite definirea zonei umbrite din jurul tabelului (n, nr. īntreg).

BORDER COLOR=cod_culoare - permite definirea culori zonei umbrite.

CELLSPACING=n - defineste spatiul lasat īntre celule (n, nr. īntreg - pixeli).

CELLPADDING=n - defineste spatiul lasat dintre data din celula si chenarul celulei (n, nr. īntreg - pixeli).

WIDTH=n - permite definirea latimii dorite a tabelului (n, īn pixeli sau īn procente).

HEIGHT=n permite definirea īnaltimii dorite a tabelului (n, īn pixeli sau īn procente).

COLSPAN=n - permite unei celule sa se extinda pe mai multe coloane.

rowspan='n ' - permite unei celule sa se extinda pe mai multe rīnduri.



GBCOLOR=culoare -permite definirea culorii de fond a unei celule.

ALIGN=pozitie - specifica alinierea orizontala a datei din celula. Optiunile posibile sunt: Left, Right, Center.

BACKGROUND=fisier_imagine permite specificarea unei imagini grafice de fond īn interiorul unei cellule.

Tabel_fundamental.html

Efect

<table border =1>

<tr>

<td>

a

</td>

</tr>

</table>

Ex. Nr. 1 (Tabel1.html)

Efect

<HTML>

<HEAD>

<TITLE>Tabele</TITLE>

</HEAD>

<BODY>

<TABLE>

<TR><TH>Nume</TH>

<TH>Prenume</TH>

<TH>Media</TH>

<TR><TD>Petcu</TD>

<TD>Ionut</TD>

<TD>8.20</TD>

</TABLE>

</BODY>

</HTML>

Nume

Prenume

Media

Petcu

Ionut

Ex. Nr. 2 (Tabel2.html

Efect

<HTML>

<HEAD>

<TITLE>Tabele</TITLE>

</HEAD>

<BODY>

<TABLE BORDER COLOR=RED>

<TR><TH>Nume</TH>

<TH>Prenume</TH>

<TH>Media</TH>

<TR><TD>Petcu</TD>

<TD>Ionut</TD>

<TD>8.20</TD>

</TABLE>

</BODY>

</HTML> 

Nume

Prenume

Media

Petcu

Ionut

Ex. Nr. 3 (Tabel3.html)

<HTML>

<HEAD>

<TITLE>Tabele</TITLE>

</HEAD>

<BODY>

<TABLE BORDER HEIGHT=100 WIDTH=100>

<TR><TH rowspan='2' bgcolor=lightblue>Candidat</TH>

<TH>Nume</TH>

<TH>Prenume</TH>

<TH>Media</TH>

<TR><TD>Petcu</TD>

<TD>Ionut</TD>



<TD>8.20</TD>

</TABLE>

</BODY>

</HTML>

Efect

Candidat

Nume

Prenume

Media

Petcu

Ionut

Ex. Nr. 4 (Test_edtehn8.html)

<HTML>

<HEAD>

<TITLE> WEB Design. Evaluare practica</TITLE>

</HEAD>

<BODY bgcolor="aqua">

<P align="right"><B>Data: ................</B></P>

<BR CLEAR=all><B>Numele elevilor evaluati:</B><BR>

<I><B>Nume1: .........................</B></I><BR>

<I><B>Nume2: .........................</B></I></BR>

<BR> </BR>

<H2><CENTER>Evaluare practica la disciplinele Educatie tehnologica si Informatica</CENTER></H2>

<CENTER><H1>Materiale utilizate in electrotehnica si electronica</H1></CENTER>

<BR> </BR>

<P><H4>1. Completati tabelul de mai jos:</H4>

<table border=1>

<tr>

<td>

<B><CENTER><H3>Materiale conductoare</H3></B>

</td>

<td>

<B><CENTER><H3>Materiale semiconductoare</H3></B>

</td>

<td>

<B><CENTER><H3>Materiale izolatoare</H3></B>

</td>

</tr>

<tr>

<td>

- <I><B>materiale conductoare metalice</B></I> (......).<BR>

- <I><B>materiale conductoare nemetalice (electrolitii)</B></I><BR>- solutii in apa: de acid sulfuric, sare de bucatarie;<BR>-solutii in alcool; <BR>- solutii in amoniac. <BR>

</td>

<td>

- <I><B>.......... ..... ...... ............</B></I><BR>

- <I><B>sulfurile</B></I> (sulfura de zinc)<BR>

- <I><B>carburile</B></I> (carbura de siliciu)<BR>

- <I><B>oxizii</B></I> (oxidul cupros)<BR>

</td>

<td>

Dupa starea de agregare, se deosebesc materiale izolante:<BR>

- <I><B>solide</B></I> (.......)<BR>

- <I><B>lichide</B></I> (......);<BR>

- <I><B>gazoase</B></I> (......)

</td>

</tr>

</table>

<P> <H4>2.Ce proprietate a materialelor metalice determina clasificarea lor in materiale: conductoare, izolatoare si semiconductoare?</H4>

<P><B><I>Raspuns: </I></B>.......... ..... ......

<P> <H4>3.Definiti termenul <B><I>aliaj</B></I></H4>

<P><B><I>Raspuns: </I></B>.......... ..... ...... .......... ..... ...... .......... ..... ...... .......... ..... ...... ..............................

<P align="right"> <B>Profesor indrumator: <I><B>Bostan Mihaela</B></I></P>

</BODY>

</HTML>

Efect

Ex. Nr. 5 (Barem_edtehn8.html)

<HTML>

<HEAD>

<TITLE> WEB Design. Evaluare practica</TITLE>

</HEAD>

<BODY bgcolor="aqua">

<P align="right"><B>Data: 6 martie 2006</B></P>

<BR CLEAR=all><B>Numele elevilor evaluati:</B><BR>

<I><B>Nume1: Bostan Elena</B></I><BR>

<I><B>Nume2: Bostan Andrei</B></I></BR>

<BR> </BR>

<H2><CENTER>Evaluare practica la disciplinele Educatie tehnologica si Informatica<CENTER></H2>

<CENTER><H1>Materiale utilizate in electrotehnica si electronica</H1>

<BR> </BR>

<table border=1>

<tr>

<td>

<B><CENTER><H3>Materiale conductoare</H3></B>

</td>

<td>

<B><CENTER><H3>Materiale semiconductoare</H3></B>

</td>

<td>

<B><CENTER><H3>Materiale izolatoare</H3></B>

</td>

</tr>

<tr>

<td>

- <I><B>materiale conductoare metalice</B></I> (argint, aur, platina, cuprul si aliaje ale cuprului, aluminiul si aliaje ale aluminiului, fierul si aliajele lui, nichelul si metale cu temperatura ridicata de topire: wolfram, molibden, tantal.<BR>

- <I><B>materiale conductoare nemetalice (electrolitii)</B></I><BR>- solutii in apa: de acid sulfuric, sare de bucatarie;<BR>-solutii in alcool; <BR>- solutii in amoniac. <BR>

</td>

<td>

- <I><B>germaniul; siliciul</I></B><BR>

- <I><B>sulfurile</B></I> (sulfura de zinc)<BR>

- <I><B>carburile</B></I> (carbura de siliciu)<BR>

- <I><B>oxizii</B></I> (oxidul cupros)<BR>

</td>

<td>

Dupa starea de agregare, se deosebesc materiale izolante:<BR>

- <I><B>solide</B></I> (marmura, mica, sticla, ceramica, lemn, bumbac, ceara, celuloza, mase plastice, cauciuc, etc.)<BR>

- <I><B>lichide</B></I> (uleiuri minerale; uleiuri vegetale; uleiuri sintetiece; rasini naturale, lacuri etc.);<BR>

- <I><B>gazoase</B></I> (aer, azot, hidrogen, argon etc.)

</td>

</tr>

</table>

<P align="right"> <B>Profesor indrumator: <I><B>Bostan Mihaela</B></I></P>

</BODY>

</HTML>

Efect



Document Info


Accesari: 781
Apreciat: hand-up

Comenteaza documentul:

Nu esti inregistrat
Trebuie sa fii utilizator inregistrat pentru a putea comenta

Creaza cont nou

A fost util?

Daca documentul a fost util si crezi ca merita
sa adaugi un link catre el la tine in site


in pagina web a site-ului tau.



eCoduri.com - coduri postale, contabile, CAEN sau bancare

Politica de confidentialitate | Termenii si conditii de utilizare




Copyright © Contact (SCRIGROUP Int. 2025 )