منتدى البرمجة نت

منتديات البرمجة نت الموقع العربي الاول في البرمجة والبرامج والالعاب والتقنية والهاردوير والصيانة وانظمة التشغيل والجوالات.
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
زورونا في موقع قروب ☻◊→♣️ßĻÂÇЌ¤█¤ßӨџŞ♣️←◊☻ حصريات الهكر في مجال nimbuzZ على الرابط http://black-bo0ys.blogspot.com/
مرحب بكم زوار و أعضاء منتدى البرمجة نت

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة




المدير العام
تاريخ التسجيل : 01/01/1970

مُساهمةموضوع: هذا الموضوع نشط. ''شرح برنامج Web page Maker وكذلك تصميم موقع رائع بواسطتة    1/24/2011, 18:25

هذا الموضوع نشط. ''شرح برنامج 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 ساعات



أتمنى أن ينال
إعجابكم وأرجوا من الله العلي القدير



أن يوفقني
وإياكم لما يحبه ويرضاه إنه ولي ذلك والقادر عليه



وأطلب من الله
تعالى أن ينصر إخواننا المجاهدين في فلسطين



و في جميع
مشارق الأرض ومغاربها وأن يوحد الشعب الإسلامي



بأكمله."لا
إلاه إلا أنت سبحانك إني كنت من الظالمين"



وصلى الله
وسلم وبارك على نبينا محمد وعلى آله وصحبه وسلم تسليما كثيرا.







منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
هذا الموضوع نشط. ''شرح برنامج Web page Maker وكذلك تصميم موقع رائع بواسطتة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» برنامج Flash Slideshow Maker لاعطاء مؤثرات فلاشية وصوتية على الصور
» شرح : كيفيه تغير الصفحه الرئيسيه للمتصفح home page
» Page de garde

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى البرمجة نت :: الكل :: منتدى البرامج-
انتقل الى: