הוספת אובייקטי מדיה

עודכן לאחרונה בתאריך 27 באפריל 2021

למד כיצד להוסיף ולערוך אובייקטי מדיה בדפי אינטרנט של Dreamweaver, להשתמש ב-Design Notes ועוד.

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

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

  • בחר באובייקט המתאים מתוך תפריט המשנה Insert ‏> HTML.

  • תופיע תיבת דו-שיח שמאפשרת לבחור בקובץ מקור ולציין פרמטרים מסוימים עבור אובייקט המדיה.

פתק

כדי למנוע את הופעתן של תיבות דו-שיח אלה, בחר Edit ‏> Preferences ‏> General ‏(Windows) או Dreamweaver >‏ ‏Preferences ‏> General ‏(Macintosh) ובטל את הבחירה באפשרות Show Dialog When Inserting Objects. כדי לעקוף את ההעדפות שהוגדרו להצגת תיבות דו-שיח, הקש ממושכות על מקש Control ‏(Windows) או Option ‏(Macintosh) תוך כדי הוספת האובייקט. 

השלם את תיבת הדו-שיח Select File ולחץ על OK.
פתק

תיבת הדו-שיח Accessibility Attributes מופיעה אם בחרתם להציג תכונות בעת הכנסת מדיה בתיבת הדו-שיח Edit > Preferences.

הגדירו את תכונות הנגישות.
פתק

אתם יכולים גם לערוך תכונות אובייקט מדיה על ידי בחירת האובייקט ועריכת קוד ה-HTML בתצוגת Code, או לחיצה ימנית (Windows) או Control+לחיצה (Macintosh), ובחירת Edit Tag Code.

Title

הזן כותרת לאובייקט המדיה.

Access Key

הזינו מקש מקלדת מקביל (אות אחת) בתיבת הטקסט כדי לבחור את אובייקט הטופס בדפדפן. זה מאפשר למבקר באתר להשתמש במקש Control (Windows) עם Access Key כדי לגשת לאובייקט. לדוגמה, אם תזינו B כ-Access Key, השתמשו ב-Control+B כדי לבחור את האובייקט בדפדפן.

Tab Index

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

לחץ על OK כדי להוסיף את אובייקט המדיה.
פתק

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

כדי לציין קובץ מקור, או כדי להגדיר ממדים ופרמטרים ותכונות אחרים, השתמשו ב-Property inspector עבור כל אובייקט. אתם יכולים לערוך תכונות נגישות עבור אובייקט.

הפעילו עורך חיצוני עבור קבצי מדיה

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

וודאו שסוג קובץ המדיה משויך לעורך במערכת שלכם.

כדי לגלות איזה עורך משויך לסוג הקובץ, בחרו Edit > Preferences ב-Dreamweaver ובחרו File Types/Editors מרשימת Category. לחצו על סיומת הקובץ בעמודת Extensions כדי להציג את העורך המשויך או העורכים בעמודת Editors. אתם יכולים לשנות את העורך המשויך לסוג קובץ.

לחצו לחיצה כפולה על קובץ המדיה בלוח Files כדי לפתוח אותו בעורך החיצוני.

העורך שמופעל כאשר אתם לוחצים לחיצה כפולה על הקובץ בלוח Files נקרא העורך הראשי.אם תלחצו לחיצה כפולה על קובץ תמונה, לדוגמה, Dreamweaver פותח את הקובץ בעורך התמונות החיצוני הראשי כגון Adobe Fireworks.

אם אתם לא רוצים להשתמש בעורך החיצוני הראשי כדי לערוך את הקובץ, אתם יכולים להשתמש בעורך אחר במערכת שלכם כדי לערוך את הקובץ על ידי ביצוע אחת מהפעולות הבאות:
  • בלוח Files, לחצו לחיצה ימנית (Windows) או לחיצה עם Control (Macintosh) על שם הקובץ ובחרו Open With מתפריט ההקשר.

  • בתצוגת Design, לחצו לחיצה ימנית (Windows) או לחיצת Control (Macintosh) על רכיב המדיה בדף הנוכחי, ובחרו Edit With מתפריט ההקשר.

ציינו את העורך שיופעל מ Dreamweaver

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

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

בחרו Edit > Preferences ובחרו File Types/Editors מרשימת Category.

הרחבות של שמות קבצים, כגון ‎.gif,‏ ‎.wav,‏ ו-‎.mpg,‏ מופיעות בצד שמאל תחת Extensions. עורכים משויכים להרחבה שנבחרה מופיעים בצד ימין תחת Editors.

בחרו את סיומת הקובץ ברשימת Extensions ובצעו אחת מהפעולות הבאות:
  • כדי לשייך עורך חדש לסוג הקובץ, לחצו על לחצן הפלוס (+) מעל רשימת ה-Editors והשלימו את תיבת הדו-שיח שמופיעה.

    לדוגמה, בחרו את סמל היישום עבור Acrobat כדי לשייך אותו לסוג הקובץ.

  • כדי להפוך עורך לעורך הראשי עבור סוג קובץ (כלומר, העורך שנפתח כשאתם לוחצים לחיצה כפולה על סוג הקובץ בלוח ה-Files), בחרו את העורך ברשימת ה-Editors ולחצו על Make Primary.

  • כדי לבטל שיוך של עורך מסוג קובץ, בחרו את העורך ברשימת Editors ולחצו על לחצן החיסור (-) מעל רשימת Editors.

הוספת סוג קובץ חדש ועורך משויך

לחצו על לחצן החיבור (+) מעל רשימת Extensions והזינו הרחבת סוג קובץ (כולל הנקודה בתחילת ההרחבה) או מספר הרחבות קשורות מופרדות ברווחים.

לדוגמה, אתם יכולים להזין .xml .xsl אם אתם רוצים לשייך אותם לעורך XML שמותקן במערכת שלכם.

בחרו עורך עבור סוג הקובץ על ידי לחיצה על לחצן החיבור (+) מעל רשימת Editors והשלימו את תיבת הדו-שיח שמופיעה.

הסרה של סוג קובץ

בחרו את סוג הקובץ ברשימת Extensions ולחצו על לחצן החיסור (-) מעל רשימת Extensions.
פתק

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

שימוש ב-Design Notes עם אובייקטי מדיה

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

לחצו לחיצה ימנית (Windows) או Control‑click (Macintosh) על האובייקט בחלון Document.
פתק

עליכם להגדיר את האתר שלכם לפני הוספת Design Notes לאובייקט כלשהו.

בחר Design Notes for Page מהתפריט תלוי-ההקשר.
הזן את המידע הרצוי ב-Design Note.
פתק

אתם יכולים גם להוסיף Design Notes לאובייקט מדיה מלוח Files על ידי בחירת הקובץ, הצגת תפריט ההקשר ובחירת Design Notes מתפריט ההקשר.

הוספת וידאו (שאינו FLV)

אתם יכולים להוסיף וידאו לדף האינטרנט שלכם בדרכים שונות ובפורמטים שונים. וידאו יכול להיות מורד אל המשתמש או שהוא יכול להיות מוזרם כך שהוא מתנגן בזמן ההורדה.

הצב את הסרטון בתיקיית האתר שלך.

סרטונים אלה הם בדרך כלל בתבנית AVI או MPEG.

צור קישור אל הסרטון או הטבע אותו בדף שלך.

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

פתק

המשתמש חייב להוריד יישום עזר (תוסף) כדי להציג פורמטים נפוצים של הזרמה כמו Real Media,‏ QuickTime ו-Windows Media.

הוספת תוכן תוסף

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

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

פתק

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

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

ה-Property inspector מציג בתחילה את המאפיינים הנפוצים ביותר. לחצו על חץ ההרחבה בפינה הימנית התחתונה כדי לראות את כל המאפיינים.

להכניס תוכן תוסף ולהגדיר את המאפיינים שלו

בתצוגת העיצוב של חלון המסמך, הציבו את נקודת ההכנסה במקום שבו אתם רוצים להכניס את התוכן, ואז עשו אחד מהדברים הבאים:
  • בקטגוריית Common של לוח Insert, לחצו על לחצן Media ובחרו את סמל Plugin מהתפריט.

  • בחרו Insert > Media > Plugin.

בתיבת הדו-שיח שמופיעה, בחרו קובץ תוכן לתוסף ולחצו על OK.
הגדר את אפשרויות התוסף ב-Property inspector.

Name

מציינת שם לזיהוי התוסף בעבודה עם סקריפטים. הזינו שם בתיבת הטקסט הלא מסומנת בצד השמאלי הרחוק של ה-Property inspector.

W ו-H

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

Src

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

Plg Url

מציינת כתובת URL של התכונה pluginspace. הזינו את ה-URL המלא של האתר שבו משתמשים יכולים להוריד את התוסף. אם למשתמש שמציג את הדף שלכם אין את התוסף, הדפדפן מנסה להוריד אותו מה-URL הזה.

Align

קובעת את יישור האובייקט בדף.

V Space ו-H Space

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

Border

מציינת את רוחב המסגרת סביב התוסף.

Parameters

פתיחת תיבת דו-שיח להזנת פרמטרים נוספים להעברה לתוסף.תוספים רבים מגיבים לפרמטרים מיוחדים.

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

הפעלת תוכן תוסף בחלון המסמך

הוספת רכיב מדיה אחד או יותר באמצעות אחת מהשיטות המתוארות בסעיף הקודם.
בצע אחת מהפעולות הבאות:
  • בחר באחד מרכיבי המדיה שהוספת ובחר View ‏> Plugins ‏> Play או לחץ על הלחצן Play ב-Property inspector.

  • בחר View ‏> Plugins ‏> Play All כדי להפעיל את כל רכיבי המדיה המסתמכים על תוספים בדף שנבחר.

פתק

הפקודה Play All חלה רק על המסמך הנוכחי; היא לא חלה, למשל, על מסמכים אחרים באותה ערכת מסגרות.

עצירת ההצגה של תוכן התוסף

בחרו רכיב מדיה ובחרו View > Plugins > Stop, או לחצו על הלחצן Stop ב-Property inspector.

תוכלו גם לבחור View > Plugins > Stop All כדי להפסיק את הפעלת כל תוכן התוספים.

פתרון בעיות של תוספים

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

  • ודאו שהתוסף הקשור מותקן במחשב שלכם, ושהתוכן תואם לגרסת התוסף שברשותכם.

  • פתחו את הקובץ Configuration/Plugins/UnsupportedPlugins.txt בעורך טקסט ובדקו אם התוסף הבעייתי רשום ברשימה.קובץ זה עוקב אחר התוספים שעשויים לגרום לבעיות ב-Dreamweaver ולכן אין בהם תמיכה. (אם אתם נתקלים בבעיות עם תוסף מסוים, שקלו להוסיף אותו לקובץ זה.)

  • בדוק שיש לך די זיכרון. תוספים מסוימים דורשים 2 עד 5 MB נוספים של זיכרון כדי לפעול.

שימוש בהתנהגויות לשליטה במדיה

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

Control Shockwave Or Flash

הפעלה, עצירה, חזרה לאחור או מעבר לפריים בסרט Shockwave או בקובץ SWF.

Play Sound

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

Check Plugin

מאפשר לכם לבדוק אם למבקרים באתר שלכם מותקן התוסף הדרוש, ולאחר מכן לנתב אותם לכתובות URL שונות, בהתאם לשאלה האם יש להם את התוסף המתאים.זה חל רק על תוספים, מכיוון שהתנהגות Check Plugin אינה בודקת פקדי ActiveX.

שימוש בפרמטרים לבקרת אובייקטי מדיה

הגדרת פרמטרים מיוחדים לשליטה על קובצי SWF ותוספים. הפרמטרים משמשים עם התגים object, ‏embed ו-applet. פרמטרים מגדירים תכונות ייחודיות לסוגים שונים של אובייקטים. לדוגמה, קובץ SWF עשוי להשתמש בפרמטר איכות ‎<param name="quality" value="best">‎ עבור תג האובייקט. תיבת הדו-שיח Parameter זמינה מתוך מפקח המאפיינים. עיין בתיעוד האובייקט שבו תשתמש, לקבלת מידע על הפרמטרים הדרושים לו.

פתק

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

הזנת שם וערך לפרמטר

בחר אובייקט שיכול לכלול פרמטרים בחלון Document.

פתח את מפקח המאפיינים אם הוא אינו פתוח עדיין ולחץ על הלחצן Parameters שבחצי התחתון של מפקח המאפיינים (ודא שמפקח המאפיינים מורחב).

לחצו על הלחצן Plus (+) והזינו את שם הפרמטר ואת הערך בעמודות המתאימות.

הסרת פרמטר

בחרו פרמטר ולחצו על הלחצן מינוס (–).

שינוי הסדר של פרמטרים

בחרו פרמטר והשתמשו בלחצני החץ למעלה ולמטה.