po_ni

Pujar una imatge al nostre wiki:

1. Registrar-te

2. Eines–> carrega –> examinar

3. Carregar fitxer

Fitxes:

- Posar nom a la categoria –> Category: ____

I ens surten en miniatura dins de la  categoria.

- Podem començar amb sola categoria a mida que va creixent el projecte, és quan s’ha d’obrir subcategories. Només caldría dir: la categoria tal es divideix en 3 (x exemple).

De manera que podem obrir categories i veure-les totes o bé divides en subcategories.

[[category:lo que sigui]]

Per fer columnes: <div>

<div style=”margin-top:0.7em;padding:0.4em;background:#99ccff”>

DRETS D’AUTOR:

Si estem utilitzant una nova llicència hem de posar-ho a la portada de la web: totes les imatges que hi ha aquí estan sota la llicència tal___

Si no poses res s’entén que tots els drets estan reservats, és a dir, ningú pot utilitzar les teves imatges.

Ús comercial: el fet de que sigui creativecommons no vol dir que no sigui comercial, però haig de permetre que el qui ho compri també pugui fer obres derivades. Jo el puc vendre, però un altre pot fer-ne un tercer CD. No és només meu.

es.wikipedia.org

en.wikipedia.org

ca.wikipedia.org

SÓN ELS DIFERENTS IDIOMES EN QUÈ ESTÀ LA WIKI. CADA UN TÉ UN WIKI PER SEPARAT.

CAPTCHA: Sistema que detecta si l’usuari és humà o una màquina.

- Semanticforms: permet treballar amb formularis

- Parserfunctions: estan a dins de les plantilles.

- Embedvideo: ens permet incrustar video a dins de la pàgina i veure’ls.

Què hem de saber fer?

1. Baixar un skin i posar-la a la nostra carpeta.

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

3. Asignar permisos a usuaris

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

TIPUS D’USUARIS:

- Anònim: no pots conviar el artículo destacado.

- Registrat: pot afegir coses, però no modificar tot.

- Administrador: és el que escriu l’artículo destacado i posa tota la informació.

Candidato destacado: és com si voto l’article.

Les pàgines principals normalment estan protegides, no les pot modificar tothom.

Punts que hem de saber fer a l’assignatura:

- Com s’entra al wiki, com s’edita i com es crea.

- Fer una fitxa en un wiki.

- Com es fa que la fitxa pertanyi a una categoria.

- Com entrar per ftp a la nostre carpeta del servidor.

- Com baixar-me un skin.

- Com posar l’skin a dins la nostre carpeta.

- Modificar les imatges al photoshop, i canviar l’aparença.

CREAR 5 SERVEIS PER AL NOSTRE WIKI

- Plantilles / Categories

- CSS –> Skins

- Extensions

- Localsettings.php

CSS:

style=

<div style=”         “>

Media/wiki: Common CSS

Com es creen permisos d’administrador?

http://dissenyweb.elisava.es:4732/dissenyweb/wiki/index.php?title=mediawiki:common.css

LLICÈNCIES:

Convenció Berna

No pots posar un autor en el teu wiki sense editar la font d’on l’has tret. L’autor t’ha de cedir els drets.

Morals:

- Atribució

- Integritat

Drets de reproducció: Copyright ©

BY-SA: Copyleft: basat en la convenció BERNA

CC-BY-SA

GPL: Llicència que fa que qualsevol persona que rep un software pot reproduir-lo, copiar-lo, crear, sempre que es mantingui en les mateixes condicions.

BY-SA: compartir igual (és lliure)

GFDL: wikipedia

©: tots els drets reservats

BY: Atribució (és lliure)

BY-NC: Ús no comercial

BY-NC-SA: Ús no comercial/compartir

BY-ND: No derivades, no la pots canviar

BY-ND-NC: No derivades, no ús comercial

Domini públic: Quan han passat més de 70 anys de la mort del autor.

Link per baixar-nos un Skin pel nostre wiki:

http://meta.wikimedia.org/wiki/gallery_of_user_style

PERSONALITZACIÓ DE PLANTILLES DE WIKI:

1. Baixar-nos el archiu zip (on posa download)

2. Instalar el que ens hem baixat dins la nostra carpeta.

3. Per personalitzar-lo:

1. Clicar a: “The designer’s blog page” (allà et diu què és el que pots modificar)

2. A la nostre carpeta de Skins del media wiki, li fiquem el fitxer de la plantilla que ens hem baixat.

3. Per posar imatges: clicar a: “itcouldbethisone.com” i buscar a la llista: “download psd file ____”

4. Modificar al photoshop les imatges, sense canviar els noms dels archius.

COM GENERAR IDENTITAT CORPORATIVA ON-LINE?

Tota empresa té un folletó, tot tippus de fulletons. Els folletons no només s’adreçen al públic sinó també als distribuidors, al servei tècnic, al equip intern.

Suports principals d’identitat corporativa:

-Internet: aquelles pàgines/serveis oberts al públic en general. Exemple: pàgina web d’una empresa

-Intranet: comunicació en línea destinada al personal de la companyia

-Extranet: aquella comunicació en línea adreçada a les empreses o persones jurídiques que tenen relació amb la companyia. Exemple: la xarxa de venedors.

Tot això, segmenta el target group, i per tant la comunicació a cadascú d’aquests mitjans varia i la relació també. És a dir, jo no em puc adreçar igual al públic, que al reparador tècnic. Marca el target grup i el to que utilitzarem en cada cas.

El que també canvia és el tipus de serveis en que s’ofereixen en les diferents plataformes.

La identitat corporativa d’una empresa ha de tenir una unitat gràfica. Això afecta en el projecte que estem fent:

Començarem a definir un troçet del briefing -servei/target-

CSS

es poden posar a:

(DIBUIX)

- Archius CSS vinculat
- Dins del <head> / <style>
- Parámetre etiqueta HTML

A QUÈ PODEM ATRIBUIR CSS?

- Etiquetes HTML
html / body / h1 / p / a
- Identificadors: # columna dreta # pepito
- Classes: text petit, o destacats
<spam class= “text petit”

www.w3c.es/Divulgación/GuiasReferencia/CSS2.1

Float: que el text es mogui a l’esquerre, o a la dreta, o al mig.

dissenyweb.elisava.es:4732/dissenyweb/wiki
ftp.elisava.es

Wiki:

és com una “pissarra” on pots escriure, borrar, compartir

- multiusuari
- edició oberta- “qualsevol” pot editar
- edició sobre browser: s’edita sobre el navegador
- autoria compartida
- tolerància a errors
- Hipertextual
- fàcil crear nodes

Blog:

és com un “llibre de bitácora” on s’explica cada dia el q passa

- personal/multiusuari
- promou un diàleg entre el editor i els lectors a través dels comentaris
- conectivitat: la manera amb que es promou és amb el blog roll / backlinks (conexió d’aquell blog amb altres)
- No pot editar “qualsevol”
- autoria personal
- els blog estan firmats
- edició borwser = s’edita sobre el navegador
- redifusió per sindicació de continguts: molts blog tenen en un costat, àtoms or RSS en els que et pots subscriure en aquell blog. Ajunta el contingut de varios blogs

Dreamweaver:

programa d’edició web, quan treballem ens demana que creem un site

nueva pag html
nueva pag css

en el mismo sitio

Usuari: Paula

Edita:

- en negreta: paraula

WYSIWYG: What I See Is What I Get

- mostra una vista prèvia
- historial: et diu si la informació de la pàgina és verdadera o ve d’una font d’informació falsa.

- per fer una página nova hem de crear un enllaç: [[........]]
- discussió: si no estàs d’acord amb algo del que diu la informació, et queixes o ho poses en dubte aquí.

- +: deixar un sms.

CSS

HTTP: protocol per transferir pagines html (la pag. html diu els contiguts)
CSS: diu com s’han de mostrar els continguts

La persona que redacta continguts ha d’utilitzar estils, dir què és text, què és títol, …

HTML:

HEAD: hi ha coses, però no ho ensenya. S’obra i es tanca
META:
TITLE: nom que apareix a la pastanya, a favoritos, a dalt de la pàgina amb     fons gris

(DIBUIX)

SCRIPT: accions, programació. Exemple: JavaScript
STYLE: s’obra i es tanca també.
h: text
p: paragraf
div: serveix per separar continguts. Trenca el parágraf
href: paraula que és un link
<ul>: etiqueta per crear una llista
<li> a href: ítem de la llista
span: separador/ saber que el text està identificat dins d’un parágraf
id: identifica el div
class:

CSS:

- margin: marge (límit entre página web i navegador

(DIBUIX)
- padding: sangrat. És el que vols que toqui o no, que quedi a sang o amb marge.

(DIBUIX)
Exemple: padding 0: si no vols que arribi un fons o textura a tota la página
- color: RGB, però està escrit amb un altre codi.
- background: ccc / fff / 000: són colors.
- url:
- bottom right: alineació a la dreta abaix.
- font: tipo, alçada, ascendents, descendents de la L,D,M, verdana, geneva, arial, helvetica. Posa per ordre les tipografies, si no troba la primera, busca la segona i així amb les seguents.
- letter: spacing
- hover: quan tens el mouse a sobre.
- active: quan estàs apretant el mouse.
- div: comença amb #
- aq:
- span:
- requadre de bis:
- class: tenen un .

Barcelona, a designless city?