Correccció de la PAC 4 de l'assignatura de Programació Web de la UOC. Per a descarregar els arxius HTML i js, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 4 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html i js en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correccció de la PAC 4 de l'assignatura de Programació Web de la UOC. Per a descarregar els arxius HTML i js, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 4 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html i js en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 2 de l'assignatura de Programación Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 1 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. En la meva wiki Racó Vermell us podeu baixar els arxius html i js.
http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correcció de la PAC 2 de Programació Web del Grau Multimèdia de la UOC. Per a descarregar els arxius html, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Aquesta assignatura és obligatòria i el que s'estudia al llarg del curs és com treballar amb llenguatge HTML i CSS correctament. A part d'aprendre els llenguatges de programació del que es tracta és d'aplicar correctament la seva sintaxi i organització, ja que per a la realització d'una web és fonamental tant per poder realitzar modificacions posteriors com per a posicionar-la.
El treball de l'assignatura es presenta amb 3 PAC'S i Pràctica que és una web amb l'aplicació de tots els coneixements donats al llarg del quadrimestre.
Este documento presenta un examen de evaluación continua para el curso de Fundamentos de Fotografía e Imagen Digital. Contiene 8 preguntas, la mayoría de ellas de opción múltiple, sobre temas como los sensores electrónicos, formatos de imagen, gestión del color, enfoque, obturador y diafragma. Se instruye al estudiante para que marque con una cruz las respuestas correctas y envíe el examen cumplimentado antes de la fecha límite.
Aquesta assignatura és obligatòria i el que s'estudia al llarg del curs és com treballar amb llenguatge HTML i CSS correctament. A part d'aprendre els llenguatges de programació del que es tracta és d'aplicar correctament la seva sintaxi i organització, ja que per a la realització d'una web és fonamental tant per poder realitzar modificacions posteriors com per a posicionar-la.
El treball de l'assignatura es presenta amb 3 PAC'S i Pràctica que és una web amb l'aplicació de tots els coneixements donats al llarg del quadrimestre.
PAC 2 de l'assignatura de Programación Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 1 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. En la meva wiki Racó Vermell us podeu baixar els arxius html i js.
http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correcció de la PAC 2 de Programació Web del Grau Multimèdia de la UOC. Per a descarregar els arxius html, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Aquesta assignatura és obligatòria i el que s'estudia al llarg del curs és com treballar amb llenguatge HTML i CSS correctament. A part d'aprendre els llenguatges de programació del que es tracta és d'aplicar correctament la seva sintaxi i organització, ja que per a la realització d'una web és fonamental tant per poder realitzar modificacions posteriors com per a posicionar-la.
El treball de l'assignatura es presenta amb 3 PAC'S i Pràctica que és una web amb l'aplicació de tots els coneixements donats al llarg del quadrimestre.
Este documento presenta un examen de evaluación continua para el curso de Fundamentos de Fotografía e Imagen Digital. Contiene 8 preguntas, la mayoría de ellas de opción múltiple, sobre temas como los sensores electrónicos, formatos de imagen, gestión del color, enfoque, obturador y diafragma. Se instruye al estudiante para que marque con una cruz las respuestas correctas y envíe el examen cumplimentado antes de la fecha límite.
Aquesta assignatura és obligatòria i el que s'estudia al llarg del curs és com treballar amb llenguatge HTML i CSS correctament. A part d'aprendre els llenguatges de programació del que es tracta és d'aplicar correctament la seva sintaxi i organització, ja que per a la realització d'una web és fonamental tant per poder realitzar modificacions posteriors com per a posicionar-la.
El treball de l'assignatura es presenta amb 3 PAC'S i Pràctica que és una web amb l'aplicació de tots els coneixements donats al llarg del quadrimestre.
Cas d’us de Framework web desenvolupat amb llibreries LliuresJordi Catà
El desenvolupament d’aplicacions web està sofrint una evolució constant, actualment apareixen multitut de frameworks de desenvolupament àgil. En aquesta xerrada esposarem el funcionament d’un framework web desenvolupat amb llibreries i components lliures, orientat a arquitectura Model Vista Controlador. El desenvolupament s’ha realitzat utilitzant les llibreries Pear::Dataobject (abstracció de la base de dades), Smarty (aïllament de PHP i HTML).
El documento describe las partes de una letra y los diferentes tipos de letras, incluyendo su historia y desarrollo. Explica conceptos como trazo, ápice, vértice, brazo, ascendente, descendente, asta, remate, hombro, doble arco, espolón, uña, pico, oreja, lágrima, bucle, apófige, contrapunzón, perfil, cruz, cola, floritura, gancho, terminal, ligadura, ojal inferior, cuello, horcadura, cuadratín, med
Taller de Color · Pac 1 · Paquita RibasPaquita Ribas
PAC de l'assignatura Taller de Color del Grau de Disseny y Creació Digital de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
El documento describe los diferentes tipos de licencias de derechos de autor, incluyendo licencias abiertas como GFDL y Creative Commons. Define derechos de autor, derechos morales, copyright, dominio público y proporciona detalles sobre varias licencias Creative Commons como reconocimiento, no comercial, compartir igual y sin obra derivada.
El histograma muestra la distribución de los niveles de gris en una imagen, y puede indicar si hay suficientes tonos medios o si están agrupados en las altas luces o sombras. Para ajustar el rango tonal, herramientas como Niveles y Curvas permiten ajustar selectivamente las sombras, luces y tonos medios para mejorar el contraste sin empastar detalles. Al editar archivos RAW, se pueden hacer ajustes reversibles de la exposición, sombras, tonos medios y brillo observando el histograma para evitar
Materials resumits de l'assignatura de Fotografia Digital del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
El documento describe las diferencias entre cámaras compactas y réflex en términos de óptica y control de la luz. Explica conceptos como el enfoque, el ángulo visual, el diafragma, el obturador, la sensibilidad, el balance de blancos y más. También cubre temas como los modos de exposición, los tipos de objetivos, y cómo estas cámaras controlan la cantidad de luz que llega al sensor.
La fotografía digital se basa en píxeles en lugar de granos de plata y representa la imagen como una matriz numérica. El sensor electrónico sustituye al negativo tradicional y contiene píxeles que convierten la luz en impulsos eléctricos. Los formatos más comunes de sensor son CCD y CMOS, que usan filtros de color para generar imágenes a color a partir de sensores monocromáticos.
Materials resumits de l'assignatura de Fotografia Digital del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Super-resumPaquita Ribas
Materials molt resumits de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 6Paquita Ribas
Resum del mòdul 6 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 5Paquita Ribas
Resum del mòdul 5 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicció d'Àudio - Resum mòdul 4Paquita Ribas
Resum del mòdul 4 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 3Paquita Ribas
Resum del mòdul 3 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 2Paquita Ribas
Resum del mòdul 2 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i publicació d'Àudio - Resum modul 1Paquita Ribas
Resum del mòdul 1 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 8 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 7 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 6 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 3 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Llenguatges i Estàndards Web - PAC 1 - Multimedia (UOC) - Paquita Ribas
1. LLENGUATGES I ESTÀNDARS WEB - PROVA D’AVALUACIÓ CONTINUADA 1
PAQUITA RIBAS TUR
1 - (5 punts) Quines versions d'HTML, XHTML i CSS hem d'usar a les nostres pàgines
web?
- HTML 4.01
- XHTML 1.0
- CSS 2.1
2 - (10 punts) Enumera les diferents formes d'usar CSS en una pàgina web. Per què
és, en general, una pràctica dolenta embeure els estils dins de l'HTML? Se t'acut
algun cas en el qual pugui ser una bona idea?
- Es poden posar els estils directament dins del document HTML, amb l’atribut
style i els estils entre cometes i separats per punt i coma. Són els estils en
línia i actuen només sobre l’element etiquetat. S’apliquen, per exemple als
paràgrafs, a una frase en concret, etc, i sempre dins de les etiquetes.
- Dins del <head> de la web i amb l’atribut style.
- Es pot donar estils a una web amb una fulla d’estils CSS externa.
La forma més idònia és donar estils a una web mitjançant una fulla d’estils CSS
externa, pels següents motius:
- Es pot canviar, només amb unes quantes línies les característiques de
qualsevol element . Per exemple, canviar el interlineat en tots els paràgrafs, o
el color de la tipografia en els títols, etc.
h2 {
padding: 0 10px;
color: #000;
font-family: Georgia;
background: #EEBC0C;
}
- En l’HTML podem posar a un element un atribut id o class, de manera que
el la fulla d’estil podem assignar-li característiques especials a aquesta id o
a aquesta classe. Per exemple:
HTML:
<div id="menu">
<a href="index.html">HOME</a>
<a href="curriculum.html">CURRICULUM</a>
<a href="criterios_usabilidad.html">CRITERIS</a>
<a href="enllaços.html">ENLLAÇOS</a>
<a href="explicacions.html">EXPLICACIONS</a>
</div>
CSS:
#menu {
margin: 0;
padding: 0;
background: #FFF;
float:left; margin-right:10px; width:190px;
}
2. - Si volem canviar un color, els espais, etc, ho farem des de la fulla d’estils
importada, canviarem unes poques paraules i automàticament ho canviarà a
tota la web.
- Es pot aplicar una fulla d’estils a tots els documents d’HTML i unificar així tota
la web.
És una bona idea posar els estils dins de l’HTML , en línia, quan volem obligar als
navegadors a utilitzar aquest estils sobre els que pugui haver en una fulla CSS
externa.
3 - (5 punts) Quins elements poden aparèixer dins de l'element <head>?
- Títol del document
<title>Títol del document</title>
- Senyalar el tipus de contingut
<meta http-equiv="Content-Type"
content="text/html;charset=windows-1252">
- Descripció del document
<meta name="description" content="Descripció de la
pàgina web">
- Paraules clau
<meta name="keywords" content="pac,uoc,html">
- Afegir estils o vincular fulla d’estils CSS externa
- Afegir els scrips
4 - (10 punts) Quines diferències hi ha entre una classe i una id?
- id defineix un element únic, només es pot tenir un id per pàgina i class es
pot aplicar a molts elements.
- id es pot utilitzar per a definir els contenidors principals de la web i class
per a definir continguts.
5 - (15 punts) Quina és l'estructura bàsica d'un document XHTML? Quina és
l'estructura més simple possible d'un document XHTML que validi? Explica breument
per a què s'utilitzen cadascun dels seus elements.
Un document HTML consta de dues parts la capçalera <head> i el contingut <body>.
Dins del <head> va la informació explicada en la pregunta 3. Dins del <body> va el
cos del document, es a dir, el document en sí.
Una estructura bàsica seria una cosa així:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ES"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Estructura més simple</title>
</head>
3. <body>
<h1>Títol</h1>
<p>Això realment ja no seria necessari</p>
</body>
</html>
En aquest exemple he posat:
- Doctype – Indica el tipus de document HTML perquè els navegadors el puguin
interpretar
- Dintre de <html> es troben
o <head> - La capçalera. L’estructura més simple pot ser el títol.
o <body> - Cos del document. L’estructura més simple pot ser un títol,
un paràgraf, etc.
6 - (15 punts) Investigació. En aquests moments s'està elaborant l'estàndard HTML5.
Busca informació en la web sobre l'estat d'aquest projecte i les principals diferències
que suposarà HTML5 quant al marcat dels documents. Fes-ne un informe
d’aproximadament 500 paraules. És essencial que citis les fonts d'informació que has
utilitzat.
Mirar document adjunt: “paquita_ribas_html5.docx”
7 - (10 punts) Digues si són correctes o incorrectes els següents fragments de codi (en
XHTML). En cas que siguin incorrectes, indica per què.
<strong>Text negreta i <i>cursiva</strong></i>
És incorrecte. La correcte seria (si la paraula “cursiva” no va en negreta):
<strong>Text negreta</strong> i <i>cursiva</i>
O també (si la paraula “cursiva” va en negreta):
<strong>Text negreta i <i>cursiva</i></strong>
<h7>Títol</h7>
No existeix el títol h7. Va del h1 (el més gran) al h6 (el més petit)
o <h1><strong>Un altre títol</strong></h1>
L’etiqueta h1 ja ve ressaltada com a bold, per tant no faria falta posar
<strong>
<h2><p>I encara un altre títol</p>
<p>Amb el seu subtítol</p></h2>
És incorrecte. No és necessari posar el títol entre <p>. Jo posaria:
<h2>I encara un altre títol</h2>
<h3>Amb el seu subtítol</h3>
I després posaria el paràgraf que correspon al títol i subtítol entre
<p></p>
<em class=enverd>Text en color verd</em> (Suposant que existeix
una classe enverd en el CSS)
És incorrecte, falten les cometes
<em class=”enverd”>Text en color verd</em>
<ul><li>Primera entrada
<ul><li>Primera subentrada</li>
<li>Segona subentrada</li>
4. <li>Tercera subentrada</li></li></ul>
<li>Segona entrada</li>
<ol><li>Primera subentrada</li>
<li>Segona subentrada</li>
<li>Tercera subentrada</li></ol>
</ul>
Incorrecte. El correcte seria:
<ul>
<li>Primera entrada
<ul>
<li>Primera subentrada</li>
<li>Segona subentrada</li>
<li>Tercera subentrada</li>
</ul>
</li>
<li>Segona entrada
<ol>
<li>Primera subentrada</li>
<li>Segona subentrada</li>
<li>Tercera subentrada</li>
</ol>
</li>
</ul>
8 - (10 punts) De quines formes es poden especificar la grandària del text usant CSS?
Quins són les diferències entre elles? I els avantatges i inconvenients de cadascuna
d'elles?
<font-size>
Hi ha que posar la mida, exemple:
Body {
Font-size: 12px;
}
O utilitzant paraules clau: xx-small, x-small, small, medium, large, x-large,
xx- large
9 - (10 punts) Posa un exemple de pàgina web no accessible (desafortunadament, són
fàcils de trobar) i explica alguns dels motius pels quals no ho és.
L’accessibilitat és tractar a tothom igual, encara que les persones tinguin
algun tipus de discapacitat visual, motriu, etc.
Un exemple:
http://personales.com/espana/valencia/tortugas/Marinas.htm
5. (10 punts) Observeu la següent captura de pantalla:
Mirar document adjunt “pac1.html” i “pac1.css” i “pac1b.html” i “pac1b.css” que
estan dintre de la carpeta “paquita_ribas_pac1_ultima_pregunta”.
Volem aconseguir el següent resultat: les imatges hauran de quedar envoltades d’un
marge de color gris de dos píxels de gruix i, a més, volem assegurar-nos que hi hagi
almenys cinc píxels de separació amb qualsevol element que les envolti, amb el color
del fons. Indicació: consulteu el model de caixes.