أكاديمية المربد: الدرس الرابع

http://slaw.unblog.fr/files/2008/06/salam.gif

الأخوات الكريمات الأخوة الأفاضل في المربد وأعضاء الأكاديمية وجميع الزوار

أسأل الله أن ينفعنا جميعا ونستمتع معا بتصميم مواقنا الشخصية بأنفسنا ليكون لها طعم مميز جميل

ونستغل ما منّ الله علينا من تقنيات الشبكة والحاسوب لخدمة معتقدنا الأسمى وقوميتنا الأبية الكريمة

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


نبدأ باسمه تعالى


http://img137.imageshack.us/img137/4980/37190814hr3.gif


أنشئ مجلدا (Mysite) في أحد أقراصك D أو C وافتح برنامج الفوتوشوب

ثم افتح الواجهة التي قمت بتصميمها في الدرس الأول أو الثاني كما ترى في الصورة:

http://islamic333.jeeran.com/dars4_01.jpg


http://islamic333.jeeran.com/dars4_02.jpg


الآن قمت برسم مربعات (بهذه الأداة slice tool أعلاه) لتقسم صورة الواهجة إلى عدة أقسام


http://islamic333.jeeran.com/dars4_03.jpg


لتكون النتيجة النهائية كما تشاهد هنا بالضبط


http://islamic333.jeeran.com/dars4_04.jpg


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

حاول مراعاة عدم ترك أجزاء من الصورة دون أن تضمها داخل التقسيم كما تشاهد أعلاه.

احفظ الصورة الآن بتنسيق الويب هكذا..

http://islamic333.jeeran.com/dars4_05.jpg



http://islamic333.jeeran.com/dars4_06.jpg



الآن قم بتسمية الملف (Index) ليكون صفحتك الرئيسة في موقعك..

سيتم حفظ الملف تلقائيا بنوع صفحة ويب html ثم سيدرج البرنامج بنفسه

مجلدا خاصا بالصور Images المقسمة لتكون النتيجة النهائية إذا

فتحت مجلد موقعك الخاص MySite هكذا..

http://islamic333.jeeran.com/dars4_07.jpg


http://islamic333.jeeran.com/dars4_08.jpg


http://islamic333.jeeran.com/dars4_09.jpg


http://islamic333.jeeran.com/dars4_10.jpg

هكذا ستفتح معك الصفحة هكذا..

http://islamic333.jeeran.com/dars4_11.jpg



وستلاحظ أن الصور وضعت تلقائيا في جدول مرتب مخفي الحدود لتسهل عملية الاستعراض

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

أن يكون سريعا في الظهور للمستخدم (متصفح موقعك) هو الواجهة دون شك..

لهذا السبب قمنا بتقسيم صورة الواجهة لتظهر جزءا جزءا وبشكل سريع،

وهي الطريقة التي تستخدمها جميع المواقع تقريبا..

الآن.. أغلق هذه الصفحة وسنعود إليها لاحقا..

الآن قم بفتح صفحة جديدة في فرونت بيج او ويب ديزاينر، ثم أنشئ جدولا بالإعدادات التالية:

http://islamic333.jeeran.com/dars4_12.jpg


http://islamic333.jeeran.com/dars4_13.jpg


http://islamic333.jeeran.com/dars4_14.jpg

http://islamic333.jeeran.com/dars4_15.jpg

وصمم عنوان الصفحة شبيها بهذا الشكل.. ثم صمم المزيد من العناوين لصفحاتك التالية

(ما الجديد.. منشوراتنا.. كتب للتحميل.. الخ)

http://islamic333.jeeran.com/dars4_M.gif

http://islamic333.jeeran.com/dars4_16.jpg

http://islamic333.jeeran.com/dars4_17.jpg



أو استخدام شريط الأدوات الخاص بالخط


http://islamic333.jeeran.com/dars4_18.jpg


http://islamic333.jeeran.com/dars4_19.jpg


http://islamic333.jeeran.com/dars4_20.jpg
http://islamic333.jeeran.com/dars4_21.jpg


http://islamic333.jeeran.com/dars4_22.jpg


http://islamic333.jeeran.com/dars4_23.jpg

http://islamic333.jeeran.com/dars4_24.jpg

الآن عليك الاهتمام بخصائص صفحتك، مثل العنوان الذي سيظهر في متصفح المستخدم،

أو في مفضلته حين يضيف صفحتك أو موقعك، هذه الخصائص يمكنك تطبيقها

على كافة الصفحات في مجلد موقعك الخاص..


http://islamic333.jeeran.com/dars4_25.jpg


http://islamic333.jeeran.com/dars4_26.jpg


http://islamic333.jeeran.com/dars4_27.jpg

لا تنس حفظ التغييرات التي أجريتها

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

حاليا أنشئ ثلاث صفحات جديدة بنفس الطريقة..

مثلا: تحميل الكتب- اتصل بنا- منشوراتنا


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

بارك الله فيكي
جهد رائع
ونجاح رائع في ايصال المعلومة يضاف للدروس الثلاثة الاولى

مشكورة اختي

بارك الرحمن في جهودكِ أيتها الغالية روان

لكِ ودي وعبير وردي دائماً

تحياتي ،،

سلمك الله ورعاك وحفظك من كل سوء
يا غاليتي روان

وبارك الله لك في جهدك المميز

وسأبذل جهدي على أن أقوم بواجبي للدرس الرابع بإذن الله