ESCO

OLA SECU
UNDRIA QUINTA
Q
D PALME
DAS
EIRAS
Cursso EFA - Tcnico/a de Multimdiia Nvel III
Md
dulo: XHTM
ML

Form
mador: Ricaardo Silva

Data:: 10 de Feverreiro de 2011

Nome: _________________________________________
________________________________
__

F
FICHA
DIA
AGNSTIC
CO E DE CONSOLID
C
DAO DE
E CONHEC
CIMENTOS
S
1. Explicca, por pallavras tuass, o que a Linguage
em de Prog
gramao
XHT
TML (exten
nsible hype
ertext markkup language) ?
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
____
_________
_________
_________
_________
_________
_________
_________
____
2. Identifique as seguintes marcas
m
(tag
gs) de XHT
TML e elab
bore uma
uena descrrio sobre
e a funo/finalidade
e de cada uma.
u
pequ
Ma
arca
(ta
ag)
<p
p>

Descrio

<im
mg>
<b
b>
<d
div>
<li>
<a
a>
<i>

- Escola Secuundria Quintta das Palmeiiras - 1

3. No se
eguinte ele
emento XH
HTML, iden
ntifica a ma
arca de abe
ertura, a marca
m
de fe
echo, os attributos, oss valores e o conted
do da marcca.
<p bgcolo
or=#66666
66 title=ccontacto color=#FF
c
F45E3 id=p1>Joo
Jorge</p>
>
- ma
arca de abe
ertura:
____
_________
_________
_________
_________
_________
_________
_________
__
- ma
arca de feccho:
____
_________
_________
_________
_________
_________
_________
_________
__
- atriibutos:
____
_________
_________
_________
_________
_________
_________
_________
__
- valores:
____
_________
_________
_________
_________
_________
_________
_________
__
- con
ntedo:
____
_________
_________
_________
_________
_________
_________
_________
__
ntre os seg
guintes ele
ementos, qual aquele
e cuja sinta
axe est
4. De en
corre
ecta? (escolha a opo correctta de cada bloco de opes)
o
a) <iimg href=../../imagen
ns/imagem
m1.jpg></img>
b) <iimg src=.../../imagens/imagem1
1.jpg />
c) <img src=../../imagenss/imagem1
1.jpg></im
mg>
br></br>
a) <b
b) <b
br />
c) <b
br>
a) <a
a>pessoa1
1</a>
b) <a
a href=http://www.pu
ublico.pt:p
pessoa1</a
a>
c)<a
a href=/xhttml/main.html>pesso
oa1</a>
a) <h
h1 o prime
eiro cabea
alho>
b) <h
h1> o prim
meiro cabealho>
c) <h
h1> o prim
meiro cabealho</h1>
>

- Escola Secuundria Quintta das Palmeiiras - 2

5. A ima
agem segu
uinte mostrra uma pg
gina web bastante
b
sim
mples. Foi
realizada no so
oftware Drreamweave
er e com a utilizao de progra
amao de
marccao XHT
TML e algu
umas proprriedades de
d estilo intterno (CSS
S).

O seguinte docum
mento XHTML aprese
enta o cdiigo desenvvolvido parra
concceber esta pgina, mas
m a sintaxxe no estt totalmen
nte correcta
a. Assinala
ae
os erros que encontrares
e
s e acresce
enta o que
e poder esstar em falta (executa
a
este exerccio numa folha em branco ou num
m bloco de notas digittal).
OCTYPE html
h
PUBLIC "-//W3C
C//DTD XHTML 1.0 Transitional
T
l//EN"
<!DO
"http
p://www.w3
3.org/TR/xh
html1/DTD
D/xhtml1-tra
ansitional.d
dtd">
<htm
ml xmlns="http://www
w.w3.org/19
999/xhtml">
<hea
ad>
<me
eta http-equ
uiv="Conte
ent-Type" content="te
c
ext/html; ch
harset=utf--8"></meta
a>
<title
e>Escola Secundria
S
a Quinta da
as Palmeirras
<style type="te
ext/javascript">
bodyy {
backgro
ound-image
e: url(img/lupa.jpg);
backgro
ound-repea
at: no-repeat; }
h1 {
font-fam
mily: verdan
na;
color: #0
000000;
- Escola Secuundria Quintta das Palmeiiras - 3

text-alig
gn: left; }
p{
font-size
e: 24px;
font-fam
mily: verdan
na;
color: #0
000000; }
</styyle>
</title>
<bod
dy bgcolor="#FF6678
8">
<h1 align="righ
ht">Escola
a Secundrria Quinta das
d Palme
eiras Home
epage</h1>
<br>
></br>
<br>
></br>
<br>
></br>
<div id="cabealho" align
n="center">
>
<ul>
>
<li sttyle="list-style:none;""><a href="#">Curso
os</b></li>
<li sttyle="font-ssize:10px; list-style:n
none;"><a href="#">L
Localizao
o</b></li>
</ul>
>
<div id="contedo">
<br />
/
<br />
/
<p><
<img src=""H/img/bacck_section_
_1.png" titlle="fotogra
afias" borde
er="4"
width
h="485" he
eight="380
0" align="rig
ght" />
<br />
/
<br />
/
<br />
/
<br />
/
<br />Uma
/
que
esto chavve nesta p
gina <i>w
web</i> como
c
optim
mizar a
interraco doss utilizadore
es. Talvezz o criar experincias que permitam melho
orar
a forrma como o interface
e grfico "ccomunica"..</p>
<br />
/
<br />
/
<h6>
><a href="http://www
w.quintadasspalmeiras
s.com" targ
get="_blank"
id="lligaco1">pgina principal</h6
6>
</bo
ody>

- Escola Secuundria Quintta das Palmeiiras - 4