UITEINDEN OM ZICH HET ONTWERPEN VAN HET WEB TE SPECIALISEREN

Het ontwerp van het Web is een proces van conceptualisering, planning, modellering, en uitvoering van elektronische media inhoudslevering via Internet in de vorm van technologieën (zoals prijsverhogingstalen) geschikt voor interpretatie en vertoning door Webbrowser of ander web-based grafisch gebruikersinterface (GUIs).

De bedoeling van Webontwerp moet een website (een inzameling die van elektronische dossiers op één of meerdere Webservers verblijft) creëren die inhoud (met inbegrip van interactieve eigenschappen of interfaces) aan de eindgebruiker in de vorm van Web-pagina's zodra gevraagd voorstelt. Dergelijke elementen zoals tekst, vormen, en bit-mapped beelden (GIFs, JPEGs, PNGs) kunnen op de pagina worden geplaatst gebruikend markeringen HTML, XHTML, of XML. Het tonen van complexere media (vectorgrafiek, animatie, video's, geluiden) vereist stop-ins zoals Flits, QuickTime, run-time van Java milieu, wordt enz. stop-Ins ook ingebed in Web-pagina's door markeringen te gebruiken HTML of XHTML.

DE UITEINDEN VAN HET ONTWERP VAN HET WEB.
Het selecteren van een Taal van het Ontwerp van het Web voor Uw Project van Internet:
Als u van plan bent om uw eigen website te ontwerpen en te publiceren online, zou uw eerste stap te beslissen moeten zijn welk type van de aanwezigheid van Internet u voorziet en dan de taal kiest van het Webontwerp u wilt gebruiken.

HET ONTWERP VAN DE WEBSITE:
Een Website is een inzameling van informatie over een bepaald onderwerp of een onderwerp. Het ontwerpen van een website wordt gedefinieerd als regeling en verwezenlijking van Web-pagina's die omhoog een website beurtelings maken. Een Web-pagina bestaat uit informatie waarvoor de website wordt ontwikkeld. Een website zou bij een boek kunnen worden vergeleken, waar elke pagina van het boek een Web-pagina is.

Er zijn vele aspecten (ontwerpzorgen) in dit proces, en wegens de snelle ontwikkeling van Internet, kunnen de nieuwe aspecten te voorschijn komen. Voor niet-commerciële websites, kunnen de doelstellingen afhankelijk van de gewenste blootstelling en de reactie variëren. Voor typische commerciële websites, zijn de basisaspecten van ontwerp:

De inhoud: de substantie, en de informatie over de plaats zouden voor de plaats relevant moeten zijn en zouden het gebied van het publiek moeten richten dat de website met betrokken is.
De bruikbaarheid: de plaats zou, met de eenvoudig en de betrouwbare interface en navigatie gebruikersvriendelijk moeten zijn.
De verschijning: de grafiek en de tekst zouden één enkele stijl moeten omvatten stromen waardoor, om consistentie te tonen. De stijl zou professioneel moeten zijn, een beroep doend en relevant.
Het zicht: de plaats moet ook gemakkelijk zijn om via de meesten, als niet allen, belangrijke onderzoeksmotoren en reclamemedia te vinden.

Een website bestaat typisch uit tekst en beelden. De eerste pagina van een website is genoemd geworden Homepage of Index. Wat websitesgebruik wat algemeen een Pagina van de Plons wordt genoemd. Pagina's van de plons zouden een welkome bericht, taal of gebiedselectie, of ontkenning kunnen omvatten. Elke Web-pagina binnen een website is een HTML- dossier dat zijn eigen URL heeft. Nadat elke Web-pagina wordt gecreeerd, zijn zij typisch verbonden gebruikend een navigatiemenu dat uit hyperlinks wordt samengesteld. De snellere het doorbladeren snelheden hebben geleid tot kortere concentratieperiodes en meer veeleisende online bezoekers en dit heeft in minder gebruik van de Pagina's van de Plons geresulteerd, in het bijzonder waar de commerciële websites betrokken zijn.

Zodra een website wordt voltooid, moet het viewable worden gepubliceerd of worden geupload aan het publiek over Internet te zijn. Dit kan worden gedaan gebruikend een cliënt van FTP. Zodra gepubliceerd, kan de Webmeester een verscheidenheid van technieken om het verkeer te verhogen, of klappen gebruiken, die de website ontvangt. Dit kan het voorleggen van de website aan een onderzoeksmotor zoals Google of Yahoo omvatten, ruilend verbindingen die met andere websites, tot toetreding met gelijkaardige websites, enz. leiden.

Multidisciplinaire vereisten.
Het websiteontwerp kruist veelvoudige disciplines van informatiesystemen, informatietechnologie en communicatie ontwerp. De website is een informatiesysteem de waarvan componenten soms gerangschikt als front-end en achterste deel zijn. De waarneembare inhoud (b.v. paginalay-out, gebruikersinterface, grafiek, tekst, audio) is genoemd geworden voorkant. Het achterste deel bestaat uit de organisatie en de efficiency van de broncode, de onzichtbare scripted functies, en de server-zijcomponenten die de output van de voorkant verwerken. Afhankelijk van de grootte van een ontwikkelingsproject van het Web, kan het door een veelzijdig opgeleid individu (worden uitgevoerd soms genoemd een Webmeester), of een projectleider kan op samenwerkingsontwerp tussen groepsleden met gespecialiseerde vaardigheden toezicht houden.

Het toegankelijke ontwerp van het Web.
Hoofd artikel: De toegankelijkheid van het Web.
Om toegankelijk te zijn, moeten de Web-pagina's en de plaatsen met bepaalde toegankelijkheidsprincipes in overeenstemming zijn. Deze kunnen in de volgende belangrijkste gebieden worden gegroepeerd:

1)use semantische prijsverhoging die een zinvolle structuur aan het document verstrekt (d.w.z. Web-pagina).
De semantische prijsverhoging verwijst ook naar dienovereenkomstig semantisch het organiseren van de Web-pagina structuur en het publiceren van de beschrijving van de Webdiensten zodat zij door andere Webdiensten op verschillende Web-pagina's kunnen worden erkend. De normen voor semantisch Web worden bepaald door IEEE.
2)use een geldige prijsverhogingstaal die met een gepubliceerd DTD of een Schema in overeenstemming is
3)provide tekstequivalenten voor om het even welke niet-tekstcomponenten (b.v. beelden, multimedia).
4)use hyperlinks die wanneer gelezen uit context steek houden (vermijd hier b.v. "Klik.")
5)don't gebruik kaders.
6)use Css eerder dan HTML- Lijsten voor lay-out.
7)author de pagina zodat wanneer de broncode line-by-line door gebruikersagenten wordt gelezen (zoals het schermlezers) het begrijpelijk blijft. (Het Gebruiken van lijsten voor ontwerp zal vaak in informatie resulteren die niet. is)
Nochtans, laat W3C een uitzondering toe waar de lijsten voor lay-out of wanneer gelineariseerd steek houden of een afwisselende versie (misschien gelineariseerd) wordt ter beschikking gesteld.

De toegankelijkheid van de website verandert ook aangezien het door de Systemen wordt beïnvloed van het Beheer van de Inhoud die veranderingen om aan webpages zonder de behoefte toelaten worden aangebracht om programmeertaalkennis te verkrijgen.

De Planning van de website.
Alvorens en uploadend tot een website te leiden, het belangrijk is om de tijd te vergen precies te plannen wat in de website nodig is. Grondig zijn overwegen van de publiek of doelmarkt, evenals bepalen van het doel en beslissen van welke inhoud zal worden ontwikkeld uiterst belangrijk.

Doel.
Het is essentieel om het doel van de website als één van de eerste stappen in het planningsproces te definiëren. Een doelverklaring zou nadruk moeten tonen wordt gebaseerd die op wat de website zal verwezenlijken en wat de gebruikers van het zullen krijgen. Een duidelijk bepaald doel zal de rest van het planningsproces helpen versnellen aangezien het publiek wordt geïdentificeerd en de inhoud van de plaats wordt ontwikkeld. Het bepalen van korte en op lange termijn doelstellingen voor de website zal helpen het doel en plan voor de toekomst duidelijk maken wanneer de uitbreiding, de wijziging, en de verbetering zullen plaatsvinden. Ook, zouden de doel-plaatsende praktijken en de meetbare doelstellingen moeten worden geïdentificeerd om de vooruitgang van de plaats te volgen en succes te bepalen.

Publiek.
Het bepalen van het publiek is een zeer belangrijke stap in het website planningsproces. Het publiek is de groep mensen die worden verondersteld om uw website †de "te bezoeken markt die wordt gericht. Deze mensen zullen de website om een specifieke reden bekijken en het is belangrijk om precies te weten wat zij zoeken wanneer zij de plaats bezoeken. Een duidelijk bepaald doel of een doel van de plaats evenals een inzicht in wat de bezoekers doen of willen van mening zijn wanneer zij aan uw plaats komen zullen helpen om het doelpubliek te identificeren. Op het overwegen van wie waarschijnlijk zal om de inhoud te vereisen of te gebruiken, een lijst van kenmerken gemeenschappelijk voor de gebruikers zoals:

De Kenmerken van het publiek.
De Voorkeur van de informatie.
De Specificaties van de computer.
De Ervaring van het Web.
Het rekening houden van de met kenmerken van het publiek zal een efficiënte website om toelaten worden tot stand gebracht die de gewenste inhoud aan het doelpubliek zal leveren.

Inhoud.
De tevreden evaluatie en de organisatie vereisen dat het doel van de website duidelijk wordt bepaald. Het verzamelen van een lijst van de noodzakelijke inhoud die dan het organiseert volgens de behoeften van het publiek is een zeer belangrijke stap in website planning. Tijdens het verzamelen van de inhoud die, zouden om het even welke punten die niet het bepaalde doel steunen of de geen doelstellingen wordt aangeboden verwezenlijken van het doelpubliek moeten worden verwijderd. Het is een goed idee om de inhoud en het doel op een nadrukgroep te testen en het dienstenaanbod te vergelijken bij de publieksbehoeften. De volgende stap is de basisinformatiestructuur te organiseren door de inhoud te categoriseren en het te organiseren volgens gebruikersbehoeften. Elke categorie zou met een beknopte en beschrijvende titel moeten worden genoemd die een verbinding op de website zal worden. De planning voor de plaats de inhoud zorgt ervoor dat wil of van het doelpubliek vereist en het doel van de plaats zal worden vervuld.

Plannende documentatie.
De documentatie wordt gebruikt om de plaats visueel te plannen terwijl het rekening houden van met het doel, het publiek en de inhoud, de de de plaatsstructuur, inhoud en interactie te ontwerpen die voor de website het meest geschikt zijn. De documentatie kan als een prototype voor de website †een "model worden beschouwd dat de websitelay-out om toelaat worden herzien, resulterend in voorgestelde veranderingen, verbeteringen en/of verhogingen. Dit overzichtsproces verhoogt de waarschijnlijkheid van succes van de website.

Eerst, is de inhoud gecategoriseerd en de informatiestructuur wordt geformuleerd. De informatiestructuur wordt gebruikt om een document te ontwikkelen of het visuele diagram riep een overzicht van de website. Dit leidt tot visueel van hoe de Web-pagina's zullen worden onderling verbonden, die in het beslissen van helpt welke inhoud op welke pagina's zal worden geplaatst. Er zijn drie belangrijke manieren om de websitestructuur diagramming:

De lineaire Diagrammen van de Website zullen de gebruikers om zich in een vooraf bepaalde opeenvolging toestaan te bewegen;
De hiërarchische structuren (van de Diagrammen van de Website van het Ontwerp van de Boom) verstrekken meer dan één weg voor gebruikers aan hun bestemming te nemen;
De Diagrammen van de Website van het Ontwerp van de tak staan voor vele interconnecties tussen Web-pagina's zoals hyperlinks toe binnen zinnen.
Naast de planning van de structuur, kunnen de lay-out en de interface van individuele pagina's worden gepland gebruikend een storyboard. Tijdens het storyboarding, wordt een verslag gemaakt van de beschrijving, het doel en de titel van elke pagina in de plaats, en zij zijn verbonden volgens het meest efficiënte en logische diagramtype. Afhankelijk van het aantal pagina's die voor de website worden vereist, kunnen de documentatiemethodes het gebruiken van stukken van document en het trekken van lijnen om hen te verbinden, of het creëren van storyboard omvatten gebruikend computersoftware.

Wat of de elk van individuele pagina's kunnen in groter detail als website worden ontworpen wireframe, een spot op model of uitvoerige lay-out van wat de pagina eigenlijk als zal kijken. Dit wordt vaak gedaan in een grafisch programma, of het programma van het lay-outontwerp. Wireframe heeft geen het werk functionaliteit, slechts plannend.

GEBRUIKELIJKE PROBLEMEN DIE ZICH OP HET GEBIED VOORDOEN:
Hoe het versus kijkt. Hoe het werkt.
Sommige Webontwikkelaars hebben een grafische kunstenachtergrond en kunnen meer aandacht aan hoe besteden een pagina dan onderzoekend andere kwesties eruit ziet zoals hoe de bezoekers de pagina via een onderzoeksmotor gaan vinden. Sommigen zouden zich meer bij de reclame kunnen baseren dan onderzoeksmotoren om bezoekers naar de plaats aan te trekken. Aan de andere kant van de kwestie, zijn de de optimaliseringsadviseurs van de onderzoeksmotor (SEOs) betrokken bij hoe goed een website technisch en tekstueel werkt: hoeveel verkeer het via onderzoeksmotoren produceert, en hoeveel verkoop die het heeft gemaakt, veronderstellend blikken draag niet tot de verkoop bij. Dientengevolge, beëindigen de ontwerpers en SEOs vaak omhoog in geschillen waar de ontwerper willen meer ' mooie ' grafiek, en SEO veel ' lelijke ' sleutelwoord-rijke teksten, kogellijsten, en tekstverbindingen wil. Men kon debatteren dat dit een valse dichotomie toe te schrijven aan de mogelijkheid is dat een Webontwerp de twee disciplines voor een samenwerkings en synergistic oplossing kan integreren. Omdat wat grafiek communicatie doeleinden naast esthetica dient, hoe goed het plaatswerk van de communicatie van de grafische ontwerper visuele ideeën evenals de overwegingen kan afhangen SEO.

Een ander probleem wanneer het gebruiken van veel grafiek op een pagina is dat de downloadtijden zeer kunnen worden verlengd, vaak irriterend de gebruiker. Dit is minder van een probleem geworden aangezien Internet met snelle internetdiensten en het gebruik van vectorgrafiek heeft geëvolueerd. Dit is een techniekuitdaging om bandbreedte naast een artistieke uitdaging te verhogen om grafiek en grafische dossiergrootte te minimaliseren. Dit is een aan de gang zijnde uitdaging aangezien de verhoogde bandbreedte verhoogde hoeveelheden inhoud uitnodigt.

Zoals in samenwerkingsontwerpen, zijn er conflicten tussen verschillende doelstellingen en methodes van websiteontwerpen. Deze zijn enkelen van de aan de gang zijnde.

Gebrek aan samenwerking in ontwerp.
In de vroege stadia van het Web, was er niet zo veel samenwerking tussen Webontwerpen en grotere publiciteitscampagnes, klantentransacties, sociaal voorzien van een netwerk, intranets en extranets aangezien er nu zijn. Web-pagina's waren hoofdzakelijk statische online brochures die van de grotere projecten worden losgemaakt.

Vele Web-pagina's zijn nog losgemaakt van grotere projecten. De speciale ontwerpoverwegingen zijn noodzakelijk voor gebruik binnen deze grotere projecten. Deze ontwerpoverwegingen worden vaak overzien, vooral in gevallen waarbij er een gebrek aan leiding, gebrek aan begrip van waarom en technische kennis van hoe te, of gebrek aan belang voor het grotere project integreren zijn om samenwerking te vergemakkelijken. Dit resulteert vaak in de ongezond concurrentie of compromis tussen afdelingen, en minder dan optimaal gebruik van Web-pagina's.

Vloeistof tegenover vaste lay-outs.
Op het Web heeft de ontwerper geen controle over verscheidene factoren, met inbegrip van de grootte van het browser venster, gebruikt Webbrowser, de gebruikte inputmechanismen (muis, het aanrakingsscherm, stembevel, tekst, het aantalstootkussen van de celtelefoon, enz.) en de grootte en de kenmerken van beschikbare fonts.

Sommige ontwerpers verkiezen om de verschijning van de elementen op het scherm te controleren door specifieke breedtebenoemingen te gebruiken. Deze controle kan door het gebruik van een HTML op lijst-gebaseerd ontwerp of een semantischer op afd.-gebaseerd ontwerp door het gebruik van CSS worden bereikt. Wanneer de tekst, de beelden, en de lay-out van een ontwerp niet veranderen aangezien browser verandert, wordt dit bedoeld als vast breedteontwerp. De verdedigers van vast breedteontwerp verkiezen nauwkeurige controle over de lay-out van een plaats en de precisieplaatsing van voorwerpen op de pagina. Andere ontwerpers kiezen een vloeibaar ontwerp. Een vloeibaar ontwerp is één, als Wikipedia, waar het ontwerp tot stroominhoud in het gehele scherm leidt, of een gedeelte van het scherm, geen kwestie wat de grootte van het browser venster. De verdedigers van vloeibaar ontwerp verkiezen grotere verenigbaarheid en het gebruiken van de beschikbare het schermruimte. Het vloeibare ontwerp kan door het gebruik van CSS worden bereikt, door te vermijden stilerend de pagina totaal, of door te gebruiken plaatsen de HTML- lijsten (of meer semantische divs) aan een percentage van de pagina. Zowel moeten de vloeibare als vaste ontwerpontwikkelaars besluiten over nemen hoe het ontwerp op hogere en lagere het schermresoluties zou moeten degraderen. Soms wordt de pragmatische keus gemaakt om het ontwerp tussen een minimum en een maximumbreedte te stromen. Dit staat de ontwerper toe om codage voor de browser te vermijden keuzen die omhoog de Lange Staart maken, terwijl nog het gebruiken van al beschikbare het schermruimte. Afhankelijk van het doel van de inhoud, kan een Webontwerper beslissen of vaste of vloeibare lay-outs op een basis geval per geval te gebruiken.

Gelijkaardig aan vloeibare lay-out is de facultatieve pasvorm aan venstereigenschap met de inhoud van de Flits van de Adobe. Dit is een vaste lay-out die optimaal schalen de inhoud van de pagina zonder de regeling of de tekst te veranderen die wanneer browser resized verpakken.

Flits.
De Flits van de adobe (vroeger Flits Macromedia) is een een merkgebonden, robuust grafiekanimatie of programma van de toepassingsontwikkeling die wordt gebruikt om dynamische inhoud tot stand te brengen en te leveren, media (zoals geluid en video), en interactieve toepassingen over het Web via browser.

De flits is geen norm die door een verkoper-neutrale normenorganisatie wordt veroorzaakt als de meeste de kernprotocollen en formaten op Internet. De flits is veel meer restrictief dan het open formaat van HTML, niettemin, vereisend dat een merkgebonden plugin wordt gezien, en het integreert met het meeste Web browser UI geen eigenschappen zoals de "Achter" knoop.

Volgens een studie, [2 ] 98% van de gebruikers van het Web van de V.S. hebben de Aantallen van de Speler installed.[3 van de Flits ] variëren afhankelijk van de opsporingsregeling en het onderzoek demographics.[4 ]

Vele grafische kunstenaars gebruiken Flits omdat het hen nauwkeurige controle meer dan elk deel van het ontwerp geeft, en om het even wat kan worden geanimeerd en over het algemeen "jazzed omhoog". Sommige toepassingsontwerpers genieten van Flits omdat het hen tot toepassingen laat leiden die niet naar een nieuwe Web-pagina moeten worden verfrist of gaan telkens als een actie voorkomt. De flits kan ingebedde fonts in plaats van standaardfonts gebruiken die op de meeste computers wordt geïnstalleerd. Er zijn vele plaatsen die zich volledig van HTML voor Flits onthouden. Andere plaatsen kunnen de inhoud gebruiken van de Flits die met HTML conservatief wordt gecombineerd zo zoals gifs of jpegs, maar met kleinere vectordossiergrootte en de optie van snellere ladingsanimatie worden gebruikt. De flits kan ook worden gebruikt om inhoud tegen het onbevoegde verdubbeling of zoeken te beschermen. Alternatief, kunnen de kleine, dynamische voorwerpen van de Flits worden gebruikt om de standaardelementen van HTML (zoals headers of menuverbindingen) met geavanceerde typografie niet te vervangen mogelijk via regelmatige HTML of CSS (zie Scalable Vervanging van de Flits Inman).

De tegenstanders van de flits beweren dat de websites van de Flits slecht ontworpen neigen te zijn, en gebruiken vaak het verwarren en niet genormaliseerde user-interfaces. Op tot onlangs, hebben de onderzoeksmotoren de voorwerpen van de Flits niet kunnen indexeren, wat plaatsen het hebben van hun gemakkelijk gevonden inhoud heeft verhinderd. Dit is omdat velen motorkruippakjes zich baseren op tekst aan indexwebsites zoeken. Het is mogelijk om afwisselende inhoud te specificeren die voor browsers moet worden getoond die geen Flits steunen. Het gebruiken van afwisselende inhoud helpt ook onderzoeksmotoren om de pagina te begrijpen, en kan in veel beter zicht voor de pagina resulteren. Nochtans, is de overgrote meerderheid van de websites van de Flits toegankelijke onbekwaamheid (voor het schermlezers, bijvoorbeeld) of volgzame geen Sectie 508. Een extra kwestie is dat plaatsen die algemeen de gebruiks afwisselende inhoud voor onderzoeksmotoren aan hun menselijke bezoekers gewoonlijk wordt beoordeeld om onderzoeksmotoren spamming en automatisch verboden.

De meest recente incarnatie van de scripting taal van de Flits (genoemd "ActionScript", die een taal ECMA gelijkend op JavaScript) is neemt langverwachte bruikbaarheidseigenschappen, zoals het eerbiedigen van de browser's font grootte en het toestaan van blinde gebruikers op om het schermlezers te gebruiken. Actionscript 2,0 is een Object-Oriented taal, die het gebruik van CSS, XML, en het ontwerp van op klasse-gebaseerde Webtoepassingen toestaat.

Verenigbaarheid en beperkingen.
Wegens het marktaandeel moderne browsers (afhankelijk van uw doelmarkt), is de verenigbaarheid van uw website met de kijkers beperkt. Bijvoorbeeld, zal een website die voor de meerderheid van websurfers wordt ontworpen tot het gebruik van geldige XHTML - 1,0 Strikt of ouder, Draperend Niveau 1 van de Bladen van de Stijl, en 1024x768- vertoningsresolutie beperkt zijn. Dit is omdat de Ontdekkingsreiziger van Internet volledig W3C geen normen volgzaam met de modulariteit van XHTML 1,1 en de meerderheid van CSS voorbij 1 is. Een doelmarkt van alternatievere browser (b.v. Firefox en Opera) gebruikers staat voor meer W3C naleving en zo een grotere waaier van opties voor een Webontwerper toe.

Een andere beperking op webpageontwerp is het gebruik van verschillende het dossierformaten van het Beeld. De meerderheid van gebruikers kan GIF, JPEG, en PNG (met beperkingen) steunen. Opnieuw is de Ontdekkingsreiziger van Internet hier de belangrijkste beperking, niet volledig steunend geavanceerde de transparantieeigenschappen van PNG, die in het formaat dat van GIF resulteren nog het wijdst gebruikte grafische dossierformaat voor transparante beelden is.

Vele websiteonverenigbaarheden gaan ongemerkt en niet doorgegeven door de ontwerper door de gebruikers. De enige manier zal te zijn sommige een website werken aan een bepaald platform is het op dat platform te testen.

OM HET EVEN WELKE MANIER, het ONTWERPEN van het WEB is UIT TE VOORSCHIJN GEKOMEN AANGEZIEN ÉÉN VAN BETOVEREND ONDER I.T BANEN MET een ZEER GOED BEPAALD HOOG SALARIS ZO DOORGAAT EN UIT ALS CREATIEF WEB TE VOORSCHIJN KOMT de ontwerper- I.T. WERELD OP U... WACHT