درس كيفية تصميم واجهة موقع وكيفية وضع الروابط بالتصميم
الدرس هو عباره عن امر مهم لاصحاب المواقع سواء مجانية او رسميه
وللعلم اي شخص يستطيع ان يركب هذه الواجهه في اى موقع مجاني وان شاء الله نتطرق لكيفية التركيب فيما بعد
الانطلاقه
تقوم بفتح لير جديد بمقاس 800 # 600 والخلفية بيضاء
قم باختيار اي لونين تجدها مناسبه لذوقك او لشكل تصميمك
انا قمت باختيار هذه الالوان
ثم اذهب لايقونة تدرج الالوان Gradint tool
قم بعمل سحب من الاعلى الى الاسفل ليخرج لك هذا الشكل
الان قم بعمل لير متطابقه
ولاتنسى ان تجعله soft light
ليكون بهذا الشكل
اللحين انت وشطارتك في صنع البنر والايقونات
انا صنعتها بطريقة عادية جداً واستخدمت مثل ما في الصورة
اللحين انا انتيهت من تصميم البنر وازرار التوجيهات مثل كلمة منتدى او رئيسيه
جاء اللحين دور اختيار واحد من الازرار لاعطائه رابط
اخترت اول زر من الاعلى واستخدمت اداة التقطيع
بعدما مررت اداة التقطيع على اول زر
قم بالضغط بالماوس الايمن لكي يخرج لك قائمه وين Edit Slice Option
قم بالضغط عليها
فتخرج لك مربع وفيه كل الاشياء التي تريد ان تضيفها
اما السهم الاول ضع رابط المكان الذي تريد توجيه الزوار والاعضاء له
والسهم الثاني ضع اسم هذا الرابط بالعربي لان عندما يمر الماوس على الرابط يظهر اسفل شريط الاكسبلور
الان كيف تحفظ العمل؟
اذهب من الاعلى الى file ثم save for web
بمجرد الضغط على save for web سوف تنتقل الى هذه الصفحه
كل ماعليك الا الضغط على save
وكما تلاحظ انني لم اضع اي روابط على جميع الزرار وانما اول زر فقط
بعد الضغط على كلمة save وهو تحديد مكان الحفظ
طبق مافي الصورة لعملية الحفظ (( مهم ))
بعد الحفظ والتوجه لمكان الحفظ فانك سوف تجد العمل الذي حفظته اوتماتيك قد انشئ مجلد للصور وملف للعمل
الان اتى دور الرفع للواجهه (( طريقة هذا الرفع خاص بالمواقع الرسميه )
وسوف نتطرق لكيفية الرفع للمواقع المجانيه باذن الله
الان تقوم بفتح برنامج ftp
,وتقوم بالضغط عليه
ثم ترفع المحتويات من مجلد الصور والملف الذي قمت بعمله
الدرس هو عباره عن امر مهم لاصحاب المواقع سواء مجانية او رسميه
وللعلم اي شخص يستطيع ان يركب هذه الواجهه في اى موقع مجاني وان شاء الله نتطرق لكيفية التركيب فيما بعد
الانطلاقه
تقوم بفتح لير جديد بمقاس 800 # 600 والخلفية بيضاء
قم باختيار اي لونين تجدها مناسبه لذوقك او لشكل تصميمك
انا قمت باختيار هذه الالوان
ثم اذهب لايقونة تدرج الالوان Gradint tool
قم بعمل سحب من الاعلى الى الاسفل ليخرج لك هذا الشكل
الان قم بعمل لير متطابقه
ولاتنسى ان تجعله soft light
ليكون بهذا الشكل
اللحين انت وشطارتك في صنع البنر والايقونات
انا صنعتها بطريقة عادية جداً واستخدمت مثل ما في الصورة
اللحين انا انتيهت من تصميم البنر وازرار التوجيهات مثل كلمة منتدى او رئيسيه
جاء اللحين دور اختيار واحد من الازرار لاعطائه رابط
اخترت اول زر من الاعلى واستخدمت اداة التقطيع
بعدما مررت اداة التقطيع على اول زر
قم بالضغط بالماوس الايمن لكي يخرج لك قائمه وين Edit Slice Option
قم بالضغط عليها
فتخرج لك مربع وفيه كل الاشياء التي تريد ان تضيفها
اما السهم الاول ضع رابط المكان الذي تريد توجيه الزوار والاعضاء له
والسهم الثاني ضع اسم هذا الرابط بالعربي لان عندما يمر الماوس على الرابط يظهر اسفل شريط الاكسبلور
الان كيف تحفظ العمل؟
اذهب من الاعلى الى file ثم save for web
بمجرد الضغط على save for web سوف تنتقل الى هذه الصفحه
كل ماعليك الا الضغط على save
وكما تلاحظ انني لم اضع اي روابط على جميع الزرار وانما اول زر فقط
بعد الضغط على كلمة save وهو تحديد مكان الحفظ
طبق مافي الصورة لعملية الحفظ (( مهم ))
بعد الحفظ والتوجه لمكان الحفظ فانك سوف تجد العمل الذي حفظته اوتماتيك قد انشئ مجلد للصور وملف للعمل
الان اتى دور الرفع للواجهه (( طريقة هذا الرفع خاص بالمواقع الرسميه )
وسوف نتطرق لكيفية الرفع للمواقع المجانيه باذن الله
الان تقوم بفتح برنامج ftp
,وتقوم بالضغط عليه
ثم ترفع المحتويات من مجلد الصور والملف الذي قمت بعمله