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

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

ניצור דיב עם id=box ונעצבו כך שיהיו לו פינות מעוגלות. מכיוון שאני רוצה להציג את הערכים אני אשתמש בערכים שונים לפינות השונות בתקווה שכך יהא ברור יותר מה עושה כל ערך.

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

1. מה אם הכותרת היא דינאמית? מה אם נרצה לשנותה? הרי שנצטרך בכל פעם להכין את הגרפיקה שוב ושוב.
2. מה אם נרצה שלא רק כותרות יופיעו בפונט מעוצב? אם נשמור הטקסטים כקובץ גרפי גם תהא בעיית עדכון ובנוסף מנועי החיפוש אינם יכולים לאנדקס את התכנים.

כיום אנו יכולים להמנע מסיטואציה כזו על-ידי שימוש ב: @font-face.

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

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