نبتدئ اليوم دروسنا في قواعد البيانات

إدارة قواعد البيانات

 نبذه عن الملفات و تخزين البيانات وتطور قواعد البيانات

بالاضافة إلى التحليل والتصميم والانشاء لقواعد البيانات 

مرورا بلغة SQL وبعض قواعد الجبر العلائقي

الملفات

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

(Insert panel ) 

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

نحن الان مع الدرس الثالث في دروس الدريموفر ونعتذر على الانقطاع في الفترة الماضية

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

مرحبا بكم في الدرس الثانى من برنامجنا (Dreamweaver cs5)

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

الموجودة في اسفل شاشة الترحيب وهى تسأل المستخدم اذا ما كان يريد عدم اظهارها مرة اخرى عند فتح البرنامج مرة اخرى وعند الضغط عليها فانه عند فتح البرنامج من جديد فانها لن تظهر ولاظهارها مرة اخرى فاننا نقوم بالخطوات الاتية :

1- ندخل على قائمة (Edit)ثم نختار منها (preferences) وسيظهر المربع الحوارى التالى :

اولا : تعريف بالبرنامج

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

ثانيا :  واجهة البرنامج

 شاشة الترحيب التى تظهر عندما نفتح البرنامج وفيها : welcome screenهذه الصورة ل

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

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

اما المنطقة المظللة الثانية نحدد فيها مسار الملف (اى مكانه على الجهاز ) .....   وبعد ان نقوم بهذا العمل فاننا نقوم بحفظ ما صنعناه .

وايضا من هنا نقوم بعمل ملف خاص بالصور وسنذكر في الدروس القادمة باذن الله ضرورة هذا العمل وسنفعل ذلك من خلال الضغط (Advanced settings) على

وسيظهر ايضا المربع الحوارى التالى ونختار اول اختيار على اليسار الاختيار المظلل 

 وبعد ذلك كل ما سنقوم به هو تحديد مسار ملف الصور وبالطبع سيكون داخل ملف الموقع (ومكانه مظلل) وبعد ذلك نقوم بالحفظ .

6- من هذه الايقونة عندما نقوم بفتحها فانه ستظهر لنا قائمة نقوم من خلالها باختيار نوع الصفحة التى نريدها وايضا يوجد في البرنامج صفحات مصممة جاهزة يمكننا استخدام احداها

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

في هذه الصورة نقوم باختيار منها ما ذكرناه مسبقا ففي العمود الاول من ناحية اليسار نختار الاختيار الاول اي صفحة فارغة

 ومن العمود الثانى نختار نوع الصفحة المرادة ومن العمود الثالث نختار منها تصميم جاهز او نترك الصفحة فارغة  وذلك من الاختيار الاول  الموجود في هذا العمود ثم نضغط على

انشاء وبذلك سنقوم بانشاء اول صفحات موقعنا - Create

7- عند الضغط على هذه الايقونة فانها ستدخلك الى فيديوهات شرح للبرنامج ولكن على ( موقع ادوبي)  وايضا (8 ) فانها ستدخلك على الموقع ايضا

اما رقم (9) فانها تخص لو انك لديك اى مشاركات تخص البرنامج تريد رفعها الى الموقع

وهناك بعض الملاحظات التى يجب الانتباه اليها عند العمل في تصميم موقع قبل البدء وهى

اولا : يجب ان نقوم بتخيل شكل الموقع وتخطيطه على ورقة قبل البدء فيه حتى نقوم بالتصميم بخطوات واضحة

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

ثالثا: ايضا يجب تجميع اعمال الفلاش المستخدمة او اي اشياء اخرى تخص الموقع كل في ملف خاص به ثم نضعها في ملف الموقع

رابعا : طبعا يجب ان نكون قد جهزنا كل ما يخص الموقع من صور وملفات فلاش واى اشياء اخرى قبل البدء في العمل في الموقع

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

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

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



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

ارجو من الله لكم الاستفادة...

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

http://www.youtube.com/watch?v=HkBDfmz3viI&feature=youtu.be ده رابط الدرس

اهلا ومرحبا بكم فى درس جديد من دروس سلسلة عالم الفوتوشوب ..... موعدنا اليوم مع تركيب الملحقات والادوات المساعدة للفوتوشوب ( مثل ..... الخطوط - الفرش - الباترن - الانماط )

نبدا الدرس

 ::::: تركيب الملحقات :::::

اولا تركيب الفرش

واليكم بعض المفاهيم الاساسيه فى عالم الالوان اللانهائى 

مفاهيم اساسية:

الالوان الاساسية:هى اصل الالوان جميعا وهى ثلاثة:الاحمر-الازرق-الاصفر و سميت بالالوان الاساسية لانه لا يمكن استنباطها من الالوان الاخرى

الالوان الثنائية:نحصل عليها اذا مزجنا لونين اصليين بنسب متساوية نتج لون ثالث هو ما نطلق عليه لون ثنائى و بهذه الطريقة نحصل على ثلاثة الوان ثنائية هى الاخضر -البنفسجى-البرتقالى و الالوان الاساسية مع الالوان الثنائية هى الالوان التى يطلق عليها الالوان الستة القياسية

يمزج كل لون اساسى مع مايجاوره من اللون الثنائى ينتج ستة الوان ثنائية متوسطة و هى : 
اخضر مصفر-اخضر مزرق-بنفسجى مزرق-بنفسجى محمر-برتقالى محمر-برتقالى مصفر

و بهذا نحصل على مجموع الوان الدائرة المكونة من اثنى عشر لونا و هى: 
3 الوان اساسية 3 الوان ثنائية 6 الوان ثنائية متوسطة 


و تسمى الالوان الثنائية الناتجة حسب اللون الاكثر وضوحا فى المخلوط فاذا مزجنا (احمر+احمر+اصفر)نتج البرتقالى المحمر لان الاحمر اكثر و ضوحا و هكذا 

الالوان الساخنة و الباردة و تاثيراتها: 

الالوان الساخنة: تتضمن الاحمر و الاصفر و البرتقالى و قد سميت بالالوان الساخنة او الدافئة لانها تذكرنا بالوان النار و الدم و هى مصدر للدفئ 

اما الالوان الباردة: فتشمل الازرق و الاخضر و البنفسجى و قد سميت بالباردة لانها تتفق مع لون السماء و الماء و هما مبعث البرودة 

ان من اهم التاثيرات للالوان الباردة و الساخنة فى التصميم او التكوين انها تلعب دورا كبيرا فى الاحساس بالعمق فالالوان الحمراء و الصفراء و البرتقالية كالوان ساخنة لها دلالة فى التصميمات او التكوينات بانها تظهر اقرب الى المشاهد واكثر تقدما من الالوان البارد. 


الالوان المتكاملة: هى الالوان المتقابلة مع اللون الاساسى على دائرة الالوان. 
فاللون الاحمر الاساسى يقابله و يكمله اللون الاخضر الذى يتكون من مزج اللونين الاساسيين الاخرين و هما الازرق+الاصفر. 

و فيما يلى بعض الاسس التى تفيد عند استخدام الالوان او اختيارها: 

اللون الاحمر يزيد تقدما او بروزا عندما يكون لون مؤخرة التكوين لون مكمل وهو الاخضر 

اللون الاصفر يزيد تقدما عندما يكون لون مؤخرة التكوين لون مكمل و هو البنفسجى 

كما ان تاثيرات الالوان الدافئة فى التكوين او التصميم انها تظهر اكبر مساحة من مساحتها الحقيقية حيث انها لها صفة الانتشار البصرى. 
اما الالوان الباردة فتظهر اقل مساحة من مساحتها الحقيقية حيث انها لها صفة التقلص.

الالوان المحايدة: 
هى الابيض و الاسود و الرماديات العديدة التى تستنبط من مزج الابيض و الاسود و الرماديات التى تستنبط من مزج الالوانالاساسية الثلاثة و يهتم الفنان و المصمم بالالوان الحيادية اهتماما بالغا فالالوان الحيادية تعالج كثيرا من المشاكل الفنية فى التكوين او التصميم حيث ان خواصها تتمثل فى:
*انها غير متواجدة على الدائرة اللونية.
*تعتبر لا لون لها.
*دائما تتوافق مع اى مجموعة لونية. 

عجلة الالوان الاساسية 

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

نبدا الدرس

 ::::: الاختصارات فى  الفوتوشوب :::::

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

اهلا بكم فى اولى سلسلة دروس عالم الفوتوشوب

سوف نتطرق فى هذة السلسة  لشروحات ودروس كثيرة 

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

حتى نصل الى الاحتراف الكامل لهذا البرنامج

على صعيد تصميم الدعاية والاعلان وتصميم الويب

وسوف نبدا بأساسيات هذا البرنامج الى ان نصل الى الابداع والاحتراف 

فى مجال الدعاية والاعلان ثم منة لنصبح مبدعين فى تصميم الويب

ولنبدا على بركة الله 

اولى دروسنا

 ::::: قوائم الفوتوشوب :::::

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

طول عمرنا نعرف الالوان الاساسيه 3 الوان وهما احمر وازرق واخضر Red & Green & Blue  لكن كانت المشكله عندنا ان في حاجه اسمه تدرج لوني يعني مثلا اللون الازرق بيبدا من الابيض ويبدا يبقى سماوي بعدين سماوي غامق بعدين اغمق وافمق لحد ميوصل لازرق غامق المسمى ازرق بيبسي ، طيب من اول الابيض لحد ازرق بيبسي عدد الالوان المتدرجه من الازرق هو 256 لون او 256 درجه للون . يبقى هنا عندنا 256 درجه لون ازرق و 256 درجه لون احمر و 256 درجه لون اخضر

ولان دي درجات قليله جدا في مجال الحياه والجرافيك ومع التطور تم التغيير من نظام RGB  الاحمر والازرق والاخضر الي نظام جديد اسمه CMYK  الي هو C= Cyan – M = Magenta – Y=Yellow – K= Black  لبني و روز و اصفر واسود وهنا التدرج الوني وصل لاكتر من 15 مليون لون في اللون الواحد.

هنا نلاحظ ان في نظام RGB  كان التدرج اللوني 256 لون وفي نظام CMYK  اكتر من 16 مليون تدرج لوني

ويلاحظ نظام الالوان الجديد في انواع البرنتر الجديد هنلاقي ان كارتج الحبر عباره عن اربع C – M – Y – K

ومثال اخر الموبايلات الالوان اول مظهرت قارن الوانها بالموبايلات الحديثة ولو بصينا في مواصفتها التقنيه هنلاقي مكتوب يا 256 لون يا 16 مليون لون.

وده كانت نبذه صغيره عن الفرق بين RGB - CMYK

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

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

تعلم أساسيات

1- اختيار مجال معين في تصميم الجرافيك

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

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

2-اكتساب الأدوات

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

3- احصل على  دورات في تصميم الجرافيك

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

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

خلينا نشوف مثلاً الإعلان(  ده ) لشركه شيبسى
اخدتوا بالكم اية اللى حصل و ايه الفكره اللى وصلت من الاعلان؟
الشركة هنا كانت عايزه توصل للعميل ان المنتج بتاعه مايتقاومش و انك بمجرد ما تشوفه هاتبقى عايز تشتريه,
فققرت انها تحطه قدام الناس فى مكان مش منفذ بيع ولا متوقع انك تلاقى فيه المنتج ده اصلا و استغلت فكره انه مجانى و كل المطلوب من العميل شويه مجهود صغير و ياخد المنتج ,
هنا العميل بدون مقاومه فعلا بدأ يدور على طريقه يوصل بيها للمنتج عن طريق كسر الحاجز اللى بينه وبين المنتج
وفعلاً الناس ماسكتتش غير لما كسرت الحاجز ووصلت للمنتج فعلًا
هنا الإعلان وصل لهدفه فعلًا واكد لنفسه وللعميل انه المنتج بتاعه مايتقاومش من المستهلك
وهو ده معنى الإعلان الناجح.

ده  اول فيديو ان شاء الله  فى سلسلة شرح برنامج الفلاش وطريقة عمل الحركه (animation) من خلاله باسلوب احترافى وابداعى ..
وسنبدا فى هذا الدرس بالتعريف بواجهة المستخدم للبرنامج(user inter face)  والتعرف على قوائم البرنامج واعداد مساحة العمل لبداية مشروعك الخاص .......

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