-Començem la classe explicant com podem pujar una fotografia al nostre wiki.

Desde qualsevol punt del món (japó,australia,mata de pera,etc) és poden carregar fotografies al nostre wiki ,i s’aniran carregant pàgines segons les categories de les fotografies,per exemple : orquideas vermelles,blanques o la distinció o esquema que nosaltres hagim montat en el nostre wiki

-Parlarem dels drets d’autor en els projectes

Citació, disclaimers, obres derivades, ús comercial,… si no és posa res es sobreenten que tots els drets estan reservats,encara que no és el que convé en un projecte col.laboratiu ja que si els usuaris no poden fer ús de la informació del wiki tampoc intervindran per ajudar-lo a fer més gran i més ric.

El fet de que una fotografia sigui creative common permet fer obres derivades i lliures de drets.

Revisió dels treballs,dels diagrames triats i de la skin del wiki.

http://www.madrimasd.org/experimentawiki/feria/Portada

ParserFunctions permet traballar funcions i permet fer-les servir dins de la plantilla.

Semànticforms permet treballar amb formularis.

Un projecte wiki és un lloc on tothom pot editar i per tant s´han de donar uns paràmetres sobre com s’ha de treballar en aquest projecte perque no sigui un caos.Un s’ha de plantejar si vol un projecte obert o no i qui podra editar o no, si és vol que hi hagi relació entre usuaris registrats o impedir si els anònims puguin o no escriure…

I ara un video de dibuixos animats una mica macabres….

Definir concretament les funcions del administrador i de la resta de usuaris en el wiki.

A més de aclarir exactament els serveis de la web i el que s´hi trobará.

hi ha d haber hi 5 serveis: per exemple:

-espai per entrar textos e imatges usant un model de fitxa que he creat,descriure la fitxa i el q és pot posar,i descriure els usuaris que poden tenir accès a aquesta fitxa :administrador,usuari registrat i usuari anònim i el que aquests poden fer sent d’un tipus o de l’ altre.

Triar skin i personalitzar serveis.

Indispensable a la wiki:

1.Baixar una skin i posar-la a la nostra carpeta FTP.

2.Crear fitxes i definir-les dins de categories.

3.Asignar permisos a usuaris.

4.Editar pàgines del wiki,crear enllaços a pàgines noves i crear aquestes pàgines noves.

Si dominem els 4 punts anteriors i ha quedat clar el que s’ha de fer a nivell de continguts,amb això podrem donar per fet el projecte.

Exemple:

Títol:

Foro decoració: Descripció:

Un lloc d’ intercanvi d’ informació entre diferents usuaris sobre questions d’interiorisme.

Tipus d’usuaris:

-administrados:controlar les aportacions dels usuaris registrats i té l’opció d’ esborrar comentaris i fins hi tot donar-los de baixa.

-usuaris registrats: aportar informació i crear un tema de discussió.

-altres:inclourem unes regles del que és permès al foro.

http://dissenyweb.elisava.es:4732/dissenyweb/2008/05/briefing.pdf

body{ background-color: #999966; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left: 1in; margin-top:1in }     “Aqui hem fet que la etiqueta body tingui un color de fondo, qu el seu text sigui de 12px, que utilitzi la primera tipografia mencionda i si no la reconeix, la següent i sino la següent i per acabar li hem possat uns margens al body”
h2{font-size:24pt; color:#330000; text-align:center; font-family: Verdana}   “En la etiqueta h2 (un tipus de títol) li hem assignat que la grandaria sigui de 24pt, que tingui un color, que el text estigui aliniat al centre i que la tipografia sigui la verdana. Aquí s’hauria tingut que fer com en el body, assignar-li més tipografies”
p{ text-indent: 0.5in; margin-left:30px}   ” en la etiqueta p (paragraf) li hem assignat una grandària a la tipografia i que tingui uns margens. 

.blau{color:#0099FF; text-align:center;}   ” hem fet una classe amb el nom blau. Aquesta classe pot modificar qualsevol etiqueta. Li hem assignat un color i que el text estigui aliniat al centre”
.verd{color:green;}   ” hem fet una classe amb el nom verd i com l’altra pot modificar qualsevol etiqueta. Li hem assignat un color solament”
div{ background-color: #CCFFFF}  “en la etiqueta div li hem assignat solament el color del fondo”

Ara per a que es puguin veure els estils, en el arxiu html se li ha de posar el link <link rel=”stylesheet” type=”text/css” href=”estil.css”/>  on “estil.css” és el nom del fitxer css que li hem possat nosaltres.

Ara per veure com a quedat aquesta pàgina clikeu al següent link:

http://dissenyweb.elisava.es:4732/dissenyweb/2008/05/dissenyweb.html

i de moment això és tot.

Sinopsi

El nostre projecte consistirà en crear un wiki on el tema són les herbes medicinals. La gent podrà consultar les diferents herbes i que aporten medicinalment.

Hi podrem trobar :

-diccionari sobre les diferents herbes on s’explicaran les diferents característiques d’aquestes.

- apartat de preguntes on la gent podrà preguntar qualsevol dubte o problema que tingui amb les herbes i les respostes seran contestades pels usuaris del wiki.

- apartat de receptes i/o trucs medicinals on els usuaris podran escriure les seves receptes amb herbes per poder compartir.

- apartat on s’explicaran coses curioses sobre aquestes herbes medicinals que moltes vegades ignorem.

Títol: Herbes Medicinals

Target group:

Els usuaris són homes i dones compromesos amb la natura,preocupats pel seu cos i la seva salut,entre 30 i 99 anys. Normalment van vestits amb roba còmoda feta amb teixits naturals.

La música que escolten és ètnica i chillout.

Les revistes que llegeixen són “Muy interesante”, “Discovery salud”, “Cuerpo y mente”, “Prevenir es salud”, “Psycologies”, “aire libre” , “Quercus”, etc. Un dels programes de televisió que miren és el de “Saber Vivir” de la primera. Els objectes que compren són naturalistes per al descans, relaxació i benestar.

Usuari:

Objectes de compra:

Revistes:

<meta>

<link rel=”steelsheet” type text/css ref.=”nom de l’arxiu.css”/>

</meta>

O una altra manera és posant els estils dins de l’arxiu HTML. Dins de la <head> posarem l’etiqueta <style> i dins, els diferents estils que volem especificar.  Exemple:

<head>

<style>

H1{font-size:28pt; color:red; text-align:center}

.blau{color:blue}   

</style> </head>

Cal esmentar que són els indentificadors, les etiquetes HTML i les classes:

Els identificadors: el que fan és aplicar un disseny a les etiquetes del codi HTML. Es posa # i el nom del identificador:

#columna 

Les Classes: són pareguts als indentificadors però aquests en lloc d’identificar una sola cosa, identifiquen a un grup. S’utilitza un punt i el nom de la classe:

.blau

Etiquetes HTML: són el html, body, Hi, p,a, …

En cas de conflicte el que domina sobre els altres és el identificador, desprès van les classes i desprès les etiquetes, per això rep el codi el nom de CSS (fulla d’estil en cascada).

Avui el que hem fet és parlar sobre els projectes web i saber fer un briefing per al projecte .

Hem repassat com funciona el blog i com col.locar una imatge i crear una pagina nova.

BRIEFING:

sinopsi(max.50 paraules)

titol

target group (grup d’usuaris potencials)

2/3 linies: fotos roba/revistes que es llegueixen/programes de tv que veuen ,els objectes que compren…etc

referents estetico-simbòlics

Es l’hora de marxarrrrrrrrrrr són les 9!!!!

Avui hem apress a donar-nos d’alta en un wiki,a moure’ns per les seves pagines i a escriu-re i intervenir en els comentaris fets a les nostres pàgines i en les d’altres usuaris.

Desde els canvis recents podem veure els canvis que s’han fet i els que s’han guardat.

WIKISSS: un sistema de : multiusuari,d’edició oberta on “qualsevol” pot editar,edició en Browser,fomenta      l’autoria compartida,té alta tolerància a errors(és poden corretgir els errors que s’introduexin),sistema hipertextual(amb enllaços entre si),fàcil crear nodes(xarxa de pàgines que conecten entre sí).

Un wiki és com una xarxa de pissarres on podem escriu-re i esborrar continuament.

Un blog és com un quadern de vitacora d’un vaixell o com un diari personal.És personal peró pot ser multiusuari,també s’edita directament en el servidor encara que es més normal que sigui seqüencial,edició en browser,autoria personal,diàleg per comentaris,és fomenta l’enllaç entre blogs( blockroll i backlinks )i és redifon el contigut a través de RSS sistemes de sindicació ( en els wukis és pot incorporar peró no és tan comú).

2ªPart:

Vuelta a los CSS

Hem estat trastejant els fulls CSS i HTML que van repartir l’altre dia.

Una mica d’història sobre l’aparició i formació de la web i evolució dels diferents navegadors.

Dreamweaver,programa creat per macromedia i orientat per als dissenyadors,aquest programa sempre ens demana crear un site (lloc web).

Hem estat fent proves amb el codi HTML per tal de conèixer les etiquetes,crear enllaços,titols…etc i em creat una pàgina CSS nova que hem vinculat a la pàgina HTML per tal de  veure com canvia l’aparença visual del la pàgina web.

Y eso es to.. eso es to… eso es todo amigos!!!!!!!

*******************************************************************************************************************