יצירת דף אינטרנט חדש באמצעות פנקס רשימות

Friday of 07

מקום הקבצים שלך בתיקייה חדשה

מקום הקבצים שלך בתיקייה חדשה. ג 'ניפר קירנין

Windows Notepad היא תוכנית עיבוד תמלילים בסיסית שבה ניתן להשתמש כדי לכתוב את דפי האינטרנט שלך. דפי אינטרנט הם רק טקסט ואתה יכול להשתמש בכל תוכנית עיבוד תמלילים לכתוב HTML שלך. הדרכה זו מעבירה אותך בתהליך.

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

  1. פתח את החלון ' המסמכים שלי'
  2. לחץ על קובץ > חדש > תיקייה
  3. שם את התיקייה my_website

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

02 of 07

שמור את הדף כ- HTML

שמור את הדף שלך כ- HTML. ג 'ניפר קירנין

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

כמו בשם המדריך, השתמש תמיד בכל האותיות הקטנות וללא רווחים או תווים מיוחדים בשם הקובץ.

  1. בפנקס הרשימות, לחץ על קובץ ולאחר מכן על שמירה בשם.
  2. נווט לתיקייה שבה אתה שומר את קבצי האתר שלך.
  3. שנה את התפריט הנפתח שמירה כסוג לכל הקבצים (*. *).
  4. שם את המדריך file.This משתמש בשם pet.htm.

03 מתוך 07

התחל לכתוב את דף האינטרנט

הפעל את דף האינטרנט שלך. ג 'ניפר קירנין

הדבר הראשון שאתה צריך להקליד את מסמך ה- Notepad HTML שלך הוא DOCTYPE. זה אומר את הדפדפנים איזה סוג של HTML לצפות. הדרכה זו משתמשת ב- HTML5.

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

ברגע שיש לך את DOCTYPE, אתה יכול להתחיל את ה- HTML שלך. הקלד את ההתחלה

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

04 of 07

צור ראש עבור דף האינטרנט שלך

צור ראש עבור דף האינטרנט שלך. ג 'ניפר קירנין

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

תגים במסמך הטקסט של Notepad HTML בין האלבומים.

כמו עם

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

05 מתוך 07

הוסף כותרת דף בחלק הראשי

הוסף כותרת דף. ג 'ניפר קירנין

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

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

דף זה נקרא "McKinley, Shasta, and Pets".

מקינלי, שאסטה וחיות אחרות

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

06 מתוך 07

הגוף הראשי של דף האינטרנט שלך

הגוף הראשי של דף האינטרנט שלך. ג 'ניפר קירנין

הגוף של דף האינטרנט שלך מאוחסן בתוך

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

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

כותרת הכותרת שלך כאן כל דבר בדף האינטרנט הולך כאן

07 מתוך 07

יצירת תיקיית תמונות

יצירת תיקיית תמונות. ג 'ניפר קירנין

לפני שתוסיף תוכן לגוף מסמך ה- HTML שלך, עליך להגדיר את הספריות שלך כך שתהיה לך תיקיה לתמונות.

  1. פתח את החלון ' המסמכים שלי' .
  2. עבור לתיקיה my_website .
  3. לחץ על קובץ > חדש > תיקייה.
  4. תן שם לתיקיות.

שמור את כל התמונות שלך עבור אתר האינטרנט שלך בתיקייה תמונות, כך שתוכל למצוא אותם מאוחר יותר. זה עושה את זה קל להעלות אותם כאשר אתה צריך.