» נושאי לימוד
» נושאי לימוד
יום שני 2 בדצמבר 2024
גליונות סגנון: טכניקות
דף ראשי  כיצד לעמוד בתקני הנגישות  מדריך לתקן 508  מדריך 508: גליונות סגנון  גליונות סגנון: טכניקות גרסה להדפסה

 טכניקות

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

 

המלצת ה- W3C:

על העורכים לעצב מסמכים בצורה שתהיה הגיונית ללא גליונות הסגנון (כלומר סדר הדברים יהיה הגיוני) ורק אחר כך להוסיף גליונות סגנון לאפקטים ויזואליים.

החדשות הטובות הן, שבדרך כלל האתרים יהיו קריאים גם עם גליונות סגנון מכובים. הבעיות יופיעו רק אם תשתמשו לא נכון בגליונות הסגנון, במקום שבו הייתם אמורים להשתמש למעשה בתויות HTML מבניות, או אם תשתמשו לא נכון בדף ה-HTML ותשימו בו דברים שאמורים להיות בגליון הסגנון.

 

אם אתם משתמשים בצירוף של HTML וגליונות סגנון כדי לטפל בצבעים, הזהרו. יש סכנה שהטקסט יהפוך לבלתי קריא כאשר גליונות הסגנון יכובו. לדוגמא, אם ציינו צבע כתב "לבן" בגליון הסגנון, אבל את צבע הרקע כ"שחור" אחרי תוית ה- BODY שבדף ה- HTML, הרי שהטקסט יהיה שחור-על-שחור אם גליונות הסגנון יכובו.

 

האתר הבא משתמש בגליונות סגנון על מנת לשלוט בצבע הקישורים:

 

A {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFAA00;}

 

 

אך הוא משתמש ב- HTML על מנת למלא את הרקע של הריבועים בטבלה בתמונה כחולה:

 

<TD background="/images/nav_background.gif" valign="top" width="190" align="left">

 

כך נראה דף הבית כאשר מאפשרים גליונות סגנון:

 

A Web page showing yellow links on a blue background

 

 

אבל אם מכבים את גליונות הסגנון (במקינטוש), ממש אי אפשר לראות את צבע הקישורים, שמופיע ככחול על כחול:

 

The same Web page with blue links on a blue background

 

 

מה הטעות? את הצבעים אמורים לנהל בגליונות הסגנון, לא ב- HTML.

 

באותו אופן, על המבנה יש לשלוט ב-HTML ולא בדפי העיצוב. אסור להגדיר סגנון כזה:

 

.subheading {font-family: arial, sans-serif; font-size: 135%; font-style: bold}

 

ואחר כך לשים אותו ב- HTML על מנת להכריז על כותרת משנה:

 

<p class="subheading">Chapter Two</p>

 

עבור קורא מסך או עבור מישהו שגליונות הסגנון שלו כבויים, זו לא תהיה כותרת משנה, אלא פשוט עוד שורה של טקסט. מה שצריך לעשות, הוא להשתמש בתויות ה- H1, H2, H3 ואחר כך לשייך להן את הסגנון:

 

H2 {font-family: arial, sans-serif; font-size: 135%}

 

<h2>Chapter Two</h2>

 

יש אנשים שמשתמשים בגליונות סגנון כדי ליצור רשימות או רשימות ממוספרות. אל תעשו זאת, השתמשו בתויות ה- DL ו- OL.

 

W3C מביאים דוגמא קיצונית לשימוש בגליונות סגנון על מנת ליצור טבלה בת 2 עמודות. הדוגמא היא כמובן לשלילה.

 

אזהרה 1: אם יצא לכם לבקר באתר של W3C, בוודאי ראיתם כי הם ממליצים על גליונות סגנון לכל אפקטי התצוגה, כולל הפרישה על הדף ומיקומים. האמת היא, שאין עדיין תמיכה טובה של כל הדפדפנים בשליטת גליונות סגנון על מיקומים. לכן, עדיין לא הגיוני מבחינת המפתחים לנטוש את טבלאות ה- HTML אם רוצים להשיג טורים מרובים. למידע נוסף ראו טיפ של Usability.gov.

 

אזהרה 2: אם אתם משתמשים בגליונות סגנון, בדקו אותם על דפדפנים שונים ועל פלפורמות שונות לפני ההשקה. לפעמים מתפוצצים כשרואים מה Netscape for Macintosh עושה עם גליונות סגנון. אבל לא לוותר! שווה להתמקצע בגליונות הסגנון, ובסופו של דבר הם מקלים על העבודה.

 12-01-04 / 19:16  עודכן ,  12-01-04 / 19:09  נוצר ע"י דפנה תדמור  בתאריך 
 גליונות סגנון: מי מושפע? - הקודםהבא - גליונות סגנון: בדיקה 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 1