עורך טקסט

12. עורך תבניות אתר

עורך הטקסט של מודל, הוא למעשה עורך HTML (הקוד שאיתו בונים אתרים).

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

לחיצה על כפתור "עורך תבנית אתר"
כתוצאה מכך חפתח ממש עריכת אתר.
בחלק השמאלי יש תפריט אייקונים עם האפשרויות הבאות:
- Templatetes (תבניות) - במקום זה ניתן לבחור תבניות אתר לשימוש.
שאר האפשרויות: Componenets, Base, Bootstrap, HTML Properties ו-Trees קשורים בקוד ה-HTML - ואינם חלק ממדריך זה.
באמצע ה-Header ישנם ארבע אפשרויות תצוגה
- Canvas אזור העריכה בו מעצבים את האתר.
- Preview: כיצד האתר יראה כאשר אזור העריכה מוסתר.
- Source Code: הקוד מאחורי האתר, בתצוגה זו ניתן לערות את הקוד.
- Canvas-Source Code אזור העריכה ולצידו הקוד של האתר.
בחלק הימני של ה-Header אפשרויות תצוגה על פי סוג מדיה:
- תצוגת סמארטפון
- תצוגת טאבלט - אנכי
- תצוגת טאבלט - אופקי
- תצוגת לפטופ
- תצוגת מסך מחשב.
לצד כפתורי בחירת מסך התצוגה יש כפרתורים לביטול או ביצוע מחדש ובכן כפתור שמירה.

לחיצה על כפתור התבניות
תחת אזור Template לחיצה על כפתור Showcase
בחלון SHowcase מומלץ לחות על כפתור שימוש בשפה האנגלית
כתוצאה מכך יוצגו בחלון מספר רב של תבניות
ניתן לחפש תבנית על ידי מילת חיפוש בחלונית החיפוש, או לצמצם את האפשרויות על ידי לחיצה על כפתור המראה על סוג תבנית רצויה (Cards, Image, Video...)
לאחר איתור התבניות הרצויה יש להקיש עליה. כתוצאה מכך יפתח חלון ובו אפשרות ליבוא את התבנית. יש ללחוץ עךל הכפתור הירוד לצורך יבוא.
התבנית בנבחרה תופיע באזור Templates

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

שינוי טקסט

לאחר שהתבנית נמצאת בעמוד, ניתן לשנות את הערכים שבה.

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

מחיקה, העתקה, העברת הרכיב מעלה (בקוד), העברת הרכיב מטה (בקוד), עריכת הרכיב (אייקון העיפרון). לעריכה יש ללחוץ על אייקון העיפרון - ואחר לשנות את התוכן.

שינוי לינק (וידאו תמונה iFrame וכו)

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

שינוי תכונות רכיבי האתר

שינוי צבעים ריווחים ועוד - נעשה על ידי שינוי תכונות הרכיבים.