Probleme oplos in webontwerp

Stappe om te neem wanneer u 'n ontwerpprobleem het

As jy ooit 'n webwerf gebou het, het jy waarskynlik ontdek dat dinge nie altyd soos beplan gaan nie. Om 'n webontwerper te wees, beteken dat jy gemaklik moet wees met foute met die webwerwe wat jy bou.

Dit kan baie frustrerend wees om uit te vind wat verkeerd is met jou webontwerp, maar as jy sistematies oor jou analise is, kan jy dikwels die oorsaak van die probleem vind en dit vinniger oplos. Hier is 'n paar wenke wat jy kan gebruik om dit te laat gebeur.

Bevestig jou HTML

As ek 'n probleem met my webblad het, is die eerste ding wat ek doen die HTML regverdig. Daar is baie redes om HTML te valideer, maar as jy 'n probleem het wat die eerste ding moet wees wat jy moet doen. Daar is reeds baie mense wat elke bladsy outomaties bekragtig. Maar selfs as jy in die gewoonte is, is dit 'n goeie idee om die geldigheid van jou HTML te kontroleer as jy 'n probleem het. Dit sal verseker dat dit nie 'n eenvoudige fout is nie, soos 'n foutiewe HTML-element of eiendom wat jou probleem veroorsaak.

Bevestig jou CSS

Die volgende waarskynlikste plek waar jy probleme ondervind, is met jou CSS . Die validering van u CSS dien dieselfde funksie as die validering van u HTML. As daar foute is, sal dit verseker dat jou CSS korrek is en dit is nie die oorsaak van jou probleme nie.

Bevestig jou JavaScript of ander dinamiese elemente

Soos met HTML en CSS as jou bladsy JavaScript, PHP, JSP of ander dinamiese elemente gebruik, moet jy seker maak dat dit ook geldig is.

Toets in verskeie blaaiers

Dit kan wees dat die probleem wat u sien, die gevolg is van die webblaaier wat u dit besigtig. As die probleem in elke blaaier voorkom wat u kan toets, vertel dit u iets oor wat u moet doen om dit reg te stel. As jy byvoorbeeld weet dat die probleem slegs in 'n sekere blaaier gebeur, kan jy dieper inwerk in hoekom net daardie een blaaier 'n probleem kan veroorsaak terwyl ander goed is.

Vereenvoudig die bladsy

As die HTML en CSS nie geaktiveer word nie, moet jy die bladsy nader om die probleem te vind. Die maklikste manier om dit te doen is om gedeeltes van die bladsy uit te vee of 'kommentaar te lewer' totdat alles wat oorgebly het, die gedeelte met die probleem is. Jy moet ook die CSS op soortgelyke wyse sny.

Die idee agter die vereenvoudiging is nie dat jy die bladsy met slegs die vaste element sal verlaat nie, maar eerder dat jy sal bepaal wat die probleem veroorsaak en dan regstel.

Trek en voeg dan Terug

Nadat u die probleemarea van u webwerf afgeknip het, begin u elemente van die ontwerp af te trek totdat die probleem weg is. Byvoorbeeld, as jy die probleem na 'n spesifieke

en die CSS wat dit stileer, verminder het, begin deur een lyn van CSS op 'n slag te verwyder.

Toets na elke verwydering. As wat jy verwyder het, of die probleem heeltemal verwyder, weet jy wat jy moet regstel.

Sodra jy presies weet wat veroorsaak dat die probleem begin, voeg dit terug met items wat verander is. Maak seker dat jy na elke verandering toets. Wanneer jy Webontwerp doen, is dit verbasend hoe dikwels klein dingetjies 'n verskil kan maak. Maar as jy nie toets hoe die bladsy na elke verandering kyk, selfs skynbaar minderjariges nie, kan jy nie bepaal waar die probleem is nie.

Ontwerp vir Webwerwe vir Webwerwe

Die mees algemene probleme wat Web ontwerpers in die gesig staar, draai om om bladsye in die meeste blaaiers dieselfde te maak. Terwyl ons bespreek het dat dit baie moeilik kan wees, indien nie onmoontlik, om webbladsye in alle blaaiers dieselfde te maak, is dit steeds 'n doel van die meeste ontwerpers. So moet jy eers begin met die ontwerp van die beste blaaiers, wat diegene insluit wat voldoen aan die standaarde. Sodra jy hulle werk, kan jy met die ander blaaiers speel om hulle te laat werk, insluitend ouer blaaiers wat dalk nog relevant is vir die gehoor van jou werf.

Hou jou kode eenvoudig

Sodra jy jou probleme gevind het en vasgestel het, moet jy waaksaam wees om hulle nie later weer op te sny nie. Die maklikste manier om probleme te vermy, is om jou HTML en CSS so eenvoudig as moontlik te hou. Let daarop dat ek nie sê jy moet vermy iets doen soos om ronde hoeke te skep bloot omdat die HTML of CSS ingewikkeld is nie. Net dat jy moet vermy komplekse dinge doen wanneer 'n eenvoudiger oplossing hom voordoen.

Kry 'n paar hulp

Die waarde van iemand wat jou kan help om die probleem van die webwerf te ontfout, kan nie oorbeklemtoon word nie. As jy 'n rukkie na dieselfde kode kyk, word dit maklik om 'n maklike fout te mis. Om 'n ander stel oë op daardie kode te kry, is dikwels die beste ding wat jy daarvoor kan doen.

Geredigeer deur Jeremy Girard op 2/3/17