שלום עולם:
(מבנה דף HTML) <<< לשיעור הקודם לשיעור הבא >>> (דף ה-HTML הראשון שלי)
בכדי לכתוב את הקוד נצטרך את העורך אנחנו נעבוד ב- ++notpad
מי שאין לא שיוריד מי שלא יודע להתקין או איך לבדוק אם קיים גש לשיעור הכתבן עורך הקוד.
נתחיל אז אחרי שפתחנו את ה- ++notpad וסגרנו את כול הדפים הפתוחים אז כולנו המצב של new1 בלשונית בעצם מצב זה מציין קובץ חדש לא שמור!!
בקובץ החדש שיצרנו צור תבנית HTML בסיסית
כזו:
<DOCTYPE html!>
<html>
<head>
<meta charset="UTF-8">
<title/>כותרת הדף<title>
<head/>
<body>
תוכן הדף
<body/>
<html/>
מי שמשהו בתבנית HTML לא ברור לא יכול לחזור לשיעור בקודם ולצפות מבנה דף HTML.
בין בתגיות <body></body> הוסף תגית חדשה שבשיעור בא אסביר את משמעותה ויש לה משמעות.
התגית היא:
<h1></h1>
<DOCTYPE html!>
<html>
<head>
<meta charset="UTF-8">
<title/>כותרת הדף<title>
<head/>
<body>
<h1/>שלום עולם<h1>
<body/>
<html/>
בכדי להריץ לדפדפן שמור את הקובץ בלשונית File --> save as אנחנו נקרא לקובץ index.html שמור אותו כרגע על שולחן העבודה שלך.
חשוב מאוד לשמות קבצים באינטרנט יש כללים:
* בשם קובץ לא יהיו רווחים לא יהיו רווחים.
* שם קובץ יכול להכיל מספרים אך לא יתחיל במספר.
* אם שם הקובץ מכיל שתי מילים יש להפריד בניהם בקו אמצעי (-) ולא בקו תחתון (_).
* לשם קובץ באינטרנט יש משמעות בקידום האתר תן שם קצרו טוב ובהקשר לתוכן about, contact, gallery וכו...
* שם קובץ לא יכול להחיל תווים משונים כמו $%&*#@ וכו הימנע משימוש בכול מיני תווים משונים
* שם קבצים יהיו אך ורק באנגלית לא בעברית.
טיפ:
שמור על אחידות ורציפות בקוד ובשמות הקבצים השאר עם אותיות קטנות זה יעזור לך לקדם את האתר ולא לטעות טעיות כתיב בקוד דבר שמאוד קשה לבדוק היכן בדיוק הטעות על כן השתדל להימנע מרוויחים מיותרים , השמטת גרשיים , אי סגירת תגיות , אותיות קטנות אותיות גדולות ועוד.
הקוד הוא רגיש על כן הצמד לאיך שאני כותב ואט אט זה יהפוך לעברית :-)).
פתח ב- ++notpad את לשונית Run --> launch in Chrome
אם גם אצלך כמו אצלי יש שלום עולם בדפדפן אז בשעה טובה יצרנו את הדף ה- HTML הראשון שלנו :-)).
אין תגובות :
הוסף רשומת תגובה