تحميل ادوبي دريم ويفر 2018 كامل مع كراك التفعيل – Adobe Dreamweaver CC 2018

نبذه عامه عن البرنامج و المجال الذي يتناوله البرنامج
سير عمل رفيع المستوى يحدد تصميم مواقع الويب وتطويرها باستخدام Dreamweaver
تساعد هذه المقالة في فهم كيفية إكمال العديد من المراحل أو الخطوات في تطوير الويب باستخدام Dreamweaver.
ملاحظة:
تفترض هذه المقالة أنك مبتدئ أو متوسط المستوى لفهم نطاق الويب، ولغة HTML وCSS وJavaScript.

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

أي موفر خدمة ينبغي عليّ اختياره لاستضافة موقع الويب؟ هل لديّ وصول لتحميل الملفات إلى خادم النشر؟
ما اسم النطاق المستخدم لموقع الويب؟
في حالة ترحيل المواقع الحالية إلى Dreamweaver، ما الملفات والأصول المخزنة حاليًا؟ هل لديّ وصول للخادم حيث يتم تخزين هذه المعلومات؟
في حالة الحاجة إلى موقع ويب ديناميكي، أي خادم يمكنني استخدامه لاختبار ما إذا كانت البيانات التي يتم استخدامها معروضة بشكل ديناميكي؟ هل أحصل على تفاصيل خادم تطبيق الويب التي أريد استخدامها لتحميل الملفات الديناميكية؟
ما نوع الأصول المطلوبة لموقع الويب؟
هل سيتم تصميم هذه الأصول من البداية؟ في حالة توفر الأصول بالفعل، هل لديّ وصول إليها؟
ما التطبيقات التي أحتاج إلى استخدامها لتصميم الأصول؟
هل أنا أخطط لإنشاء موقع ويب تفاعلي؟
على فرض أنك تفهم بوضوح مواقع الويب التي تريد تطويرها وطريقة ومكان تخزينها، واخترت Dreamweaver وCreative Cloud لعملية تطوير الويب، فعليك بمتابعة العمل إلى الخطوة التالية.

تحقق أن لديك جميع الأصول المطلوبة لموقع الويب الخاص بك. واجمعها وقم بتنظيمها معًا في مجلداتك المحلية أو في مكتبات Creative Cloud الخاصة بـ Adobe.

إنشاء مستند جديد في Dreamweaver باستخدام:

مستند فارغ جديد،
قوالب البدء الموضوعة في حزم مع Dreamweaver، أو
ملفات القالب (*.dwt) التي تم إنشاؤها بواسطة شخص آخر
ملاحظة:

إذا لم تكن على دراية بـ Dreamweaver أو تتعلم تطوير الويب فحسب، تساعد قوالب البادئ بشكل كبير في تمكينك من البدء في تصميم صفحات الويب.

وحتى إذا كنت تخطط للبدء من الصفر، فمن الجيد التعرف قليلاً على هذه الصفحات لفهم عناصر تصميم صفحة الويب الجيدة.

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

قم بإعداد موقعك في Dreamweaver. التعيين بخصوص إنشاء بنية مجلد مع ملفات وأصول. بعد تنظيم المعلومات الخاصة بك وتحديد بنية للموقع، يمكنك البدء في إنشائه. (راجع حول مواقع Dreamweaver.)

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

ابدأ كتابة التعليمات البرمجية لصفحات الويب الخاصة بك في طريقة عرض Code أو تصميمها في طريقة عرض Design / Live.

إذا كنت تنوي استخدام تركيبات Photoshop، يمكنك استخراجها في Dreamweaver والعمل عليها أيضًا. لمزيد من المعلومات حول العمل باستخدام تركيبات Photoshop، راجع الاستخراج في Dreamweaver CC.

يمكنك إضافة عناصر تصميم مثل النصوص، وصور التمرير، ومخططات الصور، والألوان، والأفلام، والصوت، وارتباطات HTML، والجداول، بالإضافة إلى المزيد.

حدد نمط مظهر صفحة الويب الخاصة بك باستخدام CSS.

يمكنك العمل باستخدام CSS بطرق مختلفة في Dreamweaver:

يمكنك تقديم التعليمات البرمجية إلى CSS. للحصول على معلومات حول ميزات كتابة التعليمات البرمجية في Dreamweaver’s التي تساعدك في كتابة تعليمات CSS البرمجية الخاصة بك، راجع بيئة كتابة التعليمات البرمجية في Dreamweaver.
إذا لم تكن على دراية كبيرة بإنشاء صفحات CSS، فيمكنك استخدام لوحة CSS Designer للمساعدة في إنشاء CSS الخاص بك. لمزيد من المعلومات، راجع تخطيط الصفحات باستخدام CSS Designer.
إذا كنت تفضل العمل من خلال ملفات Sass وLess، فإن Dreamweaver يدعم هذا الخيار أيضًا، مما يتيح لك جلب ملفات Sass وLess في موقع Dreamweaver الخاص بك والعمل باستخدامها. ثم يقوم Dreamweaver بتحويلها برمجيًا تلقائيًا (أو يمكنك اختيار تحويلها برمجيًا يدويًا) ومشاهدة نتائج تغييرات CSS في الوقت الحقيقي. للحصول على معلومات حول استخدام ملفات Sass وLess مع Dreamweaver، راجع معالجات CSS الأولية.
إعداد تطبيق ويب لإنشاء محتوى ديناميكي.

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

إنشاء صفحات ديناميكية.

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

يمكنك تعيين الصفحة الخاصة بك لعرض سجل واحد أو سجلات متعددة في المرة الواحدة، وعرض أكثر من صفحة سجلات، وإضافة ارتباطات خاصة للانتقال من صفحة سجلات إلى الصفحة التالية (والسابقة)، وإنشاء عدّادات سجلات لمساعدة المستخدمين على تعقب السجلات. لمزيد من المعلومات، راجع المواقع الديناميكية و الصفحات ونماذج الويب.

اختبار موقع الويب ومعاينته ونشره.

أثناء إنشاء الصفحات، أنت بحاجة لمعاينتها لمشاهدة مواقع الويب التي تتقدم وفقا للتصميم. يمكنك كتابة التعليمات البرمجية في طريقة العرض Split والحفاظ على طرق عرض Code وLive views جنبا لجنب.

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

وإذا لم تكن بحاجة إلى تجربة معاينة مباشرة، فيمكنك استخدام المعاينة العادية في تجربة المستعرض.

في حالة تحديد الاتصالات بالخوادم البعيدة بالفعل، فلنشر مواقعك، أنت بحاجة لوضعها في الخادم البعيد لجعلها مباشرة.

اختصارات كتابة التعليمات البرمجية

الإجراء
Mac
Windows
التحرير السريع
Command + E
Ctrl + E
مستند سريع
Command + K
Ctrl + K
فتح/إضافة سطر في الأعلى
Command + Shift + Enter
Ctrl + Shift + Enter
إظهار تلميحات المعلمات
Command + Shift + Space
Ctrl + Shift + Space
التحديد متعدد الأعمدة / على شكل مستطيل
Opt + النقر + السحب
Alt + النقر + السحب
تحديد غير متجاور متعدد المؤشرات
Command + النقر
Ctrl + النقر
إظهار تلميحات التعليمات البرمجية
Ctrl + Space
Ctrl + Space
تحديد تابع
Command + ]
Ctrl + ]
ذهاب إلى السطر
Command + ,
Ctrl + G
تحديد العلامة الأصل
Command + [
Ctrl + [
طي التحديد
Command+Shift+C
Ctrl + Shift + C
طي التحديد الخارجي
Command + Opt + C
Ctrl + Alt + C
توسيع التحديد
Command + Shift + E
Ctrl + Shift + E
طي العلامة الكاملة
Command + Shift + J
Ctrl + Shift + J
طي العلامة الكاملة الخارجية
Command + Opt + J
Ctrl + Alt + J
توسيع الكل
Command + Opt + E
Ctrl + Alt + E
تحريك التعليمات البرمجية لمستوى أدنى
Command+Shift + >
Ctrl+Shift + >
تحريك التعليمات البرمجية لمستوى أعلى
Command+Shift + <Ctrl+Shift + < موازنة الأقواس Command + ‘ Ctrl + ‘ متصفح التعليمات البرمجية Command + Opt + N Ctrl + Alt + N حذف الكلمة اليسرى Command + الحذف Ctrl + Backspace حذف الكلمة اليمنى Command + Fn + Delete Ctrl + Delete تحديد سطر لأعلى Shift + Up Shift + Up تحديد سطر لأسفل Shift + Down Shift + Down تحديد حرف على اليسار Shift + اليسار Shift + اليسار تحديد حرف على اليمين Shift + اليمين Shift + اليمين تحديد إلى أعلى الصفحة Shift + Fn + PgUp Shift + PgUp تحديد إلى الصفحة لأسفل Shift + Fn + PgDn Shift + PgDn تحريك كلمة لليسار Opt + اليسار Ctrl + اليسار تحريك كلمة لليمين Opt + اليمين Ctrl + اليمين نقل لبداية سطر حالي Command + اليسار Alt + اليسار نقل لنهاية سطر حالي Command + اليمين Alt + اليمين تبديل تعليقات السطور Command + / Ctrl + / تبديل حظر التعليق (لملفات PHP وJS) Command + Opt + / Ctrl+Shift + / تحديد سطور متكررة Command + D Ctrl + D حذف سطر (سطور) Command + Shift + D Ctrl + Shift + D انتقال للتعريف (ملفات JS) Command + J Ctrl + J تحديد كلمة على اليمين Opt + Shift + اليمين Ctrl + Shift + اليمين تحديد كلمة على اليسار Opt + Shift + اليسار Ctrl + Shift + اليسار تحريك إلى أعلى الملف Command + Fn + اليسار Ctrl + Home تحريك إلى نهاية الملف Command + Fn + اليمين Ctrl + End تحديد لبداية الملف Command + Shift + Fn + اليسار Ctrl + Shift + Home تحديد إلى نهاية الملف Command + Shift + Fn + اليمين Ctrl + Shift + End انتقال إلى التعليمات البرمجية المصدر Command + Opt + ` Ctrl+Alt + ` شاشة كاملة Command + Ctrl + F غير متاح إغلاق النافذة Command + W Ctrl + W إنهاء التطبيق Command + Q Ctrl + Q Quick Tag Editor Command + T Ctrl + T ذهاب إلى الكلمة التالية Command + اليمين Ctrl + اليمين ذهاب إلى الكلمة السابقة Command + اليسار Ctrl + اليسار ذهاب إلى الفقرة السابقة (عرض Design) Command + Up Ctrl + Up ذهاب إلى الفقرة التالية (عرض Design) Command + Down Ctrl + Down تحديد حتى الكلمة التالية Command + Shift + اليمين Ctrl + Shift + اليمين تحديد من الكلمة السابقة Command + Shift + اليسار Ctrl + Shift + اليسار تحديد من الفقرة السابقة Command + Shift + Up Ctrl + Shift + Up تحديد حتى الفقرة التالية Command + Shift + Down Ctrl + Shift + Down تحريك إلى جزء الخصائص التالي Command + Opt + Fn + Down Ctrl + Alt + PgDn تحريك إلى جزء الخصائص السابق Command + Opt + Fn + Up Ctrl + Alt + PgUp جديد في نفس النافذة Command + Shift + N Ctrl + Shift + N خروج من الفقرة Command + Return Ctrl + Return المستند التالي Command + ` Ctrl + Tab المستند السابق Command+Shift + ` Ctrl + Shift + Tab إحاطة بـ # Command+Shift+3 Ctrl+Shift+3 اختصارات لوحة الملفات الإجراء Mac Windows ملف جديد Command + Shift + N Ctrl + Shift + N مجلد جديد Command + Opt + Shift + N Ctrl + Alt + Shift + N اختصارات لوحة المفاتيح للبحث والاستبدال الإجراء Mac Windows Find in Current Document Command + F Ctrl + F Find and Replace in Files Command + Shift + F Ctrl + Shift + F Replace in Current Document Command + Alt + F Ctrl + H بحث عن التالي Command + G F3 بحث عن السابق Command + Shift + G Shift + F3 بحث عن الكل وتحديد Command + Ctrl + G Ctrl + Shift + F3 إضافة المطابقة التالية للتحديد Ctrl + Command + R Ctrl + R تخطي وإضافة المطابقة التالية للتحديد Ctrl + Command + Opt + R Ctrl + Alt + R اختصارات الإدراج الإجراء Mac Windows إدراج صورة Command + Opt + I Ctrl + Alt + I إدراج فيديو HTML5 Command + Opt + Shift + V Ctrl + Alt + Shift + V إدراج تركيبات متحركة Command + Opt + Shift + E Ctrl + Alt + Shift + E إدراج Flash SWF Command + Opt + F Ctrl + Alt + F إدراج فاصل أسطر Shift + Return Shift + Return اختصارات CSS الإجراء Mac Windows إنشاء معالجات CSS أولية F9 F9 إضافة محدد CSS أو خاصية تكون اللوحة فيها في التركيز دائمًا Command + Opt + Shift + = Ctrl + Alt + Shift + = إضافة محدد CSS Command + Opt + S Ctrl + Alt + S إضافة خاصية CSS Command + Opt + P Ctrl + Alt + P الاختصارات للأدلة والشبكات والمساطر (في طريقة عرض Design) الإجراء Mac Windows إظهار الأدلة Command + ; Ctrl + ; تأمين الأدلة Command + Opt + ؛ Ctrl+Alt + ; محاذاة مع الأدلة Command+Shift + ; Ctrl+Shift + ; محاذاة الأدلة مع العناصر Command + Shift + G Ctrl + Shift + G إظهار الشبكة Command + Opt + G Ctrl + Alt + G محاذاة مع الشبكة Command + Opt + Shift + G Ctrl+Alt+Shift+G إظهار المساطر Command + Opt + R Ctrl + Alt + R اختصارات المعاينة الإجراء Mac Windows معاينة في الوقت الحقيقي في المستعرض الرئيسي Opt + F12 F12 معاينة في المستعرض الثانوي Shift + F12 Shift + F12 الاختصارات الخاصة بالعرض الإجراء Mac Windows تجميد JavaScript (طريقة عرض Live) F6 F6 إخفاء شاشات طريقة عرض Live Ctrl + Command + H Ctrl + Alt + H تبديل طرق العرض Ctrl + ` Ctrl + ` فحص (طريقة عرض Live) Opt + Shift + 11 Alt + Shift + F11 إخفاء جميع الوسائل المساعدة المرئية (طريقة عرض Design) Command + Shift + I Ctrl + Shift + I تبديل بين طريقتي عرض Design وLive Command + Shift + F11 Ctrl + Shift + F11 اختصارات Windows الإجراء Mac Windows التفضيلات Command + U Ctrl + U إظهار اللوحات F4 F4 السلوكيات Shift + F4 Shift + F4 فاحص التعليمات البرمجية Opt + F10 F10 CSS Designer Command + F11 Shift + F11 DOM Command + F7 Ctrl + F7 الملفات F8 F8 إدراج Command + F2 Ctrl + F2 الخصائص Command + F3 Ctrl + F3 الإخراج Shift + F6 Shift + F6 بحث F7 F7 أجزاء التعليمات البرمجية غير متاح Shift + F9 تعليمات Dreamweaver على الإنترنت F1 F1 اختصارات النص الإجراء Mac Windows تحريك إلى مستوى أدنى Command + Opt + ] Ctrl+Alt + ] تحريك إلى مستوى أعلى Command + Opt + [ Ctrl+Alt + [ غامق Command + B Ctrl + B مائل Command + I Ctrl + I تدقيق إملائي Shift + F7 Shift + F7 إزالة ارتباط Command + Shift + L Ctrl + Shift + L اختصارات التكبير الإجراء Mac Windows تكبير (طريقة عرض Design وLive) Command + = Ctrl + = تصغير (طريقة عرض Design وLive) Command + – Ctrl + – 100% Command + 0 Ctrl+0 50% Command + Opt + 5 Ctrl+Alt+5 200% Command + Opt + 2 Ctrl+Alt+2 300% Command + Opt + 3 Ctrl+Alt+3 ضبط التحديد Command + Opt + 0 Ctrl+Alt+0 ضبط الكل Command+Shift+0 Ctrl+Shift+0 ضبط العرض Command + Opt + Shift + 0 Ctrl + Alt + Shift + 0 زيادة حجم الخط Command + + Ctrl + + إنقاص حجم الخط Command + – Ctrl + – استعادة حجم الخط Command + 0 Ctrl+0 اختصارات الجدول الإجراء Mac Windows إدراج جدول Command + Opt + T Ctrl + Alt + T دمج الخلايا Command + Opt + M Ctrl + Alt + M تقسيم خلية Command + Opt + Shift + T Ctrl+Alt+Shift+T إدراج صف Command + M Ctrl + M إدراج عمود Command + Shift + A Ctrl + Shift + A حذف صف Command + Shift + M Ctrl + Shift + M حذف عمود Command+Shift + – Ctrl+Shift + – زيادة اتساع العمود Command+Shift + ] Ctrl+Shift + ] إنقاص اتساع العمود Command+Shift + [ Ctrl+Shift + [ اختصارات إدارة الموقع الإجراء Mac Windows حصول على ملف Opt + Command + D Ctrl + Alt + D سحب ملف Opt + Shift + Command + D Ctrl + Alt + Shift + D وضع ملف Shift + Command + U Ctrl + Shift + U إيداع ملف Opt + Shift + Command + U Ctrl + Alt + Shift + U Check Links Sitewide Command + F8 Ctrl + F8 إظهار عناوين الصفحات Command + Shift + T Ctrl + Shift + T إنشاء ورقة مرجعية لمجموعة الاختصارات الحاليةالورقة المرجعية هي عبارة عن سجل لمجموعة الاختصارات الحالية. يتم تخزين المعلومات في تنسيق جدول HTML. يمكنك عرض الورقة المرجعية في مستعرض ويب أو طباعتها.حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).

انقر فوق الزر Export Set As HTML، والذي يعد الزر الثالث في المجموعة المكونة من أربعة أزرار بأعلى مربع الحوار.

في مربع الحوار Save الذي يظهر، أدخل اسم الورقة المرجعية، ثم حدد الموقع المناسب لحفظ الملف.

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

استخدم Keyboard Shortcut Editor لإنشاء اختصارات لوحة المفاتيح الخاصة بك، بما في ذلك اختصارات لوحة المفاتيح لأجزاء التعليمات البرمجية. يمكنك كذلك إزالة اختصارات، وتحرير الاختصارات الموجودة، وتحديد مجموعة محددة مسبقًا من الاختصارات في Keyboard Shortcut Editor.

إنشاء اختصار لوحة المفاتيح

يمكنك إنشاء اختصارات لوحة المفاتيح الخاصة بك، أو تحرير الاختصارات الموجودة، أو تحديد مجموعة محددة مسبقًا من الاختصارات.

حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).

قم بتعيين أي من الخيارات التالية، ثم انقر فوق OK:

Current Set

يتيح لك اختيار مجموعة من الاختصارات المحددة مسبقًا المضمنة ببرنامج Dreamweaver، أو أي مجموعة مخصصة قمت بتعريفها. يتم سرد المجموعات المحددة مسبقًا بأعلى القائمة. على سبيل المثال، إذا كنت على دراية بالاختصارات الموجودة في HomeSite أو BBEdit، يمكنك استخدام هذه الاختصارات عبر اختيار المجموعة المحددة مسبقًا المناظرة.

Commands

يتيح لك تحديد فئة من الأوامر لتحريرها. على سبيل المثال، يمكنك تحرير أوامر القوائم، مثل الأمر Open، أو أوامر تحرير التعليمات البرمجية، مثل Balance Braces.

ملاحظة:

لإضافة اختصار لوحة مفاتيح أو تحريره لجزء تعليمات برمجية متكرر، حدد Snippet من القائمة المنبثقة Commands.

The command list

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

Shortcuts

يعرض جميع الاختصارات التي تم تعيينها للأمر المحدد.

Add Item (+)

يقوم بإضافة اختصار إلى الأمر الحالي. انقر فوق هذا الزر لإضافة سطر فارغ إلى الاختصارات. أدخل مجموعة مفاتيح جديدة ثم انقر فوق Change لإضافة اختصار لوحة مفاتيح لهذا الأمر. يمكنك تعيين اختصاري لوحة مفاتيح مختلفين لكل أمر؛ وفي حالة وجود اختصارين تم تعيينهما بالفعل لأمر معين، لا يقوم الزر Add Item بتنفيذ أي إجراء.

Remove Item (-)

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

Press Key

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

Change

يقوم بإضافة مجموعة المفاتيح المعروضة في Press Key إلى قوائم الاختصارات، أو تغيير الاختصار المحدد إلى مجموعة المفاتيح المحددة.

Duplicate Set

يقوم بتكرار المجموعة الحالية. امنح اسمًا للمجموعة الجديدة؛ يتكون الاسم الافتراضي من اسم المجموعة الحالية مع إلحاق الكلمة copyبه.

Rename Set

يقوم بإعادة تسمية المجموعة الحالية.

Export as HTML File

يقوم بحفظ المجموعة الحالية بتنسيق جدول HTML لسهولة عرضها وطباعتها. يمكنك فتح ملف HTML في المستعرض لديك وطباعة الاختصارات للرجوع إليها بسهولة.

Delete Set

يقوم بحذف مجموعة. (لا يمكنك حذف المجموعة النشطة.)

إزالة اختصار من أمر

حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).

حدد فئة أوامر من القائمة المنبثقة Commands.

في القائمة Commands، حدد أمرًا، ثم حدد اختصارًا.

انقر فوق الزر Remove Item (-).

إضافة اختصار إلى أمر

حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).

حدد فئة أوامر من القائمة المنبثقة Commands.

حدد أمرًا من القائمة Commands.

ملاحظة:

لإضافة اختصار لوحة مفاتيح لجزء تعليمات برمجية متكرر، حدد Snippet من القائمة المنبثقة Commands.

تظهر الاختصارات التي تم تعيينها للأمر في Shortcuts.

استعد لإضافة اختصار عبر القيام بأحد الإجراءات التالية:

في حالة تعيين أقل من اختصارين بالفعل للأمر، انقر فوق الزر Add Item (+). يظهر سطر فارغ جديد في Shortcuts وتنتقل نقطة الإدراج إلى Press Key.

في حالة تعيين اختصارين بالفعل للأمر، حدد أحدهما (ليتم استبداله بالاختصار الجديد). ثم انقر داخل Press Key.

اضغط على مجموعة مفاتيح. تظهر مجموعة المفاتيح في Press Key.

ملاحظة:

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

انقر فوق Change. يتم تعيين مجموعة المفاتيح الجديدة للأمر.

تحرير اختصار موجود

حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).

حدد فئة أوامر من القائمة المنبثقة Commands.

في القائمة Commands، حدد أمرًا، ثم حدد اختصارًا لتغييره.

انقر داخل Press Key ثم أدخل مجموعة مفاتيح جديدة.

لتغيير الاختصار انقر فوق زر Change

الإصدار Adobe Dreamweaver  CC 2018

يدعم Dreamweaver  CC 2018 الميزات الجديدة والتحسينات التالية:

دعم Git لإدارة الملفات في Dreamweaver
نسق التعليمات البرمجية الجديدة
التجربة الواقعية المحسّنة للمستخدمين الجدد
تابع القراءة لمعرفة المزيد حول هذه الميزات والتحسينات.

دعم Git في Dreamweaver

يقوم إصدار Dreamweaver  CC 2018 بدعم Git، وهو نظام تحكم في الإصدار مفتوح المصدر. ومن خلال دعم Git الجديد، يمكنك الآن بسهولة إدارة ملفاتك شاملة التعليمات البرمجية المصدر من Dreamweaver.

يتيح Dreamweaver  CC 2018 لك تنفيذ عمليات Git الشائعة من داخل Dreamweaver بدون الحاجة إلى أدوات خاصة بجهات خارجية. تتيح لوحة Git الجديدة (Windows > Git) لك تنفيذ العديد من عمليات Git شاملة Commit وPush وPull وFetch.

ويمكنك أيضًا استخدام Git كأداة للتعاون من خلال إنشاء الفروع والمستودعات البعيدة وتحسينها. تتيح لوحة Git في Dreamweaver لك عرض الاختلافات بين الإصدارات من الملف، وعرض محفوظات الملف والمستودع.

تدعم اللوحة Files في Dreamweaver الآن طريقة عرض Git جديدة أيضًا. فقط قم بالتبديل إلى طريقة عرض Git لعرض وإدارة الملفات التي تم تنفيذها والملفات المؤقتة والمعدلة وغير المتعقبة المقترنة بموقعك.

ولمعرفة المزيد حول استخدام Git للتحكم في الإصدارات والتعاون، راجع استخدام Git في Dreamweaver.

استخدام Git مع Dreamweaver
استخدام Git مع Dreamweaver

نسق التعليمات البرمجية الجديدة

يدعم Dreamweaver  CC 2018 الآن نسقين جديدين للتعليمات البرمجية وهما: Monaki وClassic. ويمكنك تحديد نسق التعليمات البرمجية هذه التي توفر ألوان تعليمات برمجية مماثلة لبرنامج Dreamweaver  CC 2018 واستخدامها.

قم بتجربة نسق التعليمات البرمجية الجديدة لتجربة قابلية القراءة المحسّنة والشكل الجذاب.

تجربة الإعداد المحسّنة

عندما تقوم بتشغيل Dreamweaver  CC 2018 للمرة الأولى، تعرض شاشة الترحيب تجربة إعداد محسنة. تعرض تجربة الإعداد المحسنة واحدًا من اثنين من التدريبات المرئية، استنادًا إلى مساحة العمل التي يختارها المستخدم:

تدريب سريع حول مساحة عمل Developer
تدريب سريع حول مساحة عمل Standard
تجربة الإعداد المحسّنة في Dreamweaver
تجربة الإعداد المحسّنة في Dreamweaver 2017.5

يمكنك أيضًا الوصول إلى تدريبي الفيديو من قائمة Help. انقر فوق Help > Quick Tutorial لعرض التدريبات.

الوصول إلى مقاطع فيديو الإعداد الجديدة من قائمة Help في Dreamweaver
الوصول إلى مقاطع فيديو الإعداد الجديدة من قائمة Help

تحسينات أخرى

تم الآن دمج Dreamweaver  CC 2018 مع إصدار جديد من CEF. ومن خلال إصدار CEF الجديد، تعرض طريقة العرض Live في Dreamweaver عناصر custom HTML والخصائص المخصصة لـ CSS وغير ذلك الكثير

عبارة عن سجل لمجموعة الاختصارات الحالية. يتم تخزين المعلومات في تنسيق جدول HTML. يمكنك عرض الورقة المرجعية في مستعرض ويب أو طباعتها.حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).
انقر فوق الزر Export Set As HTML، والذي يعد الزر الثالث في المجموعة المكونة من أربعة أزرار بأعلى مربع الحوار.
في مربع الحوار Save الذي يظهر، أدخل اسم الورقة المرجعية، ثم حدد الموقع المناسب لحفظ الملف.
تخصيص اختصارات لوحة المفاتيح
استخدم Keyboard Shortcut Editor لإنشاء اختصارات لوحة المفاتيح الخاصة بك، بما في ذلك اختصارات لوحة المفاتيح لأجزاء التعليمات البرمجية. يمكنك كذلك إزالة اختصارات، وتحرير الاختصارات الموجودة، وتحديد مجموعة محددة مسبقًا من الاختصارات في Keyboard Shortcut Editor.
إنشاء اختصار لوحة المفاتيح
يمكنك إنشاء اختصارات لوحة المفاتيح الخاصة بك، أو تحرير الاختصارات الموجودة، أو تحديد مجموعة محددة مسبقًا من الاختصارات.
حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).
قم بتعيين أي من الخيارات التالية، ثم انقر فوق OK:
Current Set
يتيح لك اختيار مجموعة من الاختصارات المحددة مسبقًا المضمنة ببرنامج Dreamweaver، أو أي مجموعة مخصصة قمت بتعريفها. يتم سرد المجموعات المحددة مسبقًا بأعلى القائمة. على سبيل المثال، إذا كنت على دراية بالاختصارات الموجودة في HomeSite أو BBEdit، يمكنك استخدام هذه الاختصارات عبر اختيار المجموعة المحددة مسبقًا المناظرة.
Commands
يتيح لك تحديد فئة من الأوامر لتحريرها. على سبيل المثال، يمكنك تحرير أوامر القوائم، مثل الأمر Open، أو أوامر تحرير التعليمات البرمجية، مثل Balance Braces.
ملاحظة:
لإضافة اختصار لوحة مفاتيح أو تحريره لجزء تعليمات برمجية متكرر، حدد Snippet من القائمة المنبثقة Commands.
The command list
تعرض الأوامر المقترنة بالفئة التي قمت بتحديدها من القائمة المنبثقة Commands، بالإضافة إلى الاختصارات التي تم تعيينها. تعرض الفئة Menu Commands هذه القائمة كطريقة عرض شجرة تقوم بالنسخ المتماثل لبنية القوائم. بينما تسرد الفئات الأخرى الأوامر بحسب الاسم (مثل Quit Application)، في قائمة كاملة.
Shortcuts
يعرض جميع الاختصارات التي تم تعيينها للأمر المحدد.
Add Item (+)
يقوم بإضافة اختصار إلى الأمر الحالي. انقر فوق هذا الزر لإضافة سطر فارغ إلى الاختصارات. أدخل مجموعة مفاتيح جديدة ثم انقر فوق Change لإضافة اختصار لوحة مفاتيح لهذا الأمر. يمكنك تعيين اختصاري لوحة مفاتيح مختلفين لكل أمر؛ وفي حالة وجود اختصارين تم تعيينهما بالفعل لأمر معين، لا يقوم الزر Add Item بتنفيذ أي إجراء.
Remove Item (-)
يقوم بإزالة الاختصار المحدد من قائمة الاختصارات.
Press Key
يعرض مجموعة المفاتيح التي تقوم بإدخالها عند إضافة اختصار أو تغييره.
Change
يقوم بإضافة مجموعة المفاتيح المعروضة في Press Key إلى قوائم الاختصارات، أو تغيير الاختصار المحدد إلى مجموعة المفاتيح المحددة.
Duplicate Set
يقوم بتكرار المجموعة الحالية. امنح اسمًا للمجموعة الجديدة؛ يتكون الاسم الافتراضي من اسم المجموعة الحالية مع إلحاق الكلمة copyبه.
Rename Set
يقوم بإعادة تسمية المجموعة الحالية.
Export as HTML File
يقوم بحفظ المجموعة الحالية بتنسيق جدول HTML لسهولة عرضها وطباعتها. يمكنك فتح ملف HTML في المستعرض لديك وطباعة الاختصارات للرجوع إليها بسهولة.
Delete Set
يقوم بحذف مجموعة. (لا يمكنك حذف المجموعة النشطة.)
إزالة اختصار من أمر
حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).
حدد فئة أوامر من القائمة المنبثقة Commands.
في القائمة Commands، حدد أمرًا، ثم حدد اختصارًا.
انقر فوق الزر Remove Item (-).
إضافة اختصار إلى أمر
حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).
حدد فئة أوامر من القائمة المنبثقة Commands.
حدد أمرًا من القائمة Commands.
ملاحظة:
لإضافة اختصار لوحة مفاتيح لجزء تعليمات برمجية متكرر، حدد Snippet من القائمة المنبثقة Commands.
تظهر الاختصارات التي تم تعيينها للأمر في Shortcuts.
استعد لإضافة اختصار عبر القيام بأحد الإجراءات التالية:
في حالة تعيين أقل من اختصارين بالفعل للأمر، انقر فوق الزر Add Item (+). يظهر سطر فارغ جديد في Shortcuts وتنتقل نقطة الإدراج إلى Press Key.
في حالة تعيين اختصارين بالفعل للأمر، حدد أحدهما (ليتم استبداله بالاختصار الجديد). ثم انقر داخل Press Key.
اضغط على مجموعة مفاتيح. تظهر مجموعة المفاتيح في Press Key.
ملاحظة:
في حالة وجود مشكلة في مجموعة المفاتيح (على سبيل المثال، في حالة تعيين مجموعة المفاتيح بالفعل لأمر آخر)، تظهر رسالة توضيح أسفل الحقل Shortcuts مباشرةً وقد تتعذر إضافة الاختصار أو تحريره.
انقر فوق Change. يتم تعيين مجموعة المفاتيح الجديدة للأمر.
تحرير اختصار موجود
حدد Edit > Keyboard Shortcuts (في نظام التشغيل Windows) أو Dreamweaver > Keyboard Shortcuts (في نظام التشغيل Macintosh).
حدد فئة أوامر من القائمة المنبثقة Commands.
في القائمة Commands، حدد أمرًا، ثم حدد اختصارًا لتغييره.
انقر داخل Press Key ثم أدخل مجموعة مفاتيح جديدة.
لتغيير الاختصار انقر فوق زر Change
مميزات البرنامج
يجعل من تصميم الويب اكثر سهوله.
يوفر أحدث قدرات هتمل وجافا سكريبت .
توفر على كل محرك الترميز الجديد الذي يقدم تلميحات للتعليمات البرمجيه.

تخزن مكتبات كريتيف كلاود جميع الألوان والرسومات والصور وغيرها من مواد العرض الإبداعية.

Dreamweaver CC

OCT

18

2017

يتوفر Dreamweaver CC باللغات التالية:

Deutsch*English *Español *Français* עברית* Italiano Nederlands Polski*Português *(Brasil) Svenska Türkçe čeština Русский*العربية* 日本語*简体*中文* 繁體*中文* 한국어*

دعم HiDPI لنظام التشغيل Windows

تم تحسين Dreamweaver ليناسب شاشات HiDPI وذلك حتى تحصل على واجهة رائعة باستخدام الخطوط والأيقونات ومربعات الحوار والقوائم التي يتغير حجمها ويتم عرضها بشكل مناسب.

دعم شاشات متعددة لنظام التشغيل Windows

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

تمتع بتصميم أفضل المواقع لأي مستعرض أو جهاز.

بفضل دعم HTMLو CSS وJavascript والمزيد، يستطيع المصممون والمطورون تصميم صفحات ويب ونشرها بسرعة من أي مكان تقريبًا.

كتابة كود برمجي سريع ومرن.

كتابة كود برمجي سريع ومرن.

تمتع بتصميم مواقع ويب ديناميكية وكتابة الكود البرمجي لها وإدارتها بسهولة باستخدام محرك الكود البرمجي البسيط والذكي. تمتع بالوصول إلى تلميحات الكود البرمجي لتعلم HTML وCSS ومعايير الويب الأخرى بسرعة. واستخدم الأدوات المساعدة المرئية لتقليل الأخطاء والإسراع من عملية تطوير الموقع.

إعداد المواقع بخطوات أقل.

ابدأ بتشغيل مواقعك بشكل أسرع باستخدام قوالب البدء التي يمكنك تخصيصها لتصميم رسائل بريد إلكتروني HTML وصفحات النبذة والمدونات وصفحات التجارة الإلكترونية والرسائل الإخبارية وملفات التعريف. تساعدك الألوان الرمزية والتلميحات البصرية على قراءة الكود البرمجي بشكل أسهل لإجراء عمليات التحرير والتحديث بسرعة.

إعداد المواقع بخطوات أقل.

عرض ديناميكي على كل الأجهزة.

عرض ديناميكي على كل الأجهزة.

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

تعرف على الجديد الذي يمكنك القيام به.

يتزايد تحسين Dreamweaver باستخدام الميزات الجديدة التي تتم إضافتها بشكل دوري. ومع عضويتك Creative Cloud، تحصل عليها بمجرد إصدارها. وإليك بعض التحديثات الأخيرة.

مشاهدة كل الميزات الجديدة ›

دعم HiDPI لنظام التشغيل Windows

دعم HiDPI لنظام التشغيل Windows

تمتع بتغيير الحجم بشكل أفضل وعرض الخطوط والأيقونات ومربعات الحوار والقوائم باستخدام الشاشات المحسنة لتناسب HiDPI.

دعم شاشات متعددة لنظام التشغيل Windows

دعم شاشات متعددة لنظام التشغيل Windows

يمكنك الآن تمديد مساحة عملك عبر عرض صفحاتك على شاشات متعددة.

واجهة مستخدم حديثة

واجهة مستخدم حديثة

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

دعم Git

دعم Git

التعاون أسهل مع دعم Git. تمتع بإدارة كل الكود البرمجي المصدر داخل Dreamweaver وتمتع بتنفيذ لك العمليات الشائعة من داخل لوحة Git مباشرةً.