شرح تقطيع واجهة وتركيب الروابط عليها > شرح

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



++++++

بعد الانتهاء من تصميم واجهة الموقع عليك بتقطيعها بشكل سليم (وهذا موضوعي)

وبعد التقطيع يتبقى تركيب الروابط

ومن ثم رفعها الى الانترنت

نفتح الصورة ببرنامج الفوتوشوب



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

يتم التقطيع بواسطة الاداء التي سبق وان اشرت اليها سابقا



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



نواصل تقطيع بقية العمل نبدأ الضغط عن زاويه ونسحب الى الزاويه المقابله (كما في الصورة اعلاه نبدأ من حيث النقطة السوداء وننتهي عند النقطه الزرقاء المقابله ، طبعا كل قطعه راح تكون لوحدها يعني الرئيسيه لوحدها ثم نأتي للتي اسفل منها ( المنتديات) ثم التي اسفل منها ثم نواصل تقطيع بقية العمل بنفس الطريقة الى ان ننتهي منه كاملا


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



نضعط على حفظ كما في الصورة ادناه



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



بعد الحفظ نغلق الفوتوشوب

======================


نتوجه الى المجلد الذي حفظنا العمل فيه وسوف تلاحظ وجود ملف اسمه images وهذا الملف سوف تجد فيه الصور التي قمت بتقطيعها قبل قليل ، وسوف تجد ايضا ملف بصيغة HTML ************************************************** ************************************************** ************************************************** ************************************************** ************************************************** ****** وسوف تجده يحمل الاسم الذي حفظت به قبل قليل ((/w w w . h a m m s s))



اذا الان انتهينا من التقطيع وبقي تركيب الروابط بواسطة برنامج الفرونت بيج

الان توجه الا الملف w w w . h a m m s s واضغط عليه كلك بزر الماوس الايمن واختر فتح بواسطة فرونت بيج

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



اختر العنوان كما في الصوره ادناه



اكمل بنفس الطريقة على جميع الصور التي تود تركيب الروابط عليها (الرئيسيه ، المنتديات ، البرامج ، البلوتوث ، مكتبة الصور ، ، ، الخ

سوف تلاحظ وجود اطار ازرق حول جميع الصور التي قمت بتركيب الروابط لها وسوف تجد ان العمل بدا شكله غير مرتب


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



غير سمك الحدود الى ( صفر ) كما في الصوره ادناه



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

الان اضغط على حفظ واغلق الصفحه


وافتح الملف w w w . h a m m s s

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



انتهى الشرح بحمد الله وتوفيقه ، اتمنى يكون واضح


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

يسلمو ع مرورك للموضوع

اسعدني تواجدك

اوك بشوف الصوره

وانزلها