פריסת רשת נוזלים חדשה Dreamweaver CS6

• מאי 20, 2024

אם אתה מפתח אתרים פשוטים או CMS מורכבים, תמיד יש לך בראש את השאלה המטלטלת הזו - האם אני עושה את כל מה שיכולתי כדי למקד לכל סוגי הקהלים והחלטות המסך? ובכן, Dreamweaver^ר ל- CS6 יש תכונות חדשות שהופכות את זה למשימה קלה יותר.

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

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

1. פשוט לחץ על קובץ - פריסת רשת נוזלית חדשה מה- Menubar.
   
   
2. בתיבת הדו-שיח מסמך חדש תראה את ברירת המחדל עבור דף אינטרנט חדש זה. הרוחב קבוע לכל אחת מרזולוציות המסך השונות.
   
   נייד 480 פיקסלים
   טבלה 768 פיקסלים
   שולחן עבודה 1232px
   
   
3. יש לך אפשרות לשנות את מספר ברירת המחדל של העמודות ואת אחוז רוחב העמודה עבור כל רזולוציית מסך. ברירת המחדל היא:
   
   5 עמודות בנייד - 91%
   טוריות טאבלט 8 - 93%
   שולחן עבודה 10 עמודות - 90%
   
   
4. סביבת העבודה המוגדרת כברירת מחדל יכולה להציג את הקוד ואת תצוגות העיצוב. כפי שאתה יכול לראות בתצוגת העיצוב, לקובץ החדש יש כבר תג div אחד. אתה יכול לשנות את מזהה ברירת המחדל ומחלקה עבור ה- div בחלונית Properties.
   
   כמובן שדף האינטרנט שלך יזדקק ליותר מחטיבה אחת. כך שנוכל להוסיף דיוויזיות נוספות לכותרת העליונה, הניווט, הראשי, הצידה ותחתונה.
   
   
5. כדי להוסיף חלוקה חדשה, בחר הכנס תג תג חלוקה של נוזל גריד בחלונית הכנס.
   
   
6. בתיבת הדו-שיח, אתה יכול לתת שם למזהה עבור התג.
   
   
7. לאחר שהוספנו את כל הדיוויזיות העיקריות עבור הדף שלנו, נוכל ללחוץ ולגרור אותם כדי למקם אותם מחדש ברשת.
   
   

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

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

* Adobe סיפקה לי עותק של תוכנה זו לצורכי סקירה.

זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.