Tema 6i7 drive blocs i wikis
12
DRIVE, BLOCS & WIKIS i una mica d'HTML
Transcript of Tema 6i7 drive blocs i wikis
DRIVE, BLOCS & WIKISi una mica d'HTML
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 prou.
HTML (Unitat 13 del llibre)
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, aquí trobarem el títol de la nostre 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
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>Paragraf 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><body background= "imatge.jpg">Inserir llistes: <ul> i <li>Inserir taules: <table><tr> i <td>Inserir altres documents: <iframe></iframe>
É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 nostre pàgina.
HTML Estructura bàsica i CSS
La paleta Pantone és d'un sistema de control de color per a les arts gràfiques.Els colors van codificats de la següent manera:#ffffff (6 números o lletres). Normalment, els editors d'imatges ens diuen el codi dels colors que estem emprant.
HTML Colors: Paleta pantone
L'administració i ordre dels arxius es 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çats per la seva tipologia. Així les imatges, els vídeos i la resta estaran degudament nomenats i indexats.
HTMLCom guardem les pàgines i resta de fitxers
Google Drive és un servei d'allotjament d'arxius introduït per Google el 24 de abril de 2012. Què a més permet crear i editar (reconeix molts formats) els teus propis documents. Posseïx 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 és pot 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 el podem compartir amb altres usuaris, directament enllaçant-los amb els seu email o convertint-lo en un enllaç que podem enviar.
GOOGLE DRIVE
Un bloc, també anomenat weblog 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 que, com a 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 Blogger (de Google), Blogia, WordPress o Blocs-xtec.Bloc de l'aula.
BLOC O BITÀCOLES
Un wiki (del hawaià wikiwiki, «ràpid» és un lloc web col·laboratiu que pot ser editat des del navegador pels usuaris. Els usuaris d'un 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. Un dels wikis més coneguts é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
