:: مكتبة دروس التصميم ::

مكتبة دروس التصميم » برنامج الفوتوشوب » تصميم وتركيب توقيع متغير .. خاص بألبوم الصور 4images .. لأصحاب المواقع

 تصميم وتركيب توقيع متغير .. خاص بألبوم الصور 4images .. لأصحاب المواقع  ط£ط¶ظٹظپ ظپظٹ: 9-1-1428هـ
بسم الله الرحمن الرحيم

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


بسم الله نبدأ

اولا نعطيكم مثال على الدرس

http://www.mr-sa.com/gallery/signature.php

يمكن البعض يشوف التوقيع عادي ويقول وش من جديد فيها ؟

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

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

images ---------> عدد الصور في الموقع ..وكم صورة جديدة في المكتبة

Members ---------> عدد الأعضاء المسجلين في مكتبة الصور

Categories ---------> عدد الاقسام في مكتبة الصور

Online ---------> عدد الاعضاء المتواجدين حاليا في المكتبة ( ويوضح لنا كم عضو و كم زائر )

Newest member ---------> اخر الاعضاء المسجلين في المكتبة

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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


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


نأتي الان لمرحلة التصميم :

اولا ً : نفتح برنامج الفوتوشوب .. ونفتح عمل جديد بمقاس ما يقارب 450 للعرض و 100 للإرتفاع

http://www.mr-sa.com/droos/upsa/twge3/1.jpg

ونبدا بعمل خلفية او برواز للتوقيع بشكل مشابه للشكل التالي ..

http://www.mr-sa.com/droos/upsa/twge3/2.jpg

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


الان بعد عمل النموذج .. نأتي لخطوه هامة جدا جدا .. وهي خطوة حفظ العمل
ويتم ذلك من خلال الكيبورد نضغط على : Alt + Control + Shift + S

بيفتح لنا الان نافذة حفظ العمل .. ونختار منها الإمتداد png كما هو بالصورة التالية

http://www.mr-sa.com/droos/upsa/twge3/3.jpg

مثل ما تشوفون اخترنا png ومهم جدا يكون هذا امتداد الحفظ ..

ونحفظ بعدها العمل باختيار Save

ونسمي الصورة باسم : signature << الاسم إلزامي .. يعني لا تسميها غير كذا


الان حمل الملف التالي

http://www.mr-sa.com/droos/upsa/twge3/signature.rar

سوف تجد فيه ملف php باسم signature

افتح الملف ببرنامج المفكره ... وسوي بحث عن العنوان التالي Mr-sa.com واستبدله بعنوان موقعك

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

طبعا الان تكون عندنا ملفين .. واحد ملف النموذج اللي هو التوقيع اللي عملناه وهو باسم signature.png
والاخر ملف البي اتش بي وهو باسم signature.php

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

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

http://www.xxxxx.com/gallery/signature.php

ونقوم بالتعديل على xxxxx باسم موقعك و gallery هو اسم مجلد ألبوم الصور قم بتغييره الى نفس اسم المجلد لديك .. وبعدين نسوي نسخ للرابط

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

وبكذا بتلاقي التوقيع شغال معك .. بإذن المولى عز وجل

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

http://www.mr-sa.com/droos/upsa/twge3/signature2.rar

:: انتهى الدرس والشرح ::

ولتحميل الدرس كاملا على جاهزك في ملف وورد .. من هنا
http://www.mr-sa.com/droos/upsa/twge3/twge3.rar


وانا حاضر لأي استفسار بخصوص الدرس

لكم من الود أطيبه
عبد الله

ط§ظ„ظƒط§طھط¨: همـ المشاعر ــس ط§ظ†ظ‚ط± ظ‡ظ†ط§ ظ„ظ…ط±ط§ط³ظ„ط© همـ المشاعر ــس ط£ظ†ظ‚ط± ظ‡ظ†ط§ ظ„ظ„ط¥ظ†طھظ‚ط§ظ„ ط¥ظ„ظ‰ ظ…ظˆظ‚ط¹ همـ المشاعر ــس ط¥ط¶ط§ظپط© ظ„ظ„ظ…ظپط¶ظ„ط© ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Google ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Delicious ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Digg ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Facebook
ط®ظٹط§ط±ط§طھ ط§ظ„ط¯ط±ط³ : ط§ط±ط³ظ„ ط§ظ„ط¯ط±ط³ ظ„طµط¯ظٹظ‚ ط§ط±ط³ظ„ ط§ظ„ط¯ط±ط³ ظ„طµط¯ظٹظ‚  ط·ط¨ط§ط¹ط© ط§ظ„ط¯ط±ط³ ط·ط¨ط§ط¹ط© ط§ظ„ط¯ط±ط³  ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ Word ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ Word  ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ PDF ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ PDF

ط§ظ„طھط¹ظ„ظٹظ‚ط§طھ
ظ„ط§ ظٹظ€ظˆط¬ظ€ط¯ طھظ€ط¹ظ„ظٹظ€ظ‚ط§طھ ط¹ظ„ظ‰ ظ‡ظ€ط°ط§ ط§ظ„ظ€ط¯ط±ط³