HTML/שימוש בפנקס הרשימות

מתוך ויקיספר, אוסף הספרים והמדריכים החופשי
קפיצה לניווט קפיצה לחיפוש

מדריך זה מסביר כיצד להשתמש בפנקס הרשימות לעריכת קבצי HTML. המדריך מיועד למתחילים שלא יודעים לערוך קבצים. מי שיודע לערוך קבצים יוכל לקרוא את סוף המדריך שמסביר על שמירה בקידוד utf-8.

פתח את פנקס הרשימות[עריכה]

Start->Programs->Accessories->Notepad בחלונות באנגלית או התחל->תוכניות->עזרים->פנקס הרשימות בחלונות בעברית.

עם פתיחתו תקבל את המסך הבא:

Notepad new.png

העתק את דוגמת הקוד[עריכה]

  • סמן את דוגמת הקוד על ידי גרירת העכבר מצד שמאל של השורה הראשונה שלה, עד לצד ימין של השורה האחרונה.
  • כעת לחץ עם הכפתור הימני של העכבר על הטקסט המסומן ובחר העתק.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="he" xml:lang="he" dir="rtl">
  <head>
    <title>מסמך לדוגמא</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="content-language" content="he" />
  </head>
  <body>
      <h1>מסמך לדוגמא</h1>
      <p>
        הנה טקסט, וחלקו 
        <b> מודגש </b> 
      </p>
  </body>
</html>


הדבק בפנקס הרשימות[עריכה]

חזור לפנקס הרשימות ובחר Edit-->Paste או ערוך-->הדבק. ניתן להשתמש גם במקש הקיצור Ctrl+V.

Notepad paste.png

לאחר פעולת ההדבקה הטקסט יופיע בפנקס הרשימות.

Notepad afterpaste.png

שמור את המסמך[עריכה]

על ידי בחירת File->Save As או קובץ->שמור בשם.

Notepad saveas.png

במסך השמירה בחר קידוד UTF-8[עריכה]

במסך השמירה בחר סוג קובץ (Save as type/שמור כסוג) All files/כל סוגי הקבצים, על מנת שפנקס הרשימות לא יוסיף באופן אוטומטי את הסיומת "txt." לקובץ.

כעת תן שם לקובץ עם סיומת "html." למשל: "test.html"

אחר-כך בחר את ה-Encoding/קידוד UTF-8.

לסיום לחץ על save או שמור. Notepad saveas dialog.png

פתיחת הקובץ בדפדפן[עריכה]

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

ניווט[עריכה]

הפרק הקודם:
שימוש במבנה המסמך
שימוש בפנקס הרשימות
תרגילים
הפרק הבא:
שבירת שורה וקו אופקי