تعرف على كيفية إضافة النص وتنسيقه في طريقة العرض Live وطريقة العرض Code أو من خلال استخراج النص والخصائص المقترنة به من ملفات PSD.

إضافة نص إلى مستند

لإضافة نص إلى مستند Dreamweaver، يمكنك كتابة النص مباشرة في النافذة Document، أو يمكنك قص النص ولصقه. يمكنك أيضًا استيراد نص من مستندات أخرى.

عندما تقوم بلصق نص في مستند Dreamweaver، يمكنك استخدام الأمر Paste أو Paste Special. يتيح لك الأمر Paste Special تحديد تنسيق النص الملصق بعدة طرق. على سبيل المثال، إذا أردت لصق نص من مستند Microsoft Word منسّق إلى مستند Dreamweaver، ولكنك تريد تجريد كل التنسيق حتى تقوم بتطبيق ورقة أنماط CSS الخاصة بك على النص الملصق، يمكنك تحديد النص في Word ونسخه إلى الحافظة ثم استخدام الأمر Paste Special لتحديد الخيار الذي يتيح لك لصق النص فقط.

عند استخدام الأمر Paste للصق النص من تطبيقات أخرى، يمكنك تعيين تفضيلات اللصق كخيارات افتراضية.

ملاحظة:

يؤدي الضغط على Control+V ‏(في نظام التشغيل Windows) وCommand+V ‏(في نظام التشغيل Macintosh) دائمًا إلى لصق النص فقط (دون تنسيق) في طريقة العرض Code.

  1. قم بإضافة نص إلى المستند بالقيام بأحد الإجراءات التالية:
    • قم باستخلاص النص من تراكيب PSD الخاصة بك باستخدام لوحة Extract. للحصول على معلومات مفصلة، راجع نسخ نص من ملفات PSD.
    • اكتب النص مباشرة في النافذة Document.
    • انسخ النص من تطبيق آخر، ثم قم بالتبديل إلى Dreamweaver ووضع نقطة الإدراج في طريقة العرض Design بالنافذة Document، ثم حدد Edit > ‏Paste أو Edit > ‏Paste Special.

    عندما تقوم بتحديد Edit > ‏Paste Special، يمكنك تحديد عدة خيارات للصق التنسيق.

    يمكنك أيضًا نسخ النص باستخدام اختصارات لوحة المفاتيح التالية:

     

    خيار اللصق

    اختصار لوحة المفاتيح

    Paste

    Control+V (في نظام التشغيل Windows)‏‎‎

    Command+V (في نظام التشغيل Macintosh)‏‎

    Paste Special

    Control+Shift+V (في نظام التشغيل Windows)

    Command+Shift+V (في نظام التشغيل Macintosh)

     

إدراج أحرف خاصة

يتم تمثيل بعض الأحرف الخاصة في HTML باسم أو رقم، ويشار إليها بالمصطلح كيان. تتضمن لغة HTML أسماء كيانات للأحرف مثل رمز حقوق النسخ (©)، وعلامة العطف (&)، ورمز العلامة التجارية المسجلة (®). ولكل كيان اسم (مثل —) ومكافئ رقمي (مثل —).

ملاحظة:

تستخدم لغة HTML أقواس زاوية <> في التعليمات البرمجية الخاصة بها، ولكن قد تحتاج إلى التعبير عن الأحرف الخاصة لأكبر من أو أصغر من دون أن يفسرها Dreamweaver على أنها تعليمة برمجية. وفي هذه الحالة، استخدم &#38;gt; لعلامة الأكبر من (>) و&#38;lt; لعلامة الأصغر من (<).

لسوء الحظ، قد لا يعرض العديد من المستعرضات القديمة بعض الكيانات المسماة بصورة صحيحة.

  1. في النافذة Document، ضع نقطة الإدراج حيثما تريد إدراج حرف خاص.
  2. قم بأحد الإجراءات التالية:
    • حدد اسم الحرف من Insert > HTML > Character.

    • في الفئة HTML من اللوحة Insert، انقر فوق خيار Characters وحدد الحرف من القائمة المنبثقة.

    ملاحظة:

    يتوفر العديد من الأحرف الخاصة. ولتحديد أي منها، حدد Insert > HTML > Character > Other...، أو انقر فوق الزر Characters في الفئة HTML من اللوحة Insert، ثم حدد الخيار Other Characters. حدد حرفًا من مربع الحوار Insert Other Character، وانقر فوق OK.

إضافة مسافة بين الأحرف

تتيح لغة HTML إدراج مسافة واحدة بين الأحرف؛ ولإضافة مسافة إضافية في مستند، يجب إدراج مسافة غير منقسمة. يمكنك تعيين أحد التفضيلات على إضافة مسافة غير منقسمة تلقائيًا في المستند.

إدراج مسافة غير منقسمة

  1. قم بأحد الإجراءات التالية:
    • حدد Insert > ‏HTML > ‏Special Characters > ‏Non-Breaking Space.

    • اضغط على Control + ‏Shift + مفتاح المسافة ‏(في نظام التشغيل Windows) أو Option + مفتاح المسافة ‏(في نظام التشغيل Macintosh).

    • من اللوحة Insert، حدد HTML، ثم انقر فوق زر Characters وحدد خيار Non-Breaking Space option.

تعيين تفضيل لإضافة مسافات غير منقسمة

  1. حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver > Preferences (في نظام التشغيل Macintosh).
  2. في الفئة General، تأكد من تحديد Allow Multiple Consecutive Spaces.

إضافة مسافات بين الفقرات

يعمل Dreamweaver بنفس الطريقة المتبعة مع العديد من تطبيقات معالجة الكلمات: اضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh) لإنشاء فقرة جديدة. وتقوم مستعرضات الويب تلقائيًا بإدراج سطر فارغ بين الفقرتين. ويمكنك إضافة سطر فارغ واحد بين الفقرتين عن طريق إدراج فاصل أسطر.

إضافة علامة رجوع إلى أول السطر بين الفقرات

  1. اضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh).

إضافة فاصل أسطر

  1. قم بأحد الإجراءات التالية:
    • اضغط Shift+Enter (في نظام التشغيل Windows) أو Shift+Return (في نظام التشغيل Macintosh).

    • حدد Insert > ‏HTML > ‏Special Characters > ‏Line Break.

    • من اللوحة Insert، حدد HTML، ثم انقر فوق الزر Characters وحدد Line Break.

إنشاء قوائم ذات تعداد نقطي ورقمي

يمكنك إنشاء قوائم ذات تعداد رقمي (مرتّبة) وتعداد نقطي (غير مرتّبة) وقوائم تعريفات من النص الموجود أو من نصوص جديدة أثناء كتابتك في النافذة Document.

لا تستخدم قوائم التعريفات أحرف سابقة مثل الرموز النقطية أو الأرقام، ويتم استخدامها غالبًا في المسارد أو الأوصاف. كما يمكن عمل تداخل للقوائم. والقوائم المتداخلة هي عبارة عن قوائم تحتوي على قوائم أخرى. على سبيل المثال، قد تريد تداخل قائمة مرتّبة أو ذات تعداد نقطي في قائمة مرتّبة أو ذات تعداد نقطي أخرى.

استخدم مربع الحوار List Properties لتعيين مظهر القائمة بالكامل أو عنصر قائمة واحد. كما يمكنك تعيين نمط الأرقام أو إعادة تعيين الترقيم أو تعيين خيارات نمط الرموز النقطية لعناصر فردية من القائمة أو للقائمة بالكامل.

إنشاء قائمة جديدة

  1. في مستند Dreamweaver، ضع نقطة الإدراج حيثما تريد إضافة قائمة، ثم قم بأحد الإجراءات التالية:
    • في عارض خصائص HTML، انقر فوق Ordered List أو List Item.

    • حدد Insert > HTMl > وحدد نوع القائمة المرغوبة - Unordered List (القائمة النقطية)، Ordered List (القائمة النقطية).

      يظهر الحرف البادئ لعنصر القائمة المحدد في النافذة Document.

  2. اكتب نص عنصر القائمة، ثم اضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh) لإنشاء عنصر قائمة آخر.
  3. لإكمال القائمة، اضغط على Enter مرتين (في نظام التشغيل Windows) أو اضغط على Return مرتين (في نظام التشغيل Macintosh).

إنشاء قائمة باستخدام نص موجود

  1. حدد سلسلة من الفقرات لإدراجها في قائمة.
  2. حدد Insert > HTML > Unordered List أو Ordered List أو List Item.

إنشاء قائمة متداخلة

  1. حدد عناصر القائمة التي تريد تداخلها.

  2. انقر بزر الماوس الأيمن وحدد List > Indent.

    يضع Dreamweaver مسافة بادئة قبل النص مع إنشاء قائمة منفصلة لها نفس سمات HTML للقائمة الأصلية.

  3. قم بتطبيق نوع قائمة أو نمط قائمة جديد للنص ذي المسافة البادئة عن طريق اتباع نفس الإجراء المستخدم أعلاه.

تعيين خصائص القائمة لقائمة كاملة

  1. في النافذة Document، أنشئ عنصر قائمة واحدًا على الأقل. سيتم تطبيق النمط الجديد تلقائيًا على العناصر الإضافية التي أضفتها إلى القائمة.
  2. من خلال نقطة الإدراج في نص عنصر القائمة، انقر بزر الماوس الأيمن وحدد List > Properties. يعرض النظام مربع حوار List Properties.

  3. قم بتعيين الخيارات التي تريدها لتعريف القائمة:

    List Type

    يحدد خصائص القائمة، بينما يحدد List Item عنصرًا واحدًا داخل قائمة. استخدم القائمة المنبثقة لتحديد قائمة ذات تعداد نقطي أو رقمي أو دليل أو قائمة. وعلى حسب نوع القائمة الذي حددته، تظهر خيارات مختلفة في مربع الحوار.

    Style

    يحدد نمط الأرقام أو الرموز النقطية المستخدمة في قائمة ذات تعداد نقطي أو رقمي. وسينطبق هذا النمط على كافة العناصر في القائمة ما لم تحدد نمطًا جديدًا للعناصر داخل القائمة.

    Start Count

    يعيّن قيمة العنصر الأول في قائمة ذات تعداد رقمي.

  4. انقر فوق OK لتعيين الخيارات.

تعيين خصائص القائمة لعنصر قائمة

  1. في النافذة Document، ضع نقطة الإدراج في نص عنصر القائمة الذي تريد تطبيق الخيار عليه.
  2. انقر بزر الماوس الأيمن وحدد List > Properties.

  3. ضمن List Item، قم بتعيين الخيارات التي تريد تعريفها:

    New Style

    يحدد نمط عنصر القائمة المحدد. ترتبط الأنماط الموجودة في القائمة New Style بنوع القائمة المعروضة في القائمة List Type. على سبيل المثال، إذا عرضت القائمة List Item الخيار Bulleted List، تتوفر عندئذ خيارات الرموز النقطية فقط في القائمة New Style.

    Reset Count To

    يقوم بتعيين رقم محدد يبدأ منه ترقيم إدخالات عناصر القائمة.

  4. انقر فوق OK لتعيين الخيارات.

البحث عن نص واستبداله

ولمزيد من المعلومات حول البحث عن النص واستبداله، راجع البحث عن النص واستبداله.

تعريف الاختصارات والتسميات المختصرة

توفر لغة HTML علامات تتيح لك تعريف الاختصارات والتسميات المختصرة التي تستخدمها في صفحتك مع محركات البحث أو المدققات الإملائية أو برامج ترجمة اللغات أو مُصدرات الأصوات الرقمية. على سبيل المثال، قد تريد تحديد أن الاختصار ME في صفحتك يشير إلى مهندس الميكانيكا، أو التسمية المختصرة WHO تشير إلى منظمة الصحة العالمية.

  1. حدد الاختصار أو التسمية المختصرة في نص الصفحة.
  2. حدد Insert > ‏HTML > ‏Text Objects > ‏Abbreviation، أو Insert > ‏HTML > ‏Text Objects > ‏Acronym.
  3. أدخل النص الكامل للتسمية المختصرة أو الاختصار.
  4. أدخل اللغة، مثل en للإنجليزية أو de للألمانية أو it للإيطالية.

تعيين تفضيلات النسخ واللصق

يمكنك تعيين تفضيلات لصق خاصة كخيارات افتراضية عند استخدام Edit > ‏Paste للصق نص من تطبيقات أخرى. على سبيل المثال، إذا أردت دائمًا لصق نص كنص فقط أو نص مع التنسيق الأساسي، يمكنك تعيين الخيار الافتراضي في مربع الحوار Copy/Paste Preferences.

ملاحظة:

عندما تقوم بلصق نص في مستند Dreamweaver، يمكنك استخدام الأمر Paste أو Paste Special. يتيح لك الأمر Paste Special تحديد تنسيق النص الملصق بعدة طرق. على سبيل المثال، إذا أردت لصق نص من مستند Microsoft Word منسّق إلى مستند Dreamweaver، ولكنك تريد تجريد كل التنسيق حتى تقوم بتطبيق ورقة أنماط CSS الخاصة بك على النص الملصق، يمكنك تحديد النص في Word ونسخه إلى الحافظة ثم استخدام الأمر Paste Special لتحديد الخيار الذي يتيح لك لصق النص فقط.

ملاحظة:

تنطبق التفضيلات المعيَّنة في مربع الحوار Copy/Paste Preferences على المادة الملصقة في طريقة العرض Design فقط.

  1. حدد Edit > Preferences ‏(في نظام التشغيل Windows) أو Dreamweaver Preferences (في نظام التشغيل Macintosh).
  2. انقر فوق الفئة Copy/Paste.
  3. قم بتعيين الخيارات التالية ثم انقر فوق OK.

    Text Only

    يتيح لك لصق النص غير المنسَّق. إذا كان النص الأصلي منسقًا، فستتم إزالة كل التنسيق، بما في ذلك فواصل الأسطر والفقرات.

    Text With Structure

    يتيح لك لصق النص الذي يحتفظ بالبنية، ولكنه لا يحتفظ بالتنسيق الأساسي. على سبيل المثال، يمكنك لصق النص والاحتفاظ ببنية الفقرات والقوائم والجداول دون الاحتفاظ بتنسيق الخط الغامق والمائل والتنسيقات الأخرى.

    Text With Structure Plus Basic Formatting

    يتيح لك لصق النص بتنسيق HTML الهيكلي والبسيط (مثل الفقرات والجداول، إضافة إلى النص المنسَّق بالعلامة b أو i أو u أو strong أو em أو hr أو abbr أو acronym).

    Text With Structure Plus Full Formatting

    يتيح لك لصق النص الذي يحتفظ بكل البنية وتنسيق HTML وأنماط CSS.

    ملاحظة:

    لا يمكن أن يحتفظ الخيار Full Formatting بأنماط CSS الواردة من ورقة أنماط خارجية، كما لا يمكنه الاحتفاظ بالأنماط إذا كان التطبيق الذي تقوم باللصق منه لا يحتفظ بالأنماط عند لصقه إلى الحافظة.

    Retain Line Breaks

    يتيح لك الاحتفاظ بفواصل الأسطر في النص الملصق. ويتم تعطيل هذا الخيار إذا قمت بتحديد Text Only.

    Clean Up Word Paragraph Spacing

    قم بتحديد هذا الخيار إذا اخترت Text With Structure أو Text With Structure Plus Basic Formatting، وتريد إزالة المسافة الزائدة بين الفقرات عند لصق النص.

    تحويل الاقتباسات الذكية لاقتباسات مباشرة يقوم بتحويل الاقتباسات الذكية لاقتباسات مباشرة.

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

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