דיון: עיצוב אתרים בקובצי CSS

שלום,

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

תודה,
דן

היי דן,

יש מספר דרכים בהן עיצוב מוטמע בקוד:
1. תגית style ארוכה שכוללת בתוכה הגדרות עיצוב - במקרה כזה, אפשר פשוט לקחת את כל התוכן של התגית ולהעבירו לקובץ CSS חיצוני, אפילו דיי בקלות.
2. הגדרה של מאפייני style לתגיות קיימות (נניח לכל תגית p הגדירו מאפיין style) - במצב כזה, הקוד רווי בעשרות ומאות מקטעי עיצוב, וההפרדה היא קשה ביותר, עד כדי לא אפשרית. אם בכל זאת רוצים לתקן הפרדה זו, אז לכל תגית בקוד שיש מאפיין style צריך במקום מאפיין זה להגדיר מאפיין class יחודי, ובקובץ ה-CSS להכניס את העיצוב עבור אותו ה-class.
3. שימוש בתגיות עיצוב לא תקניות (כגון תגית font) - במקרה כזה ההפרדה קשה ביותר, שכן צריך ממש למחוק תגיות קיימות בקוד ולהחליפן בעיצוב נפרד.
4. מבנה אתר הבנוי כטבלה - זה המצב הכי בעייתי שבו כל תבנית האתר הוגדרה בקוד כטבלה אחת גדולה במקום להשתמש בתגיות div. כאן ההפרדה גם כן על סף הבלתי אפשרי.

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

תודה,
דוד