Seminar 2: familiarizare cu notiunea de referinte

Probleme propuse Problema 1. S se editeze pagina web numit pagina.html astfel. Sa se afisese in cadrul paginii web o poza cu dimensiunile 400x300px. In cazul in care din diferite motive poza nu va fi afisata sa se afiseze in browser un text. In momentul in care se va da click pe poza sa se deschida poza la dimensiunea originala intr-o fereastra noua. Poza se va stoca in directorul numit fisiere. Rezolvare 1. Deschidem pagina.html in editorul Notepad++ si introducem codul HTML de mai jos.
<a href="fisiere/poza.jpg" target="_blank"><img src="fisiere/poza.jpg" width="400px" height="300px" alt="Acest text se afiseaza in cazul unei erori de afisare a pozei"></a>

Problema 2. Sa se adauge sub poza inserata la punctul anterior un semn de carte. Deasupra pozei sa se adauge un link catre semnul de carte inserat. Rezolvare 1. Deschidem pagina.html in editorul Notepad++ si adaugam codul HTML de mai jos.
<a href="#semncarte">Click aici pentru a merge la semnul de carte</a> /* aici se afla codul care afiseaza poza*/ <a id="semncarte">Ati ajuns la semnul de carte</a>

Observatie: In cazul in care se doreste adaugarea unui link catre semnul de carte de pe o alta pagina HTML codul este:
<a href="pagina.html#semncarte">Click aici pentru a merge la semnul de carte </a>

Problema 3. Sa se adauge in cadrul documentului pagina.html o zona in care sa se afiseze continutul site-ului FSEGA. Zona de afisare trebuie sa aiba dimensiuniea de 800x600px si sa nu fie inconjurata de bordura. Rezolvare 1. Deschidem pagina.html in editorul Notepad++ si adaugam codul HTML de mai jos.
<iframe src="http://www.econ.ubbcluj.ro" width="800" height="600" frameborder="0"></iframe>

Problema 4. S se creeze o pagina web numit multimedia.html. Sa se incorporeze in cadrul paginii web un fisier audio. Rezolvare

1. Vom crea o noua pagina web numita multimedia.html si o vom deschide in editorul Notepad++. Vom introduce urmatorul cod HTML 5:
<audio controls> <source src="fisiere/relax.mp3" type="audio/mpeg"> In cazul in care browserul nu suporta elementul audio se afiseaza acest mesaj. </audio>

Observatie: Elementul <audio> nu este suportat de versiunile anterioare celei de Internet Explorer 8. In general versiunile recente de Firefox, Opera, Chrome si Safari suporta elementul <audio>. Pentru moment elementul <audio> suporta trei tipuri de fisiere: MP3, Wav si Ogg. Codurile pentru acestea sunt:
<source src="relax.mp3" type="audio/mpeg"> <source src="relax.wav" type="audio/wav"> <source src="relax.ogg" type="audio/ogg">

Problema 4. S se editeze pagina web numit multimedia.html. Sa se incorporeze in cadrul paginii web un fisier video. Rezolvare 1. Deschidem pagina multimedia.html in editorul Notepad++ si introducem codul HTML 5 de mai jos:
<video width="640" height="480" controls> <source src="sleep.mp4" type="video/mp4"> In cazul in care browserul nu suporta elementul video se afiseaza acest mesaj. </video>

Observatie: Elementul <video> nu este suportat de versiunile anterioare celei de Internet Explorer 8. In general versiunile recente de Firefox, Opera, Chrome si Safari suporta elementul <video>. Pentru moment elementul <video> suporta trei tipuri de fisiere: MP4, WebM si Ogg. Codurile pentru acestea sunt:
<source src="relax.ogg" type="video/mp4"> <source src="relax.mp3" type="video/webm"> <source src="relax.wav" type="video/ogg">