שימוש ב- Adobe Device Central עם Dreamweaver

Device Central מאפשר למעצבים גרפיים ולמפתחי אתרים העובדים ב- Dreamweaver, לראות בתצוגה מקדימה כיצד קובצי Dreamweaver ייראו במגוון רחב של התקנים ניידים. Device Central משתמש ב- ™Small‑Screen Rendering של Opera, על מנת להדגים למעצבים ולמפתחים כיצד עמוד האינטרנט שלהם ייראה במסך קטן. הוא גם מאפשר למעצבים ולמפתחים לבדוק אם קובצי CSS שלהם מתנהגים כראוי.

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

  1. הפעל את Dreamweaver.
  2. פתח קובץ.
  3. בצע אחת מהפעולות הבאות:
    • בחר File > Preview in Browser > Device Central.

    • בסרגל הכלים של חלון המסמך, לחץ והחזק את הלחצן Preview/Debug In browser ובחר Preview In Device Central.

עצות ליצירת תוכן אינטרנט של Dreamweaver להתקנים ניידים

Device Central מציג בתצוגה מקדימה עמודי אינטרנט שנוצרו ב- Dreamweaver באמצעות Small-Screen Rendering של Opera. תצוגה מקדימה זו יכולה לתת לך מושג לגבי המראה של עמוד האינטרנט בהתקנים ניידים.

הערה: Small-Screen Rendering של Opera עשוי להיות מותקן מראש בהתקנים מדומים. Device Central פשוט מספק תצוגה מקדימה של מראה התוכן אם Small-Screen Rendering של Opera מותקן.

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

  • אם אתה משתמש במסגרת של Adobe® Spry כדי לפתח תוכן, הוסף את השורה הבאה של HTML לדפים שלך כדי שיוכלו לעבד CSS ולבצע ™JavaScript בצורה נכונה ב- Device Central:<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/> <link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>

  • Small-Screen Rendering של Opera אינו תומך במסגרות, חלונות נפתחים, הוספת קו תחתון, הוספת קו חוצה, הוספת קו עליון, הבהוב ומלבן סימון. נסה להימנע מרכיבי עיצוב אלה.

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

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

הערה:

אתר האינטרנט של תוכנת Opera מהווה מקור מידע טוב למיטוב עמודי אינטרנט להתקנים ניידים.

לקבלת עצות וטכניקות נוספות ליצירת תוכן עבור טלפונים והתקנים ניידים, ראה www.adobe.com/go/learn_cs_mobilewiki_en.

עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת