קידוד עם דיבים
הרבה אנשים שואלים על זה, והנושא הזה כמעט ולא מקודם בישראל, הרבה אנשים לא מבינים את פשר המשפט הזה. הגיע הזמן שאנשים יבינו מה זה אומרשפת סימון. שפת סימון לא נועדה להחליט
הנה טקסט גדולאלה נועדה להחליט
הנה כותרת ראשית. Html היא שפת סימון, וחוץ מלהחליט מה כותרת, מה רשימה, מה טבלה היא לא אמורה לעשות דברים כמו לעצב. הביטוי
קידוד דיביםבעצם לא אומר לקודד באמצעות התג div אלא לקודד באמצעות תגים של html עם משמעות אמיתית. אם עד עכשיו בניתם את כל האתר שלכם בטבלה, הגיע הזמן שתפסיקו, אם עד עכשיו כדי ליצור כתב גדול בתוך מלבן השתמשתם בטבלה ובאחד מתגי הכותרות, במדריך זה תלמדו לעשות את זה רק עם תג כותרת, ובלי טבלה עוטפת. כותרת נשארת כותרת לא משנה איזה מלבנים וצבע רקע יש לה, והגיע הזמן שתבינו את זה.
אז בוא נדבר על css
אני לא יודע בדיוק מי אתם, אבל אני כמעט בטוח שלפחות חלק ממכם מחשבים את css כטריקים של hover. אז מהיום אני רוצה שתגידו לעצמכם כל יום בבוקר בדיוק ככה:עם html לא מעצבים שום דברוגם:
מה שלא אמור להיות טבלה, לא יהיה טבלה!
דבר ראשון שחייבים לעשות, זה ללמוד css כמו שצריך, אולי עד עכשיו למדתם על עיצוב טקסט וזהו, אבל הגיע הזמן שתשכללו את הידיעות שלכם. חוץ מעיצוב טקסט חשוב שתדעו עוד כמה דברים חשובים. אני לא הולך להגיד לכם שזה ילך כל כך בקלות, אבל אם תתאמצו, אני בטוח שתהיו אסירי תודה.
להתחיל ללמוד
בגלל שהשיטה של הקידוד הזאת היא לא כזאת פשוטה, אני לא יכול להסביר אותה במדריך אחד אם זה מה שציפיתם. אולי אני נשמע לכם עכשיו כמו מישהו שסתם מתעצל לכתוב מדריך כמו שצריך. אבל אני בטוח שאם מישהו היה מבקש ממכםמדריך לקידוד עם טבלאותלא הייתם יודעים מה לענות לו בדיוק, אחרי הכל בשביל לבנות אתר, גם עם משתמשים בטבלאות, צריך ללמוד גם על טקסט, רקעים, ובעצם הכל כשחושבים על זה לעומק לא? אז ככה זה בדיוק השיטה של קידוד עם דיבים, או השיטה היותר טובה (אני לא יסביר עכשיו למה, אבל יש המון יתרונות כמו נגישות למשתמשים ועליית דף מהירה יותר. ועוד הרבה...) אבל כדי שלא תצאו מאוכזבים אני ינסה להסביר לכם בכל זאת קצת.
קצת תכונות חשובות
רוחב וגובה הם אחד הדברים החשובים, והם פשוט מאוד קובעים את הגודל של הדיב שלכם. הנה דוגמא קטנה של קוד הcss:.div {
width:100px;
height:100px;
}
והקוד שתשימו בתוך הhtml שלכם יראה בערך כך: width:100px;
height:100px;
}
<div class="div">הטקסט שבתוך הדיב</div>
אם תנסו להפעיל את זה, אתם סתם תראו טקסט רגיל, כדי שזה יראה שונה, תצטרכו להוסיף רקעים ומסגרות, עליהם אכתוב מדריך בקרוב.מיקום
אין ספק שזאת אחת השאלות המסובכות והחשובות ביותר, יצרתי דיב, השאלה היא איך אני ממקם אותו, יש המון תכונות שבעזרתם יוצרים מיקום טוב שיעבוד טוב בכל רזולוציה. אני ממליץ לכם לקרוא את המדריך על margin וpadding שיעזור לכם ללמוד קצת למקם. בקרוב אכתוב מדריך על מיקום מוחלט שמומלץ אך ורק למתחילים, כמו שכתבתי פה אך מכיוון שמיקום יחסי מסובך בהרבה זאת ההמלצה שלי בינתיים.אין לי עצה קטנה אחת שתגרום לכם לדעת הכל, אתם רק צריכים ללמוד css טוב ולא להתעצל!
אודות האתר
האתר css-guide נוצר בשנת 2008 ונותן לכם מדריכי css לקריאה בחינם. בעזרת מדריכי האתר css-guide תוכלו ללמוד ולשפר את יכולתכם בשפה css שנועדה על מנת לעצב דפי אינטרנט בצורה טובה. גלישה נעימה, ולימוד css נעים.
חברת NSL המתמחה בתחום קידום אתרים
