בשיעור זה נעסוק בבנייה מהירה של דף אינטרנט פשוט בלי לעסוק בתולדות האינטרנט ובמבנה שלה. הנקודות העיקריות שחשוב להבין לפני שמתחילים הן:
דף אינטרנט הוא קובץ שניתן לצפות בו בתוכנה שנקראת דפדפן - דוגמאות מוכרות לדפדפנים הן: כרום, ספארי, פיירפוקס, אופרה והמחליף של האקספלורר אדג'.
כדי לכתוב דפי אינטרנט צריכים עורך טקסט כלשהו, כמו "פנקס הרשימות" (Notepad), או תוכנות יותר מורכבות כמו Dreaweaver. בשיעורים הראשונים נשתמש ב-Notepad ולאחר מכן ייבחר כל אחד את התוכנה הזמינה או הרצויה לו.
לאחר עריכת הדף נשמור אותו כקובץ מסוג HTML ונוכל לצפות בו בדפדפן על המחשב שלנו. כדי ששאר העולם יוכל לצפות בו, יש להעלות אותו לשרת אינטרנט, על כך נלמד בשיעורים הבאים
המבנה הבסיסי של כל דף HTML נראה כך:
<!doctype> --זו הגדרת תקן-HTML עבור הדפדפן--
<html> --זוהי תגית הפתיחה של הדף--
<head>
--בחלק הזה תופענה תגיות שונות שמבצעות פעולות שהגולש לא צופה בהן ולהן מספר מטרות: קישור לקבציםחיוני, הנחיות לדפדפן ולעיתים גם קטעי תכנות קטנים או הוראות עיצוב ב-CSS--
</head>
<body>
--בחלק הזה יופיע התוכן של הדף עצמו עם הנחיות להצגה בדפדפן באמצעות תגיות HTML--
</body>
</html>
Bootstrap היא מערכת של קבצי CSS ו-Javascript המאפשרת לבוני אתרים ומעצבים לפתח אתרים מקודדי HTML ו-CSS בנוחות רבה, כאשר במערכת הקבצים קיימת התאמה מלאה של רכיבים עיריים ונפוצים לרספונסיביות.
בבסיס המערכת ישנה חלוקה של מסך הדפדפן ל-12 טורים, כאשר כל האלמנטים בדף מגיעים עם הגדרות רוחב התואמות טווחי רזולוציה שונים. שימוש ב-Bootstrap לדף המסויים שהוא בונה מאפשר למעצב/ת להתמקד בעיצוב ובקידוד ייעודי
