כיצד ללמוד קוד CSS?
בהקדמה זו תלמדו כמה מהיסודות של CSS. שיטה 1 מתוך 1: לימוד קוד CSS.
CSS מייצג גליונות סגנון מדורגים. באמצעות CSS תוכלו לשפר את המראה של דף אינטרנט ולתת מראה מסוגנן מוגדר יותר משלכם. CSS פשוט למדי וקל ללמוד. בהקדמה זו תלמדו כמה מהיסודות של CSS.
שיטה 1 מתוך 1: לימוד קוד CSS
- 1למד HTML. CSS הוא תוסף ל- HTML. אם אינך יודע HTML, אינך יכול להשתמש ב- CSS.
- 2למדו את היסודות. מצא הדרכה טובה או שתיים. ל- w3schools יש מדריך נהדר שמאפשר גם להתנסות בקוד CSS. נסה גם HTML הדרכות, הדרכת CSS ו- כלב HTML
- 3לנסות. מצא דף סגנון באינטרנט והעתק אותו לקובץ במחשב שלך. נסה לשנות, לקחת או להוסיף קוד. שמור ורענן את הדף בדפדפן שלך וראה איך הוא נראה. שנה רק דבר אחד בכל פעם כדי שתבין מה עשית בדיוק. תוכל גם להסתכל בדפי אינטרנט אחרים באמצעות לחצן הנפתח לתצוגה (שנמצא ברוב הדפדפנים), ואז לבחור מקור עמוד. עבור משתמשי AOL, לחץ באמצעות לחצן העכבר הימני על הדף שבו לא נמצאים קישורים ותמונות ובחר תצוגת מקור.
- אל תצפה מעצמך שתבין את כל שורות הקוד שנכתבו כשאתה מתנסה בקוד המקור של אתר כלשהו.
- 4עצב אתר משלך. חשוב כיצד אתה רוצה שייראה ונסה להשתמש ב- CSS כדי לגרום לאתר שלך להיראות כך. אם אתה לא מצליח להבין איך לגרום לזה להיראות כמו שאתה רוצה, חפש את זה.
- השתמש בחלונות מרובים כדי לבדוק את פלט הקוד שלך מדי פעם, כך שיהיה קל יותר להבין.
ל- W3schools יש מדריך נהדר שמאפשר גם להתנסות בקוד CSS.
- שמור על CSS נקי ומאורגן כך שכשתחזור אליו מאוחר יותר תוכל למצוא את מה שאתה צריך ולערוך אותו במהירות. חלק את דף הסגנון למקטעים והשתמש בתגובות לתיאור מה שעושה כל קטע.
- דפדפנים שונים רואים CSS דרכים שונות. וודא שאתה מכיר את ההבדלים הללו בעת יצירת דפי אינטרנט. מומלץ לציית לתקנים ולהתקין דפדפנים שונים במחשב שלך (גרסאות שונות של Internet Explorer, Firefox, Opera וכו ') ולראות איך דף האינטרנט שלך נראה בכל אחד מהם.
קרא גם: כיצד להעתיק אתר?
שאלות ותשובות
- כיצד אוכל לשנות את צבע הרקע?השתמש במאפיין "צבע רקע". לדוגמא: גוף {רקע-צבע: כחול;} יהפוך את כל הרקע של דף לכחול.
