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!
dimecres, 18 de febrer del 2015
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.
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
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!
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
Subscriure's a:
Missatges (Atom)