אחד ההיבטים החשובים ביותר בפיתוח אתרים ותוכנות הוא יצירת תפריטים. תפריט הזזה יפהפה נותר אמת מידה עבור בעלי אתרים ומתכנתים רבים. ניתן לעשות זאת באמצעות כלי אינטרנט CSS ו- Expression.
הוראות
שלב 1
פתח את Expression Web ועבור לניהול סגנון כדי להתחיל ליצור תפריט הזזה ולחץ על מקש סגנון חדש. תן שם לסגנון החדש Selector ul li. ודא שלקובץ שנוצר יש את הסיומת הנפתחת. Css. ליצירת תפריט הזזה, ציין את המיקום המתאים על המסך. קבע את רוחב כל אחד מפריטי התפריט והסר נקודות מיותרות שעשויות להיות לפניהם.
שלב 2
הפעל את אפשרות הפריסה והגדר את תכונת התצוגה. תן לו ערך מוטבע מתאים ליישור על המסך. הגדר את מאפיין Float לשמאל ולחץ על מקש החל. הגדר את כל מרכיבי הרשימה לשורה אחת. כדי לשמור עליהם בסדר מסודר ולא לחפוף, הגדר את תכונת Width למיקום בצורה של 150 פיקסלים. ודא שכל הפריטים ברשימה הם באותו הגודל. הסר את הנקודות מול כל אלמנט על ידי מעבר לתכונה List והגדרת סוג הסגנון List ללא. לחץ על "אישור" כדי לקבל את השינויים ולהיכנס לתוקף.
שלב 3
התאם את הסגנון וגודל הגופן עבור ה- ul li. עבור אל ניהול סגנונות ולחץ לחיצה ימנית על ul li ובחר באפשרות שנה סגנון. תראה את תפריט הדו-שיח המוכר כבר. עבור אל פונט, בחר Font-family והגדר תכונה זו ל- Helvetica, Arial, Sans-serif. התאם את גודל הגופן והגדר אותו ל -0, 9. הגדר את התכונה טרנספורמציית טקסט באותיות רישיות. בתכונה Height - Position, ציין את הגובה המדויק של פריטי התפריט על ידי הגדרת הערך ל- 30 px.
שלב 4
שמור את הקובץ כ menu.html לאחר השלמת כל פעולות התיקון. בדוק את התפריט שיצרת זה עתה ביישומים ובדפדפנים שונים כדי לראות אם הוא עובד. כפי שאתה יכול לראות, לא קשה ליצור תפריט כזה.
