DreamWeaver

ما هو الدريم ويفر

يعمل هذا البرنامج على تطوير المواقع الالكترونية (صفحات الويب ) ويعمل  والتعامل معها Apps على انشاء و تصميم التطبيقات

الاوامر و القوائم الرئيسية لبرنامج الدريم ويفر

A. شريط Application 

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

C. النافذة Document 

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

E. اللوحات 

F. Code View 

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

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

I. Live View 

J. Toolbar 

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

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

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

الكتاب

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

الكتاب

   اعلن عن موقعك  هنا  

   اعلن عن موقعك  هنا  

   اعلن عن موقعك  هنا  

© 2018 - Design for Life.

Proudly created with bashar-3d.com

  • whatsapp_logo
  • Tumblr trendo shopee
  • Bashar 3D designer
  • White Facebook Icon
  • White Twitter Icon
  • White Pinterest Icon
  • White Instagram Icon
  • Flickr Social Icon bashar 3d

Email. bashar.jalal3d@gmail.com

Mob. 00971 50 6358138

Design for life located in

Sharjah, United Arab Emirates