HTML-הוספת קישורים והטמעת רכיבים ב

הוספת קישור

 

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

איך להוסיף קישור לאתר אינטרנט?

1. לחצו על כפתור "הפעלת עריכה" הממוקם בראש אתר הקורס.

6.PNG

2. לחצו על "+הוספת משאב או פעילות" בנושא המתאים.

2.PNG

3. בחלון שנפתח, סמנו את האפשרות "קישור לאתר אינטרנט".

3.PNG

4. העניקו "שם" לקישור.

4.PNG

5. הדביקו את הקישור בסעיף "כתובת אינטרנט חיצונית".

4.PNG

6. ניתן להוסיף הנחייה בסעיף "הנחיה לפעילות".

4.PNG

7. ניתן להציג את ההנחיה באתר הראשי של הקורס תחת הקישור על ידי סימון "V" בשדה "הצגת ההנחיה בעמוד הראשי של הקורס".
 

8. בחרו באפשרות ברירת המחדל - "חלון חדש", שתאפשר לקישור להיפתח בחלון נפרד.

4.PNG

9. לסיום לחצו על "שמירת שינויים וחזרה לקורס".

9.PNG
 

הטמעת רכיבי HTML ב-Moodle

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

 
 

איך להטמיע רכיבים באמצעות HTML?

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

שלב 1.PNG

2. לחצו על הכפתור "הוספת משאב או פעילות"

שלב 2_edited.jpg

3. לחצו על המשאב "פסקה מעוצבת"  (        ) בלשונית "הכל"

Capture_edited_edited.png
Capture.PNG

4. לחצו על הכפתור            הנמצא בסרגל הכלים

Capture2.PNG
Capture2.PNG

5. לחצו על הכפתור           הנמצא בסרגל הכלים המורחב

Capture567.JPG
Capture567.JPG
מסך HTML.JPG

6. זוהי תיבת ה-HTML אליה תוכלו להדביק את קוד ה-HTML של הרכיב אותו תרצו להטמיע.

 

איך להטמיע Padlet?

1. היכנסו ללוח ה-Padlet שאותו תרצו לשתף עם הסטודנטים.

דוגמה ללוח פאדלט.JPG
דוגמה ללוח פאדלט.JPG

2. לחצו על הכפתור          

דוגמה ללוח פאדלט.JPG
דוגמה ללוח פאדלט.JPG
דוגמה ללוח פאדלט.JPG

3. לחצו על האפשרות "שתף או הטמע" בתפריט שנפתח

Capture12345.JPG

4. לחצו על האפשרות "להטמעה בבלוג או באתר שלך"

הטמעה.JPG

5. לחצו על כפתור "העתק" הנמצא מתחת לשורת הקוד הארוכה

HTML PADLET.JPG
medium_button.png
v.png

5. חיזרו לתיבת ה-HTML באתר הקורס והדביקו באמצעות Ctrl+V את שורת הקוד שהעותקה מאתר ה-Padlet. לתזכורת כיצד להגיע לתיבת HTML- לחצו כאן.

גיפ פאדלט.gif

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

6. לחצו על כפתור "שמירת שינויים וחזרה לקורס".

7. דוגמה להטמעה:

מוטמע.JPG
LOGO virtual - innovation 1.png