شبكة و منتديات هدايا دعوية الإسلامية
أهلآ و سهلآ بك زائرنا الكريم
نتمنى لك تصفح ممتع ومفيد بين أرجاء الشبكة
ندعوك بالتسجيل معنا لتقديم الهدايا لك مجانآ لخدمة منتداك أو موقعك

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
إدارة هدايا دعوية

..:: مؤسس المنتدى ::..


..:: مؤسس المنتدى ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 1411
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 30
هوايتي : التصميم والنت
|| ♣ سُمعَتِـيْ » : 71
http://www.facebook.com/pages/%D8%B4%D8%B1%D9%83%D8%A9-%D9%87%D8%AF%D8%A7%D9%8A%D8%A7-%D8%AF%D8%B9%D9%88%D9%8A%D8%A9-%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9/176070519128303?ref=hlhttp://hadaya.ahlamontada.com

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

في الخميس أغسطس 20, 2009 7:10 pm
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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



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



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



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



1:: Adobe Photoshop CS



2:: Microsoft Office FrontPage 2003



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





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



=1=



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



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



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



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



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









=2=



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



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



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



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



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



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





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





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



ثم



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



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



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





=3=





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



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





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







=4=



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





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



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





=5=





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



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



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



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





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





=6=





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





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



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





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



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





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



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





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





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



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





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



=7=



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



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



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





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



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



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



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





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



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



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





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



وجاهزة



=8=



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



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





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

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



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





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



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



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



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



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



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



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



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





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



وألف مبروك ,,



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







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

----------------------------------------------------
avatar
lightmoon

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 45
♣ مُڪإني \ دَولتِـيَ» : مصر
♣ العـمْرّ» : 17
|| ♣ سُمعَتِـيْ » : 6

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

في السبت يونيو 15, 2013 7:25 am
شرح راااااااااااائع ومميز جزاكم الله كل خير ع المجهود الرائع وعلي الافاده العظيمه 
avatar
T w ! x

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 20
|| ♣ سُمعَتِـيْ » : 3
http://f-mzaj.all-up.com

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

في الخميس يونيو 20, 2013 4:10 am
وعلليكم السلام والرحمةه
ما شاء الله عليكـِ / شرح فخخم
شرح واآفي وكاآفي لعمل اى شئ
جزاكـ الله خيرا
استفدت من الدرس كتير
وجاري التطبيق ان شاء الله
جعله الله فى ميزان حسنااتكـ
avatar
جزائري مسلم وافتخر

..:: مراقب عــام ::..


..:: مراقب عــام ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 198
♣ مُڪإني \ دَولتِـيَ» : أرض الله الواسعة
♣ العـمْرّ» : 17
هوايتي : التدوين
|| ♣ سُمعَتِـيْ » : 10
http://www.facebook.com/anouar.khelifi.9http://dzirieducs.com

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

في الجمعة يونيو 21, 2013 1:20 pm
والله شو رح نقوللكم وليش بنسكت
كل ابداع تقدموه وتضيفوا دروس والله روعة هالمنتدى
مشكوريم وان شاء الله نطبق واجيكم








دعواكم أحبتي بظهر الغيب،،، وعذرا عن تقصيري، فأنا سأغيب لفترة لأسباب
اللهم أجمعني وأحبذضتي على الخير، ووفقنا إليه
الصحافة||الصَّيدلة: آتٍ إليكم ولست عليكم ببعيد [ أدعولي ] وشكرا

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

..:: أخ عـزيـز ::..


..:: أخ عـزيـز ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 63
♣ مُڪإني \ دَولتِـيَ» : msr
♣ العـمْرّ» : 15
|| ♣ سُمعَتِـيْ » : 0

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

في الإثنين يوليو 15, 2013 1:00 pm
ان شاء الله اطبق
avatar
قلوب طاهرة

..:: أخ عـزيـز ::..


..:: أخ عـزيـز ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 78
♣ مُڪإني \ دَولتِـيَ» : k.s.a
♣ العـمْرّ» : 25
|| ♣ سُمعَتِـيْ » : 8

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

في الخميس يوليو 18, 2013 5:24 pm
شرح وافي يعطيك العافية
avatar
KiShO

..:: أخ عـزيـز ::..


..:: أخ عـزيـز ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 76
♣ مُڪإني \ دَولتِـيَ» : مصر
|| ♣ سُمعَتِـيْ » : 0

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

في الخميس يوليو 18, 2013 11:20 pm
 شرح جامد جداً ... شكراً
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى