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.
https://informatica4rts.wikispaces.com/
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 els 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, aquí trobarem el títol de la nostra pàgina
web. Ha d’estar escrit 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 fulles 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 emprant.
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 nomenats i indexats.
HTML. Com guardem les pàgines i la resta de fitxers