لعرض رمز HTML المقترن بالنص أو الكائن المحدد، قم بأحد الأمور التالية:
تاريخ آخر تحديث
20 ديسمبر 2021
حدد العناصر وقم بعرضها في Dreamweaver، وقم بإظهار أو إخفاء أيقونات العلامة للعناصر غير المرئية، وقم بتعيين تفضيلات العناصر غير المرئية.
لتحديد عنصر في طريقة العرض Design بالنافذة Document، انقر فوق العنصر. إذا كان العنصر غير مرئي، يجب جعله مرئيًا قبل أن تتمكن من تحديده.
لا يكون لبعض تعليمات HTML البرمجية تمثيلاً مرئيًا في المستعرضات. على سبيل المثال، لا تظهر علامات comment في المستعرضات. على الرغم من ذلك، يكون من المفيد عند إنشاء صفحة ما أن تتمكن من تحديد العناصر غير المرئية وتحريرها ونقلها وحذفها.
يمكّنك Dreamweaver من تحديد ما إذا سيتم إظهار الأيقونات التي توضح مواقع العناصر غير المرئية في طريقة العرض Design بالنافذة Document. للإشارة إلى علامات العناصر التي تظهر، يمكنك تعيين الخيارات في تفضيلات Invisible Elements. على سبيل المثال، يمكنك تحديد نقاط الارتساء المسماة لتكون مرئية، وليس فواصل الأسطر.
يمكنك إنشاء عناصر غير مرئية معينة (مثل التعليقات ونقاط الارتساء المسماة) وتعديل هذه العناصر من خلال مربع حوار Preferences > Invisible Elements.
تحديد العناصر
لتحديد عنصر مرئي في النافذة Document، انقر فوق العنصر أو اسحبه.
لتحديد عنصر غير مرئي من طريقة عرض Design View، حدد View > Design View Options > Visual Aids > Invisible Elements (إذا لم يتم تحديد عنصر القائمة هذا بالفعل) ثم انقر فوق علامة العنصر في النافذة Document.
تظهر بعض الكائنات في الصفحة في مكان آخر غير المكان الذي تم إدراج التعليمة البرمجية الخاصة بها فيه. على سبيل المثال، في طريقة العرض Design، يمكن أن يظهر عنصر تم تحديد موقعه بالضبط (عنصر AP) في أي مكان في الصفحة، ولكن تكون التعليمة البرمجية التي تعرف عنصر AP في موقع ثابت في طريقة العرض Code. عندما تظهر عناصر غير مرئية، يعرض Dreamweaver العلامات في النافذة Document لإظهار موقع التعليمة البرمجية لتلك العناصر. ويؤدي تحديد علامة إلى تحديد العنصر بالكامل؛ فعلى سبيل المثال، يؤدي تحديد العلامة لعنصر AP إلى تحديد عنصر AP بالكامل.
لتحديد علامة كاملة (بما في ذلك محتوياتها، إن وجدت)، انقر فوق علامة في محدد العلامات الموجود في الجزء السفلي الأيسر من النافذة Document. (يظهر محدد العلامات في طريقتي العرض Design وCode). ويقوم محدد العلامات دائمًا بإظهار العلامات التي تحتوي على التحديد الحالي أو نقطة الإدراج. وتكون العلامة الموجودة بأقصى اليسار هي العلامة الأبعد التي تحتوي على التحديد الحالي أو نقطة الإدراج. ويتم تضمين العلامة التالية في تلك العلامة الأبعد وهكذا؛ العلامة الموجودة بأقصى اليمين هي العلامة الأقرب التي تحتوي على التحديد الحالي أو نقطة الإدراج.
عرض رمز HTML
في شريط الأدوات Document، انقر فوق Code .
حدد View > Code.
حدد خيار View > Split > Code-Live أو Code-Design أو Code-Code.
حدد Window > Code Inspector.
عند تحديد عنصر في أي من برامج تحرير التعليمات البرمجية (طريقة العرض Code أو عارض Code)، يتم تحديده أيضًا في النافذة Document بوجه عام. وقد تحتاج إلى مزامنة طريقتي العرض قبل ظهور التحديد.
إظهار أو إخفاء أيقونات العلامات للعناصر غير المرئية
حدد View > Design View Options > Visual Aids > Invisible Elements.
ملاحظة
قد يؤدي إظهار العناصر غير المرئية إلى تغيير تخطيط الصفحة بشكل طفيف، وتحريك عناصر أخرى ببضعة وحدات بكسل، لذا للحصول على تخطيط دقيق، أخف العناصر غير المرئية.
تعيين تفضيلات العناصر غير المرئية
استخدم تفضيلات العناصر غير المرئية لتحديد أنواع العناصر التي ستكون مرئية عند تحديد عرض > المساعدات المرئية > العناصر غير المرئية.
حدد تحرير > تفضيلات (Windows)
أو Dreamweaver > تفضيلات (Macintosh)،
ثم انقر فوق العناصر غير المرئية.
حدد العناصر التي يجب جعلها مرئية وانقر فوق
موافق.
تعني علامة الاختيار بجوار اسم العنصر في مربع الحوار أن العنصر مرئي عند تحديد عرض > المساعدات المرئية > العناصر غير المرئية.
Named Anchors
يعرض أيقونة تمثل موقع كل رابط مسمى (a name = "") في المستند.
Scripts
يعرض أيقونة تمثل موقع كود JavaScript أو VBScript في نص المستند. حدد الأيقونة لتحرير النص البرمجي في مفتش الخصائص أو للربط بملف نص برمجي خارجي.
التعليقات
يعرض أيقونة تمثل موقع تعليقات HTML. حدد الأيقونة لمشاهدة التعليق في مفتش الخصائص.
Line Breaks
يعرض أيقونة تمثل موقع كل فاصل سطر (BR). ويتم إلغاء تحديد هذا الخيار بشكل افتراضي.
Client-Side Image Maps
يعرض أيقونة تمثل موقع كل خريطة صورة من جانب العميل في المستند.
Embedded Styles
يعرض أيقونة تُظهر موقع أنماط CSS المضمنة في قسم النص في المستند. إذا تم وضع أنماط CSS في قسم الرأس من المستند، فلن تظهر في نافذة المستند.
Hidden Form Fields
يعرض أيقونة تمثل موقع حقول النموذج التي تحتوي على خاصية type مضبوطة على "hidden".
Form Delimiter
يعرض حدودًا حول النموذج حتى تتمكن من رؤية مكان إدراج عناصر النموذج. يُظهر الحد نطاق علامة form، لذا أي عناصر نموذج داخل ذلك الحد مُحاطة بشكل صحيح بعلامات form.
Anchor Points For AP elements
يعرض أيقونة تمثل موقع الكود المُعرِّف لعنصر AP. وقد يكون عنصر AP نفسه موجودًا في أي مكان بالصفحة. (عناصر AP ليست عناصر غير مرئية؛ فقط الكود المُعرِّف لعنصر AP غير مرئي.) حدد الأيقونة لتحديد عنصر AP؛ يمكنك حينها رؤية محتويات عنصر AP حتى لو كان عنصر AP محددًا كمخفي.
Anchor Points For Aligned Elements
يعرض أيقونة تُظهر موقع كود HTML للعناصر التي تقبل خاصية align. تشمل هذه الصور والجداول وكائنات ActiveX والمكونات الإضافية والتطبيقات الصغيرة. في بعض الحالات، قد يكون الكود الخاص بالعنصر منفصلاً عن الكائن المرئي.
Visual Server Markup Tags
يعرض موقع علامات ترميز الخادم (مثل علامات صفحات الخادم النشطة وعلامات ColdFusion) التي لا يمكن عرض محتواها في نافذة المستند.تُنشئ هذه الوسوم عادةً وسوم HTML عند معالجتها بواسطة الخادم. على سبيل المثال، ينشئ وسم <CFGRAPH> جدول HTML عند معالجته بواسطة خادم ColdFusion. يمثل Dreamweaver الوسم بعنصر ColdFusion غير مرئي حيث لا يمكن لـ Dreamweaver تحديد الناتج الديناميكي النهائي للصفحة.
Nonvisual Server Markup Tags
يُظهر موقع وسوم تقييد الخادم (مثل وسوم Active Server Pages ووسوم ColdFusion) التي لا يمكن عرض محتواها في نافذة المستند. هذه الوسوم عادةً ما تكون وسوم إعداد أو معالجة أو منطق (على سبيل المثال، <CFSET>، <CFWDDX>، و <CFXML>) التي لا تنشئ وسوم HTML.
CSS Display: None
يُظهر أيقونة توضح موقع المحتوى المخفي بواسطة خاصية display:none في ورقة الأنماط المربوطة أو المُضمّنة.
Show Dynamic Text As
يُظهر أي نص ديناميكي في صفحتك بتنسيق {Recordset:Field} افتراضياً. إذا كان طول هذه القيم كافياً لتشويه تنسيق صفحتك، يمكنك تغيير العرض إلى {} بدلاً من ذلك.
Server-Side Includes
يعرض المحتويات الفعلية لكل من ملفات التضمين من جانب الخادم.
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
