Archivado en: Uncategorized
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-
Archivado en: Uncategorized
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
Archivado en: Uncategorized
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.
Archivado en: Uncategorized
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 .
