استخدام امر startdrag وstopdrag وتداخلهمامع القناع -1-

يقوم الامر startdrag بسحب العنصر المتوضع عليه هذا الاكشن ويتوقف سحب العنصر عند استخدام الامر المعاكس للامر السابق وهو stopdrag

في هذا الدرس سنتعلم كيفية ذلك بالاضافة الى استخدام قناع mask بحيث ان سحب العنصريكون في محيط القناع

افتح برنامج flashmx وارسم دائرة تساعدك الادوات الموجودة بفلاش عمل ذلك

بعد ذلك سنحول هذا الى موفي من شريط القوائم نختار insert ومنه نختارconvert to symbol في نافذة convert to symbol تستطيع ان تسمي الموفي وايضا من خلال هذه النافذة تستطيع ان تختار سلوك او نوع الرمز هل هو button اي زر او موفي او جرافيك تظهر هذه الخيارات عند السلوك behavior ذكرنا طبعا اننا سنجعل العنصرموفي movie clip

الـmovie clip له اسم عام وله شريط زمني مختلف عن المشهد الرئيسي وايضا له اسم للهدف يستخدم في بعض الحالات لتتعرف عليه بعض الاوامر امر startdrag لكي يؤدي وظيفته ويطبقها يحتاج الى ان يتعرف على الهدف في درسناهذا يحتاج هذا الامر الى اسم الهدف فقط حتى يقوم بعملية سحب العنصر

حتى نقوم بذلك من شريط القوائم نختار window ومنه نختار properties ثم ضع اسم للهدف وليكن fl كما هو واضح

ماقمنا به هو عمل عنصر ثم حولناه الى موفي ثم وضعنا هدفا للموفي بقي الان وضع الامر startdrag من شريط القوائم نختار window ومنه نختار actions سنضع هذا الامر

لاحظ معي امر startdrag يحتاج فقط لاسم الtarget اوالهدف ووضعنا ذلك كما ترى بين القوسين وبهذا تعرف عليه

اعمل تجربة لمشاهدة ماعملته

لاحظت ان سحب العنصر يكون في كل المشهد الرئيسي ماذا لو اردنا جعل ذلك يكون بمساحة محددة من المشهد الرئيسي ربما البعض يتسائل هل نستطيع ذلك ؟ نعم نستطيع عمل لك

يتبع

الروابط التشعبية + رفع الموقع

بسم الله الرحمن الرحيم

الروابط التشعبية:

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

1. في البداية قم بكتابة ثلاث كلمات في صفحة جديدة، كل كلمة في سطر.
2. اختر أول كلمة ومن لوحة الخصائص في ستجد مربع نص لكتابة الرابط فيه، لاحظ الصورة:

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

3. أو بالضغط على صورة المجلد لفتح نافذة، ومنها اختر الصفحة المراد الإنتقال إليها.
4. هنا أداة جميلة تسما point-to-file وهي عبارة عن مؤشر.
طريقة عمل هذا المؤشر هي بعد تحديدك للنص المراد عمل رابط له اضغط على هذا المؤشر، وقم بسحبه مع استمرار الضغط إلى أي صفحة في لوحة الملفات على اليمين:

5. ذاك بالنسبة للكلمة الأولى أما بالنسبة للثانية فبعد تحديدك لها اضغط بيمين الفأرة على الكلمة ومن القائمة المنسدلة اختر Make link، ستظهر لك نافذة منها اختر الصفحة المراد الإنتقال إليها.

6. الآن حدد الكلمة الثالثة واضغط على زر الربط من شريط الإدراج
واكتب الرابط في مربع النص Link، أو إضغط على المجلد

7. ينطبق ما ذكر في النقطة السابقة على الربط للبريد الإلكتروني .

8. ويمكنك عمل النقطتين السابقتين دون تحديد نص وذلك بتحديد النص في مربع النص Text.

9. أخيرا لعمل روابط للصور استخدم الطرق في النقط 2،3،4.

رفع الموقع:

سبق أن وضحنا كيفية الإتصال بالموقع لرفع ملفاتنا، طبعا بعد التأكد من جاهزية موقعك لنشره على الإنترنت، قم بتوضيح طريقة اتصالك بالملقم Server بالطرق التي وضحناها سابقا، والطريقة الأشهر هي عن طريق بروتوكول FTP، لاحظ الصورة التالية:

طبعا هذه المعلومات يعطيك إياها مزود خدمة الإستضافة والذي قمت بحجز مساحة لديه.

1. في البداية نحتاج لعمل اتصال من لوحة الملفات اضغط على هذا الزر لعمل اتصال
بعد نجاح الإتصال سيغدو بهذا الشكل

2. لرفع الملفات اختر الملفات المراد رفعها أو المجلد بأكمله، اضغط على الزر ذو السهم الأزرق Put والذي يعني Upload، وذلك بعد التأكد من أنك في الـLocal view.

3. لتنزيل الملفات، اختر الملفات المراد تنزيلها أو المجلد بأكمله، اضغط على الزر ذو السهم الأخضر Get الذي يعني Download، وذلك بعد التأكد من أنك في الـRemote view.

4. لقطع الإتصال إضغط على زر الإتصال سيتغير شكله إلى الوضع العادي

هذا بالنسبة لطريقة FTP أما الطريقة الأخرى فهي:

Local/Network إذا كنت تستخدم مجلد في شبكة أو على سيرفر في جهازك.
ببساطة نحدد مجلد السيرفر على الجهاز أو الشبكة (قمنا بهذه الخطوة في الدرس الثالث “الخيار b”) ثم Put.

طرق أخرى لرفع المواقع:

RDS إذا كنت تتصل بموقعك عن طريق RDS.

إختصار لـ Remote Development Services، تحتاج هذه الطريقة إلى Server ColdFusion أو على جهاز يعمل به الـ ColdFusion، ويتم الوصول إليه عن طريق HTTP.

SourceSafe Database إذا كنت تتصل بموقعك عن طريق SourceSafe Database.

يجب أن تثبت النسخة السادسة أو أعلى من Microsoft Visual SourceSafe وهو لتخزين شيفرة المصدر والملفات النصية ومحتويات المواقع.

WebDAV إذا كنت تتصل بموقعك عن طريق WebDAV.

إختصار لبرتوكول Web-based Distributed Authoring and Versioning، وهو شكل لامتداد HTTP، يسمح هذا البروتوكل بتحرير وتنظيم الملفات على جهاز سيرفر، وتحتاج إلى سيرفر يدعم هذا البرونوكول كسيرفر IIS أو أباتشي.

التعامل مع الجداول + القوالب Templates

بسم الله الرحمن الرحيمالتعامل مع الجداول:

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

1. عمل جدول جديد

من قائمة الإدراج إضغط على زر الجدول و حدد القيم كما في الصورة التالية:

2- لتعديل هذا الجدول سواء بدمج إحدى خلايا هذا الجدول مع الأخرى أو في إنشاء خلايا جديدة
حدد أول ثلاث خلايا في الجدول وبزر الفأرة الأيمن اختر من القائمة المنسدلة:

Table>Merge cell

لتقسيم خلية نختار أول خلية من اليمين من الصف الثاني

Table>Split cell

اترك القيم كما هي و اضغط ok

3. على أحد خطوط الجدول سيتغير شكل مؤشر الفأرة، الآن إضغط ضغطة واحدة بزر الفأرة الأيسر
سيتحدد الجدول بخط أسود.

من لوحة الخصائص properties غير القيم حسب الصورة التالية:

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

القوالب Templates:

1. لعمل قالب template جديد إتبع الآتي:
File>New
و من النافذة اختر Template ومنه HTML

2. لعمل Editable Region

Insert>Template objects>Editable region

احفظ القالب بأي أسم (مثلا 1)

3. لإدراج قالب إلى صفحة قم بالتالي

Modify>Template>Apply template to page

4. ومن الـ Editable regionأكتب أي نص بداخله وأدرج أي صورة

5. لتعديل القالب افتحه

File>Open

ومن النافذة اختر القالب الذي قمت بحفظه.

غير فيه ما شئت (مثلا ضع في الأسفل الحقوق والسنة) ومن ثم قم بحفظه.

عمل موقع ويب في دريم ويفر

بسم الله الرحمن الرحيم



عمل موقع ويب في دريم ويفر

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

1. لعمل موقع ويب في دريم ويفر اتبع الآتي:
Site>Manage Sites

2. من النافذة Manage Sites اضغط New، ومن القائمة المنسدلة اختر Site.
ملاحظة: في النسخة الأقدم من MX سيكون ذلك هكذا: Site>New Site

3. لديك في أعلى النافذة Site Definition لديك خياران Basic و Advanced سنختار هنا Basic.

4. في مربع الإسم أكتب اسم موقعك وسيكون عنوان موقعنا هنا My Web.

5. اضغط Next.

6. الآن سيسألك إذا ما كنت تريد استخدام لغة برمجة معينة في حالتنا طبعا لن نستخدم ذلك اختر No.

7. اضغط Next.

8. في هذه النافذة يعطيك خياران:

الأول: عمل الموقع محليا ثم رفعه إلى سيرفر

الثاني: عمل الموقع على السيرفر حالا

9. اختر الخيار الأول لأننا سنتعلم كيف نرفع الموقع لاحقا.

10. واختر أين ستضع مجلد الموقع، في حالتنا سنستخدم المجلد الذي قمنا بإنشاءه وهو myweb، وهذا عندي:
D:My Documentsmyweb

11. اضغط Next.

12. كيف تتصل بموقعك يعطيك خيارات:

None لا شيء.

FTP عن طريق بروتوكول FTP.

Local/Network إذا كنت تستخدم مجلد في شبكة أو على سيرفر في جهازك.

RDS إذا كنت تتصل بموقعك عن طريق RDS.

SourceSafe Database إذا كنت تتصل بموقعك عن طريق SourceSafe Database.

WebDAV إذا كنت تتصل بموقعك عن طريق WebDAV.

a. في حالتنا سنستخدم FTP (لمن لديه موقع يدعم الـFTP) وعليه يجب ملء البيانات التي سيطلبها البرنامج كما تعطيك الشركة المستضيفة.
b. وأيضا سنستخدم Local/Network لرفع موقعنا على سيرفر موجود في الجهاز (لمن ليس لديه موقع) لكن أيضا في حالتنا سنخزنه في مجلد آخر بجانب الأول باسم lacal_myweb:
D:My Documentslacal_myweb

13. اضغط Next

14. سيسألك عما إذا كنت تريد عمل دخول وخروج للملف اختر No هذه الوظيفة مهمة لمن يعمل مع مجموعة على الإنترنت للتأكد من عدم دخول أكثر من شخص للملف الواحد.

15. اختر No كما قلنا و اضغط Next

16. سيعرض لك معلومات موقع اضغط Done

17. ثم Done

18. ماذا لو أننا نريد تعديل بعض المعلومات في موقع الوب الذي أنشأناه؟

19. لعمل ذلك إذهب إلى Site>Manage Sites ومنها حدد My Web إذا كان هناك أكثر من موقع.

20. اضغط على زر Edit

21. عدل المعلومات المطلوبة (في حالتنا لن نعدل على الموقع شيء).

22. ثم Done


نم مهاراتك في استخدام دريم ويفر

لنجر بعض التمارين السريعة لننم مهارتنا في استخدام هذا البرنامج ولنشعر بالحرية عند تحرير صفحات مواقعنا فيه.
لنقم بعمل صفحة في موقع الوب الذي أنشأناه، نغير خصائصها، ونضع فيها بعض العناصر من كتابة وصور، لحظة! لا تنشئ الصفحة كما تعلمت سابقا.. سنتعلم طريقة جديدة، لنتابع الخطوات التالية:
1. من نافذة الملفات Files تأكد أنك في الموقع المطلوب (My Web).
2. وهناك اضغط بيمين الفأرة في أي مساحة فاضية ومن القائمة المنسدلة اختر New File
3. سمها page.htm
4. افتحها عن طريق النقر المزدوج عليها، أو بز الفأرة اليمين ومنها Open
5. أسفل البرنامج هل ترى لوحة الخصائص؟ هناك نعم.. اضغط على Page Properties
6. غير المعلومات حسب الصورة التالية:

7. ثم OK
8. أكتب أي نص بعنوان كما قمنا به سابقا
9. حدد العنوان وغيره إلى H2 كما تعلمت سابقا.
10. حدد النص وغير اللون إلى #006666، والحجم إلى 14 px، والنوع إلى Times New Roman
11. أسفل النص ضع الصورة التي قمت بوضعها في صفحة index.htm ولكن هذه المرة قم بنسخها إلى مجلد images داخل مجلد myweb.
هذا المجلد لحفظ الصور بداخله.
12. احفظ الصفحة واستعرضها.. ثم أغلقها.

مل صفحة وحفظها + التنقل بين وضعيات العمل

بسم الله الرحمن الرحيم

عمل صفحة وحفظها

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

1. من القائمة في أعلى البرنامج اختر File>New.

ومن النافذة New Document اختر HTML لاحظ الصورة:

2. اضغط ضغطا مزدوجا على الخيار HTML، أو اضغط Create.

3. في الصفحة التي ستفتح عندك أكتب أي نص يعجبك واختر له عنوان مناسب، أريد أن يظهر ما كتبت كالتالي:

4. بعد هذا النص اضغط Enter من على لوحة المفاتيح لعمل سطر جديد، ومن شريط الإدراج اضغط على Image، أيضا لإدراج صورة إذهب إلى قائمة Insert في أعلى البرنامج واختر Image.
ومن النافذة التي ستظهر لك أدخل إلى أي مجلد به صور (My Pictures مثلا) واختر الصورة التي تعجبك.

5. ظلل السطر الأول، ومن شريط الإدراج اختر Text بدلا من Common من الخيارات التي لديك.
ومن الأزرار التي تظهر لديك اضغط على H2، سيتغير حجم الخط.

6. أيضا ظلل السطر الثاني، ومن لوحة الخصائص بالأسفل غير نوع الخط Font إلى Tahoma، والحجم Size إلى 10 points.

طريقة اختيار نوع الخط Tahoma كالتالي:

من القائمة التي تظهر عند اختيار خط معين Font اختر Edit Font list، وأضف Tahoma كما في الصورة:

7. احفظ الصفحة التي قمت بعملها: File>Save، باسم index.htm داخل مجلد باسم myweb (سنستخدمه بعد ذلك).
8. أغلق الصفحة، ولا تغلق البرنامج:

9. افتح الصفحة File>open>index.htm من المجلد myweb.
10. ولتستعرض صفحتك في المستعرض اضغط على الزر Preview من شريط الأدوات، واختر البرنامج الذي تريد الإستعراض فيه (لدي IE).

ملاحظة: تستطيع عمل صفحة جديدة وحفظها وفتح الصفحات من خلال الشريط Standard، ولإظهار هذا الشريط إذهب إلى: View>Toolbars>Standard.

التنقل بين وضعيات العمل

تعلمنا كيف ننتقل بين الوضعيات الثلاث: التصميم، والشيفرة، والتصميم والشيفرة معا.

وضعية التصميم Design:

قمنا في الدرس الماضي بتحرير صفحة index.htm في وضعية التصميم.

وضعية الشيفرة Code:

انتقل إلى وضعية الشيفرة كما تعلمت سابقا.
افتح الصفحة index.htm التي قمت بعملها في الدرس الثاني.
غير الكود التالي:
<h2>text</h2>
إلى:
<h3>text</h3>
اضغط على زر Refresh.
إرجع إلى وضعية التصميم Design ولاحظ الإختلاف.

وضعية التصميم والشيفرة معا Split:

إذهب إلى القوائم في أعلى البرنامج:
File>Revert
سيسألك عما إذا كنت تريد إعادة الصفحة لما كانت عليه وتضييع ما قمت بتغييره.. أضغط Yes.
انتقل إلى وضعية التصميم والشيفرة معا Split كما تعلمت سابقا.
كرر الخطوات السابقة في وضعية الشيفرة.

تحيااتي

التعرف على البرنامج

بسم الله الرحمن الرحيم

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

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

شريط الإدراج:

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

طبعا لن تجد كل هذه الأدوات أمامك الآن، فلو كانت كذلك ما استطعت استخدامها نتيجة تكديسها معا ، لكنها مرتبة بطريقة جميلة ومريحة، في شريط الإدراج تجد كلمة Common وبجانبها سهم صغير إضغط عليه واختر الخيار الثاني من القائمة المنسدلة وهو Layout، منه تستطيع إدراج الجداول Tables والطبقات Layers والإطارات Frames، أما في النسخة الأقدم من MX فتجد بدلا من القائمة المنسدلة مجموعة من الخيارات (ألسنة) مصفوفة في أعلى الشريط، طبعا ذكرت هذا كي لا يواجه مستخدموا النسخة الأقدم المشاكل.

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

ويحتوي على أزرار تساعدك على التنقل بين وضعيات العمل الثلاث: التصميم والشيفرة والإثنان معا.

التصميم:

يفترض الآن أنك في وضعية التصميم، إذا لم تكن كذلك اضغط على زر Design من شريط الأدوات.

الشيفرة: اضغط على زر Code للإنتقال إلى وضعية الشيفرة.

التصميم والشيفرة معا: اضغط على زر Split للإنتقال إلى هذا الوضعية.

أيضا يحتوي شريط الأدوات على أزرار أخرى تساعدك في إدارة موقعك.

مجموعة اللوحات:

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

نافذة العمل:

هذه هي الصفحة التي تعمل عليها والتي ستقوم بإخراجها في النهاية.

الخصائص:

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

تحرير / معالجة الصور في Dreamweaver MX 2004

بسم الله الرحمن الرحيم

إنّ ما يعرفه الجميع عن برنامج الـ Macrodedia Dreamveaver هو أنه برنامج قوي يحتوي على أدوات قوية لتصميم صفحات المواقع على الويب.. ولكن قد لا يكون الأغلبية قد اطلعوا على المميزات الجديدة لتحرير الصور في برنامج الدريم ويفر.. والتي تم اضافتها في النسخ الجديدة التي تم اطلاقها مؤخرا..

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

التعريف بأدوات تحرير الصور في دريم ويفر إم إكس:
من التأثيرات المتوفرة في برنامج دريم ويفر إم إكس لمعالجة الصور شكل (1) :

* القص / Crop :

حيث يتم تصغير مساحة الصورة الأصلية.. وذلك بقص الأجزاء الغير مهمة منها للتركيز على ما هو مطلوب.

* إضافة العينات (pixels) / Resample:

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

* درجة الوضوح / Brightness/Contrast:

حيث يتم تغيير درجة وضوح البيكسلات في الصورة.. وهذا يؤثر على إضاءة، ظلال ولون الصورة.. وعادة ما تستخدم هذه الأداة عندما تكون الصورة داكنة أو فاتحة جدا.

* حدة الصورة / Sharpen:

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

إن أدوات تحرير الصور في دريم ويفر تنتطبق فقط على الصور ذات الامتداد jpeg. و gif.

كيفية استخدام كل أداة:

ملاحظات قبل البدأ :

1- عند اختيار الصورة في دريم ويفر والتي ترغب في إجراء التغييرات عليها.. سوف تتغير لوحة المفاتيح properties panel والموجودة أسفل نافذة العمل.. إلى لوحة مفاتيح تحوي جميع الأدوات الخاصة بالصور شكل(2).

2- لتغيير مقاس الصورة ( أي تكبيرها أو تصغيرها).. قم بوضع الماوس عند الأماكن المحددة على الصورة وهي بالشكل ▪ .. واضغط بشكل مستمر على زر الفأرة الأيسر وقم بالسحب سواء للتكبير أو التصغير.. سوف تلاحظ عند إجراء هذا التغيير.. أن الأرقام الموجودة في خانتي الطول H والعرض W قد تغيرت.. كذلك تستطيع تغيير مقاس الصورة بتغيير الأرقام الموجودة في هاتين الخانتين .. ولكن حجم الملف الأصلي لن يتغير بهذه العملية، ستجد حجم الملف على يسار هاتين الخانتين .. ولكي تعيد الصورة إلى ما كانت عليه.. قم بالضغط على زر الـ refresh الموجود في لوحة الخصائص شكل (3).

3- عند إجراء التأثيرات الخاصة بمعالجة الصور وهي القص، إضافة العينات، درجة الوضوح وحدة الصورة.. فإن هذا سيؤثر على الملف الأصلي للصورة.. لذى عليك أن تتأكد قبل إجراء هذه العمليات، أن يكون لديك نسخة احتياطية من الصورة.. وسوف يقوم البرنامج قبل البدأ بإجراء أي تغيير بتنبيهك.. وذلك عن طريق ظهور رسالة تحذيرية شكل (4).. وللتراجع عن أي تغيير عليك بالضغط على أيقونة التراجع الموجودة في شريط standard.. أو من خلال القائمة edit>undo.

إذا كنت لا ترغب بظهور الرسالة التحذيرية في كل مرة قم باختيار المربع الموجود بجانب الجملة ” لا تظهر هذه الرسالة مرة أخرى“

القص / Crop :

لإجراء عملية القص على الصورة.. قم أولا بتحديدها ومن لوحة الخصائص.. اضغط على أيقونة القص / Crop .. سوف تظهر لك رسالة تحذير شكل (4).. اضغط موافق ok .. وقم بتحديد الجزء الذي ترغب في اختياره شكل (5).. ومن ثم اضغط مرتين بزر الفأرة الأيسر داخل المربع أو اضغط على مفتاح الإدخال Enter.. وللتراجع عن الخطوة السابقة اضغط على أيقونة التراجع undo.

إضافة العينات (pixels) / Resample :

ستلاحظ عند إضافة أي صورة للصفحة أنك غير قادر على استخدام هذه الأداة عليها حيث ستجدها باللون الرمادي أي أنها غير مفعله.. وعند تغييرك لمقاس الصورة بتكبيرها أو تصغيرها.. ستلاحظ تغير لون الأيقونة وهذا يعني قدرتك على استخدامها.. اضغط على أيقونة resample .. ولاحظ أن حجم الملف سوف يتغير بعدها، حجم الملف ستجده في أعلى الزاوية اليسرى لِلَوحة الخصائص.

درجة الوضوح / Brightness/Contrast :

قم باختيار الصورة.. ثم اضغط على الأيقونة الخاصة.. ستظهر نافذة للقيم قم بتغيير brightness و contrast .. إما بسحب المنزلق لكل منهما .. أو بتغيير القيم داخل مربع القيم .. ولاحظ التغيير الذي سيظهر على الصورة شكل (6).

حدة الصورة / Sharpen:

قم باختيار الصورة.. ثم اضغط على أيقونة Sharpen.. ستظهر نافذة أخرى بالقيمة قم بتغييرها إما بسحب المنزلق.. أو بتغيير القيمة من مربع القيم .. ولاحظ التغيير على الصورة شكل (7).

ستلاحظ وجود مربع بجانب كلمة معاينة (preview) في نافذة Brightness/Contrast و أيضا Sharpen.. اختيارك له يسمح لك بمشاهدة التغييرات فور تغير القيم مباشرة.. وبإلغائك الاختيار.. لن تتمكن من ملاحظة التغييرات إلا بعد إغلاق النافذة

ماهو الفلاش .. ؟؟

السلام عليكم ورحمة الله وبركاته ..
أهلا بأعضاءنا الكرام .. أعضاء الإقلاع ومشرفينها ..
في هذا الموضوع نتكلم عن الفلاش .. وماهو .. ومامحتواه .. وماعيوبه ….
وماأنواعه .. وغيرها ..

إن شاء الله الدرس يفيدكم ..
قد يتساءل البعض عن هذا الاسم الذي اصبح معروف في عالم الانترنت وما هو بالضبط …

تم انزال هذا البرنامج من شركة Macromedia المشهورة بالبرامج الرسومية , وكان له اهداف عدة اهمها انه يتعامل مع الرسوم المتجهه وليست الرسوم النقطية وايضا يعتبر برنامج لدعم صفحات الويب بالحركة , وقد نجحت الشركة في ذلك وتم اصدار البرنامج تحت اسم Macromedia Flash .

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

منذ فترة نزل اخر الاصدارات وهو الاحدث حتى الان تحت اسم Macromedia Flash MX . وهو اقوى برامج الرسوم الحركية في العالم
ما معنى اسم فلاش
————————-
لهذا السم عدة معاني ومنها .. الوميض , السرعة , ومعاني اخرى كلها تنطبق على هذا البرنامج , واتوقع شخصيا ان الشركة لن تجد اسم انسب من هذا الاسم .
—————————
ما هي الرسوم المتجهه
—————————
من المعروف ان الرسوم النقطية هي عبارة عن مجموعة نقط بجانب بعض تعطيك شكل صورة , او بالاحرى مربعات صغيرة بجانب بعض , لكن الرسوم المتجهه هي عبارة عن معادلات متعددة تحدد شكل الرسم فمثلا المربع الاسود يمكن تمثيلة بنقط ولكن كم نقطة يحتاج ؟؟ الكثير , اما في حالة انه متجه فيمثل بمعادلات تمثل الطول والعرض واللون الخاص بملء المربع فقط ؟؟؟ تخيل صغر حجم الملف …
—————————
من يستخدم الفلاش
—————————
يمكن استخدام الفلاش لصنع تواقيع في المنتديات للحركات الجميلة اللتي فيه , ويمكن ان يصنع منه مواقع ويب جميلة واعتقد انكم زرتم العديد منها , كما يمكن صنع العديد من البطاقات الالكترونية بالبرنامج , يمكن ايضا صنع واجهه ترحيبية لقرص ليزر cd يعمل autorun يجعلك تصل لما تريد من القرص بسرعة وسهولة مثل معضم اقراص الليزر , كما يمكن صنع لقطات متحركة كما في المواقع وهي صور GIF , كما يمكن تحرير الصور في فلاش كما في برنامج Photoshop , ويمكن انشاء عروض تقديمية كما في برنامج Powerpoint كما يمكن صنع عروض تقديمية للصور , ويكن انشاء شاشات توقف بالبرنامج ايضا …. ويمكن ان يكون هنالك العديد من الفوائد الاخرى … على فكرة كل ما ذكرت من اعمال , يعتبر الفلاش هو الاقوى فيها ما عدا تحرير الصور , فبرنامج Photoshop اقوى منه فقط لا غير … هاااه اقتنعتم بالفلاش ولا لا , الاشياء اللتي ذكرت جربتها ونجحت تماما …
—————————–
ما هي انواع ملفات الفلاش
—————————–
يمكن عمل الفلاش كبرنامج تطبيقي EXE للعمل دون الحاجة لبرنامج تشغيل ( ما قلت لكم انه يعمل كعروض و بطاقات و واجهة قرص ليزر ) ويمكن ان يعمل عن طريق برنامج Macromedia Flash Player 6 ويكون نوع الملف في هذه الحالة هو SWF وتعني Shock Wave Flash وكلمة Shock تعني ارتجاج او اهتزاز اما Wave فمعناها موجة .. ملفات SWF ممتازة لانها صغيرة في الحجم اكثر من EXE لان ملفات EXE هي عبارة عن ملف SWF مدمج معها Flash Player .. بمجرد تحويل ملف SWF الى EXE يرتفع الحجم بمعدل اكبر من 200 كيلو بايت وهو حجم Flash Player اللذي تم دمجه مع SWF …
يمكن القول ان SWF للاستخدام على الويب و EXE لمن لا يمتلك Flash Player او للعروض التقديمية …
—————————-
لماذا ملفات فلاش صغيرة
—————————-
كما ذكرت سابقا يتعامل الفلاش مع الرسوم المتجهه اللتي تعتبر اصغر حجما من الرسوم النقطية كما ان الفلاش لا يخزن رسم لاكثر من مرة …
مثلا لو كان لديك لقطة فيها ثلاث سيارات متشابهه . الصور النقطية تخزن كل ما امامها , اما الفلاش فيخزن صورة سيارة واحدة فقط ثم يكرر الصورة ثلاث مرات اي انه اظهر نفس النتيجة ولكن خزن سيارة واحدة مقابل ثلاث سيارات للبرامج الاخرى . اي برنامج ذكي في التعامل مع الرسوم , ممكن يسأل احد ويقول كيف يضع السيارة في المكان المناسب ؟؟ الفلاش ايضا يخزن نص صغير يحتوي على موقع كل صورة في اللقطة حتى يرجع كل سيارة لموضعها .
مثال اخر … لو كان لديك نص يتحرك من اليسار لليمين . البرامج الاخرى تخزن صور متتالية تعرض 6 صور في الثانية على اقل تقدير حتى تظهر متحركة امامك وهذا طبعا يأخذ حجم كبير جدا , لكن الفلاش يخزن النص ويخزن موضع الصورة قبل الحركة وموضعها بعد الحركة والوقت اللازم للحركة فقط يعني اصغر بكثير من البرامج الاخرى …
طيب ماذا عن حجم النصوص اللي تبين الموضع هل هي كبيرة الحجم ؟؟ الحقيقة لا ولكي اقنعك , كل المقال اللذي كتبت لك حجمه حتى الان 3 كيلو بس ؟؟؟ وتحديد موضع لقطة معينة حجمه بالبايت يعني ولا شي .
————————
برامج الفلاش الضرورية
————————
توجد بعض البرامج الضرورية اللتي تفيد حتى من لا يستخدم الفلاش ومنها :
Macromedia Flash Player 6 وهو برنامج تشغيل لقطات الفلاش SWF في الكمبيوتر الخاص بك .
Macromedia AX Flash 6 وهو عنصر تحكم Active X يتم تثبيته في متصفح الانترنت لكي يتمكن متصفحك من تشغيل لقطات الفلاش SWF و EXE في داخل المتصفح وهو الاكثر فائدة لمستعرضي الفلاش , يذكر ان هذه البرامج هي من صنع شركة Macromedia …
————————
عيوب الفلاش
————————
احد اهم عيوب الفلاش هو عدم قابلية البرنامج للكتابة بالعربية .. لكن يمكن الاستعانة ببرامج الكتابة بالعربية اللتي سوف اذكر بعضها لاحقا وهي برامج توجد في غالبية مواقع البرامج على النت .. احد العيوب الاخرى ان البرنامج ذو واجهه غير عربية , وبرامج التعريب ليست جيدة حتى الان لكن ممكن ان تتعامل مع البرنامج بالانجليزية ( مو اول برنامج نشتغل عليه بالانقليزي ) … غير هذه العيوب اعتقد لا يوجد …
————————
برامج مساندة للفلاش
————————
يوجد العديد من البرامج المساندة للفلاش والتي تم صنعها من شركات اخرى وبدعم من برنامج الفلاش ومن اهم هذه البرامج برنامج Swish وهو برنامج يسهل عملية التصميم لكنه مناسب للمبتدئين , اما المحترفين فهم يستخدمون البرنامج لتسهيل عمل المؤثرات النصية , فهو يدعم اللغة العربية تماما …
احد اهم البرامج برنامج A3D MAX وهو لدعم الكتابة بالعربية في الفلاش وهو غني عن التعريف …
ايضا يوجد برنامج MProjector وهو لجعل الفلاش حر وطليق في كل شيء منها حذف الاطار او تغيير الايقونة او تغيير حقوق الملكية والاسم الداخلي ….
برنامج Flash Forg وهو لتحويل الفلاش لشاشة توقف ..
كل هذه البرامج مجربة وتراها مفيدة يا شباب بس استخدم نسخة جيدة من هذه البرامج …
————————
عطنا اللي عندك
————————
اذا كان فيه ملاحظة على المقال اتمنى ان لا تبخلوا بالكتابة , او اي اقتراح اخر او معلومة , واتمنى الموضوعية في الكتابة يعني شي نستفيد منه مو واحد داخل محرك بحث ويعطينا مواقع ؟؟؟
ترى نعرف المحركات ونعرف مواقع الفلاش …. نبغى معلومات مفيدة عن الفلاش عموما دون الدخول في متاهات الفلاش ..

كيفية استخدام الكومبوننت ScrollBar

كيفية استخدام الكومبوننت ScrollBar
	القسم دروس فلاش ام اكس | عدد زيارات الدرس 1315 زياره

الطبقات- من اساسيات الفلاش

الطبقات

أولا : الطبقات

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

هذه هي المنطقة التي تخص الطبقات

ماهي الطبقات ؟

بكل بساطة هي طبقات Layer يمكنك أن تقسم علملك على عدد من الطبقات  مثلا لاحظ الرسم التالية

مثلا الدائرة على طبقة layer1 و المربع على الطبقة الثانية layer 2 ولو أردنا حذف الدائرة كل ما علينا فعله هو حذف الطبقة layer1 و أردنا ان تكون الدائرة فوق المربع علينا أن نرفع الطبقة الأولى فوق الثانية

ملاحظة

مسألة الطبقات  مهمة جدا خاصة في حالة رغبتك في تحريك الأشكال

أدوات الطبقات

1- إنشاء طبقة جديدة

لإنشاء طبقة  جديدة   نضغط على  سيضاف  طبقة جديدة فوق الطبقة التي ضغط عليها آخر مرة

2- أنت على هذه الطبقة

كيف تنتقل من طبقة لأخرى ؟ فقط اضغط على الطبقة للإنتقال لها

3- حذف الطبقة

لحذف الطبقة تأكد من أنك على هذه الطبقة و اضغط على زر

4- نقل طبقة فوق أخرى

نضغط على الطبقة و نسحبها فوق او تحت الطبقة التي نريد

5- إخفاء أو قفل الطبقة

نضغط على المنقطة لإقفال الطبقة كما في الصورة و تصبح الطبقة مقفلة لا يمكن التعديل  عليها و لإزالة القفل نضغط على نفس المنطقة مرة أخرى

كما يمكن اخفاء الطبقة بحيث لا تظهر محتوياتها على مسرح العمل و يمكن إعادة إظهارها بالضغط على نفس المنطقة