Hoe om `n webblad te beplan

As jy `n webblad wil ontwerp en skep, sal jy ontdek dat dit baie makliker is as jy vantevore beplan. Die beplanningsfase laat die ontwikkelaar en die kliënt toe om saam te werk om `n formaat en uitleg te vind wat ooreenstem met hul behoeftes. Die beplanningsproses beïnvloed stylbesluite en is waarskynlik die belangrikste aspek van bladsyontwerp, veral op die gebied van besigheid.

stappe

Deel 1

2

Skep `n werfkaart. `N Werkkaart is soos `n vloeidiagram en wys hoe gebruikers van een bladsy na `n ander spring. Jy hoef nie eers bladsye op hierdie punt, net `n algemene konsepvloei nie. Jy kan `n rekenaarprogram gebruik om die diagram te skep of dit op `n stuk papier te skets. Gebruik die werfkaart om die hiërargie en konneksiwiteit van die webwerf te beplan.

3

Probeer die "Kaart sorteer" metode. `N Gewilde groepmetode is om `n stel kaarte te gebruik om die ideale klassifikasie van elkeen uit te vind. Neem `n stel kaarte en skryf die basiese inhoud van elke bladsy op elke kaart. Laat die span die skyfies organiseer op die manier wat hulle die beste gebruik. Dit is beter in gesamentlike web skep situasies.

4

Gebruik papier en `n bulletinbord. Dit is die oorspronklike goedkoop metode van beplanning en kan u inhoud verwyder of skuif om dit `n nuwe adres te gee. Teken die ontwerp op stukke papier en verbind dit met `n draad of teken die uitleg op `n swartbord. Hierdie metode is uitstekend vir dinkskrumsessies.

5

Neem `n inventaris van inhoud. Dit is meer geskik vir die herontwerp as die skep van webwerwe. Voer elk van die bestaande elemente of bladsye in `n sigblad in. Maak aantekeninge oor die doel van elkeen en gebruik die lys om te bepaal wat gaan en wat bly. Dit help om onnodige elemente uit te skakel en die herontwerpproses te vereenvoudig.

Deel 2

2

Neem `n grys boks toets. Isolateer die inhoud van die bladsy in grys bokse, met die belangrikste inhoud bo. Die blokke word in `n enkele kolom gereël, met die belangrikste inhoudsgedeelte bo-aan die bladsy. Byvoorbeeld, as die bladsy die besonderhede van die maatskappy bevat, kan hierdie inligting na bo, gevolg deur die personeellys, gevolg deur kontakinligting, ens.

3

Probeer `n program om draadraamwerke te skep. Daar is verskeie programme wat u kan help met die skeppingsproses vir draadframe. Die vereiste programmeringskennis wissel van program tot program. Sommige van die gewildste programme is:

4

Gebruik `n eenvoudige HTML-opmaak. `N Goeie draadraam kan maklik later die regte web word. Moenie bekommerd wees oor die styl tydens die draadframe skeppingsproses nie. Gebruik eerder `n merk wat maklik verstaan ​​en verander kan word.

5

Skep `n draadraamwerk vir elke bladsy van die werf. Dit kan aanloklik wees om `n enkele draadraamwerk te doen en sê "goed, ek kan dit op elke bladsy toepas", maar in werklikheid sal jy `n meer generiese en vervelige werf produseer. Skep `n draadraam vir elke bladsy en jy sal ontdek dat elkeen sy eie organisatoriese behoeftes het.

Deel 3

2

Onthou dat goeie inhoud meer as teks is. Die internet bestaan ​​uit baie meer as webwerwe met eenvoudige teks. Om in een area uit te lig, benodig jy `n verskeidenheid verskillende soorte inhoud om besoekers te lok en te behou. Ons bied `n paar inhoud aan wat u kan oorweeg:

3

Huur `n professionele fotograaf. As jy foto`s op die web wil insluit, sal die eerste indrukke baie hoër wees met professionele foto`s. `N Enkele goeie foto is meer as twintig slegte mense werd.

4

Skryf kwaliteit artikels. Die geskrewe inhoud van die bladsy bepaal die meeste verkeer op die web. Alhoewel dit nie nodig is om baie te bekommer oor die skep van inhoud op hierdie stadium in die ontwerpproses nie, is daar niks verkeerd met die beplanning nie, aangesien u gereeld nuwe inhoud moet hê nadat u die web begin het.

Deel 4

2

Skep `n basiese ingesteldheid. Begin die draadraamblokke uit die enkelkolom en na die algemene plek op die bladsy. Byvoorbeeld, dit is raadsaam om die navigasieblok na die linkerkant van die bladsy te skuif en `n lys opskrifte regs.

3

Skep `n skets Gebruik `n program soos Photoshop om die skets van sommige bladsye van die werf te skep. Gebruik die voorsiening wat u as riglyn opgestel het. Jy kan baie vinniger werk in `n beeldbewerkingsprogram en plaas alles in die plek wat jy wil. Dit laat jou toe om die beelde as verwysings te gebruik wanneer die tyd kom om die werklike kode te skep.

4

Vervang die blokkies met inhoud. Begin voeg inhoud en elemente by die bladsy. Moenie bekommerd wees oor die styl nie, plaas net alles in sy plek. Dit help om te kyk of die styl verander werk.

5

Skep `n stylgids Dit is noodsaaklik om `n samehangende styl te handhaaf, veral op groot webwerwe. As die webwerf vir `n besigheid is wat reeds `n kenmerkende visuele voorkoms het, moet u dit in die ontwerp van die werf inkorporeer. Ons stel voor dat sommige dinge in die stylgids oorweeg moet word:

6

Pas die styl toe. Sodra jy besluit het oor `n styl en ontwerp vir die web, is dit tyd om dit te begin implementeer. CSS is een van die maklikste metodes om styl op `n bladsy of oor die web te implementeer. hersiening hierdie gids as jy meer besonderhede van CSS gebruik wil hê.