كيف تصمم بوابة انيقه وتركبها في موقعك ..؟؟ ( شرح بالصور )

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



أهلا بكم إخواني وأخواتي مع جديدنا الإبداعية ..



فاليوم سنشرح لكم كيف يمكنك أن تصمم بواة لموقعك وتركبها على موقعك ..



هي صعبة شوي وراح تأخذ منك وقت لكن الصبر جميل ..



في البداية راح تحتاج إلى برنامجين فقط ..



1:: Adobe Photoshop CS



2:: Microsoft Office FrontPage 2003



حمل البرامج هذي وتعال هنا لتكمل الشرح ..





طبعا كل شخص عنده ابداع وحركات تختلف عن الشخص الآخر وخاصة ذوق كل عضو ..



=1=



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



واختار المقاسات اللي بالصورة ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



صمم البوابة على ذوقك في برنامج الفوتوشوب ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]









=2=



بعد ماتنتهي من التصميم وجاهز تركبها .. في برنامج الفوتوشوب اختار أداة التشريح ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



وإبدأ بتقطيع او بتشريح بوابتك في الفوتوشوب ..



قطع الصور التي تريد أن تضع عليها رابط ..



قطع الأقسام في بوابتك ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





بعد ماتنتهي من عملية التقطيع وجاهز لحفظه .. اذهب إلى ملف ثم حفظ ويب ..





[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



راح ينحفظ لك نوعين من عملك .. واحد ملف الصور والثاني على هيئة صفحة نت



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





=3=





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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





راح يفتح لك عملك على برنامج الفرونت بيج لتصميم صفحات النت مباشر ..







=4=



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





راح تظهر لك الصور ماهي ظاهرة وأحيان تكون ظاهرة ...



الآن راح نعدل فيها ونخليها تظهر كلها .. العملية بسيطة ..





=5=





افتح ملف الصور وارفع كل صورة على موقعك لضمان ظهورها .. ثم انسخ رابط الصورة



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



ثم اذهب إلى عام وضع الرابط في مكان فراغ الصورة كما هو موضع في الصورة ...



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





وباقي الصور بهذه الطريقة ...





=6=





ثم في مكان الأقسام يجب عليك ان تضع لها روابط إلى كل قسم في منتداك .. لكي يتمكن الزائر من الذهاب إلى أقسام منتداك والتصفح فيها ..





كل ماعليك هو أن تذهب إلى صورة القسم التي قصصتها وتضغط كلك يمين ثم ارتباط تشعبي ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





ثم ضع رابط القسم في فراغ العنوان ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





بعد مايتم الإرتباط راح يكون حد الصورة عريض يمكنك أن تجعلها بدون حد



إضغط على الصورة نفسها كك يمين ثم خصائص الصورة





[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





بعد ذلك ضع صفر مكان سمك الحدود ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





وهكذا مع باقي الصور التي تدخل عليها ارتباط تشعبي ..



=7=



ثم نأتي لتعديل الصفحة العامة ..



اضغط كلك يمين على أي مكان في الصفحة ثم خصائص الصفحة ,,



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





عند بوابة ) عام ( .. اكتب اسم صفحتك في مكان العنوان ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





ثم من بوابة اللغة .. اختار في مكان تعيين المستند الحالي كـ :: العربية ( المملكة العربية السعودية )



وفي مكان حفظ المستند كـ :: العربية



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





وبكذا أعربت الصفحة وصارت معربة باللغة العربية ..



وجاهزة



=8=



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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





حدد الكل وانسخها ثم اذهب إلى لوحة تحكم منتداك ..

ثم عناصر إضافية



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





ثم إدارة صفحات HTML



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم إضافة صفحة جديدة



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم إملأ البيانات ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم ضع الكود التي نسختها في المربع ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





وبكذا انتهيت من تركيب بوابة كاملة على بوابتك ..



وألف مبروك ,,



أتمنى استفدتوا ..







[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

----------------------------------------------------

والله شو رح نقوللكم وليش بنسكت

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

مشكوريم وان شاء الله نطبق واجيكم

ان شاء الله اطبق