Վեբ Դիզայնի խնդիրներ լուծելու համար

Քայլեր, երբ դուք ունեք դիզայնի խնդիր

Եթե ​​դուք երբեւէ կառուցել եք մի կայք, դուք հավանաբար հայտնաբերել եք, որ բաները միշտ չէ, որ պլանավորված են: Վեբ դիզայներ լինելու համար նշանակում է, որ դուք պետք է հարմարավետություն ստանաք ձեր ստեղծած կայքերի հետ:

Երբեմն պարզելով, թե ինչն է սխալ ձեր վեբ դիզայնի կարող է լինել շատ զայրացնում է, բայց եթե դուք համակարգված ձեր վերլուծության, դուք կարող եք գտնել հաճախ պատճառը խնդիրը եւ ամրագրել այն ավելի արագ. Ահա մի քանի խորհուրդներ, որոնք կարող եք օգտագործել, որպեսզի դա լինի:

Վավերացրեք ձեր HTML- ը

Երբ իմ վեբ էջում խնդիր կա, առաջին բանը, որ ես անում եմ, վավերացնում է HTML- ը: HTML- ի վավերացման բազմաթիվ պատճառներ կան, բայց երբ դուք ունեք մի խնդիր, որը պետք է լինի առաջինը, դուք կատարում եք: Կան շատ մարդիկ, որոնք ավտոմատ կերպով ստուգում են յուրաքանչյուր էջը: Բայց նույնիսկ եթե դուք սովորություն ունեք, լավ գաղափար է ստուգել ձեր HTML- ի վավերությունը, երբ դուք խնդիր ունեք: Դա կապահովի, որ դա սխալ սխալ չէ, ինչպիսին է սխալ HTML- ի տարրը կամ գույքը, ինչը ձեր պրոբլեմն է:

Վավերացրեք ձեր CSS- ը

Հաջորդ ամենահավանական տեղը, որտեղ դուք կունենաք խնդիրներ, ձեր CSS- ով է : Վավերացնելով ձեր CSS- ն ծառայում է նույն գործառույթը, որը վավերացնում է ձեր HTML- ը: Եթե ​​սխալներ կան, դա կապահովի, որ ձեր CSS- ն ճիշտ է, եւ դա ձեր խնդիրների պատճառն չէ:

Վավերացրեք ձեր JavaScript կամ այլ դինամիկ տարրեր

Ինչպես HTML- ը եւ CSS- ն, եթե ձեր էջը օգտագործում է JavaScript, PHP, JSP կամ այլ դինամիկ տարրեր, դուք պետք է համոզվեք, որ դրանք նաեւ վավեր են:

Փորձարկում Multiple Browsers- ում

Հնարավոր է, որ դուք տեսնում եք այն խնդիրը, որը դուք դիտում եք այն վեբ բրաուզերի արդյունքը: Եթե խնդիրը տեղի է ունենում յուրաքանչյուր բրաուզերում, կարող եք փորձարկել, որը ձեզ պատմում է ինչ-որ բան այն մասին, թե ինչ պետք է անեք, որպեսզի այն ուղղեք: Օրինակ, եթե գիտեք, որ խնդիրը միայն որոշակի բրաուզերում է տեղի ունենում, կարող եք ավելի խորանալ, թե ինչու հենց այդ զննարկիչը կարող է խնդիրներ առաջացնել, իսկ մյուսները `լավ:

Պարզեցեք էջը

Եթե ​​HTML- ի եւ CSS- ի վավերացումը չի օգնում, ապա խնդիրը գտնելու համար պետք է նեղացնել էջը: Դա ամենահեշտ ձեւն է, ջնջել կամ «մեկնաբանել» էջի հատվածները, մինչեւ մնացած բոլորը խնդիրն է: Դուք նույնպես պետք է կրճատվեք CSS- ին նման ձեւով:

Պարզեցման գաղափարը այն չէ, որ դուք էջը թողնում եք միայն ֆիքսված տարրով, այլ այն, որ դուք որոշեք, թե ինչ է պատճառը պատճառը, եւ այն ամրագրելը:

Հանել եւ հետո ավելացնել Հետ

Երբ դուք նեղացրել եք ձեր կայքի խնդրահարույց տարածքը, սկսեք դիզայնից դուրս տարրեր վերցնել, մինչեւ խնդիրը հեռացվի: Օրինակ, եթե խնդիրը նեղացրել եք կոնկրետ

եւ CSS- ի այն ոճով, ապա այն սկսում է միաժամանակ հեռացնել CSS- ի մեկ գիծը:

Փորձեք ամեն հեռացնելուց հետո: Եթե ​​այն, ինչ դուք հեռացրել եք ամրագրվածները կամ ամբողջությամբ հեռացնում է խնդիրը, ապա դուք գիտեք, թե ինչ պետք է ամրագրել:

Երբ գիտեք, թե ինչն է պատճառը պատճառում, սկսում է այն վերափոխել իրերը: Համոզվեք, որ ամեն փոփոխությունից հետո փորձեք: Երբ եք անում վեբ դիզայնը, զարմանալի է, թե որքան քիչ բաներ կարող են տարբեր լինել: Բայց եթե չեք փորձարկում, թե ինչպես է էջը նայում յուրաքանչյուր փոփոխությունից, նույնիսկ թվացյալ անչափահասների, դուք չեք կարող որոշել, թե որտեղ է խնդիրը:

Դիզայն ստանդարտներին համապատասխան բրաուզերների համար

Ամենատարածված խնդիրները, որոնք վեբ դիզայներները դառնում են վերեւում, թերթերի էջերի որոնման շուրջ շրջվում են, բրաուզերների մեծ մասում: Մինչ մենք քննարկել ենք այն, որ դա կարող է լինել շատ դժվար, եթե ոչ անհնար է, վեբ էջեր ստանալու համար բոլոր բրաուզերում նույնը նայելը, այն դեռ շատ դիզայներների նպատակն է: Այսպիսով, դուք պետք է սկսեք նախ նախագծել լավագույն բրաուզերների, որոնք ներառում են այն չափանիշներին համապատասխանող: Երբ նրանք աշխատում են, դուք կարող եք խաղալ այլ բրաուզերների հետ աշխատելու համար, ներառյալ հին բրաուզերները, որոնք դեռ կարող են համապատասխան լինել ձեր կայքի լսարանի համար:

Պահեք ձեր կոդը պարզ

Երբ դուք հայտնաբերել եւ հաստատել եք ձեր խնդիրները, դուք պետք է զգույշ լինեք, որպեսզի դրանք հետագայում վերադառնան: Խնդիրներից խուսափելու ամենահեշտ ձեւն այն է, որ հնարավորինս պարզ պահեք HTML- ը եւ CSS- ը: Նշենք, որ ես չեմ ասում, որ պետք է խուսափեք ինչ-որ բան անել, կլորացված անկյունները ստեղծելու համար, քանի որ HTML կամ CSS- ը բարդ է: Միայն այն, որ դուք պետք է խուսափեք բարդ բաներ անելուց, երբ պարզ լուծում է առաջանում:

Ստացեք որոշ օգնություն

Անհրաժեշտ է, որ ինչ-որ մեկի արժեքը, որը կարող է օգնել ձեզ խափանելու համար կայքի խնդիրը, չի կարելի գերագնահատել: Եթե ​​դուք նայում եք նույն կոդին, մի քիչ հեշտ է հեշտությամբ բաց թողնել սխալը: Ստանալով մեկ այլ աչքի աչք, այդ կանոնը հաճախ ամենալավ բանն է, որը դուք կարող եք անել դրա համար:

Փոփոխված է Ջերեմի Գիրարդը 2/3/17 թ .: