DreamWeaver
ما هو الدريم ويفر
يعمل هذا البرنامج على تطوير المواقع الالكترونية (صفحات الويب ) ويعمل والتعامل معها Apps على انشاء و تصميم التطبيقات
الاوامر و القوائم الرئيسية لبرنامج الدريم ويفر
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
بالفيديو شرح لبرنامج الدريم ويفر