Disseny web: diferència entre les revisions

13 octets eliminats ,  fa 3 anys
Robot estandarditza i catalanitza referències, catalanitza dates i fa altres canvis menors
m (Suprimida Categoria:World Wide Web usant HotCat)
(Robot estandarditza i catalanitza referències, catalanitza dates i fa altres canvis menors)
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 [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" >{{cite ref-web |lastcognom=Lester |firstnom=Georgina |titletítol=Different jobs and responsibilities of various people involved in creating a website |publishereditor=Arts Wales UK
|url=http://www.arts-wales.co.uk/index.php?option=com_content&task=view&id=152&Itemid=48 |accessdateconsulta=2012-03-17}}</ref>
[[File:WebDesignBooks.JPG|thumb|Llibres de disseny web en una llibreria]]
== Disseny web aplicat ==
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.<ref name="W3C_validator">{{cite ref-web|titletítol=W3C Markup Validation Service|url=http://validator.w3.org/}}</ref>
* 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.<ref name="Chapman, Evolution" >{{citationcitar ref|lastcognom=Chapman |firstnom=Cameron |titletítol=The Evolution of Web Design |url=http://sixrevisions.com/web_design/the-evolution-of-web-design/|publishereditorial=Six Revisions|archiveurlarxiuurl=https://web.archive.org/web/20131030030802/http://sixrevisions.com/web_design/the-evolution-of-web-design/ |archivedatearxiudata= 30 Octoberoctubre 2013}}</ref>
# 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.<ref>{{cite ref-web|lastcognom=Stone|firstnom=John|titletítol=20 Do’s and Don’ts of Effective Web Typography| url=http://webdesignledger.com/tips/20-dos-and-donts-of-effective-web-typography|accessdateconsulta=2012-03-19|datedata=2009-11-16}}</ref>
# La tercera, etapa consisteix en el posicionament en buscadors o [[Optimització per a motors de cerca|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.<ref>{{cite book ref-llibre|authors=Zwicky, E.D, Cooper, S and Chapman, D,B. |titletítol=Building Internet Firewalls |yearany=2000|publishereditorial=O’Reily & Associates |locationlloc=United States |isbn=1-56592-871-7 |pagepàgina=804}}</ref> 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.
585.576

modificacions