003

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Multimedia</title>
</head>
<body vlink="#0039E6">
<table border="0" cellspacing="1" width="100%" height="105">

<tr>
<td width="18%" background="pc.gif" valign="top" height="4" rowspan="2"
style="border-bottom: 2 solid #0000A0">
RNCCC</td>
<td width="82%" background="PH02354J.jpg" height="4">
Introducere in
HTML</td>
</tr>
<tr>
<td width="82%" bordercolor="#000080" bgcolor="#E3E3E3" height="1"
style="border-bottom: 1 solid #000080" valign="top">
 &nbsp
;
<applet code="fphover.class" codebase="../html_inc/" width="120" height="16">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="text" value="Pagina principala">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="bold">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="../../index.html">
</applet>
 &nbsp
;
<applet code="fphover.class" codebase="../html_inc/" width="120" height="17">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="bold">
<param name="fontsize" value="12">
<param name="text" value="Instruire continua">
<param name="url" valuetype="ref" value="../../edu.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" height="17" bgcolor="#98B8CD" colspan="2" valign="top"
style="border-bottom: 1 solid #000080">
 &nb
sp; &n
bsp; &
nbsp;
 &nbsp
; &nbs
p; &nb
sp; &n
bsp; &
nbsp;

Pagina urmatoare
<a href="lectia6_2.html"><img border="0" src="BD21298_.GIF" width="22"
height="13" alt = "Pagina urmatoare"></a>
</td>
</tr>
</table>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="1" width="100%" style="border-top:
1 solid #000080">
<tr>
<td valign="top" width="18%" bgcolor="#D2E0EA">
<div align="left">
<table border="0" width="101%" height="560">
<tr>
<td width="100%" bgcolor="#E3E3E3" style="border: 1 solid #98B8CD"
height="17">
<a href="cuprins.html" style="text-decoration: blink">CUPRINS
</a></td>
</tr>
<tr>
<a style="text-decoration: blink" href="lectia1_1.html">GENERALITATI</a> 
<img border="0" src="BD14581_.GIF" WIDTH="12" HEIGHT="12"> <a
href="lectia1_1.html" style="text-decoration: blink">Introducere</a> 
<img border="0" src="BD14581_.GIF" WIDTH="12" HEIGHT="12"> <a style="text-
decoration: blink" href="lectia1_2.html">Elemente
HTML</a> 
<img border="0" src="BD14581_.GIF" WIDTH="12" HEIGHT="12"> <a
href="lectia1_3.html" style="text-decoration: blink">Un
document 
 simplu</a></td>
</tr>
<tr>
<a style="text-decoration: blink" href="lectia2_1.html">PREZENTAREA
DOCUMENTELOR 
</a><img border="0" src="BD14581_.GIF" WIDTH="12" HEIGHT="12">
 <a style="text-decoration: blink"
href="lectia2_1.html">Alinierea</a> 
decoration: blink" href="lectia2_2.html">Liste
ordonate</a> 
neordonate</a> 
href="lectia2_4.html" style="text-decoration: blink">Liste
de definitie</a> 
in liste
</a>
</td>
</tr>
<tr>
height="77"><a style="text-decoration: blink"
href="lectia3_1.html">TABELE 
 <a style="text-decoration: blink" href="lectia3_1.html">Despre
tabele</a> 
decoration: blink" href="lectia3_2.html">Un
tabel simplu</a> 
decoration: blink" href="lectia3_3.html">Alinierea 
 celulelor</a>
</td>
</tr>
<tr>
height="62"><a href="lectia4_1.html" style="text-decoration:
blink">EFECTE
VIZUALE</a>
<a style="text-decoration: blink" href="lectia2_1.html"> 
 <a style="text-decoration: blink"
href="lectia4_2.html">Stiluri</a> 
style="text-decoration: blink" href="lectia4_3.html">Caractere 
 speciale</a>
</td>
</tr>
<tr>
height="62"><a style="text-decoration: blink"
href="lectia6_1.html">MULTIMEDIA</a>
 <a style="text-decoration: blink" href="#e1">Imagini</a> 
style="text-decoration: blink" href="lectia6_2.html">Sunet
si video</a>
</td>
</tr>
<tr>
height="21"><a style="text-decoration: blink"
href="lectia6_1.html">MULTIMEDIA</a>
<a style="text-decoration: blink" href="#e1">Imagini</a> 
style="text-decoration: blink" href="lectia6_2.html">Sunet
si video</a></td>
</tr>
<tr>
<td width="100%" bgcolor="#E3E3E3" height="21" style="border: 1 solid
#98B8CD"><a href="lectia7_1.html" style="text-decoration:
blink">STRUCTURA
DOCUMENTELOR</a></td>
</tr>
<tr>
#98B8CD"><a style="text-decoration: blink"
href="lectia8_1.html">FORMULARE 
</a><img border="0" src="BD14581_.GIF" WIDTH="12" HEIGHT="12"> 
<a style="text-decoration: blink" href="lectia8_2.html">Casete
text</a> 
decoration: blink" href="lectia8_3.html">Butoane
radio</a> 
decoration: blink" href="lectia8_4.html">Casete
de 
 validare</a> 
de selectie</a> 
decoration: blink" href="lectia8_6.html">Butoane</a></td>
</tr>
<tr>
#98B8CD"><a href="exercitii/index_ex.html" style="text-
decoration: blink">EXERCITII</a></td>
</tr>
<tr>
#98B8CD"><a style="text-decoration: blink"
href="exercitii/solutii.html">REZOLVARI</a></td>
</tr>
</table>
</div>
</td>
<td width="15"></td>
<td valign="top" width="80%">
<h2> 
Multimedia</h2>
<h2>Adaugarea de obiecte multimedia </h2>
O caracteristica de mare interes a Web-ului este posibilitatea sa de a

adauga imagini, sunet si video in documente care pot fi furnizate prin retea
pe diferite platforme. 
Aceasta facilitate are un caracter mai limitat decat aplicatiile specializate
pe multimedia dezvoltate pe diverse platforme, dar ceea ce merita remarcat este
capacitatea sa unificatoare de a asigura portabilitatea acestor documente
pe platforme diverse: Windows, UNIX, Macintosh.
Vizualizarea sau executia diverselor obiecte multimedia pe platforme

diferite nu este controlata de catre browser ci de catre aplicatii specifice
care pot gestiona diverse formate multimedia. Fac exceptie imaginile, care
pot fi prelucrate direct de catre browser. 
In cele ce urmeaza se va arata modul de includere a imaginilor, sunetului

si video-ului in fisierele HTML. 



<h2><a name="e1">Imagini</a> </h2>
Multe documente HTML includ imagini pentru a le spori continutul si

atractivitatea.
De multe ori, aceste imagini aduc un plus de informatie, dar se poate
constata in multe cazuri o utilizare excesiva a imaginilor pe Web.
Pentru a introduce o imagine in cadrul unui document se scrie cod cu urmatoarea

sintaxa:
<code><IMG SRC="image.URL" [ALIGN="..."]

[ALT="..."]></code>
Atributele din paranteze sunt optionale si ele pot fi omise.
Browser-ele grafice pot afisa imagini in format GIF sau JPEG (fisiere
cu extensiile .gif sau .jpg )
Urmatoarele exemple arata utilizarea marcajelor HTML <IMG>. Exemplele

afiseaza pe browser o imagine denumita arches.gif care este localizata
intr-un
director numit imagini care se afla in subdirectorul directorului care
contine referinta. Referinta la imagine se face utilizand un URL
relativ. 
<code><IMG SRC="imagini/arches.gif"
ALIGN="TOP"ALT="exemplu
imagine" </code>
<a href="imagini/arches.gif"><img src="imagini/arches.gif" align="top"

alt="exemplu imagine" WIDTH="150" HEIGHT="105"></a>
<code><IMG SRC="imagini/arches.gif" ALIGN="MIDDLE"

ALT="exemplu
imagine"></code>
<a href="imagini/arches.gif"><img src="imagini/arches.gif" align="middle"

alt="exemplu imagine" WIDTH="150" HEIGHT="105">
</a><code> 
 </code>
<code> <IMG SRC="imagini/arches.gif" ALIGN="BOTTOM"

ALT="exemplu
imagine">
</code>
<a href="imagini/arches.gif"><img src="imagini/arches.gif" align="bottom"

alt="exemplu imagine" WIDTH="150" HEIGHT="105">
</a> 
<h3> </h3>
<h3>Utilizarea imaginilor ca referinte (link-uri)</h3>
Ca si textele, imaginile pot fi utilizate ca referinte. Marcajul HTML

<IMG> trebuie inclus in interiorul referintei. 
De exemplu, urmatorul cod foloseste o imagine ca sa afiseze pe fereastra

browser-ului un fisier: 
<code><A HREF="cuprins.html"><IMG
SRC="imagini/point.gif" ALT="vizualizeza
documentul"></A></code>
Rezultatul este urmatoarea imagine care actioneaza ca un

link:https://www.google.com/imgres?imgurl=https%3A%2F%2Fupload.wikimedia.org
%2Fwikipedia%2Fcommons%2Fthumb%2Fd%2Fd7%2FDesktop_computer_clipart_-
_Yellow_theme.svg%2F1200px-Desktop_computer_clipart_-
_Yellow_theme.svg.png&tbnid=MiPldTBJ-
uoc9M&vet=12ahUKEwj0jPeg7cCCAxWzof0HHTabCCAQMygBegQIARBF..i&imgrefurl=https%3A%2F
%2Fro.wikipedia.org%2Fwiki
%2FCalculator&docid=BLUDdOMwu4ZedM&w=1200&h=867&q=computer&safe=active&ved=2ahUKEwj
0jPeg7cCCAxWzof0HHTabCCAQMygBegQIARBF
<a href="cuprins.html">

<img src="imagini/point.gif" alt="vizualizeaza documentul" WIDTH="16" HEIGHT="16">
</a>
Utilizarea unei imagini pentru referinte este eficienta atunci cand este
insotita si de un text in cadrul referintei. Exista posibilitatea ca imaginea
singura sa nu sugereze existenta unui link. Exceptie face cazul in care imaginea
este in format redus si prin ea se face link la aceasi imagine, de dimensiune
marita. Aceasta situatie va fi si ea prezentata cele ce urmeaza. 
</td>
</tr>
</table>
</center>
</div>
<table border="0" cellspacing="1" width="100%" height="27">

<tr>
<td width="100%" height="1" bgcolor="#98B8CD" valign="top" style="border-bottom:
1 solid #000080">
 &nb
sp; &n
bsp; &
nbsp;
 &nbsp
; &nbs
p; &nb
sp; &n
bsp;

Pagina urmatoare
<a href="lectia6_2.html"><img border="0" src="BD21298_.GIF" width="22"
height="13" alt = "Pagina urmatoare"></a>
</td>
</tr>
</table>
<hr>
</body>
</html>

003

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

003

Uploaded by

Copyright:

Available Formats

<html>

<table border="0" cellspacing="1" width="100%" height="105">

<h2>Adaugarea de obiecte multimedia </h2>

<p>O caracteristica de mare interes a Web-ului este posibilitatea sa de a

<p>Vizualizarea  sau executia diverselor obiecte multimedia pe platforme

<p>In cele ce urmeaza se va arata modul de includere a imaginilor, sunetului

<p>Multe documente HTML includ imagini pentru a le spori continutul si

<p>Pentru a introduce o imagine in cadrul unui document se scrie cod cu urmatoarea

<p><code><IMG SRC="image.URL" [ALIGN="..."]

<p>Atributele din paranteze sunt optionale si ele pot fi omise.</p>

<p>Urmatoarele exemple arata utilizarea marcajelor HTML <IMG>. Exemplele

<p><a href="imagini/arches.gif"><img src="imagini/arches.gif" align="top"

<p><code><IMG SRC="imagini/arches.gif" ALIGN="MIDDLE"

<p><a href="imagini/arches.gif"><img src="imagini/arches.gif" align="middle"

<p><code> <IMG SRC="imagini/arches.gif" ALIGN="BOTTOM"

<p><a href="imagini/arches.gif"><img src="imagini/arches.gif" align="bottom"

<p>Ca si textele, imaginile pot fi utilizate ca referinte. Marcajul HTML

<p>De exemplu, urmatorul cod foloseste o imagine ca sa afiseze pe fereastra

<p>Rezultatul este urmatoarea imagine care actioneaza ca un

<p align="center"><a href="cuprins.html">

<table border="0" cellspacing="1" width="100%" height="27">

You might also like

003

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

003

Uploaded by

Copyright:

Available Formats

<html>

<table border="0" cellspacing="1" width="100%" height="105">

<h2>Adaugarea de obiecte multimedia&nbsp;</h2>

<p>O caracteristica de mare interes a Web-ului este posibilitatea sa de a

<p>Vizualizarea&nbsp; sau executia diverselor obiecte multimedia pe platforme

<p>In cele ce urmeaza se va arata modul de includere a imaginilor, sunetului

<p>Multe documente HTML includ imagini pentru a le spori continutul si

<p>Pentru a introduce o imagine in cadrul unui document se scrie cod cu urmatoarea

<p><code>&lt;IMG SRC=&quot;image.URL&quot; [ALIGN=&quot;...&quot;]

<p>Atributele din paranteze sunt optionale si ele pot fi omise.</p>

<p>Urmatoarele exemple arata utilizarea marcajelor HTML &lt;IMG&gt;. Exemplele

<p><a href="imagini/arches.gif"><img src="imagini/arches.gif" align="top"

<p><code>&lt;IMG SRC=&quot;imagini/arches.gif&quot; ALIGN=&quot;MIDDLE&quot;

<p><a href="imagini/arches.gif"><img src="imagini/arches.gif" align="middle"

<p><code>&nbsp;&lt;IMG SRC=&quot;imagini/arches.gif&quot; ALIGN=&quot;BOTTOM&quot;

<p><a href="imagini/arches.gif"><img src="imagini/arches.gif" align="bottom"

<p>Ca si textele, imaginile pot fi utilizate ca referinte. Marcajul HTML&nbsp;

<p>De exemplu, urmatorul cod foloseste o imagine ca sa afiseze pe fereastra

<p>Rezultatul este urmatoarea imagine care actioneaza ca un

<p align="center"><a href="cuprins.html">

<table border="0" cellspacing="1" width="100%" height="27">

You might also like

<h2>Adaugarea de obiecte multimedia </h2>

<p>Vizualizarea sau executia diverselor obiecte multimedia pe platforme

<p><code><IMG SRC="image.URL" [ALIGN="..."]

<p>Urmatoarele exemple arata utilizarea marcajelor HTML <IMG>. Exemplele

<p><code><IMG SRC="imagini/arches.gif" ALIGN="MIDDLE"

<p><code> <IMG SRC="imagini/arches.gif" ALIGN="BOTTOM"

<p>Ca si textele, imaginile pot fi utilizate ca referinte. Marcajul HTML