קורס מבוא ל-HTML

מרצה: דן פרייפלד

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

1. מבוא לאינטרנט

קצת על ההיסטורייה של האינטרנט ושורשי ה- HTML 3:20  
כיצד עובד האינטרנט? 6:50  
פרוטוקולים לתקשורת 4:59  
כיצד מעלים אתר לרשת האינטרנט העולמית? 5:59  

2. מבוא ל-HTML

היכרות עם גרסאות שונות של HTML 1:19  
כיצד בנוי קובץ HTML? 3:43  
התקנה ועבודה עם תוכנת Notpad++ 4:19  
מהן תגיות הבסיס ב- HTML? 7:56  
יצירת קובצי תבנית 6:39  

3. תגיות מלל

כיצד מוצגים רווחים בקוד בדף HTML ? 6:32  
שימוש בתגית פסקה (P Tag) 4:07  
הגדרת יישור פסקה (P Tag Align) 2:58  
קביעת כיוון המלל מימין לשמאל (Dir=Direction) 3:43  
תגיות ריווח ושבירת שורה 8:02  
עיצוב מלל באמצעות קבוצת תגיות הביטוי 5:30  
עיצוב מלל באמצעות תגיות מקבוצת הפונט 2:15  
כיצד נגדיר תגיות כותרת? 4:10  
שימוש בתגית "ללא מאפייני עיצוב" (Pre Tag) 1:53  
עיצוב הממלל באמצעות תגית הפונט (Font Tag) 6:10  
מהן תגיות הרשימה? (Ul, Or, Dl) 4:56  

4. תגיות תמונה

שימוש בתגית תמונה (Img Tag) 2:17  
יישור מלל ביחס לתמונה 3:43  
שבירת שורות מסביב לתמונה 2:49  

5. תגיות קישור

כתובת יחסית וכתובת אבסולוטית בתוך קישור 8:16  
לינקים לעוגנים 4:20  
יצירת לינק מתמונה 2:12  

6. מבוא ל-CSS בסיסי

כיצד בנוי קוד CSS 1:56  
מהם 3 סוגי הסגנונות ב-CSS 1:31  
3 הדרכים ליצירת גליונות עיצוב ב-CSS 9:24  
מעבר על ההיררכיה של הסגנונות 4:16  
עבודה עם סגנון מסוג CLASS 4:30  
עבודה עם סגנון סגנון מסוג TAG 2:32  
עבודה עם סגנון מסוג ID 3:09  

7. טבלאות

היכרות עם תגית טבלה ומאפייניה (Table Tag) 4:03  
איחוד ופיצול תאים בטבלה 4:04  
עבודה עם תאים, שורות וריווחים 6:44  
עיצוב טבלה ב-CSS 13:22  

8. טפסים

עבודה עם תגית DIV 7:21  
יצירת מבנה בסיסי של אתר אינטרנט 6:41  
יצירת מבנה בסיסי של אתר אינטרנט - המשך 6:35  

9. מסגרות

מרכיבי טופס ה"צור קשר" בשפת ה-HTML 4:29  
יצירת טופס ושדות טקסט 8:35  
יצירת רכיבים לבחירה מרובה או בודדת 4:57  
יצירת רכיבי טופס נוספים 5:54  

10. בנית דף אינטרנט פשוט בדיבים - הדגמה מלאה

תפקידם של המסגרות (Frames) 7:35  
ביטול גבולות ויכולות שינוי של מסגרות 2:51  
מסגרת מסוג IFRAME 4:33  

11. העלאת האתר לרשת

מהו מבנה הדף - Wireframe 3:21  
יצירת מבנה הדף ב-HTML 11:22  
עיצובי DIV ראשיים 8:51  
כיצד נייצר את הרקע לאתר? 8:15  
עיצוב הבאנר העליון באתר 6:59  
עיצוב התפריט הראשי באתר 14:37  
יצירת שורת חיפוש התוכן באתר 8:34  
בנית תוכן עליון חלק 1 (בניית DIV מרכזי) 5:29  
בנית תוכן עליון חלק 2 (הזנת תכנים) 11:32  
בנית בר צדדי חלק 1 11:00  
בנית בר צדדי חלק 2 10:17  
בנית תפריט הלשוניות (טאבים) חלק 1 7:20  
בנית תפריט הלשוניות (טאבים) חלק 2 15:05  
בניה ויצירת סגנון הסגיר (Footer) 3:37  

סיכום הקורס

דברי סיכום 1:39  

דן פרייפלד

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

  • אתר הבית:
  • בלוג אישי:
שם הקורס רמה כתוביות
מבוא ל-HTML מבוא ל-HTML בסיסי
העלאת אתר לאינטרנט העלאת אתר לאינטרנט כולם
רכישת מנוי קרא עוד קבצי תרגול
פתח הכל סגור הכל דקות נצפה

1. מבוא לאינטרנט

קצת על ההיסטורייה של האינטרנט ושורשי ה- HTML
כיצד עובד האינטרנט?
פרוטוקולים לתקשורת
כיצד מעלים אתר לרשת האינטרנט העולמית?

2. מבוא ל-HTML

היכרות עם גרסאות שונות של HTML
כיצד בנוי קובץ HTML?
התקנה ועבודה עם תוכנת Notpad++
מהן תגיות הבסיס ב- HTML?
יצירת קובצי תבנית

3. תגיות מלל

כיצד מוצגים רווחים בקוד בדף HTML ?
שימוש בתגית פסקה (P Tag)
הגדרת יישור פסקה (P Tag Align)
קביעת כיוון המלל מימין לשמאל (Dir=Direction)
תגיות ריווח ושבירת שורה
עיצוב מלל באמצעות קבוצת תגיות הביטוי
עיצוב מלל באמצעות תגיות מקבוצת הפונט
כיצד נגדיר תגיות כותרת?
שימוש בתגית "ללא מאפייני עיצוב" (Pre Tag)
עיצוב הממלל באמצעות תגית הפונט (Font Tag)
מהן תגיות הרשימה? (Ul, Or, Dl)

4. תגיות תמונה

שימוש בתגית תמונה (Img Tag)
יישור מלל ביחס לתמונה
שבירת שורות מסביב לתמונה

5. תגיות קישור

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

6. מבוא ל-CSS בסיסי

כיצד בנוי קוד CSS
מהם 3 סוגי הסגנונות ב-CSS
3 הדרכים ליצירת גליונות עיצוב ב-CSS
מעבר על ההיררכיה של הסגנונות
עבודה עם סגנון מסוג CLASS
עבודה עם סגנון סגנון מסוג TAG
עבודה עם סגנון מסוג ID

7. טבלאות

היכרות עם תגית טבלה ומאפייניה (Table Tag)
איחוד ופיצול תאים בטבלה
עבודה עם תאים, שורות וריווחים
עיצוב טבלה ב-CSS

8. טפסים

עבודה עם תגית DIV
יצירת מבנה בסיסי של אתר אינטרנט
יצירת מבנה בסיסי של אתר אינטרנט - המשך

9. מסגרות

מרכיבי טופס ה"צור קשר" בשפת ה-HTML
יצירת טופס ושדות טקסט
יצירת רכיבים לבחירה מרובה או בודדת
יצירת רכיבי טופס נוספים

10. בנית דף אינטרנט פשוט בדיבים - הדגמה מלאה

תפקידם של המסגרות (Frames)
ביטול גבולות ויכולות שינוי של מסגרות
מסגרת מסוג IFRAME

11. העלאת האתר לרשת

מהו מבנה הדף - Wireframe
יצירת מבנה הדף ב-HTML
עיצובי DIV ראשיים
כיצד נייצר את הרקע לאתר?
עיצוב הבאנר העליון באתר
עיצוב התפריט הראשי באתר
יצירת שורת חיפוש התוכן באתר
בנית תוכן עליון חלק 1 (בניית DIV מרכזי)
בנית תוכן עליון חלק 2 (הזנת תכנים)
בנית בר צדדי חלק 1
בנית בר צדדי חלק 2
בנית תפריט הלשוניות (טאבים) חלק 1
בנית תפריט הלשוניות (טאבים) חלק 2
בניה ויצירת סגנון הסגיר (Footer)

סיכום הקורס

דברי סיכום