صمم موقعك بنفسك

من طرف abdo الثلاثاء مارس 27, 2012 11:15 am

مرحبا
بجميع أعضاء و زوار منتديات ستار تايمز

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

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

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

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

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

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

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

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

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

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

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

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

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

الآن
نأتي لتحميل البرنامج ولقد رفعته على خمسة مواقع

[size=25][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]

[size=25]

[size=25]أو

[/size][/size]

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

أو

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

[size=25]أو

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

أو

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

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

[/size]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[size=25]نفتح البرنامج
ثم نتابع طريقة التسجيل[/size]

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

[size=25]نضغط على إدخال مفتاح التسجيل

[/size]

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

[size=25]ثم نقوم
بإدخال البيانات (لقد وضعت مفتاح التسجيل في ملف تحميل البرنامج)[/size]

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

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

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

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

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

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

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

شرح
قائمة File

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

[size=25]شرح قائمة
Edit [/size]

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

[size=25]شرح قائمة
Page[/size]

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

[size=25][size=25]شرح قائمة
Insert[/size][/size]

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

[size=25][size=25][size=25]شرح قائمة Format[/size][/size][/size]

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

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

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

قائمة
Help

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

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

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

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

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

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

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

[size=25]أما لتصميم موقع من البداية نقوم بفتح البرنامج ثم نتابع

[/size]

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

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

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

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

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

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

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

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

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

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

هنا
نفس الشيء

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

هنا
كذلك

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نذهب
للموقع الذي قمنا بتصميمه ثم نضغط كما موضح

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

نختار
المجلد الذي قمنا بإنشائه ثم نضغط لحفظ العمل بصيغة Html

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

بعد
فتح المجلد سنجد الملفات المحصل عليه

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

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

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

الآن
سننتقل لمرحلة رفع الموقع إلى الاستضافة

من
أجل ذلك نقوم بفتح برنامج FileZilla Client (البرنامج مجاني)

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

ومن
ليس لديه البرنامج

يحمله
من هنا

[size=25][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]

أو

[size=25][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]

أو

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

بعد
فتح البرنامج نملأ الخانات ببيانات الاستضافة

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

بعد
الاتصال بالسيرفر نقوم بفتح المجلد الذي يحتوي على عمل الموقع

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

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

ثم
نقوم بإرسال المحتويات وننتظر حتى يتم انتهاء الرفع

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

تمت
عملية الرفع بنجاح

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

يلزمك
التسجيل بدومين

للحصول
على رابط لموقعك

ومـ
ـ ـ ـ ـ ـ ـ روك عليك الـ ـ ـ ـ ـ ـموقـ ـ ـ ـع

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

خاتمة :

[size=25]إلى هنا ينتهي الموضوع الذي أخذ مني حوالي
9 ساعات[/size]

[size=25]أتمنى أن ينال إعجابكم وأرجوا من الله
العلي القدير [/size]

[size=25]أن يوفقني وإياكم لما يحبه ويرضاه إنه ولي
ذلك والقادر عليه[/size]

[size=25]وأطلب من الله تعالى أن ينصر إخواننا
المجاهدين في فلسطين[/size]

[size=25]و في جميع مشارق الأرض ومغاربها وأن يوحد
الشعب الإسلامي[/size]

[size=25]بأكمله."لا إلاه إلا أنت سبحانك إني كنت
من الظالمين"[/size]

[size=25]وصلى الله وسلم وبارك على نبينا محمد وعلى
آله وصحبه وسلم تسليما [/size]

من طرف رانية الخميس أبريل 05, 2012 1:11 pm

شكرا جزيلاااااااااااا

صمم موقعك بنفسك

صمم موقعك بنفسك

رد: صمم موقعك بنفسك