قم بإضافة نص إلى المستند بالقيام بأحد الإجراءات التالية:
تاريخ آخر تحديث
4 مارس 2022
- دليل مستخدم Dreamweaver
- مقدمة
- Dreamweaver وCreative Cloud
- مساحات عمل Dreamweaver وطرق عرضه
- إعداد المواقع
- حول مواقع Dreamweaver
- إعداد إصدار محلي من موقعك
- الاتصال بخادم نشر
- إعداد خادم اختبار
- استيراد إعدادات موقع Dreamweaver وتصديرها
- إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
- ميزات الوصول في Dreamweaver
- الإعدادات المتقدمة
- تعيين تفضيلات الموقع لنقل الملفات
- تحديد إعدادات خادم الوكيل في Dreamweaver
- مزامنة إعدادات Dreamweaver مع Creative Cloud
- استخدام Git في Dreamweaver
- إدارة الملفات
- التخطيط والتصميم
- CSS
- فهم أوراق الأنماط المتتالية
- تخطيط الصفحات باستخدام CSS Designer
- استخدام معالجات CSS الأولية في Dreamweaver
- كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
- نقل قواعد CSS في Dreamweaver
- تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
- استخدام علامات div
- تطبيق تدرجات على الخلفية
- إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
- تنسيق التعليمات البرمجية
- محتويات الصفحة وأصولها
- تعيين خصائص الصفحة
- تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
- استخدام النص
- البحث عن النص والعلامات والسمات واستبدالها
- لوحة DOM
- التحرير في Live View
- ترميز المستندات في Dreamweaver
- تحديد العناصر وعرضها في النافذة Document
- تعيين خصائص النص في عارض الخصائص
- إجراء التدقيق الإملائي لصفحة ويب
- استخدام القواعد الأفقية في Dreamweaver
- إضافة مجموعات الخطوط وتعديلها في Dreamweaver
- استخدام الأصول
- إدراج التواريخ وتحديثها في Dreamweaver
- إنشاء الأصول المفضلة وإدارتها في Dreamweaver
- إدراج الصور وتحريرها في Dreamweaver
- إضافة كائنات وسائط
- إضافة مقاطع الفيديو في Dreamweaver
- إدراج فيديو HTML5
- إدراج ملفات SWF
- إضافة تأثيرات صوتية
- إدراج صوت HTML5 في Dreamweaver
- العمل باستخدام عناصر المكتبة
- استخدام النصوص العربية والعبرية في Dreamweaver
- الربط والتنقل
- عناصر واجهة jQuery وتأثيراتها
- كتابة التعليمات البرمجية لمواقع الويب
- حول كتابة التعليمات البرمجية في Dreamweaver
- بيئة كتابة التعليمات البرمجية في Dreamweaver
- تعيين تفضيلات التعليمات البرمجية
- تخصيص ألوان التعليمات البرمجية
- كتابة تعليمة برمجية وتحريرها
- تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
- طي التعليمات البرمجية وتوسيعها
- إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
- فحص التعليمات البرمجية
- تحسين التعليمة البرمجية
- تحرير التعليمة البرمجية في طريقة العرض Design
- العمل باستخدام محتوى العنوان للصفحات
- إدراج تضمينات على جانب الخادم في Dreamweaver
- استخدام مكتبات العلامات في Dreamweaver
- استيراد علامات مخصصة إلى Dreamweaver
- استخدام سلوكيات JavaScript (إرشادات عامة)
- تطبيق سلوكيات JavaScript المضمنة
- نبذة عن لغتي XML وXSLT
- تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
- تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
- إضافة كيانات أحرف لـ XSLT في Dreamweaver
- تنسيق التعليمات البرمجية
- عمليات سير العمل على مستوى المنتجات
- تثبيت الملحقات واستخدامها في Dreamweaver
- التحديثات من داخل التطبيق في Dreamweaver
- إدراج مستندات Microsoft Office في Dreamweaver (Windows فقط)
- استخدام Fireworks وDreamweaver
- تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
- تكامل Dreamweaver مع تطبيق Business Catalyst
- إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
- القوالب
- حول قوالب Dreamweaver
- التعرف على القوالب والمستندات القائمة على القوالب
- إنشاء قالب Dreamweaver
- إنشاء مناطق قابلة للتحرير في القوالب
- إنشاء مناطق وجداول التكرار في Dreamweaver
- استخدام المناطق الاختيارية في القوالب
- تحديد سمات العلامات القابلة للتحرير في Dreamweaver
- كيفية إنشاء قوالب متداخلة في Dreamweaver
- تحرير القوالب وتحديثها وحذفها
- تصدير محتوى xml واستيراده في Dreamweaver
- تطبيق أو إزالة قالب من مستند موجود
- تحرير المحتوى في قوالب Dreamweaver
- قواعد بناء الجملة لعلامات القوالب في Dreamweaver
- تعيين تفضيلات التمييز لمناطق القالب
- فوائد استخدام القوالب في Dreamweaver
- شاشات الهاتف المحمول والشاشات المتعددة
- المواقع والصفحات ونماذج الويب الديناميكية
- فهم تطبيقات الويب
- إعداد الكمبيوتر لتطوير التطبيقات
- استكشاف أخطاء اتصالات قاعدة البيانات وحلها
- إزالة برامج الاتصال النصية في Dreamweaver
- تصميم صفحات ديناميكية
- نظرة عامة على مصادر المحتوى الديناميكي
- تعريف مصادر المحتوى الديناميكي
- إضافة محتوى ديناميكي إلى الصفحات
- تغيير المحتوى الديناميكي في Dreamweaver
- عرض سجلات قاعدة البيانات
- توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
- إضافة سلوكيات خادم مخصصة في Dreamweaver
- إنشاء النماذج باستخدام Dreamweaver
- استخدام النماذج لجمع معلومات من المستخدمين
- إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
- إنشاء نماذج الويب
- دعم HTML5 محسّن لعناصر النماذج
- تطوير نموذج باستخدام Dreamweaver
- إنشاء التطبيقات مرئيًا
- إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
- إنشاء صفحات البحث والنتائج
- إنشاء صفحة إدراج سجل
- إنشاء صفحة تحديث سجل في Dreamweaver
- إنشاء صفحات حذف سجل في Dreamweaver
- استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
- إنشاء صفحة تسجيل
- إنشاء صفحة تسجيل دخول
- إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
- تأمين المجلدات في Coldfusion باستخدام Dreamweaver
- استخدام مكونات ColdFusion في Dreamweaver
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
تعرف على كيفية إضافة النص وتنسيقه في طريقة العرض 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.
-
- قم باستخلاص النص من تراكيب 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 على أنها تعليمة برمجية. وفي هذه الحالة، استخدم &gt; لعلامة الأكبر من (>) و&lt; لعلامة الأصغر من (<).
لسوء الحظ، قد لا يعرض العديد من المستعرضات القديمة بعض الكيانات المسماة بصورة صحيحة.
-
في النافذة Document، ضع نقطة الإدراج حيثما تريد إدراج حرف خاص.
-
قم بأحد الإجراءات التالية:
حدد اسم الحرف من Insert > HTML > Character.
في الفئة HTML من اللوحة Insert، انقر فوق خيار Characters وحدد الحرف من القائمة المنبثقة.
ملاحظة:يتوفر العديد من الأحرف الخاصة. ولتحديد أي منها، حدد Insert > HTML > Character > Other...، أو انقر فوق الزر Characters في الفئة HTML من اللوحة Insert، ثم حدد الخيار Other Characters. حدد حرفًا من مربع الحوار Insert Other Character، وانقر فوق OK.
إضافة مسافة بين الأحرف
تتيح لغة HTML إدراج مسافة واحدة بين الأحرف؛ ولإضافة مسافة إضافية في مستند، يجب إدراج مسافة غير منقسمة. يمكنك تعيين أحد التفضيلات على إضافة مسافة غير منقسمة تلقائيًا في المستند.
إدراج مسافة غير منقسمة
-
قم بأحد الإجراءات التالية:
حدد Insert > HTML > Special Characters > Non-Breaking Space.
اضغط على Control + Shift + مفتاح المسافة (في نظام التشغيل Windows) أو Option + مفتاح المسافة (في نظام التشغيل Macintosh).
من اللوحة Insert، حدد HTML، ثم انقر فوق زر Characters وحدد خيار Non-Breaking Space option.
تعيين تفضيل لإضافة مسافات غير منقسمة
-
حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver > Preferences (في نظام التشغيل Macintosh).
-
في الفئة General، تأكد من تحديد Allow Multiple Consecutive Spaces.
إضافة مسافات بين الفقرات
يعمل Dreamweaver بنفس الطريقة المتبعة مع العديد من تطبيقات معالجة الكلمات: اضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh) لإنشاء فقرة جديدة. وتقوم مستعرضات الويب تلقائيًا بإدراج سطر فارغ بين الفقرتين. ويمكنك إضافة سطر فارغ واحد بين الفقرتين عن طريق إدراج فاصل أسطر.
إضافة علامة رجوع إلى أول السطر بين الفقرات
-
اضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh).
إضافة فاصل أسطر
-
قم بأحد الإجراءات التالية:
اضغط Shift+Enter (في نظام التشغيل Windows) أو Shift+Return (في نظام التشغيل Macintosh).
حدد Insert > HTML > Special Characters > Line Break.
من اللوحة Insert، حدد HTML، ثم انقر فوق الزر Characters وحدد Line Break.
إنشاء قوائم ذات تعداد نقطي ورقمي
يمكنك إنشاء قوائم ذات تعداد رقمي (مرتّبة) وتعداد نقطي (غير مرتّبة) وقوائم تعريفات من النص الموجود أو من نصوص جديدة أثناء كتابتك في النافذة Document.
لا تستخدم قوائم التعريفات أحرف سابقة مثل الرموز النقطية أو الأرقام، ويتم استخدامها غالبًا في المسارد أو الأوصاف. كما يمكن عمل تداخل للقوائم. والقوائم المتداخلة هي عبارة عن قوائم تحتوي على قوائم أخرى. على سبيل المثال، قد تريد تداخل قائمة مرتّبة أو ذات تعداد نقطي في قائمة مرتّبة أو ذات تعداد نقطي أخرى.
استخدم مربع الحوار List Properties لتعيين مظهر القائمة بالكامل أو عنصر قائمة واحد. كما يمكنك تعيين نمط الأرقام أو إعادة تعيين الترقيم أو تعيين خيارات نمط الرموز النقطية لعناصر فردية من القائمة أو للقائمة بالكامل.
إنشاء قائمة جديدة
-
في مستند Dreamweaver، ضع نقطة الإدراج حيثما تريد إضافة قائمة، ثم قم بأحد الإجراءات التالية:
في عارض خصائص HTML، انقر فوق Ordered List أو List Item.
حدد Insert > HTMl > وحدد نوع القائمة المرغوبة - Unordered List (القائمة النقطية)، Ordered List (القائمة النقطية).
يظهر الحرف البادئ لعنصر القائمة المحدد في النافذة Document.
-
اكتب نص عنصر القائمة، ثم اضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh) لإنشاء عنصر قائمة آخر.
-
لإكمال القائمة، اضغط على Enter مرتين (في نظام التشغيل Windows) أو اضغط على Return مرتين (في نظام التشغيل Macintosh).
إنشاء قائمة باستخدام نص موجود
-
حدد سلسلة من الفقرات لإدراجها في قائمة.
-
حدد Insert > HTML > Unordered List أو Ordered List أو List Item.
إنشاء قائمة متداخلة
-
حدد عناصر القائمة التي تريد تداخلها.
-
انقر بزر الماوس الأيمن وحدد List > Indent.
يضع Dreamweaver مسافة بادئة قبل النص مع إنشاء قائمة منفصلة لها نفس سمات HTML للقائمة الأصلية.
-
قم بتطبيق نوع قائمة أو نمط قائمة جديد للنص ذي المسافة البادئة عن طريق اتباع نفس الإجراء المستخدم أعلاه.
تعيين خصائص القائمة لقائمة كاملة
-
في النافذة Document، أنشئ عنصر قائمة واحدًا على الأقل. سيتم تطبيق النمط الجديد تلقائيًا على العناصر الإضافية التي أضفتها إلى القائمة.
-
من خلال نقطة الإدراج في نص عنصر القائمة، انقر بزر الماوس الأيمن وحدد List > Properties. يعرض النظام مربع حوار List Properties.
-
قم بتعيين الخيارات التي تريدها لتعريف القائمة:
List Type
يحدد خصائص القائمة، بينما يحدد List Item عنصرًا واحدًا داخل قائمة. استخدم القائمة المنبثقة لتحديد قائمة ذات تعداد نقطي أو رقمي أو دليل أو قائمة. وعلى حسب نوع القائمة الذي حددته، تظهر خيارات مختلفة في مربع الحوار.
Style
يحدد نمط الأرقام أو الرموز النقطية المستخدمة في قائمة ذات تعداد نقطي أو رقمي. وسينطبق هذا النمط على كافة العناصر في القائمة ما لم تحدد نمطًا جديدًا للعناصر داخل القائمة.
Start Count
يعيّن قيمة العنصر الأول في قائمة ذات تعداد رقمي.
-
انقر فوق OK لتعيين الخيارات.
تعيين خصائص القائمة لعنصر قائمة
-
في النافذة Document، ضع نقطة الإدراج في نص عنصر القائمة الذي تريد تطبيق الخيار عليه.
-
انقر بزر الماوس الأيمن وحدد List > Properties.
-
ضمن List Item، قم بتعيين الخيارات التي تريد تعريفها:
New Style
يحدد نمط عنصر القائمة المحدد. ترتبط الأنماط الموجودة في القائمة New Style بنوع القائمة المعروضة في القائمة List Type. على سبيل المثال، إذا عرضت القائمة List Item الخيار Bulleted List، تتوفر عندئذ خيارات الرموز النقطية فقط في القائمة New Style.
Reset Count To
يقوم بتعيين رقم محدد يبدأ منه ترقيم إدخالات عناصر القائمة.
-
انقر فوق OK لتعيين الخيارات.
البحث عن نص واستبداله
ولمزيد من المعلومات حول البحث عن النص واستبداله، راجع البحث عن النص واستبداله.
تعريف الاختصارات والتسميات المختصرة
توفر لغة HTML علامات تتيح لك تعريف الاختصارات والتسميات المختصرة التي تستخدمها في صفحتك مع محركات البحث أو المدققات الإملائية أو برامج ترجمة اللغات أو مُصدرات الأصوات الرقمية. على سبيل المثال، قد تريد تحديد أن الاختصار ME في صفحتك يشير إلى مهندس الميكانيكا، أو التسمية المختصرة WHO تشير إلى منظمة الصحة العالمية.
-
حدد الاختصار أو التسمية المختصرة في نص الصفحة.
-
حدد Insert > HTML > Text Objects > Abbreviation، أو Insert > HTML > Text Objects > Acronym.
-
أدخل النص الكامل للتسمية المختصرة أو الاختصار.
-
أدخل اللغة، مثل 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 فقط.
-
حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver Preferences (في نظام التشغيل Macintosh).
-
انقر فوق الفئة Copy/Paste.
-
قم بتعيين الخيارات التالية ثم انقر فوق 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، وتريد إزالة المسافة الزائدة بين الفقرات عند لصق النص.
تحويل الاقتباسات الذكية لاقتباسات مباشرة يقوم بتحويل الاقتباسات الذكية لاقتباسات مباشرة.
