Exercicis - LIGHTBOX - 29-OCtubre

Fent servir el lightbox i les imatges d'acontinuació fes una galeria.
http://www.huddletogether.com/projects/lightbox2/

Publicar entrada

Exercicis - HTML - 29 d'Octubre

Exercicis d'investigació i desenvolupament.
En aquests exercicis s'aborden temes d'indexació, representació de caràcters i interactivitat elemental.


Exercici 1

Busca la següent informació per internet:

• La etiqueta per definir amb quin alfabet(el conjunt de caràcters) s'ha de representar una pàgina. Un cop l'hagis trobat defineix com se li diu al navegador que ha de fer servir l'alfabet cirílic o l'alfabet europeu occidental. També si hi ha una manera més universal.
  
• La etiqueta per dir-li al navegador que no guardi la pàgina a la caché.
• La etiqueta per definir les paraules clau de què va la pàgina.
• La etiqueta per definir la descripció de què va la pàgina.
• Per a què serveix la etiqueta [link]?
• Per a què serveixen les etiquetes [SCRIPT][/SCRIPT]?
• Per a què serveixen les etiquetes [STYLE][/STYLE]?

Exercici 2
Fes una pàgina web i personalitza el missatge de la barra d'estat (status bar) en fer clic sobre un enllaç.


Exercici 3
Fes una pàgina web en la que hi hagi una imatge que en fer click o passar per sobre d'ella canvïi per una altra imatge de sustitució.

Exercicis - HTML - 28 d'Octubre 2009

Amb el material gràfic d'ahir munta una web que tingui un iframe i a l'interior d'aquest que es representin els diferents continguts(que estaràn a diferents pàgines).

Exercicis - HTML - 27 d'Octubre 2009

Exercici 1 De les etiquetes que hem fet fins ara digues a quines pareixen els següents atributs, els valors que poden prendre i la seva utilitat en cadascuna d'elles.

• ALIGN
• BORDER
• TARGET
• WIDTH
• HEIGHT
• CELLPADDING
• CELLSPACING
• BACKGROUND
• BGCOLOR
• SRC
• NAME
• TEXT
• LINK
• VALIGN
  
• VLINK
• ALINK
• COLOR
• SIZE
• BODY
  
• FACE
• START
• TYPE
• FAMILY
• LEFTMARGIN
• BOTTOMMARGIN
• RIGHTMARGIN
• TOPMARGIN
• MARGINWIDTH
• MARGINHEIGHT
  

Exercici 2 Digues si són certes o falses les següents afirmacions:

• La etiqueta IFRAME va per parelles.
• Entre etiquetes TITLE no es poden posar altres etiquetes.

Exercici 3 Fes la següent pàgina amb les següents imatges:




















Versió en vermell de les opcions del menú per si voleu assenyalar a quina pàgina esteu.

Exercicis - HTML - 26 d'Octubre 2009

Exercici 1

Fes les següents pàgines enllaçant-les amb el model següent...



... amb aquest logo ...



... i seguint la estructura de carpetes següent:







Exercici 2. Respón cert o fals a les següents afirmacions.

a) Les URL absolutes es poden definir de diverses formes.
b) Les URL relatives tenen arrel.
c) Per indicar al navegador que hem de sortir de carpeta cal posar el nom de la carpeta on ens trobem.
d) VLINK és un atribut de la etiqueta A.
e) Per col·locar imatges ens cal definir la ubicació de la imatge.
f) El color #gg6633 és un color web.

Exercici 3. A quines etiquetes cal posar URLs.


Exercici 4. Detecta errades al següent codi font(Clica per ampliar):



Exercici 5. Si has acabat de lo anterior crea't un compte a Google i després crea't un blog a blogger.com.

Exercicis - HTML 23 d'Octubre 2009

1. Fes una llista de diferents CMS.

2. Etiquetes solteres que coneixes fins el moment i la seva utilitat.

3. Busca alguna web en la que hi hagi un catàleg de colors hexadecimals. Escriu el codi dels següents colors: blanc, negre, gris perla, crema, magenta, porpre, groc, vermell, taronja, cian, verd, verd fosc, blau fosc, blau cel, marró.

4. Comprova quines de les etiquetes que has fet fins el moment no permeten que aparegui alguna cosa al costat i fes una llista.

5. Defineix el comportament del navegador per defecte amb els paràgrafs, les capçaleres, ...

6. Què vól dir tipografia amb serifa i sense serifa? Dona exemples de cada tipus.

7. Anota webs d'internet que tinguin tutorials d'HTML.

8. Defineix els següents conceptes.

• Interactivitat.
• Pàgina web dinàmica.
• Sistema de colors additiu.
• Sistema de colors sustractius.
• True Color.
• Safety Colors [Colors de seguretat, Colors Web,...].

9. Respón cert o fals:

• W3C especifica els estàndards dels llenguatges d'Internet i totes les marques i fabricants dels navegadors fan cas al peu de la lletra de les seves recomanacions.
• Si al codi fem diversos espais el navegador només representa com a màxim un d'espai.
  

Exercicis - HTML - 22 d'Octubre 2009

A. Defineix els següents conceptes i ves escrivint les respostes a un document Word:

1. CMS
2. HTML
3. HTTP
4. CSS
5. Navegador
6. W3C
7. FTP
8. Cookie
9. Base de dades
10. ICANN
11. DNS

B. Orígen de l'HTML.

C. Què és una etiqueta HTML i per què serveix?

D. Respón cert o fals a les següents afirmacions:

1. Les imatges s'incrusten en els documents HTML.
2. Un navegador és un servidor de pàgines web.
3. El que hi ha entre les etiquetes BODY són instruccions per dir-li al navegador el que ha de sortir a través de la finestra del navegador.
4. En HTML no hi ha etiquetes solteres.
5. Les pàgines web i els arxius que les acompanyen van a parar a la carpeta d'arxius temporals d'Internet.
6. Les extensions dels documents HTML només poden tenir 3 lletres.
   

E. Quines etiquetes d'HTML coneixes i per a què serveixen?

F. Per a què serveixen les etiquetes TITLE.

G. Escriu la estructura HTML típica d'una pàgina.

H. Cerca informació sobre:

1. SGML
2. XML
3. XHTML
4. HTML5 i la seva estructura
   

I. Tipus d'arxius gràfics que es poden posar a les planes Web.

J. Què és un servidor?

Exercicis - ActionScript - 15 d'Octubre 2009

Crea una pel·lícula Flash per escenes que tracti sobre el tema de les vitamines o un altre que t'agradi tu. Han d'aver paràgrafs, fotos,... i un menú que ens permeti canviar de pantalla. Hauràs de posar "stops" al final de cada escena per que no salti d'escena.

Exercicis - ActionScript - 14 Octubre 2009

1. Estudia els punts de la guia d'introducció ràpida a l'Action Script(Clica aquí) i anota el que no entenguis.
2. Exercici de reacció en cadena. Fes tres clips diferents de tal manera que quan un d'ells arribi al final de la seva línia de temps posi en marxa la línia de temps d'una altra instància.
   

Flash - Exercici - 2009 - 7 d'Octubre

Fent servir interpolació de moviment, interpolació de forma i animació frame a frame fes que el mico salti a un llit elàstic. Que no semblin un míco rígid, les seves extremitats han de bellugar-se independentment. Per altra banda has de tenir en compte també les acceleracions.

Flash - Exercicis - 06-10-2009

Primer exercici.


Separant per capes cada pota, la cua i el cap,... fes caminar el mico a quatre potes des de la dreta fins a l'esquerra i aproximant-se. Agrupeu només el cap.



Segon Exercici

Dibuixeu i animeu un cargol pujant pel tall d'una planta. Ho heu de fer separant per capes les diferents parts. El cargol a mesura que va pujant va inclinant la planta fins que arriba un moment en que el cargol rellisca cap avall. [Nota: la closca del cargol és rígida]

Flash - Exercicis - 2009-10-05 - Acabeu les coses pendents.

Acabeu les coses pendents de dibuix.

Si ho tens tot fet dibuixa, sense calcar i fent servir capes i totes les eïnes que coneixes, un paissatge urbà.

Flash - Exercicis - 02-09-2009

1. Amb tècniques de precissió(finestra aliniar...) i combinant les tècniques de dibuix que coneixeu dibuixeu la torre dreta del monestir de Ripoll.
2. I a continuació fes els següents logos:

Flash - Exercicis - 2009 - 10 - 01

1. En capes diferents calca fent servir la ploma de bèzier la imatge que trobareu en aquest link. Clica aquí. Feu les rodes a una capa, la carrosseria en una altra,...
   

FLASH - EXERCICI - 2009-09-30

1. Fent servir capes i totes les eïnes que coneixes fins ara i esmerant-te al màxim dibuixa el següent:

1.a - Una paissatge alpí amb els alps al darrera, abets, una ladera verda, la cabanya de la Heidi, les ovelles, Pedro, Niebla, la herba,etc...


2. Explica els passos que s'han de seguir per fer això.

a. Com treure un node?

b. Com afegir un node?

c. Com editar un degradat?

Flash - Exercicis - 29-09-2009

1. Diferència entre un farcit i un traçat.

2. Dibuixa un cercle amb traçat però sense farcit i un altre cercle amb farcit però sense traçat de totes les maneres que se t'acudeixin i apunta't els passos.

3. Anota per escrit els passos per canviar la mida d'un document en flash.

4. Anota per escrit operacions que es poden fer amb les capes. Anota també com.

5. Anota per escrit les eïnes que hem fet servir al flash i per a què serveixen.

Carlos - Camp tardor

PHOTOSHOP - EXERCICI - TEXT AMB FOC i TEXT AMB GEL

Fes aquest tutorial que posa les lletres amb foc i aquest altre que posa les lletres amb gel.

PHOTOSHOP - EXERCICIS DIVERSOS

1. Feu un collage integrant a la mateixa imatge: La torre de Pisa, Empire States Building, La Sagrada Família, el Atomium de Brussel·les, les torres Petrones de Singapur, la Tour Eiffel...
2. Mantenint els Beatles a la portada de Sargent Peppers(Clica aquí) posa la teva col·lecció de personatges.
3. Amb les eines de clonació treu les persones que apareixen en aquesta foto(Clica aquí).
4. Busca una imatge duna casa tètrica i posa-li un fantasma.
   

PHOTOSHOP - EXERCICIS

A) Fent servir l'ajuda del photoshop descriu per escrit en pasos com:

1. Es crea un motiu.
2. Es crea un pinzell.
3. Es crea una forma personalitzada.

B) Respon a les següents preguntes:

1. Amb quines eines puc bellugar píxels, seleccions i traçats.
2. Descriu com puc redimensionar, posar en perspectiva, girar, voltejar,... una selecció.
3. Descriu com puc redimensionar, posar en perspectiva, girar, voltejar,... un traçat.
4. Descriu com puc redimensionar, posar en perspectiva, girar, voltejar,... una col·lecció de píxels.

C) Aprèn a fer fletxes amb photoshop amb el tutorial següent: Clica aquí. A continuació obté la figura següent:











D. Fes el següent gràfic.


E) Fes una bola de foc amb el següent tutorial. Clica aquí.

F) Fes aquest taulell d'escacs en perspectiva i dibuixa un caball que faci ombra sobre el tauell.