Disseny web: diferència entre les revisions
m Revertides les edicions de 90.161.32.145. Si penseu que és un error, deixeu un missatge a la meva discussió. Etiqueta: Reversió |
m robot estandarditzant mida de les imatges, localitzant i simplificant codi |
||
| Línia 3: | Línia 3: | ||
El disseny web ha vist àmplia aplicació en els sectors comercials d'Internet especialment a la [http://www.w3.org/ World Wide Web]. Així mateix, sovint el web s'utilitza com a mitjà d'expressió plàstica en si. Artistes i creadors fan de les pàgines d'Internet un mitjà més per oferir produccions i utilitzar-les com un canal més de difusió de la seva obra.<ref name="different jobs" >{{ref-web|cognom=Lester |nom=Georgina |títol=Different jobs and responsibilities of various people involved in creating a website |editor=Arts Wales UK |
El disseny web ha vist àmplia aplicació en els sectors comercials d'Internet especialment a la [http://www.w3.org/ World Wide Web]. Així mateix, sovint el web s'utilitza com a mitjà d'expressió plàstica en si. Artistes i creadors fan de les pàgines d'Internet un mitjà més per oferir produccions i utilitzar-les com un canal més de difusió de la seva obra.<ref name="different jobs" >{{ref-web|cognom=Lester |nom=Georgina |títol=Different jobs and responsibilities of various people involved in creating a website |editor=Arts Wales UK |
||
|url=http://www.arts-wales.co.uk/index.php?option=com_content&task=view&id=152&Itemid=48 |consulta=2012-03-17}}</ref> |
|url=http://www.arts-wales.co.uk/index.php?option=com_content&task=view&id=152&Itemid=48 |consulta=2012-03-17}}</ref> |
||
[[ |
[[Fitxer:WebDesignBooks.JPG|miniatura|Llibres de disseny web en una llibreria]] |
||
== Disseny web aplicat == |
== Disseny web aplicat == |
||
El disseny de pàgines web tracta bàsicament de realitzar un document amb informació hiperenllaçat amb altres documents i assignar-li una presentació per diferents dispositius de sortida (una pantalla d'ordinador, en paper, en un telèfon mòbil, etc.). |
El disseny de pàgines web tracta bàsicament de realitzar un document amb informació hiperenllaçat amb altres documents i assignar-li una presentació per diferents dispositius de sortida (una pantalla d'ordinador, en paper, en un telèfon mòbil, etc.). |
||
Revisió del 02:38, 6 nov 2019
El disseny web és una activitat que consisteix en la planificació, disseny i implementació de llocs web i pàgines web. No és simplement una aplicació del disseny convencional, ja que requereix tenir en compte qüestions tals com navegabilitat, interactivitat, usabilitat, arquitectura de la informació i la interacció de mitjans com l'àudio, text, imatge, enllaços i vídeo. La unió d'un bon disseny amb una jerarquia ben elaborada de continguts augmenta l'eficiència del web com a canal de comunicació i intercanvi de dades, que dóna possibilitats amb el contacte directe entre el productor i el consumidor de continguts, característica destacable del mitjà. El disseny web ha vist àmplia aplicació en els sectors comercials d'Internet especialment a la World Wide Web. Així mateix, sovint el web s'utilitza com a mitjà d'expressió plàstica en si. Artistes i creadors fan de les pàgines d'Internet un mitjà més per oferir produccions i utilitzar-les com un canal més de difusió de la seva obra.[1]
Disseny web aplicat
El disseny de pàgines web tracta bàsicament de realitzar un document amb informació hiperenllaçat amb altres documents i assignar-li una presentació per diferents dispositius de sortida (una pantalla d'ordinador, en paper, en un telèfon mòbil, etc.). Aquests documents o pàgines web poden ser creades:
- creant arxius de text en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
- utilitzant un programa WYSIWYG o WYSIWYM de creació de pàgines.[2]
- utilitzant llenguatges de programació del costat servidor per generar la pàgina web.
Etapes
Pel disseny de pàgines web hem de tenir en compte tres etapes:
- La primera, és el disseny visual de la informació que es desitja editar. En aquesta etapa es treballa distribuint el text, els gràfics, els vincles a altres documents i altres objectes multimèdia que es considerin pertinents. És important que abans de treballar sobre l'ordinador es realitzi un pre-disseny sobre el paper. Això facilitarà tenir un ordre clar sobre el disseny.[3]
- La segona, és l'estructura i relació jeràrquica de les pàgines del lloc web, una vegada que es té aquest esbós es passa a 'escriure' la pàgina web. Per això, i fonamentalment per manipular els vincles entre documents, es va crear el llenguatge de marcació d'hipertext o HTML. Els enllaços que apareixen subratllats en aquests document i altres de Wikipedia són exemples d'hipertext.[4]
- La tercera, etapa consisteix en el posicionament en buscadors o SEO. Aquesta consisteix a optimitzar l'estructura del contingut per millorar la posició en que apareix la pàgina en una determinada cerca.
Fonaments
Un disseny web correcte implica conèixer com s'han d'utilitzar cadascun dels elements permesos en l'HTML, és a dir, s'ha de fer un ús correcte d'aquest llenguatge dins dels estàndards establerts per la W3C i en el que fa referència al web semàntic.[5] Degut a la permissibilitat d'alguns navegadors web com Internet Explorer, aquesta premissa original s'ha perdut.
El web semàntic, per altra part, promou un ús lògic dels elements segons el significat pel que van ser creades. Per exemple s'utilitzarà l'element "P" per marcar paràgrafs, i "TABLE" per tabular dades. Això ha suposat una autèntica revolució en el disseny web perquè aposta per separar totalment el contingut del document de la visualització. D'aquesta manera s'utilitza el document HTML únicament para contenir, organitzar i estructurar la informació i les fulles d'estil CSS per indicar com es mostrarà aquesta informació en els diferents mitjans. Per lògica, aquesta metodologia beneficia molt l'accessibilitat del document. També existeixen pàgines dinàmiques, les quals permeten interacció entre el web i el visitant, proporcionant-li eines tals com cercadors, xat, sistemes d'enquestes, etc. i disposen d'un Panell de Control d'administració de continguts.
Accessibilitat
El disseny web ha de seguir uns requeriments mínims d'accessibilitat web que fagi que els seus llocs web o aplicacions puguin ser visitats pel major nombre de persones. Per aconseguir aquests objectius d'accessibilitat s'han desenvolupat pautes com les del W3C: Pautes d'accessibilitat al contingut Web 1.0 WCAG.
Referències
 |
A Wikimedia Commons hi ha contingut multimèdia relatiu a: Disseny web |
- ↑ Lester, Georgina. «Different jobs and responsibilities of various people involved in creating a website». Arts Wales UK. [Consulta: 17 març 2012].
- ↑ «W3C Markup Validation Service».
- ↑ Chapman, Cameron [30 octubre 2013]. The Evolution of Web Design. Six Revisions.
- ↑ Stone, John. «20 Do’s and Don’ts of Effective Web Typography», 16-11-2009. [Consulta: 19 març 2012].
- ↑ Building Internet Firewalls. United States: O’Reily & Associates, 2000, p. 804. ISBN 1-56592-871-7.