לאחר שהגדרנו את מבנה האתר שלנו ופיתחנו את DOM באופן מדויק, חשוב להגדיר את הסגנונות של זה, זה גם האזור היצירתי ביותר ובו תוכלו להתאים אישית ברמת הדיוק הגבוהה ביותר עד לפינה האחרונה באתר שלכם. גליונות סגנון מדורגים הם הפיתרון המתאים ביותר, אך עבור כל מי שעושה את הפשיטה הראשונה שלהם בעולם פיתוח אתרים, יש כמה טיפים שיש לקחת בחשבון כדי להשיג את התוצאות הטובות ביותר.
כדי להשיג תוצאה מקצועית האופיינית לחזית מקודשת, יש לקחת בחשבון היבטים מסוימים כגון סדר, קריאות ותיקון השגיאות הנפוצות ביותר בסוג זה של תרגול. אני משתף למטה חמישה טיפים בסיסי מאוד אך יחד עם זאת חשוב מאוד לטיפול ולתצורה אופטימלית של גליונות הסגנון CSS שלנו.
הקפד לקבוע סדר ומבנה יעילים בגיליונות הסגנון CSS3 שלך
אני תמיד מחלק את גיליונות הסגנון שלי לפי סדר היררכי. מלכתחילה אני נוהג להחיל סלקטורים כלליים ואז ממשיך להוסיף את הצהרות בוחרי ה- HTML ולבסוף ממשיך לעבוד בתוך מזהי המכולות והאלמנטים הקטנים. בעיקרון טחון עקוב אחר ההיגיון של ה- DOM ומתחילים מההורים וכלה עם הילדים. עם זאת, אנו יכולים גם לעקוב אחר נוסחה או סדר אחר, למשל נוכל לקבץ את הסלקטורים וההצהרות שלנו תוך התחשבות בתפקידם. הכל יהיה תלוי מהן ההעדפות שלנו ואיך אנו מרגישים יותר בנוח לעבוד.
בחר שמות ברורים ותמציתיים עבור כל אחד מהבוחרים שלך
יש משהו חשוב מאוד שעליך לקחת בחשבון, וזה ש- CSS3 שונה בשימוש באותיות קטנות וקטנות, כך שכתיבת מילה באות גדולה יכולה להיות משהו אחר ויכול לגרום לשגיאות. הדבר הקל ביותר הוא להשתמש תמיד באותיות קטנות כדי להימנע מבעיות מסוג זה. גם תנסה בחר שמות לשיעורים שלך ותעודות מזהות שזוהות בבירור ושהם לא מסיקים אותנו לספקות או לטעויות.
אל תשכח להוסיף הערות מבהירות
אין ספק שאתה צריך לשתף את הקבצים שלך עם אנשים אחרים, אולי הלקוח שלך או עמיתים מצוות העבודה שלך כמו מעצבי פריסה, מעצבים אחרים או מפתחים. מסיבה זו חשוב מאוד לשים לב למבנה ולהקפיד על גימור נקי ומסודר. ההערות המבהירות יעזרו לכל מי שניגש לגליון הסגנון שלנו למצוא את דרכו במהירות. כל סוג של תצפית שיש לקחת בחשבון עליו להופיע כתוכן. זכרו שתוכלו לכלול תוכן גם בקובץ ה- HTML וגם בקובץ ה- CSS שלכם ובשני המקרים מדובר בתגובות שלא יופיעו באופן לוגי בתוצאה הסופית וייראו רק כאשר נגיש לקוד המקור של אותו הדבר יכול להיות מאוד מועיל.
החל תמיד איפוס בגיליונות הסגנון שלך
לכל דפדפן יש את גיליון הסגנונות המוגדר כברירת מחדל, כך שכדי למנוע שגיאות או שינויים בהתאם לדפדפן בו נצפה הדף שלנו, כדאי מאוד ומומלץ אפס את גליונות הסגנון שלך. ישנן מספר חלופות: גיליון הסגנונות של אריק מאייר יכול להיות אופציה טובה מאוד.
בחר בכלי היעיל ביותר
ישנם כלים רבים שבהם אתה יכול להשתמש בכדי להיות יעילים ככל האפשר בעת עבודה על עיצוב האתר שלך. החל מיצירת Wireframes ועד פיתוח מבנה האתר שלך, כמו גם כל מיני יישומים כולל Adobe Photoshop, Illustrator או Fireworks. יש לך גם עורכים מקצועיים רבים שהם אחד המומלצים ביותר (לפחות זה שאני משתמש בו) טקסט נשגב או, אם לא, Adobe Dreamweaver מכיוון שהם מספקים ממשקים פשוטים מאוד עם דרגות אישיות גבוהות וכן אפשרות לעבוד עם הקודים שלנו באמצעות מערכת קיצורי דרך ועם מערכת השלמה אוטומטית שתעזור לנו לחסוך יותר מ- 70% מהזמן בו נשתמש עם עורך. של טקסט רגיל מסורתי.
תודה על העצה, אני נלהב מעיצוב וכל העצות מתקבלות היטב. תמשיך ללכת.
תודה!!!