DreamWeaver

What is DreamWeaver

This program works on developing websites (web pages) and works on creating and designing applications.

تتوفر لدينا دورة تعليم الدريم ويفر بشكل مباشر او اونلاين للتواصل

Blender

Main menu for dreamweaver

A. شريط Application

B. شريط الأدوات Document

C. النافذة Document

D. أداة تبديل مساحة العمل

E. اللوحات

F. Code View

G. شريط الحالة

H.محدد العلامات

I. Live View

J. Toolbar

تحميل برنامج دريم ويفر 2021

الان تستطيع تحميل برنامج ادوبي دريم ويفر 2021 شغال 100% طول العمر ولا يحتاج الى تفعيل

Dreamweaver Free Download without activation

Password: bashar-3d.com

Dreamweaver لغات البرمجة المدعومة بواسطة

بالإضافة إلى إمكانيات تحرير النصوص ، يوفر الدريم ويفر ميزات متعددة، كالتعامل مع التعليمات البرمجية، لمساعدتك على إنشاء تعليمات برمجية باللغات التالية

HTML

PHP

XHTML

CSS

JavaScript

ColdFusion Markup Language ‏(CFML)

نظرة عامة على عناصر مساحة العمل

تشتمل مساحة العمل على العناصر التالية:

شريط Application

يوجد عبر الجزء العلوي من نافذة التطبيق ويحتوي على مبدل مساحة العمل، والقوائم (نظام التشغيل Windows فقط)، وعناصر التحكم الأخرى الخاصة بالتطبيق.

شريط الأدوات Document

تحتوي على أزرار لتوفير خيارات مختلف طرق العرض الخاصة بنافذة Document (مثل طريقة عرض Design وLive وCode).

شريط الأدوات Standard

لعرض شريط الأدوات Standard حدد Window > Toolbars > Standard. يحتوي شريط الأدوات على أزرار للعمليات الشائعة من قائمتي File وEdit وهي: New، وOpen، وSave، وSave All، وPrint Code، وCut، وCopy، وPaste، وUndo، وRedo.

شريط الأدوات

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

النافذة Document

تعرض المستند الحالي أثناء قيامك بإنشائه وتحريره.

عارض الخصائص

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

محدد العلامات

موجود في الشريط Status أسفل الإطار Document. يعرض التسلسل الهيكلي للعلامات الموجودة حول التحديد الحالي. انقر فوق أي علامة في التسلسل الهيكلي لتحديد هذه العلامة وجميع محتوياتها.

اللوحات

تساعدك على متابعة عملك وتعديله. من الأمثلة اللوحة Insert واللوحة CSS Designer ، واللوحة Files. لتوسيع لوحة، انقر نقرًا مزدوجًا فوق علامة التبويب الخاصة بها.

لوحة Extract

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

اللوحة Insert

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

اللوحة Files

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

اللوحة Snippets

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

لوحة CSS Designer

هي CSS Property Inspector تتيح لك إنشاء أنماط CSS والملفات وتعيين الخصائص واستعلامات الوسائط "بشكل مرئي".

نظرة عامة على اللوحة Insert

تحتوي اللوحة Insert ‏(Window > Insert) على أزرار لإنشاء كائنات وإدراجها، مثل الجداول، والصور، والارتباطات. تترتب الأزرار في فئات متعددة، يمكنك تبديلها من خلال تحديد الفئة المطلوبة من القائمة المنسدلة بالأعلى.

تحتوي بعض الفئات على أزرار مزودة بقوائم منبثقة. عند تحديد خيار من إحدى القوائم المنبثقة، فإنه يصبح الإجراء الافتراضي للزر. على سبيل المثال، في حالة تحديد Line Break من زر قائمة Character المنبثقة، ففي المرة التالية التي تنقر فيها فوق زر Character، يدرج Dreamweaver فاصل أسطر. عند تحديد خيار جديد من القائمة المنبثقة في أي وقت، يتغير الإجراء الافتراضي للزر.

تحتوي اللوحة Insert على الفئات التالية مرتبة بها:

HTML

يتيح لك إنشاء عناصر HTML الأكثر استخدامًا وإدراجها مثل علامات وكائنات div مثل الصور والجداول.

Form

يحتوي على أزرار لإنشاء نماذج وإدراج عناصر نماذج مثل البحث والشهر وكلمة المرور.

Templates

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

مكونات Bootstrap

تحتوي على مكونات Bootstrap لتوفير التنقل والحاويات والقوائم المنسدلة والمزيد مما يمكنك استخدامه في الكائنات التفاعلية.

jQuery Mobile

يحتوي على أزرار لإنشاء مواقع تستخدم jQuery Mobile.

jQuery UI

يتيح لك إدراج عناصر jQuery UI مثل الأكورديون وأشرطة التمرير والأزرار.

Favorites

تتيح لك تجميع أزرار اللوحة Insert التي تستخدمها بكثرة وترتيبها في مكان واحد معروف.

إدراج كائن

لإدراج كائن باستخدام لوحة Insert:

حدد الفئة المناسبة من قائمة Category المنبثقة في اللوحة Insert.

قم بأحد الإجراءات التالية:
- انقر فوق زر object أو اسحب أيقونة الزر إلى Document window (إلى طريقة العرض Design أو Live أو Code).
- انقر فوق السهم الموجود على الزر، ثم حدد خيارًا من القائمة.
  
  حسب الخيار الذي تحدده، قد يظهر مربع حوار مقابل لإدراج الكائنات يطالبك بالاستعراض وصولاً إلى الملف الذي تريده أو بتحديد معلمات لأحد الكائنات. أو، يمكن أن يقوم Dreamweaver بإدراج تعليمة برمجية في المستند، أو فتح علامات أو لوحة من أجلك لتحديد المعلومات قبل إدراج التعليمة البرمجية.
  
  بالنسبة لبعض الكائنات، لا يظهر أي مربع حوار إذا قمت بإدراج الكائن في طريقة العرض Design، ولكن يظهر محرر علامات إذا قمت بإدراج الكائن في طريقة العرض Code. وبالنسبة لبعض الكائنات، يؤدي إدراج الكائن في طريقة العرض Design إلى قيام Dreamweaver بالتبديل إلى طريقة العرض Code قبل إدراج الكائن.

CSS CHEAT SHEAT

بالفيديو شرح لبرنامج الدريم ويفر

كتاب صمم موقعك بالدريم ويفر

الكتاب

كتاب دروس دريم ويفر