Embed Size (px)
Citation preview
DRIVE, BLOCS & WIKISi una mica d'HTML
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 GoogleFulls de càlcul de GooglePresentacions de GoogleDibuixos de GoogleFormularis de Google
A més podem afegir aplicacions diverses (entre moltes...):
Pixrl (edició d'imatges)Geogebra (matemàtiques dinàmiques)HTML editerPDF converter
GOOGLE DRIVE
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
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)
BlogiaWordPress
Blocs - Xtec
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
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
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
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
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
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
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
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.
HTMLCom guardem les pàgines i la resta de fitxers
