[درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

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

السلام عليكم ورحمه الله وبركاته

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

وسامحوني على الشرح ان حصل فيه اى تقصير

هذا الدرس في غاية الاهميه

الدرس هو عباره عن امر مهم لاصحاب المواقع سواء مجانية او رسميه

وللعلم اي شخص يستطيع ان يركب هذه الواجهه في اى موقع مجاني وان شاء الله نتطرق لكيفية التركيب فيما بعد

الانطلاقه

تقوم بفتح لير جديد بمقاس 800 # 600 والخلفية بيضاء





قم باختيار اي لونين تجدها مناسبه لذوقك او لشكل تصميمك

انا قمت باختيار هذه الالوان



ثم اذهب لايقونة تدرج الالوان Gradint tool



قم بعمل سحب من الاعلى الى الاسفل ليخرج لك هذا الشكل



الان قم بعمل لير متطابقه



ولاتنسى ان تجعله soft light

ليكون بهذا الشكل



اللحين انت وشطارتك في صنع البنر والايقونات

انا صنعتها بطريقة عادية جداً واستخدمت مثل ما في الصورة



اللحين انا انتيهت من تصميم البنر وازرار التوجيهات مثل كلمة منتدى او رئيسيه

جاء اللحين دور اختيار واحد من الازرار لاعطائه رابط



اخترت اول زر من الاعلى واستخدمت اداة التقطيع



بعدما مررت اداة التقطيع على اول زر

قم بالضغط بالماوس الايمن لكي يخرج لك قائمه وين Edit Slice Option



قم بالضغط عليها

فتخرج لك مربع وفيه كل الاشياء التي تريد ان تضيفها



اما السهم الاول ضع رابط المكان الذي تريد توجيه الزوار والاعضاء له

والسهم الثاني ضع اسم هذا الرابط بالعربي لان عندما يمر الماوس على الرابط يظهر اسفل شريط الاكسبلور

الان كيف تحفظ العمل؟
اذهب من الاعلى الى file ثم save for web



بمجرد الضغط على save for web سوف تنتقل الى هذه الصفحه



كل ماعليك الا الضغط على save
وكما تلاحظ انني لم اضع اي روابط على جميع الزرار وانما اول زر فقط

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



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

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

الان تقوم بفتح برنامج ftp



,وتقوم بالضغط عليه

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