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

הנה, יש לנו את שמו של הקורס, CS50, שמתחתיו היא רשימה מסודרת, אחד עם קישור להרצאות, ואחד עם קישור לתכנית הלימודים. אם אני לוחץ עכשיו על הרצאות, אני רואה רשימה עוד לא מסודרת, והפעם עם קישור לשבוע 0, ועוד קישור לשבוע 1. אם אני בוחר שבוע 0, למשל, אני עכשיו רואה שיש לנו קישורים ל יום רביעי וקישורים ליום שישי. ואם אני צולל ברמה אחת עמוק יותר, זה CS50. 

עכשיו, איך ייתכן שאנחנו הולכים על יישום האתר בקוד? ובכן, בואו נסתכל. כאן, בindex.php, הרשה לי להציע אפילו לא PHP קוד, אלא פשוט ב-HTML. בפרט, יש שלא מסודר רשימה הפנימית של אשר שני פריטי רשימה. 

אם אנחנו עכשיו מסתכלים lectures.php, כדי אשר הראשון של כדורים אלה מקושר, עתה אנו רואים ששניים לא מסודרים רשימה, זה אחד עם קישורים ל שבוע 0 ו -1 בשבוע. ואנחנו נסתכל על week0.php, כדי אשר שקישורי כדור הראשונים, הנה אנחנו תראה, שוב, רשימה לא מסודרת, זה זמן עם קישור ליום רביעי שקופיות, ועוד חוליה לשקופיות של יום שישי. ובשבוע 1 הוא קוד דומה מאוד. 

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