Cercar en aquest blog

dimecres, 18 de febrer del 2015

Pràctica 2 HTML

Bon dia a tots!

(Recordeu llegir tot l'enunciat abans de capficar-vos-hi!)

HTML és un llenguatge que ens serveix per "descriure" pàgines web. Les seves sigles signifiquen Hyper Text Markup Language (Llenguatge hipertextual amb etiquetes) i precisament en això es diferencia de la resta de llenguatges de programació: HTML es basa en aquestes etiquetes o marques. En HTML donem format al document expressant explícitament quin contingut conté cada part, i això s'indica amb les anomenades etiquetes. A l'anterior entrega vau haver de buscar informació sobre les etiquetes i vau descobrir que cadascuna indicava una característica concreta.

Les etiquetes HTML van entre els signes < i > (p.ex. <html>). Aquestes etiquetes acostumen a anar amb parelles, tot i que no sempre es necessari. La segona parella incorpora el símbol "/". D'aquesta manera, quan comença un contingut especial, per exemple, un text d'encapçalament, posarem l'etiqueta <h1>, i quan acabi el text pròpiament dit, ho indicarem amb l'etiqueta </h1>, que podriem traduïr com "fi d'etiqueta.

Així doncs, quan ens trobem amb una pàgina web, podem dir que ens trobem davant d'un document HTML que conté etiquetes i text pla (text normal i corrent). La tasca del navegador web o browser, és la d'interpretar les etiquetes i mostrar la informació que donen per pantalla sense mostrar-les específicament. Veiem aquest exemple:

<html>
< body>

< h1>My First Heading</h1>

< p>My first paragraph.</p>

< /body>
< /html>


1.- El text entre <html> i </html> descriu el contingut del document html.
2.- El text entre <body> i </body> és el contingut visible de la pàgina web.
3.- <h1> ens indica que es tracta d'un encapçalament, per tant tindrà un format de lletra més gran que la resta
4.- <p> ens indica que es tracta d'un paràgraf, per tant apareixerà amb una lletra habitual de mida normal i separat de l'encapçalament.
5.- Segons les etiquetes que utilitzem, donarem un aspecte o un altr5e a la nostra plana web.
6.- En el cas d'imatges o hipervincles, haurem d'indicar amb les etiquetes corresponents la seva URL o ruta, per tal que el navegador les pugui mostrar adientment.

Les planes web actuals combinen el HTML amb grans mòduls de programació en Java o en PHP, que els confereixen dinamisme i un aspecte més multimèdia. Però la base la posa l'HTML.

Què heu de fer a la pràctica?
-Obriu el link: http://www.w3schools.com/html/
-Llegeix la informació que explica com fer un document html.
-Realitza un currículum vitae en format HTML en el bloc de notes utilitzant les etiquetes que creguis convenients. Al link anterior us explica com he de realitzar el document i com l'heu de guardar. Si no saps com realitzar-lo, busca informació a la web de quins apartats ha de tenir.
-Envieu-me l'arxiu HTML adjunt a un correu.

* La informació teòrica del principi l'he extret de w3schools/html, pàgina que ja us vaig comentar en sessions anteriors. Està en anglès, però té molt bona informació, per si hi voleu aprofundir una mica més. Em consta que la primera vegada que una persona s'enfronta a qualsevol tipus de metallenguatge nou és complicat, però ànim i veureu com és més fàcil del que us pot semblar ara. Per qualsevol cosa ja sabeu que m'ho podeu consultar, ja sigui a classe, ja sigui via mail, tot i que continuaré valorant l'autonomia personal. Endavant!

dilluns, 22 de desembre del 2014

Pràctica 1 Bloc Web

Bona tarda a tots i totes!

Internet va suposar una gran revolució en el món, potser no com les que s'havien viscut fins ara, però revolució al cap i a la fi. En un món cada cop més gran i on la globalització començava a fer-se present va nèixer (o millor dit, es va reinventar) aquesta eina que permetia publicar i accedir a continguts de qualsevol lloc del món en un temps molt curt. Durant els primers anys, les continues actualitzacions dels estàndards HTML (aneu-vos familiaritzant amb aquestes sigles) van anar succeïnt-se passant de pàgines de text a pàgines amb textos en negreta o subratllats i fins i tot alguna imatge. Poc després, amb un HMTL força més desenvolupat es va forçar també l'evolució dels programes que podien mostrar aquests HTML: la batalla entre els browsers IE i Netscape va començar a centrar l'actualitat tecnològica de l'època. Fa uns 30 anys, les empreses començaven a tenir equips IBM d'última generació (http://www-03.ibm.com/ibm/history/exhibits/vintage/images/4506VV4023.jpg) i la telecomunicació entrava en una nova era. El correu electrònic es massificava i la creació de recursos compartits deixava de ser una utopia per a ser un somni bastant més proper.
El gran salt va venir amb les primeres versions de MS Windows 95, que integraven el navegador en el sistema i amb l'inici de la competició dels ISPs per a oferir un millor accès a Internet. Dels mòdems de 56 Kbps que funcionaven per marcació i connexió telefònica, com si es tractés d'una trucada normal i que t'oferien una velocitat gens despreciable de 33.6 Kbps (uns 300 cops més lents que l'habitual i que alguns de vosaltres potser recordeu) vam passar a les primeres ofertes d'RDSI, l'aparició de diferents ISPs i la famosa ADSL. El Bandwidth començava a copar el protagonisme de les comunicacions per cable, així com nous estàndards d'UTP anaven sorgint, i els primers intents de WiFis anaven apareixent. d'altrabanda, els polèmics xats deixaven pas a la missatgeria instantània i a les xarxes socials, en les que tot això ha derivat. Si la (r)evolució continua amb la mateixa intensitat, estem parlant de que en 10 anys vosaltres tindreu accès a un tipus de servei que no haurieu ni imaginat. Penseu que fa uns anys, ni Google ni Facebook existien, i que en poc temps (un per la seva senzillesa brillant i l'altre per la seva popularitat) s'han convertit, fins i tot empresarialment, en dues grans potències que han absorvit moltes companyies en la seva expansió.

Acompanyant aquesta vida d'Internet  hi ha hagut una evolució realment gran, cada cop amb elements i microcircuiteria més petita i amb grans quantitats de diners dedicats a la recerca i el disseny d nous models i aplicació de noves tecnologies (degut a que es generaven molts diners, també s'ha de dir). D'aquelles primeres versions d'HTML hem passat a scripts sencers de Java o a la creació d'un HTML més obert, el XML. En quant a màquines, l'evolució és evident i no cal entrar-hi.

Tampoc cal oblidar la importància que aquest mitjà de comunicació ha tingut en el desenvolupament dels dispositius mòbils, ara generalitzats com a smartphones. L'última novetat, fixeu-vos, és el 4G, que tot i que no és 4G pròpiament (les tecnologies HDSPA i HSUPA que utilitzen es categoritzen en l'anomenat 3.5G) ja aconsegueix taxes de transmissió importants, en un moment en el que la fibra òptica també guanya protagonisme amb la implantació de la seva estructura i la seva comercialització.

Bé, després d'aquestes linies introductòries, i per començar a posar-nos sobre el terreny vull que em contesteu les següents preguntes en un document word i me l'adjunteu al meu correu amb el nom de pràctica 1.
Si hi ha problemes amb la connexió, ho podeu contestar directament al correu sense necessitat d'adjuntar cap document.

Preguntes:
1.- Escriu totes les paraules o sigles que no entenguis i busca'n el significat. Si les entens totes o gairebé totes, escull-ne 5 per realitzar l'activitat.
2.-Penseu en quan èreu petits. Tenieu ordinador a casa? Què suposava socialment tenir-ne o no?
3.-Busqueu una mica d'informació sobre Google: any de creació, fundadors, idea inicial, lloc de creació, intencions, utilitat, evolució... i resumiu-la en 10 linies
4.- Busqueu una mica d'informació sobre Facebook: any de creació, fundadors, idea inicial, lloc de creació, intencions, utilitat, evolució... i resumiu-la en 10 linies
5.- Què és la tecnologia LTE? Quines velocitats ofereix? En què és diferencia del que s'anomena comercialment avui dia 4G?
6.-Cerqueu ara informació sobre alguns editors de planes web, diferenciant entre els online i els offline. En concret, trobeu les característiques que diferencien el Macromedia Dreamweaver i el Microsoft Publisher com a editors offline i GoogleSites, Blogger i WordPress com a editors online. Un blog és una pàgina web?
7.- Expliqueu la diferència entre una pàgina web, un portal web, un motor de cerca, un blog, una pàgina de facebook.... se us ocorren més "tipus" de planes web?
8.- Trobeu informació sobre l'estàndard d'edició HTML: Què és? Quan va sorgir? Com és? Quin format tenen els seus arxius?
9.- Busqueu informació sobre les tags (etiquetes) del HTML. enumereu-ne 10 i expliqueu què indiquen
10.- Contempla l'exemple de la web http://www.w3schools.com/html/ És HTML? Què indiquen les etiquetes?
11.- Feu click al botó "Try it yourself" de la mateixa web i comproveu el resultat. Proveu afegir i treure etiquetes i contingut i mireu com varia el resultat. L'HTML bàsic és molt simple, igual que als seus inicis. Podries fer una plana web amb els coneixements que tens ara, utilitzant només un "bloc de notas" de Windows?


Ànim! I sort en aquest any nou!
Xavi

P.D.: En aquesta avaluació valoraré especialment l'autonomia personal. Heu de continuar desenvolupant l'habilitat de buscar respostes per vosaltres mateixos, una habilitat que té una importància especial, sobretot tenint en compte que l'any que ve canviareu d'etapa i el sistema de funcionament serà força diferent. Podeu buscar informació referent a aquesta habilitat en la pàgina web de la Generalitat o del Departament d'Ensenyament.

dijous, 27 de novembre del 2014

And the final practice.... Special 2!!

Good afternoon again!

At last, we have arrived to the final practice!! This one will be considered like an special practice, because you will have to use everything you have learned to create an edit an image. The image consists in putting yourselves in a film poster. As ever, it is shortly explained in the link below.

Pràctica 20: http://tecnoaix.es/ESO4/informatica/gimp/practica24.pdf

I hope your creations will be interesting. Please, notice that this special practice will be valued up with a x2 bonus

Good luck and enjoy it!

Xavi

Pràctica 19


Good afternoon,

In this practice you will have to put the girls (yes, we are still with them) in the glass wall of an office building.
The explanation in the pdf document is short: you have to use all the things you have learned since we started this second image block.


Pràctica 19: http://tecnoaix.es/ESO4/informatica/gimp/practica23.pdf

Imatge pràctica 19: http://tecnoaix.es/ESO4/informatica/gimp/archivosp23/imagen


Come on, we are almost at the end,

Good luck!

Xavi

dimecres, 26 de novembre del 2014

Feina per avui: poseu-vos al dia

Bon dia.
Avui no penjaré cap pràctica. Aprofiteu per posar-vos al día o fer feina (Projecte de Recerca, per exemple).
Records!

dilluns, 24 de novembre del 2014

Pràctica 18


Good morning everybody!

A new one.

At this time, you have to combine the same photograph of the girls we have been working with last days with an all-stamp background to achieve the objective of making these girtls appear in one of the stamps.


Practice 18: http://tecnoaix.es/ESO4/informatica/gimp/practica22.pdf
Image practice 18: http://tecnoaix.es/ESO4/informatica/gimp/archivosp22/imagen

I hope you won't have problems with this!

Xavi ;)

dijous, 20 de novembre del 2014

Pràctiques 16 i 17

Hola a totes i tots!

En aquesta pràctica veurem com fer un muntatge, agafant una fotografia i inserint-la en una altra amb perspectiva i efecte, de tal manera que quedi en una sola capa.


imatge1: La de les nenes de les pràctiques anteriors



La pràctica 17 és molt similar a l'anterior i es fa de la mateixa manera, combinant i fent perspectives.

Imatge1: les nenes de sempre

Ànim, que ja queden poques!

Xavi

dilluns, 17 de novembre del 2014

Pràctica 15 i 15-2

Bon dia a totes i tots!

Us penjo una nova pràctica. En aquesta haurem de fer uns retocs aplicant filtres amb configuració d'usuari. com sempre, ho teniu explicat al pdf de l'enunciat de la pràctica.


I a més...

Us penjo la segona part de la pràctica 15.

Amb la mateixa imatge, haureu de fer un muntatge diferent.


Envieu-me-les les dues juntes (no cal que vagin comprimides, però si afegides al mateix correu) 

Ànim!

Xavi

Pràctica 14


Hola!

En aquesta nova pràctica haureu de treure els ulls vermells la imatge que us adjunto. És rápida de fer, aprofiteu el temps per fer tot el que tingueu pendent de les anteriors.

De tota manera, no us preocupeu: al final del trimestre encara quedaran algunes hores sense pràctiques per acabar el bloc.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica17.pdf
imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp17/imagen

Ànim!

Xavi

dijous, 13 de novembre del 2014

Practice 13


Good afternoon!

In this class, we will learn to edit and upgrade an old and burned photograph. We will have to restore it, applying some special effects. In the pdf document you have the view of the final solution.

Practice: http://tecnoaix.es/ESO4/informatica/gimp/practica16.pdf
image: http://tecnoaix.es/ESO4/informatica/gimp/archivosp16/imagen

Good luck!

Xavi

dimecres, 12 de novembre del 2014

Practice 12

As I promised you at the beginning of the term, let's start trying to use a little of English in our subject.

Today, you'll have to edit and modify the background from the picture (the sky).

http://tecnoaix.es/ESO4/informatica/gimp/practica15.pdf

Image: whichever with a clean white cloudy sky. Try to take the one from the pdf. How would you do that?

I hope you will enjoy. However, if you are still doing the Dr. House's one, go on before starting this new one. This is easier than the one before.

Good luck!

Xavi

dilluns, 10 de novembre del 2014

Pràctiques 10 i 11

Bona tarda nois i noies!

En la pràctica d'avui recuperarem la teoria del "solapar capas" que vam veure fa unes pràctiques per donar un efecte curiós treballant amb el reflexe dels ulls:

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica13.pdf

imatges: les haureu de buscar vosaltres. Una d'un ull i una altra per combinar en l'ull.




Com que segurament acabareu la pràctica 10 aviat, us penjo la següent.

Aquesta ja és una mica més el·laborada, segui les instruccions que trobareu en el desenvolupament del document pdf. És una pràctica que sol costar, així que preneu-vos-ho amb calma i mireu d'anar avançant mica a mica. Si teniu qualsevol dubte, valoraré que hagueu intentat solucionar-ho abans de preguntar-me.

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica14.pdf

imatge2: http://img.chan4chan.com/img/2010-03-15/1268612997909.jpg
imatge1: una foto vostra.

Si mireu el desenvolupament de la pràctica, la plantilla de retall de la nena variarà respecte la vostra, però al final, al col·locar la capa de les pastilles a sobre, l'efecte serà el buscat.

Ànim!

Xavi

dijous, 6 de novembre del 2014

Pràctica 9

Bona tarda!

Esteu treballant tant, i tant bé que us esteu convertint mica a mica en uns experts en el tractament d'imatges. Per a aquesta pràctica, aprendreu a fer distorsions d'imatge a mode caricatura (amb un resultat al que segur esteu acostumats o heu vist algun cop).

imatge2: 1 vostra

Com sempre, quan les tingueu envieu-me-les al correu

Endavant!

Xavi ;)

dimecres, 5 de novembre del 2014

Classificació SP1

Hola a totes i a tots!

Ha sigut una decisió difícil ja que és complicat ordenar-los, tenint en compte que alguns tenen un treball similar. Enhorabona als guanyadors i ànims als altres per que tingueu aquest afany de superació en el que queda.

Classificacio

Els tres primers mereixen una menció especial: us felicito per la bona feina i per haver posat en pràctica tot el que hau aprés fins ara en aquesta pràctica de síntesi. Enhorabona, de veritat :)

Ara, tots a continuar treballant en la feina pendent. Queda més o menys un mes per acabar el trimestre, així que ànims per a posar-se al dia i per a aprovar la matèria. Ànims i sort!

X

Pràctica 8

Bona tarda!

Us deixo una nova pràctica


dilluns, 27 d’octubre del 2014

Pràctica especial 1 (SP1)

Bona tarda a tots i a totes!

Com deveu recordar, la setmana passada ja us vaig comentar que durant aquesta setmana tindríem una feina una mica diferent. Estic encantat de presentar-vos la:

SPECIAL PRACTICE 1


El funcionament d'aquesta pràctica especial és molt simple. Amb els coneixements que heu obtingut durant el que portem de curs, on ja heu aprés a fer servir el gimp, us demano que feu una tasca de síntesi de tot això:

-Aprofitant l'arribada de Halloween, vull que feu un muntatge lliure sobre aquest tema. 
-Teniu tota la setmana per fer-ho. Dijous a les 17:00 haurà d'estar entregada al meu correu.
-Jo faré una classificació segons la qualitat i el treball que hi apreciï a cada imatge.
-Els 3 primers classificats tindran un 10 a la pràctica i la resta, la que toqui.
-Aquesta pràctica, al ser de síntesi i obligar-vos a posar en joc tot el que heu aprés, serà equivalent a un examen: concretament, valdrà com 4 pràctiques simples. 

Així que ja sabeu, feu-me un muntatge d'imatge terrorífic i que estigui ben treballat, i podreu optar a tenir quatre 10s més per a fer la mitja!

Ànim, i bona sort! (Recordeu que la sort no es té ni es troba... es busca!)

Xavi

dimecres, 15 d’octubre del 2014

Pràctiques 5, 6 i 7


Bon dia a tothom!

Us penjo vàries pràctiques de tractament d'imatge. Són ràpides de fer. No us estresseu. I envieu-me-les per separat.

http://tecnoaix.es/ESO4/informatica/gimp/practica6
imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp6/imagen




Aquesta, com l'anterior, és molt ràpida de fer i força senzilla. Només heu d'aplicar una desaturació de color per deixar una imatge en blanc i negre.

http://tecnoaix.es/ESO4/informatica/gimp/practica7
imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp7/imagen




Com que les anteriors son senzilles i fàcils i ràpides de fer, us en poso una altra per a que no us avorriu.

En aquest cas només heu d'acolorir les dues imatges, quan les tingueu, envieu-me-les per correu.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica10
imatges: http://tecnoaix.es/ESO4/informatica/gimp/archivosp10/imagen
             http://tecnoaix.es/ESO4/informatica/gimp/archivosp10/imagen2

Ànim!

Xavi

dilluns, 13 d’octubre del 2014

Pràctica 4 Bloc 2

Hola nois i noies!

Us penjo la següent pràctica. http://tecnoaix.es/ESO4/informatica/gimp/practica5

En aquesta ocasió heu de donar un color a una regió no uniforme, com veureu en l'explicació pdf.
Quan acabeu, busqueu alguna foto vostra o d'un famós i canvieu-li el color dels ulls i de la cara.

Envieu-me les 2 imatges en jpg per correu.

Endavant!

Xavi

P.D: Recordeu que tot i que es tracti de la pràctica 5 (en el nom del pdf), és la nostra pràctica 4!

dijous, 9 d’octubre del 2014

Pràctica 3 i 3b del bloc 2

Hola a tots!

Us penjo la pràctica 3, que tindrà dues entregues. Tot i que el link s'anomeni practica 4, us recordo que aquestes pràctiques són d'un compendi més gran de les moltes llistes de tutorials que es poden trobar per Internet. Per tant, si voleu practicar més, sempre en podeu buscar tutorials per fer.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica4
Imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp4/imagen

En aquesta haureu d'arrgelar la cara d'una dona en la maduresa de la seva edat. Li haureu de fer un petit retoc fotogràfic per treure-li les arrugues, obtenint un resultat d'allò més convincent.

Al acabar aquesta pràctica, podeu buscar les típiques imatges on comparen les famoses arreglades o maquillades sense maquillar o en muntatges fotogràfics a les portades i reportatges de les grans revistes. Seríeu capaços d'imitar als editors?

Extra: Busqueu una imatge d'un famós o una famosa i retoqueu-li fotogràficament el que volgueu, per convertir la imatge en la portada perfecta d'una revista de gran tirada i envieu-m'ho també al correu amb el nom de "pràctica3-2" i el vostre nom.

Endavant!

Pràctica 2 Bloc 2


Hola a tothom!!

Us deixo l'enllaç per a realitzar la segona pràctica, on aprendreu a fer retocs d'imatge amb l'eina de clonació.
http://tecnoaix.es/ESO4/informatica/gimp/practica2

L'arxiu de la imatge necessari el trobareu aquí: http://tecnoaix.es/ESO4/informatica/gimp/archivosp2/imagen

Som-hi!!

Xavi