תוכן עניינים:

כיצד ליצור דף אינטרנט פשוט באמצעות סוגריים למתחילים: 14 שלבים
כיצד ליצור דף אינטרנט פשוט באמצעות סוגריים למתחילים: 14 שלבים

וִידֵאוֹ: כיצד ליצור דף אינטרנט פשוט באמצעות סוגריים למתחילים: 14 שלבים

וִידֵאוֹ: כיצד ליצור דף אינטרנט פשוט באמצעות סוגריים למתחילים: 14 שלבים
וִידֵאוֹ: איך להרוויח כסף באינטרנט דרך ChatGPT (₪874 ביום) 2024, נוֹבֶמבֶּר
Anonim
כיצד ליצור דף אינטרנט פשוט באמצעות סוגריים למתחילים
כיצד ליצור דף אינטרנט פשוט באמצעות סוגריים למתחילים

מבוא

ההוראות הבאות מספקות הנחיות צעד אחר צעד ליצירת דף אינטרנט באמצעות סוגריים. Brackets הוא עורך קוד מקור עם דגש עיקרי על פיתוח אתרים. תוכנת Adobe Systems, שהיא תוכנה חופשית וקוד פתוח המורשית תחת רישיון MIT, ומתוחזקת כיום ב- GitHub על ידי Adobe ומפתחי קוד פתוח אחרים. הוא כתוב ב- JavaScript, HTML ו- CSS.

הוראות

הערה: - כל תגי ה- HTML צריכים להיות בין סוגריים:

שלב 1: הורד את התוכנה

הורד את התוכנה
הורד את התוכנה

הורד סוגריים מאתר זה

שלב 2: פתח את סוגריים

סוגר פתוח
סוגר פתוח

פתח את תוכנת הסוגריים שהורדת במחשב.

שלב 3: צור קובץ חדש

צור קובץ חדש
צור קובץ חדש

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

שלב 4: שמור בשם.. הקובץ

שמור בשם.. הקובץ
שמור בשם.. הקובץ

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

בשלב זה אתה יכול לתת כל שם לקובץ, רק הקפד להוסיף אחרי השם ".html" (נקודה HTML).

שלב 5: התחל עם תג DOCTYPE

התחל עם תג DOCTYPE
התחל עם תג DOCTYPE

כל דף html חייב להתחיל בתג המבנה הבא. הוא אומר לדפדפן אילו 'כללים לפעול' בעת עיבוד דף HTML.

שלב 6: תג HTML

תג HTML
תג HTML

ו - תגים אלה הם להתחיל ולסיים מסמך.

שלב 7: תגי ראש וגוף

תגי ראש וגוף
תגי ראש וגוף

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

שלב 8: מטא תג

מטא תג
מטא תג

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

שלב 9: תג כותרת

תג כותרת
תג כותרת

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

שלב 10: הוספת פסקה באמצעות תג P

הוספת פסקה באמצעות תג P
הוספת פסקה באמצעות תג P

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

ו.

שלב 11: ראה את התוצאות שלך

ראה את התוצאות שלך
ראה את התוצאות שלך
ראה את התוצאות שלך
ראה את התוצאות שלך

על מנת לראות את התוצאות שלך: לחץ לחיצה ימנית ראשונה על הקובץ ולחץ על "שמור" מאשר לחץ על סמל "תצוגה מקדימה חיה" בפינה השמאלית העליונה.

הערה: בכל פעם שאתה מבצע שינוי וברצונך לראות את התוצאה, ראשית עליך לשמור את הקובץ, תוכל להשתמש בקיצור "Ctrl + S"

שלב 12: שנה את העיצוב

שנה את העיצוב
שנה את העיצוב
שנה את העיצוב
שנה את העיצוב

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

שלב 13: תג הפסקה של קו יחיד/כפול

תג הפסקה של קו יחיד/כפול
תג הפסקה של קו יחיד/כפול
תג הפסקה של קו יחיד/כפול
תג הפסקה של קו יחיד/כפול

אם ברצונך לבצע הפרת שורה אחת/כפולה בין הפסקאות, השתמש בתג

שלב 14: סיכום

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

אם מעניין אותך לדעת יותר על תגי HTML, אני ממליץ על אתר זה

מוּמלָץ: