Recommended
More Related Content
What's hot
What's hot (14)
Viewers also liked
Viewers also liked (13)
Similar to Tema 4 drive blocs i wikis1516
Similar to Tema 4 drive blocs i wikis1516 (20)
More from lourdescostaquera
Tema 4 drive blocs i wikis1516
- 1. DRIVE, BLOCS & WIKIS i una mica d'HTML
- 2. Google Drive és un servei d'allotjament d'arxius introduït per Google el 24 d'abril de 2012. A més a més, permet crear i editar (reconeix molts formats) els teus propis documents. Posseeix tot un paquet office: Documents de Google Fulls de càlcul de Google Presentacions de Google Dibuixos de Google Formularis de Google A més podem afegir aplicacions diverses (entre moltes...): Pixrl (edició d'imatges) Geogebra (matemàtiques dinàmiques) HTML editer PDF converter GOOGLE DRIVE
- 3. Google Drive permet configurar: tant la forma de visualitzar els documents com l'idioma. Et dóna informació de les últimes modificacions i ofereix l'opció de gestionar les aplicacions. El més interessant és que tot el que tenim penjat al nostre espai ho podem compartir amb altres usuaris, directament enllaçant-los amb els seu e-mail o convertint-lo en un enllaç que podem enviar. GOOGLE DRIVE
- 4. Un bloc, també anomenat webblog o bitàcola, és un lloc web que recopila cronològicament articles o textos d'un o més autors, apareguent primer el més recent. Un bloc està dissenyat per a què, com en un diari, cada article tingui data de publicació, de tal forma que la persona que escriu (blocaire o bloguista) i les que llegeixen poden seguir un camí de tot el que s'ha publicat i editat. En cada missatge o article d'un bloc els lectors poden escriure comentaris (si l'autor ho permet) i aquest, al seu torn, donar-los resposta. Cada bloc té el seu propi tema i n'hi ha de tipus personal, econòmic, periodístic, tecnològic, educatiu, polític, etc. Els més coneguts són: BLOC O BITÀCOLES Blogger (Google) Blogia WordPress Blocs - Xtec
- 5. Una wiki (del hawaià wikiwiki, «ràpid») és un lloc web col·laboratiu que pot ser editat des del navegador pels usuaris. Els usuaris d'una wiki poden d'aquesta manera crear, modificar, enllaçar i esborrar el contingut d'una pàgina web, de forma interactiva, fàcil i ràpida. Una de les wikis més conegudes és la Wikipèdia. Per col·laborar amb una WIKI l'usuari s'ha de donar d'alta i després crear seguint unes regles internes. WIKIS
- 6. HTML (Hipertext Transfer Protocol) és un llenguatge de programació d'etiquetatge d'hipertext. I està format per unes etiquetes o marques que indiquen les diferents parts i el format d'un document. És un llenguatge molt senzill, però a la vegada limitat, de fet és va crear el XML (extensible markup languatge) per completar- lo. Actualment, el XHTML (extensible Hypertext markup languatge) els barreja tots dos i fa possible la comunicació entre mòbils i PDA. Recordem que per visualitzar les pàgines en HTML necessitem de “browsers” o navegadors. Existeixen també Editors que ens ajuden a fer les pàgines web, com Dreamweaver o Frontpage, però amb un simple bloc de notes en tenim més que suficient. HTML
- 7. Les marques o etiquetes defineixen les diferents parts del document. Així podem introduir “títol”, “tipus de lletra”, “color”, “inserir imatge”, “posició”, “enllaç”,... Les etiquetes estan formades pels símbols < /> entre els quals s'escriuen les instruccions. La idea és que s'obren i es tanquen. Estructura bàsica: Html, Head (capçalera), Body (cos del missatge) <HTML> <HEAD> <TITLE>Títol de la pàgina</TITLE> ... </HEAD> <BODY> <p>Aquí va el contingut de la pàgina</p> </BODY> </HTML> HTML Estructura bàsica
- 8. La capçalera o HEAD és on trobarem el títol de la nostra pàgina web. Ha d’estar escrita correctament i en la llengua del document, ja que habitualment apareix a la barra de títol de la finestra del navegador i és una referència per als motors de cerca. A més, és convenient que sigui igual que el títol del cos del document o que hi tingui un lligam directe. <HTML> <HEAD> <TITLE>La meva primera pàgina web</TITLE> ... </HEAD> <BODY> Aquí va el contingut de la pàgina </BODY> </HTML> HTML Estructura bàsica
- 9. BODY és el cos del document on es troba el més important i on s'inclouen la majoria d'etiquetes. <HTML> <HEAD> <TITLE>La meva primera pàgina web</TITLE> ... </HEAD> <BODY bgcolor="#E6E6FA"> <p><b>Aquí va el contingut de la pàgina</b></p> </BODY> </HTML> Etiquetes bàsiques: Encapçalaments: <H1><H2>....<H6> Paràgraf i Salt de línia: <P><BR> Negreta: <B> Cursiva: <i> Subratllat: <U> Línia horitzontal: <HR> Font: <Font> <Font Color=”#ffffff”; Font Size=”24”; Font align: “right”; font face= “Arial”></font> HTML Estructura bàsica
- 10. Etiquetes bàsiques: Inserir un enllaç: <a href="http://www.google.com"> Inserir imatges: <IMG src=”path de la imatge”> Inserir llistes: <ul> i <li> Inserir taules: <tr> i <td> És molt important tancar </> les etiquetes, si no no funcionaran. Un cop tinguem ja tot el codi guardarem el fitxer com a “nom.htm” Les CSS o fulls d'estil ens ajuden i simplifiquen la feina de fer pàgines WEB, ja que en una pàgina amb codi HTML es defineix tot l'estil de la pàgina, i després es guarda com a .css i es crida des de la nostra pàgina. HTML Estructura bàsica i CSS
- 11. La paleta Pantone és un sistema de control de color per a les arts gràfiques. Els colors van codificats de la següent manera: #FFFFFF (6 caràcters hexadecimals). Normalment, els editors d'imatges ens diuen el codi dels colors que estem utilitzant. HTML Colors: Paleta pantone
- 12. L'administració i l'ordre dels arxius és fonamental perquè la pàgina web funcioni correctament. La primera pàgina sempre s'anomenarà index.htm. La resta d'arxius estaran tots en la mateixa carpeta, dins de carpetes endreçades per la seva tipologia. Així les imatges, els vídeos i la resta estaran degudament anomenats i indexats. HTML Com guardem les pàgines i la resta de fitxers