כיצד ליצור אתר ב- Html

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

כיצד ליצור אתר ב- Html
כיצד ליצור אתר ב- Html

וִידֵאוֹ: כיצד ליצור אתר ב- Html

וִידֵאוֹ: כיצד ליצור אתר ב- Html
וִידֵאוֹ: מדריך פיתוח אתרים למתחילים #1 - HTML 2024, מאי
Anonim

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

כיצד ליצור אתר ב- html
כיצד ליצור אתר ב- html

הוראות

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

בכל קובץ יש לארגן מראש את חסימות ההתחלה והסיום. סדר אותם כפי שמוצג באיור. בשורה האחרונה של גוש ה- QC הראשוני - הערך ההקסדצימלי של בהירות הרכיב האדום של צבע הרקע מ- 00 ל- FF, ЗЗ - אותו הדבר עבור הרכיב הירוק, CC - אותו דבר לרכיב הכחול.

שלב 5

הצב את תוכן הדף בין חסימות ההתחלה לסוף.

שלב 6

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

שלב 7

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

שלב 8

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

שלב 9

לשינוי גודל וצבע הגופן, השתמש בפקודה המוצגת באיור לעיל, כאשר ערכי CC, ZZ ו- SS מוגדרים באותו אופן כמו לצבע הרקע, HIGH הוא גובה הגופן בנקודות. ניתן להשמיט את תגיות הצבע או הגופן אם רק הגודל או צבע הגופן משתנה. לביטול פקודה זו, השתמש בתג המוצג בתמונה למטה.

שלב 10

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

שלב 11

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

שלב 12

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

מוּמלָץ: