מה צריך לדעת
- עם דף Home בתצוגה Plan, עבור אל Window >Library > [MR] סרטון רקע במסך מלא התיקייה וגרור את הווידג'ט לדף.
- כדי להוסיף סרטון, עבור אל File > Add Files For Upload > videos folder > Open.
Adobe Muse מאפשר לך ליצור דפי אינטרנט באמצעות זרימת עבודה דומה לפרסומים; אתה לא צריך הבנה מעמיקה של הקוד שבונה אתר או דף, אם כי היכרות עם HTML5, CSS ו-JavaScript לא תזיק. למרות שווידאו אינטרנט מסורתי מתווסף בדרך כלל דרך HTML5 Video API, Adobe Muse משיגה את אותו הדבר באמצעות ווידג'טים שיוצרים את HTML 5 הנדרש למשימות ספציפיות, אך משתמשים בממשק בשפה פשוטה ב-Muse כדי לכתוב את הקוד כאשר הדף מתפרסם.
איך להכין דף לסרטון רקע ב-Adobe Muse CC
עם הווידג'ט מותקן, כעת תוכל ליצור את הדף שישתמש בסרטון.
- לפני שתתחיל, צור תיקיה עבור אתר Muse שלך. בתוך התיקיה הזו, צור תיקיה נוספת - אנו משתמשים ב-" media " - והעבר את גרסאות ה-MP4 וה-webm שלך של הסרטון לתיקיה זו.
- כשתפעיל את Muse, בחר קובץ > אתר חדש.
- כאשר תיבת הדו-שיח Layout נפתחת, בחר Desktop בתור Layout Initial ושנה את Page Width ערכיו-Page Height ל-1200 ו-900 . לחץ על OK.
- לחץ פעמיים דף מאסטר בתצוגת התוכנית כדי לפתוח את דף המאסטר. כאשר דף המאסטר נפתח, העבר את מדריכי הכותרת העליונה והתחתונה לחלק העליון והתחתון של העמוד. אתה באמת לא צריך כותרת עליונה ותחתונה עבור הדוגמה הזו.
כיצד להשתמש בווידג'ט וידאו ברקע מלא ב-Adobe Muse CC
השימוש בווידג'ט הוא פשוט מאוד.
- הדבר הראשון שעליך לעשות הוא לחזור לתצוגת התוכנית על ידי בחירת View > Plan Mode.
- כאשר תצוגת התוכנית נפתחת, לחץ פעמיים על דף הבית כדי לפתוח אותו.
- פתח את לוח הספרייה – אם הוא לא פתוח בצד ימין של הממשק, בחר Window > Library – ו סובב למטה את התיקיה [MR] סרטון רקע במסך מלא.
- גרור את ווידג'ט התיקיה לדף.
-
תבחין ב- Options שמבקשים ממך להזין את שמות גרסאות ה-mp4 וה-webm של הסרטונים.הזן את השמות בדיוק כפי שהם מאויתים בתיקייה שבה מיקמת אותם. טריק קטן אחד כדי להבטיח שלא תטעו הוא להעתיק את השם של סרטון ה-MP4 ולהדביק אותו באזורים MP4 ו- WEBM של תפריט אפשרויות
טריק אחד נוסף: כל מה שהווידג'ט הזה עושה הוא לכתוב עבורך את קוד HTML 5. אתה יכול לדעת את זה כי אתה רואה בווידג'ט. במקרה זה, אתה יכול למקם את הווידג'ט מדף האינטרנט על הלוח, והוא עדיין יעבוד. בדרך זו, זה לא מפריע לתוכן שתציב בדף.
איך להוסיף וידאו ולבדוק דף ב-Adobe Muse CC
למרות שהוספת את הקוד שיפעיל את הסרטונים, Muse עדיין לא יודעת איפה הסרטונים האלה נמצאים.
- כדי לתקן זאת, בחר File > הוסף קבצים להעלאה.
- כאשר תיבת הדו-שיח העלאה נפתחת, נווט לתיקיה המכילה את הסרטונים שלך, בחר אותם ולחץ על Open.
- כדי לוודא שהם הועלו, פתח את פאנל Assets,ואתה אמור לראות את שני הסרטונים שלך. פשוט תשאיר אותם בפאנל. אין צורך למקם אותם בדף.
- כדי לבדוק את הפרויקט, בחר File > דף תצוגה מקדימה בדפדפן או, מכיוון שזהו עמוד בודד, File > תצוגה מקדימה של אתר בדפדפן. דפדפן ברירת המחדל שלך ייפתח, והסרטון יופעל.
- בשלב זה, אתה יכול להתייחס לקובץ Muse כאל דף אינטרנט רגיל ולהוסיף תוכן לדף הבית, והסרטון יתנגן מתחתיו.
איך להוסיף מסגרת של פוסטר וידאו ב-Adobe Muse CC
זה האינטרנט שעליו אנחנו מדברים כאן, ובהתאם למהירות החיבור, יש סיכוי טוב שהמשתמש שלך יפתח את הדף ויביט במסך ריק בזמן שהסרטון נטען. זה לא דבר טוב. הנה איך להתמודד עם השטויות האלה.
זהו "שיטות עבודה מומלצות" לכלול מסגרת של פוסטר של הסרטון, שיופיע בזמן שהסרטון נטען. זה בדרך כלל צילום מסך בגודל מלא של פריים מהסרטון.
- כדי להוסיף את מסגרת הפוסטר, לחץ פעם אחת על מילוי דפדפן בראש העמוד.
- לחץ על קישור התמונה ונווט לתמונה שבה יש להשתמש.
- באזור Fitting, בחר Scale to Fill ולחץ על נקודת המרכז ב אזור Position. זה יבטיח שהתמונה תתאים תמיד ממרכז התמונה כאשר גודל יציאת התצוגה של הדפדפן משתנה.תראה גם את התמונה ממלאת את העמוד.
- טריק קטן נוסף הוא צבע מילוי אחיד למקרה שמסגרת הפוסטר ייקח זמן מה להופיע. כדי לעשות זאת, לחץ על השבב Color כדי לפתוח את בורר הצבעים של Muse. בחר בכלי eyedropper ולחץ על הצבע השולט בתמונה. בסיום, לחץ על הדף כדי לסגור את תיבת הדו-שיח מילוי דפדפן.
-
בשלב זה, אתה יכול לשמור את הפרויקט או לפרסם אותו.
החלק האחרון של סדרה זו מראה לך איך לכתוב את קוד HTML5 שמחליק סרטון לרקע של דף אינטרנט.
