HTML5 הוא נסיון בהתהוות להסדיר את האופן בו דפדפנים מציגים את דפי האינטרנט בהתאם לקוד אותו הם מפרשים.
קיים חומר רב באינטרנט על הנושא למעוניינים, בכל אופן מומלץ להשקיע מספר דקות ולקרוא כמבוא את המאמר באתר של איגוד האינטרנט הישראלי.
מה שננסה לעשות פה הוא להדגים את צורת העבודה והחשיבה למקרה הפרטי שלנו בתקווה שזה יתן כלים גם לפתרון מקרים אחרים.
יצירת אתר חדש ב- VS2012:
- יש לבחור ב- FILE -> New Web Site... -> ASP.NET Empty Web Site (תמונה 1).
- מחיקת קובץ Web.config (תמונה 2). אנו לא צריכים את הקובץ הזה כיוון שהוא שומר הגדרות לאפליקציות ASP.NET שמשתמשות בשרת ויוצרות דפים דינאמיים, אנו ניצור אתר HTML שעומד בפני עצמו ללא שרת.
- לחיצה על הלחצן הימני בעכבר על שם האתר Add -> Add New Item... -> HTML Page לפני האישור לשנות את שם הדף ל- Default.html שזה הדף שעולה כברירת המחדל אם לא צויין אחרת (תמונה 3).
- נעתיק מ- w3schools, שזה אתר פופולארי מאוד שמלמד ומדגים את התקינה של ארגון W3C, את הדוגמא הראשונה ונדביק במקום הקוד שנוצר בצורה אוטומטית (תמונה 4).
Ctrl+k ואז בלי לעזוב את ה- Ctrl ללחוץ על d תסדר את השורות לצורה קריאה יותר. - Ctrl+F5 תריץ את האתר ללא דיבוג, הדיבוג רלוונטי רק אם יש שרת.
מומלץ לחקור קצת את הדוגמאות שב- w3schools ולהכיר את היכולות ש- HTML5 נותן לנו.
CSS3 ו- JavaScript הם חלקים בלתי נפרדים ממבנה הדפים ואחת המטרות הראשונות להמשך היא להבין איך קושרים הכל ביחד.