الاثنين، أكتوبر 24، 2011

انشاء صفحه ترحيب بصفحه الفيس بوك ( الجزء الثاني )




انشاء صفحه ترحيب بصفحه الفيس بوك ( الجزء الثاني )

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





اعلم ما يدور في اذهانكم , فمن الصعب علي شخص مبتدأ تصميم بلغة الـ HTML , ولكن لا تقلق ففي نهاية الموضوع سوف تري كم هو سهل و بسيط .. ,



1 - سوف نستعين بالفوتوشوب في تصميم الصورة الرئيسية .. يمكنك الاستعانه باداة الفوتوشوب الاون لاين من هنا  , او بالاستعانه باي اداة اون لاين لتصميم صورة ( مثلا باداة Picnik ) .. ( انا سوف استخدم الفوتوشوب :) .. )


بعد تصميمي للصورة اصبحت بالشكل التالي ... ,


( قمت بمراعاه ان يكون التصميم بسيط , لكن يمكنك ان تقوم بالتصميم باي شكل تريد .. )

الان , جاء وقت , اضافة الروابط داخل الصورة وتحويلها الي اكواد ... ,


افضل مواقع رفع الصور
1 - قم برفع الصورة علي اي مركز رفع , يمكنك الاستعانه بهذا الموضوع ( )

هنا
2 - قم بالدخول الي هذه الاداة الاون لاين من , ثم قم بوضع رابط الصورة كما يلي ..


ثم انتظر قليلا ( العد التنازلي ) , ثم اضغط علي Next Step




ثم اضغط علي




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


( قم بالضغط علي الصورة لرؤيتها بصورة اكبر وتشغيلها .. )



لاحظ : هام جداا .. في الشرح نسيت ان اقوم بوضع علامة علي جملة " USE CSS .. "





بعد الضغط علي Get the code , سوف تظهر لك صفحة قم باختيار CSSCode





بعد ذلك قم بالتوجهه الي FBML , ثم ضع الكود ....



بس كدا .... ,








اتمني ان يكون الشرح كافي , واعتذر عن اي تقصير في الشرح , بالتوفيق



( لاحظ : هذا الشرح مكمل للجزء الاول من هنا )

ملاحظات

Eng. Amr Shaaban
0124688533 -  0116706726
www.CompuAmr.blogspot.com

ليست هناك تعليقات:

إرسال تعليق

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود