קורס מבוא HTML

מנחה

דן פרייפלד

צפיות

3,766

מס’ שיעורים

שעות צפייה

6.5

כתוביות

עברית

תוקף קורס

רכוש את הקורס יש לך קופון?הוסף לסל

‏149 ₪

60% הנחה

‏375 ₪

למועדפים שלי

על הקורס מבוא HTML

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

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

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

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

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

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

דרישות הקורס:

ללא דרישות מוקדמות.

תיאור הקורס:

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

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

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

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

פירוט מלא

אהבתם? שתפו!

מבנה הקורס מבוא HTML

פתח הכל סגור הכל6:32:38 72 שיעורים

חלק 1 :
קורס מבוא HTML
4:222 שיעורים

1.
ברוכים הבאים
סרטון חינם להתרשמות!2:50
2. שימוש בקבצי תרגול 1:32
הנחיות להורדת קבצי תרגול ופתיחתם:
לעיתים קרובות קבצי התרגול מאוגדים בקובץ מכווץ (ZIPPED FILE) והורדתם אל מחשבכם
תחל באופן אוטומטי מיד עם הקלקה על אייקון קבצי התרגול (סיכה משרדית או מסמך)
את הקובץ המכווץ מסוג ZIP תמצאו בתיקייה שהוגדרה להורדת קבצים במחשבכם.
לצורך פתיחת הקובץ וחילוץ הקבצים המאוגדים בתוכו עליכם לוודא שבמחשבכם מותקנת תוכנה
לפתיחת קבצים מכווצים (כגון, WINZIP או WINRAR).
חילוץ הקבצים מתבצע על ידי לחיצה כפולה על הקובץ והתחלת ההתקנה על ידי בחירה באפשרות
"חלץ הכל" או "Extract All" ולאחר מכן בחירת התיקייה בה תהיו מעוניינים להתקין את הקבצים.
לאחר סיום ההתקנה של הקבצים תוכלו לגשת אל התיקייה שאליה הם הועברו ולעשות בהם שימוש מלא.

לשאלות נוספות ותמיכה בתהליך הורדת קבצי תרגול אנא פנו לצוות השירות שלנו בטל'
077-60-21-772 או בדוא"ל support@myco.co.il

חלק 2 :
מבוא לאינטרנט
24:465 שיעורים

1.
דפדפנים נפוצים ופופולריים בעולם
סרטון חינם להתרשמות!3:35
2. קצת על ההיסטורייה של האינטרנט ושורשי ה- HTML 3:21
3. כיצד עובד האינטרנט? 6:50
4. פרוטוקולים לתקשורת 5:00
5. כיצד מעלים אתר לרשת האינטרנט העולמית? 6:00

חלק 3 :
מבוא HTML
27:406 שיעורים

1.
היכרות עם שפת הHTML
סרטון חינם להתרשמות!3:41
2. היכרות עם גרסאות שונות של HTML 1:19
3. כיצד בנוי קובץ HTML? 3:44
4. התקנה ועבודה עם תוכנת Notpad++ 4:20
5. מהן תגיות הבסיס ב- HTML? 7:57
6. יצירת קובצי תבנית 6:39

חלק 4 :
תגיות מלל
50:0111 שיעורים

1. כיצד מוצגים רווחים בקוד בדף HTML ? 6:10
2. שימוש בתגית פסקה (P Tag) 4:07
3. הגדרת יישור פסקה (P Tag Align) 2:59
4. קביעת כיוון המלל מימין לשמאל (Dir=Direction) 3:44
5. תגיות ריווח ושבירת שורה 8:03
6. עיצוב מלל באמצעות קבוצת תגיות הביטוי 5:31
7. עיצוב מלל באמצעות תגיות מקבוצת הפונט 2:16
8. כיצד נגדיר תגיות כותרת? 4:11
9. שימוש בתגית "ללא מאפייני עיצוב" (Pre Tag) 1:53
10. עיצוב הממלל באמצעות תגית הפונט (Font Tag) 6:10
11. מהן תגיות הרשימה? (Ul, Or, Dl) 4:57

חלק 5 :
תגיות תמונה
12:424 שיעורים

1.
שימוש בתמונה כרקע לדף HTML
סרטון חינם להתרשמות!3:52
2. שימוש בתגית תמונה (Img Tag) 2:17
3. יישור מלל ביחס לתמונה 3:43
4. שבירת שורות מסביב לתמונה 2:50

חלק 6 :
תגיות קישור
18:564 שיעורים

1.
תגית לינק/קישור ומאפייניה (A Tag)
סרטון חינם להתרשמות!4:07
2. כתובת יחסית וכתובת אבסולוטית בתוך קישור 8:17
3. לינקים לעוגנים 4:20
4. יצירת לינק מתמונה 2:12

חלק 7 :
מבוא CSS בסיסי
29:158 שיעורים

1.
היכרות עם שפת ה-CSS
סרטון חינם להתרשמות!1:53
2. כיצד בנוי קוד CSS 1:56
3. מהם 3 סוגי הסגנונות ב-CSS 1:32
4. 3 הדרכים ליצירת גליונות עיצוב ב-CSS 9:24
5. מעבר על ההיררכיה של הסגנונות 4:17
6. עבודה עם סגנון מסוג CLASS 4:31
7. עבודה עם סגנון סגנון מסוג TAG 2:33
8. עבודה עם סגנון מסוג ID 3:09

חלק 8 :
טבלאות
28:174 שיעורים

1. היכרות עם תגית טבלה ומאפייניה (Table Tag) 4:04
2. איחוד ופיצול תאים בטבלה 4:05
3. עבודה עם תאים, שורות וריווחים 6:45
4. עיצוב טבלה ב-CSS 13:23

חלק 9 :
טפסים
23:194 שיעורים

1.
מהם מרכיבי שלד האתר הבסיסי?
סרטון חינם להתרשמות!2:39
2. עבודה עם תגית DIV 7:22
3. יצירת מבנה בסיסי של אתר אינטרנט 6:42
4. יצירת מבנה בסיסי של אתר אינטרנט - המשך 6:36

חלק 10 :
מסגרות
27:565 שיעורים

1. מרכיבי טופס ה"צור קשר" בשפת ה-HTML 4:30
2. יצירת טופס ושדות טקסט 8:36
3. יצירת רכיבים לבחירה מרובה או בודדת 4:58
4. יצירת רכיבי טופס נוספים 5:54
5.
כפתורים לשליחה/איפוס הטופס
סרטון חינם להתרשמות!3:58

חלק 11 :
בנית דף אינטרנט פשוט בדיבים - הדגמה מלאה
15:033 שיעורים

1. תפקידם של המסגרות (Frames) 7:37
2. ביטול גבולות ויכולות שינוי של מסגרות 2:52
3. מסגרת מסוג IFRAME 4:34

חלק 12 :
העלאת האתר לרשת
2:08:4115 שיעורים

1.
מעבר על דף האינטרנט המוגמר
סרטון חינם להתרשמות!2:12
2. מהו מבנה הדף - Wireframe 3:21
3. יצירת מבנה הדף ב-HTML 11:24
4. עיצובי DIV ראשיים 8:51
5. כיצד נייצר את הרקע לאתר? 8:16
6. עיצוב הבאנר העליון באתר 7:00
7. עיצוב התפריט הראשי באתר 14:37
8. יצירת שורת חיפוש התוכן באתר 8:34
9. בנית תוכן עליון חלק 1 (בניית DIV מרכזי) 5:30
10. בנית תוכן עליון חלק 2 (הזנת תכנים) 11:32
11. בנית בר צדדי חלק 1 11:01
12. בנית בר צדדי חלק 2 10:18
13. בנית תפריט הלשוניות (טאבים) חלק 1 7:21
14. בנית תפריט הלשוניות (טאבים) חלק 2 15:06
15. בניה ויצירת סגנון הסגיר (Footer) 3:38

חלק 13 :
סיכום הקורס
1:401 שיעורים

1. דברי סיכום 1:40

על המנחה

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

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

אהבתם? שתפו!

על המנחה

דן פרייפלד

מאפיין ממשקי משתמש ומעצב מדיה דיגיטלית

סטונדטים

קורסים

דירוג

צפה בפרופיל

מבוא ל-HTML

שפת תגיות

עיצוב דפי אינטרנט