استخدم الوسائل المساعدة المرئية للتخطيط في Dreamweaver، بما في ذلك مسطرات الضبط وأدلة تخطيط الضبط، واستخدام الأدلة مع القوالب واستخدام شبكة تخطيطات، واستخدام صورة متابعة.

تعيين المساطر

تساعدك المساطر على قياس وتنظيم ووضع خطط لتخطيطك. يمكن أن تظهر على الحدود اليسرى والعلوية من الصفحة، مميزة بوحدات البكسل والبوصات والسنتيمترات.

  • لتبديل تشغيل المساطر وإيقافها، حدد View > Design View Options > Rules > Show/Hide.
  • لتغيير الأصل، اسحب أيقونة أصل المسطرة  (في الركن العلوي الأيسر من طريقة العرض Design بالنافذة Document) في أي مكان من الصفحة.
  • لإعادة تعيين الأصل إلى موقعه الافتراضي، حدد View > Design View Options >Rulers > Reset Origin.
  • لتغيير وحدة القياس، حدد View > Rulers، ثم حدد Pixels أو Inches أو Centimeters.

قم بتعيين أدلة التخطيط

تعد الأدلة أسطر تسحبها إلى المستند من المساطر. فهي تساعدك على وضع ومحاذاة الكائنات بشكل أكثر دقة. يمكنك أيضًا قياس حجم عناصر الصفحة أو محاكاة الطيات (المناطق المرئية) من مستعرضات الويب.

للمساعدة في محاذاة العناصر، يمكنك محاذاة العناصر بالأدلة، أو محاذاة الأدلة بالعناصر. (يجب أن توضع العناصر بصورة تامة بالترتيب لسمة المحاذاة لكي تعمل). يمكنك أيضًا قفل الأدلة لمنع نقلها بصورة عرضية بواسطة مستخدم آخر.

قم بإنشاء دليل أفقي أو رأسي

  1. اسحب من المسطرة المطابقة.
  2. ضع الدليل في النافذة Document، وحرر زر الماوس (إعادة وضع الدليل بسحبه مرة أخرى).

    ملاحظة:

    افتراضيًا، يتم تسجيل الأدلة باعتبارها مقاييس بالبكسل من الجانب العلوي أو السفلي للمستند، ويتم عرضها نسبيًا لأصل المسطرة. لتسجيل الدليل كنسبة مئوية، اضغط المفتاح Shift أثناء إنشاء أو نقل الدليل.

إظهار أو إخفاء الأدلة

  1. حدد View > Guides > Show Guides.

محاذاة العناصر إلى الأدلة

  • لمحاذاة الأدلة إلى العناصر، حدد View > Design View Options > Guides > Snap to Guides.
  • لمحاذاة الأدلة إلى العناصر، حدد View > Design View Options > Guides > Guides Snap to Elements.

ملاحظة:

عند تغيير حجم العناصر، مثل العناصر ذات التعيين المطلق للموضع (عناصر AP) والجداول والصور يتم محاذاة العناصر التي تم تغيير حجمها إلى الأدلة.

تأمين أو قفل كل الأدلة

حدد View > Design View Options > Guides > Lock Guides.

عرض ونقل دليل إلى موضع محدد

  1. ضع مؤشر الماوس فوق الدليل لعرض موضعه.
  2. انقر نقرًا مزدوجًا فوق الدليل.
  3. أدخل الموضع الجديد في مربع الحوار Move Guide، ثم انقر فوق OK.

عرض المسافة بين الأدلة

اضغط على المفتاح Control (في نظام التشغيل Windows) أو المفتاح Command (في نظام التشغيل Macintosh)، ثم ضع مؤشر الماوس في أي مكان بين الدليلين.

ملاحظة:

تعد وحدة القياس هي نفس وحدة القياس المستخدمة للمساطر.

محاكاة الطية (المنطقة المرئية) من مستعرض الويب

حدد View > Design View Options > Guides، ثم حدد حجم مستعرض معد مسبقًا من القائمة.

أزل دليلاً

اسحب الدليل خارج المستند.

تغيير إعدادات الدليل

  1. حدد View > Design View Options > Guides > Edit Guides، ثم قم بتعيين الخيارات التالية، ثم انقر فوق OK.

    Guide color

    يحدد لون سطور الدليل. انقر فوق حامل اللون، ثم حدد لونًا من منتقي الألوان أو اكتب رقم سداسي عشري في مربع النص.

    Distance Color

    يحدد لون السطور التي تظهر كمؤشر مسافة عندما تضع مؤشر الماوس بين الأدلة. انقر فوق حامل اللون، ثم حدد لونًا من منتقي الألوان أو اكتب رقم سداسي عشري في مربع النص.

    Show Guides

    تجعل الأدلة ظاهرة في طريقة العرض Design.

    Snap to Guides

    تحاذي عناصر الصفحة بالأدلة عندما تحرك العناصر حول الصفحة.

    Lock Guides

    قفل الأدلة في مكانها.

    Guides Snap to Elements

    يحاذي الأدلة إلى العناصر على الصفحة حينما تقوم بسحب الأدلة.

    Clear All

    مسح كل الأدلة من الصفحة.

استخدام الأدلة مع القوالب

عندما تتم إضافة أدلة إلى قالب Dreamweaver، كل مثيلات القالب ترث الأدلة. ومع ذلك، تتم معاملة الأدلة في مثيلات القالب باعتبارها مناطق قابلة للتحرير، وبالتالي يمكنك تعديلها. تتم استعادة الأدلة المعدّلة في مثيلات القالب إلى موقعها الأصلي حينما يتم تحديث المثيل بالقالب الأصلي.

يمكنك إضافة أدلتك الخاصة إلى مثيلات القالب. ولا تتم الكتابة فوق الأدلة التي تتم إضافتها بهذه الطريقة عندما يتم تحديث مثيل القالب بالقالب الأصلي.

استخدام شبكة التخطيط

وتعرض هذه الشبكة نظامًا من الأسطر الأفقية والعمودية في النافذة Document. وهو مفيد لوضع الكائنات بدقة. يمكنك جعل عناصر الصفحة ذات التعيين المطلق للمواضع تحاذي الشبكة حينما تحركها، وأن تغير الشبكة أو تتحكم في سلوك المحاذاة بتحديد إعدادات الشبكة. تعمل المحاذاة سواءً كانت ظاهرة أم لا.

إظهار أو إخفاء الشبكة

حدد View > Design View Options > Grid > Show Grid.

إتاحة الانطباق أو تعطيله

حدد View > Design View Options > Grid > Snap to Grid.

تغيير إعدادات الشبكة

  1. حدد View > Design View Options > Grid > Grid Settings.

  2. قم بتعيين أي من الخيارات التالية، ثم انقر فوق OK لتطبيق التغييرات.

    Color

    يحدد لون سطور الشبكة. انقر فوق حامل اللون، ثم حدد لونًا من منتقي الألوان أو اكتب رقم سداسي عشري في مربع النص.

    Show Grid

    تجعل الشبكة ظاهرة في طريقة العرض Design.

    Snap to Grid

    تحاذي عناصر الصفحة بسطور الشبكة.

    Spacing

    تتحكم في مدى التباعد بين سطور الشبكة. أدخل رقمًا، وحدد Pixels أو Inches أو Centimeters من القائمة.

    Display

    يحدد ما إذا كانت سطور الشبكة تظهر كسطور أو نقاط.

    ملاحظة:

    إذا لم يتم تحديد Show Grid، لا تظهر الشبكة في المستند ولا تكون أي تغييرات مرئية.

Use a tracing image

يمكنك استخدام صورة تتبع كدليل لإعادة إنشاء تصميم صفحة تم إنشاؤها في التطبيقات الرسومية مثل Adobe Freehand أو Fireworks.

صورة التتبع هي صورة JPEG أو GIF أو PNG يتم وضعها في خلفية نافذة Document. يمكنك إخفاء الصورة وتعيين معدل الشفافية لها وتغيير موضعها.

تكون صورة التتبع ظاهرة فقط في Dreamweaver؛ وتكون غير ظاهرة عندما تعرض الصفحة في مستعرض. عندما تكون صورة التتبع معروضة، تكون صورة الخلفية الحقيقية بالصفحة ولونها غير ظاهرين في النافذة Document، وستكون صورة الخلفية ولونها ظاهرين عند عرض الصفحة في مستعرض.

ضع صورة تتبع في النافذة Document.

  1. قم بأحد الإجراءات التالية:
    • حدد View > Design View Options > Tracing Image > Load.

    • حدد File > Page Properties، ثم في فئة Tracing Image، انقر فوق Browse (بجوار مربع نص Tracing Image).

  2. انتقل إلى ملف الصورة ثم انقر فوق OK.

  3. في مربع الحوار Page Properties، حدد شفافية الصورة عن طريق سحب منزلق Image Transparency، ثم انقر فوق OK.

    للتبديل لصورة تتبع مختلفة أو لتغيير شفافية صورة التتبع الحالية في أي وقت، حدد File > Page Properties.

عرض أو إخفاء صورة التتبع

حدد View > Design View Options >Tracing Image > Show.

تغيير موضع صورة تتبع

  1. حدد View > Design View Options > Tracing Image > Adjust Position.

    • لتحديد موضع صورة التتبع بدقة، أدخل قيم الإحداثيات في مربعات النصوص X وY.

    • لنقل الصورة بمقدار بكسل واحد في المرة الواحدة، استخدم مفاتيح الأسهم.

    • لنقل الصورة بمقدار 5 بيكسل في المرة الواحدة، اضغط المفتاح Shift ومفاتيح الأسهم.

قم بإعادة تعيين موضع صورة التتبع

  1. حدد View > Design View Options > Tracing Image > Reset Position.

    تعود صورة التتبع إلى الزاوية العليا اليسرى من النافذة Document (0,0).

محاذاة صورة التتبع إلى عنصر محدد

  1. حدد عنصرًا في النافذة Document.
  2. حدد View > Design View Options > Tracing Image > Align with Selection.

    تتم محاذاة الزاوية العليا اليسرى من صورة التتبع مع الزاوية العليا اليسرى من العنصر المحدد.

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت