בניית אתרים בטבלאות מול בניית אתר ב DIV – |
עיצוב ובניית אתרים , בדומה לכל תחומי האינטרנט, עוברים שדרוג ושיפור עם השנים – על מנת להתאים לטכנולוגיות המתפתחות והתקנים המשתנים.
בכל הקשור לעיצוב אתרים ניתן לזהות את האבולוציה שעברה על האתרים השונים מאז הקמת אתרי התדמית הפאסיביים הראשונים ועד להקמת הפורטלים והרשתות החברתיות מבוססי תוכן הגולשים.
גם מבחינת קוד האתר חלו שינויים שנועדו לייעל ולסגנן את קוד עיצוב האתר.
בניית אתרים בטבלאות
בניית אתרים בעברה הושתתה בעיקר על פורמט של טבלאות. עיצוב כל דף היה נבנה בעזרת טבלה המוגדרת לפי רוחב הדף, כשבתוך אותה טבלה היו מוסיפים טבלאות נוספות ובהן אובייקטים שונים כגון תוכן, טפסים ואלמנטים של עיצוב.
התוצאה הייתה קוד מסורבל ולא קריא, בו מעורבבים יחדיו קטעי קוד של עיצוב לצד תכני האתר , תמונות וטפסים.
אמנם לבוני אתרים מתחילים, בנייה בטבלאות נחשבה לנוחה בשל האפשרות לצפות בכל העיצוב והקוד במקום אחד – אך מבחינת תקנים והשפעה על SEO המצב שונה.
עם הזמן נוצר תקן לבנייה ועיצוב אתרים , שאנו מכירים בשם W3C. תקן זה קובע כיצד יש לבנות דפי HTML באינטרנט ואיך צריך למקם את קטעי הקוד השונים בהם. על פי תקן זה נעשית הפרדה בין קוד העיצוב לבין קוד האתר והתכנים שבו – דבר שהופך את הקוד לפחות מסורבל ויותר נקי וברור להתמצאות והבנה.
כך נעשית הפרדה בין תוכן האתר לבין אלמנטים של קביעת הגופן או הגדרות של תמונות וסרטים הממוקמים בדף.
אחד השינויים העיקריים שהוכנסו היה מעבר מבניית אתר בטבלאות לבניית אתר ב- DIV.
מה זה DIV?
DIV הוא רכיב HTML בו ניתן להגדיר אלמנט כלשהו מהאתר בהפרדה מיתר הקוד ובזיהוי ייחודי. DIV יכול להיות כל רכיב בדף כגון: פסקת תוכן, כותרות, קישורים ותמונות.
בניית אתר ב- DIV מאפשרת למקם כל אלמנט בתור קבוצה נפרדת מיתר האלמנטים ובכך לשלוט בקלות על עיצוב כל אלמנט בנפרד.
בניית אתר ב- DIV:
כאמור , בשנים האחרונות התפתחו יכולות בניית אתרים והתקדמו מבניית אתר בטבלאות לבניית אתר ב- DIV.
בניית באתר ב- DIV יוצרת סדר הגיוני ומסודר לחלוקת קטעי הקוד באתר. כל אלמנט מופרד ב- DIV משלו ומעוצב בהתאם.
במהלך בניית אתר ב- DIV נבנה קובץ נפרד נוסף לקוד האתר , שמיועד אך ורק לקוד העיצוב. קובץ זה מוכר בסיומת css.
ההפרדה משרתת נהדר את קוד האתר ומאפשרת נגישות טובה יותר למנועי חיפוש. מנועי חיפוש שהיו נתקלים עד כה בקוד מסורבל שכולל עיצוב ותוכן יחדיו, יכולים כעת לגשת ולסרוק בקלילות את תוכן האתר ובכך לתרום משמעותית לקידומו ברשת.
בניית אתר ב- DIV תייעל את קוד האתר שלכם באופן משמעותי ותאפשר יחס קוד / תוכן תקין ונגיש יותר למנועי החיפוש
