פתרון בעיות בעיצוב אתרים

צעדים שיש לנקוט כאשר יש לך בעיה עיצוב

אם אי פעם נבנה אתר אינטרנט, סביר להניח שגילית כי דברים לא תמיד ללכת כמתוכנן. כדי להיות מעצב אינטרנט אומר שאתה צריך לקבל נוח עם בעיות debugged עם האתרים שאתה בונה.

לפעמים להבין מה לא בסדר עם עיצוב האינטרנט שלך יכול להיות מתסכל מאוד, אבל אם אתה שיטתי על הניתוח שלך, אתה יכול לעתים קרובות למצוא את הגורם לבעיה ולתקן את זה מהר יותר. הנה כמה טיפים שבהם תוכל להשתמש כדי לגרום לזה לקרות.

אמת את ה- HTML שלך

כאשר יש לי בעיה עם דף האינטרנט שלי, הדבר הראשון שאני עושה הוא לאמת את ה- HTML. ישנן סיבות רבות כדי לאמת HTML, אבל כאשר יש לך בעיה זה צריך להיות הדבר הראשון שאתה עושה. יש כבר אנשים רבים שמאמתים כל דף באופן אוטומטי. אבל גם אם אתה נוהג, זה רעיון טוב לבדוק את תוקפו של ה- HTML שלך כאשר יש לך בעיה. זה יבטיח כי זה לא פשוט שגיאה, כמו אלמנט HTML שגוי או רכוש, זה גורם לבעיה שלך.

אמת את ה- CSS שלך

המקום הבא הכי סביר שבו יהיו לך בעיות עם CSS שלך. אימות ה- CSS שלך משרת את אותה פונקציה כמו אימות ה- HTML שלך. אם יש שגיאות, זה יבטיח כי CSS שלך נכון וזה לא הגורם לבעיות שלך.

אימות JavaScript או אלמנטים דינמיים אחרים

בדומה ל- HTML ו- CSS אם הדף שלך משתמש ב- JavaScript, PHP, JSP או רכיבים דינמיים אחרים, עליך לוודא שהם תקפים גם כן.

מבחן בדפדפנים מרובים

ייתכן שהבעיה שאתה רואה היא תוצאה של דפדפן האינטרנט שאתה מציג אותו. אם הבעיה מתרחשת בכל דפדפן שאתה יכול לבדוק, זה אומר לך משהו על מה שאתה צריך לעשות כדי לתקן את זה. לדוגמה, אם אתה יודע שהבעיה מתרחשת רק בדפדפן מסוים, תוכל לחדור לעומק מדוע דפדפן אחד עלול לגרום לבעיה בעוד שאחרים הם בסדר.

לפשט את הדף

אם אימות HTML ו- CSS לא עוזר, אז אתה צריך לצמצם את הדף כדי למצוא את הבעיה. הדרך הקלה ביותר לעשות זאת היא למחוק או "להעיר" חלקים של הדף עד כל שנותר הוא החלק עם הבעיה. אתה צריך גם לחתוך את CSS למטה בצורה דומה.

הרעיון מאחורי פישוט הוא לא תשאיר את הדף רק עם אלמנט קבוע, אלא שתקבע מה גורם לבעיה ולאחר מכן לתקן את זה.

לחץ על ולאחר מכן הוסף חזרה

לאחר צמצום אזור הבעיה של האתר שלך, להתחיל לחסר אלמנטים מתוך העיצוב עד שהבעיה תיעלם. לדוגמה, אם צמצמת את הבעיה ל-

ו- CSS מסוימים שמגדירים אותו, התחל על-ידי הסרת שורה אחת של CSS בכל פעם.

בדיקה לאחר כל הסרה. אם מה שהסרת פותר או מסיר לחלוטין את הבעיה, אז אתה יודע מה אתה צריך לתקן.

ברגע שאתה יודע בדיוק מה גורם לבעיה להתחיל להוסיף אותו בחזרה עם פריטים השתנו. הקפד לבדוק לאחר כל שינוי. כאשר אתה עושה עיצוב אתרים, זה מפתיע כמה פעמים דברים קטנים יכולים לעשות את ההבדל. אבל אם אתה לא בודק איך הדף רואה כל שינוי, אפילו אלה קטין לכאורה, אתה לא יכול לקבוע היכן הבעיה.

עיצוב עבור התקנים תואמים דפדפנים ראשית

הבעיות הנפוצות ביותר שעיצובן של מעצבי אתרים מסתובבות סביב קבלת דפים שנראים בדיוק ברוב הדפדפנים. למרות שאנו כבר דנו כי זה יכול להיות מאוד קשה, אם לא בלתי אפשרי, כדי לקבל דפי אינטרנט להיראות זהה בכל הדפדפנים, היא עדיין מטרה של רוב המעצבים. אז אתה צריך להתחיל על ידי עיצוב עבור הדפדפנים הטובים ביותר, כולל אלה הם סטנדרטים תואם. לאחר שתעבוד, תוכל לשחק עם הדפדפנים האחרים כדי לגרום להם לעבוד, כולל דפדפנים ישנים שעדיין עשויים להיות רלוונטיים לקהל האתר שלך.

שמור על הקוד שלך פשוט

לאחר שתמצא ותיקן את הבעיות שלך, אתה צריך להישאר ערניים כדי למנוע מהם חיתוך שוב מאוחר יותר. הדרך הקלה ביותר להימנע מבעיות היא לשמור על HTML ו- CSS שלך פשוט ככל האפשר. שים לב שאני לא אומר שאתה צריך להימנע עושה משהו כמו יצירת פינות מעוגלות פשוט בגלל HTML או CSS מסובך. רק שאתה צריך להימנע לעשות דברים מורכבים כאשר פתרון פשוט מציג את עצמו.

קבל קצת עזרה

לא ניתן להפריז בהערכת הערך של אדם שיכול לעזור לך לאתר באגים את בעיית האתר. אם אתה כבר מסתכל על אותו קוד לזמן מה, זה הופך להיות קל לפספס טעות קלה. קבלת קבוצה נוספת של עיניים על קוד זה הוא לעתים קרובות הדבר הטוב ביותר שאתה יכול לעשות את זה.

בעריכת ג'רמי ג'יררד ב -2 / 3/17