هذا الموضوع نشط. ''شرح برنامج Web page Maker وكذلك تصميم موقع رائع بواسطتة

هذا الموضوع نشط. ''شرح برنامج Web page
Maker وكذلك تصميم موقع رائع بواسطتة

---

google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);

[size=25] الحمد لله وحده نحمده ونشكره ونستعـين به ونستغفره, ونعـوذ بالله من شرور أنفسنا ومن سيئات أعمالنا من يهده الله فلا مضل له ومن يضلل فلا هـادي له. أشهد أن لا إله إلا الله وحده لا شريك له, وأشهد أن محمدا عبده ورسوله { وعلى آله وصحبه أجمعين ومن تبعهم بالإحسان الى يوم الدين} أما بعد. فإن أصدق الحديت كتاب الله تعالى وخير الهدي, هدي سيدنا محـمــد تسليما وشر الأمور محدثاتها وكل محدثة بدعة وكل بدعة ضلالة وكل ضلالة في النار فاللهم أجرنا وقنا عذابها برحمتك يا ارحم الراحميـــــــــــــــن. [/size] مرحبا بجميع أعضاء و زوار منتديات ستار تايمز إن شاء الله في هذا الموضوع وهو الثالث لي بالمنتدى سأقوم بشرح برنامج Web Page Maker وطريقة تصميم موقع ناجح بهذا الأخير ثم رفعه بواسطة برنامج FileZilla Client لذا أرجوا منكم الصبر حتى يتم تحميل الصور بالكامل لأنها بصيغة png وهي معروفة ببطء ظهورها, ولكن نقوم باستعمالها لأن جودتها عالية ولا تتغير رغم رفعها, وأعتذر إن نسيت شرح خاصية ما أو شيء آخر. نبدأ على بركة الله Mo3.54(ملف التحميل) غير مجاني (كل شيء يعود مجاني في ستارتايمز) برنامج سهل مختص في تصميم المواقع وتحريرها ويحتوي على قوالب جاهزة , يدعم الفلاش وأكواد الجافا. الآن نأتي لتحميل البرنامج ولقد رفعته على خمسة مواقع [size=25]أو [/size] أو أو أو بعد التحميل نقوم بفك الضغط على الملف نختار مكان فك الضغط ثم نضغط موافق نفتح الملف المحصل عليه ثم نضغط على أيقونة تنصيب البرنامج نبدأ عملية تنصيب البرنامج نوافق على شروط الاستعمال ثم نضغط على التالي نحدد مسار تنصيب البرنامج (من الأفضل تركه كما هو) ثم نتابع التنصيب نضغط لتركيب البرنامج نلاحظ عملية تقدم التنصيب نضغط لإنهاء تركيب البرنامج الآن سنقوم بتسجيل البرنامج نفتح البرنامج ثم نتابع طريقة التسجيل نضغط على إدخال مفتاح التسجيل ثم نقوم بإدخال البيانات (لقد وضعت مفتاح التسجيل في ملف تحميل البرنامج) والصورة توضح تسجيل البرنامج بنجاح هذه واجهة البرنامج شرح مبسط لقوائم البرنامج شرح قائمة File شرح قائمة Edit شرح قائمة Page [size=25]شرح قائمة Insert[/size] [size=25][size=25]شرح قائمة Format[/size][/size] [size=25][/size] شرح مبسط لقائمة Arrange قائمة Help لإنشاء موقع إبتداءا من قالب ثم نختار القالب الذي يعجبنا وانظر, الموقع جاهز يجب التعديل عليه بوضع ما نشاء ثم إضافة صفحات <table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 755x898.</td></tr></table> أما لتصميم موقع من البداية نقوم بفتح البرنامج ثم نتابع من هنا نتحكم في لون وخصائص الخلفية <table id="ncode_imageresizer_warning_15" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 660x570.</td></tr></table> أنا قمت باختيار اللون البرتقالي للخلفية <table id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 660x570.</td></tr></table> هنا لإدراج القوائم <table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 660x570.</td></tr></table> نختار شكل القوائم ثم نتابع <table id="ncode_imageresizer_warning_9" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 660x570.</td></tr></table> هذه خصائص عرض القوائم <table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 660x570.</td></tr></table> هنا نفس الشيء <table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 645x575.</td></tr></table> هنا كذلك <table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 678x595.</td></tr></table> هنا مسار القوائم وشكل سهم الفأرة عند وضعه على أي واحدة <table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 678x595.</td></tr></table> أنا اخترت هذه الأشكال, أنظروا النتيجة الآن سنقوم بإدراج صورة نحدد مكان تواجد الصورة ثم نضغط لفتحها في البرنامج هذه هي الصورة, قمت بوضعها على شكل بانر <table id="ncode_imageresizer_warning_12" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 744x502.</td></tr></table> الآن سنقوم بإدراج نص نضغط مرتين فوق الكتابة الموجودة بمساحة النص ثم نكتب ما نشاء ثم نضغط لإدخال النص الآن سنقوم بإدراج كود Html نضع الكود ثم نضغط لإدراجه وهذا هو الشكل النهائي لهذه الصفحة الرئيسية البسيطة <table id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 748x807.</td></tr></table> الآن سنقوم بإنشاء صفحات أخرى بعد إنشاء الصفحات و التعديل عليها سننتقل لإعطاء كل قائمة الصفحة الخاصة بها نضغط مرتين على مجموعة معينة (أو نضغط باليمين ثم نختار إعدادات) بعدها نختار لكل قائمة صفحتها المناسبة بعد ذلك نضغط موافق بعد النهاية من تصميم الموقع سنحفظ العمل بصيغة Html لذلك سنقوم بإضافة مجلد جديد ثم نسميه مثلا HTML هذا هو المجلد المحصل عليه, أنا قمت بوضعه في سطح المكتب يمكنكم إنشائه أينما شئتم نذهب للموقع الذي قمنا بتصميمه ثم نضغط كما موضح نختار المجلد الذي قمنا بإنشائه ثم نضغط لحفظ العمل بصيغة Html بعد فتح المجلد سنجد الملفات المحصل عليه نجده عبارة عن صفحات ويب إضافة لملف الصور الآن سننتقل لمرحلة رفع الموقع إلى الاستضافة من أجل ذلك نقوم بفتح برنامج FileZilla Client (البرنامج مجاني) ومن ليس لديه البرنامج يحمله من هنا أو أو بعد فتح البرنامج نملأ الخانات ببيانات الاستضافة <table id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 743x692.</td></tr></table> بعد الاتصال بالسيرفر نقوم بفتح المجلد الذي يحتوي على عمل الموقع <table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 676x545.</td></tr></table> نحدد جميع الصفحات وملف الصور ونضغط عليهم باليمين ثم نقوم بإرسال المحتويات وننتظر حتى يتم انتهاء الرفع <table id="ncode_imageresizer_warning_14" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 678x550.</td></tr></table> تمت عملية الرفع بنجاح <table id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 678x549.</td></tr></table> يلزمك التسجيل بدومين للحصول على رابط لموقعك ومـ ـ ـ ـ ـ ـ ـ روك عليك الـ ـ ـ ـ ـ ـموقـ ـ ـ ـع خاتمة : إلى هنا ينتهي الموضوع الذي أخذ مني حوالي 9 ساعات أتمنى أن ينال إعجابكم وأرجوا من الله العلي القدير أن يوفقني وإياكم لما يحبه ويرضاه إنه ولي ذلك والقادر عليه وأطلب من الله تعالى أن ينصر إخواننا المجاهدين في فلسطين و في جميع مشارق الأرض ومغاربها وأن يوحد الشعب الإسلامي بأكمله."لا إلاه إلا أنت سبحانك إني كنت من الظالمين" وصلى الله وسلم وبارك على نبينا محمد وعلى آله وصحبه وسلم تسليما كثيرا. منقول