Disseny web: diferència entre les revisions

937 bytes afegits ,  fa 6 anys
cap resum d'edició
Cap resum de modificació
Cap resum de modificació
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 web|title=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" >{{citation |last=Chapman |first=Cameron |title=The Evolution of Web Design |url=http://sixrevisions.com/web_design/the-evolution-of-web-design/|publisher=Six Revisions|archiveurl=https://web.archive.org/web/20131030030802/http://sixrevisions.com/web_design/the-evolution-of-web-design/ |archivedate=30 October 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 web|last=Stone|first=John|title=20 Do’s and Don’ts of Effective Web Typography| url=http://webdesignledger.com/tips/20-dos-and-donts-of-effective-web-typography|accessdate=2012-03-19|date=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 |authors=Zwicky, E.D, Cooper, S and Chapman, D,B. |title=Building Internet Firewalls |year=2000|publisher=O’Reily & Associates |location=United States |isbn=1-56592-871-7 |page=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.
=== 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 ==
{{referències}}
{{Commonscat}}
{{Autoritat}}
436.509

modificacions