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

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

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

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

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

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