شرح برنامج الوافي SERIAL + Web page Maker وكذلك تصميم موقع رائع بواسطته

أما بعد.
فإن أصدق الحديت كتاب الله تعالى وخير الهدي, هدي سيدنا محـمــد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تسليما
وشر الأمور محدثاتها وكل محدثة بدعة وكل بدعة ضلالة وكل ضلالة في النار
فاللهم أجرنا وقنا عذابها برحمتك يا ارحم الراحميـــــــــــــــن.

إن شاء الله في هذا الموضوع سأقوم بشرح برنامج Web page Maker وطريقة تصميم موقع
ناجح بهذا الأخير ثم رفعه بواسطة برنامج FileZilla Client لذا أرجوا منكم
الصبر حتى يتم تحميل الصور بالكامل لأنها بصيغة png وهي معروفة ببطء
ظهورها, ولكن نقوم باستعمالها لأن جودتها عالية ولا تتغير رغم رفعها,
وأعتذر إن نسيت شرح خاصية ما أو شيء آخر.

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

نبدأ على بركة الله

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

Mo3.54(ملف التحميل)

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

غير مجاني
(كل شيء يعود مجاني معي)

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

برنامج سهل مختص في تصميم المواقع وتحريرها

ويحتوي على قوالب جاهزة , يدعم الفلاش وأكواد الجافا.

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

الآن نأتي لتحميل البرنامج



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

بعد التحميل نقوم بفك الضغط على الملف

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

نختار مكان فك الضغط ثم نضغط موافق

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

نفتح الملف المحصل عليه

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

ثم نضغط على أيقونة تنصيب البرنامج

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

نبدأ عملية تنصيب البرنامج

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

نوافق على شروط الاستعمال ثم نضغط على التالي

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

نحدد مسار تنصيب البرنامج (من الأفضل تركه كما هو)

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

ثم نتابع التنصيب

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

نضغط لتركيب البرنامج

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

نلاحظ عملية تقدم التنصيب

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

نضغط لإنهاء تركيب البرنامج

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

الآن سنقوم بتسجيل البرنامج

نفتح البرنامج ثم نتابع طريقة التسجيل

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

نضغط على إدخال مفتاح التسجيل

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

ثم نقوم بإدخال البيانات (لقد وضعت مفتاح التسجيل في ملف تحميل البرنامج)

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

والصورة توضح تسجيل البرنامج بنجاح

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

هذه واجهة البرنامج

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

شرح مبسط لقوائم البرنامج

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

شرح قائمة File

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

شرح قائمة Edit

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

شرح قائمة Page

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

شرح قائمة Insert

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

شرح قائمة Format

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

شرح مبسط لقائمة Arrange

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

قائمة Help

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

لإنشاء موقع إبتداءا من قالب

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

ثم نختار القالب الذي يعجبنا

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

وانظر, الموقع جاهز يجب التعديل عليه بوضع ما نشاء ثم إضافة صفحات

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 755x898.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

من هنا نتحكم في لون وخصائص الخلفية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 660x570.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أنا قمت باختيار اللون البرتقالي للخلفية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 660x570.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هنا لإدراج القوائم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 660x570.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار شكل القوائم ثم نتابع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 660x570.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذه خصائص عرض القوائم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 660x570.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هنا نفس الشيء

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 645x575.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هنا كذلك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 678x595.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هنا مسار القوائم وشكل سهم الفأرة عند وضعه على أي واحدة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 678x595.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أنا اخترت هذه الأشكال, أنظروا النتيجة

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

الآن سنقوم بإدراج صورة

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

نحدد مكان تواجد الصورة ثم نضغط لفتحها في البرنامج

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

هذه هي الصورة, قمت بوضعها على شكل بانر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 744x502.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الآن سنقوم بإدراج نص

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

نضغط مرتين فوق الكتابة الموجودة بمساحة النص

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

ثم نكتب ما نشاء ثم نضغط لإدخال النص

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

الآن سنقوم بإدراج كود Html

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

نضع الكود ثم نضغط لإدراجه

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

وهذا هو الشكل النهائي لهذه الصفحة الرئيسية البسيطة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]This image has been resized. Click this bar to view the full image. The original image is sized 748x807.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الآن سنقوم بإنشاء صفحات أخرى

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

بعد إنشاء الصفحات و التعديل عليها

سننتقل لإعطاء كل قائمة الصفحة الخاصة بها

نضغط مرتين على مجموعة معينة (أو نضغط باليمين ثم نختار إعدادات)

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

بعدها نختار لكل قائمة صفحتها المناسبة

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

بعد ذلك نضغط موافق

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

بعد النهاية من تصميم الموقع سنحفظ العمل بصيغة Html

لذلك سنقوم بإضافة مجلد جديد ثم نسميه مثلا HTML

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

هذا هو المجلد المحصل عليه, أنا قمت بوضعه في سطح المكتب

يمكنكم إنشائه أينما شئتم

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