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

[روان أم المثنى]

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

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

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

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


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





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

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







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





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





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

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

[روان أم المثنى]

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









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

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

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

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












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





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

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

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

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

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

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

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











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

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

[روان أم المثنى]

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



















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

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

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










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

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

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

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


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

[كنفاني]

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

مشكورة اختي

[رزان]

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

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

تحياتي ،،

[بنت الشهباء]

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

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

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