درس اعداد صفحه بالفرنت بيج شرح بصور

[هيا]

درس اعداد صفحه بالفرنت بيج شرح بصور

,,
عنوان الدرس : شرح تصميم صفحةعلى الويب بالفرونت بيج .
البرنامج المستخدم : فرونت بيج + الاف تي بي .
الملحقات للدرس : يجب ان يكون لديك منتدى ( موقع )
مستوى الدرس للمبتدئين : سهل
مستوى الدرس للمحترفين : سهل جداا

لتحميل برنامج الاف تي بي من المرفقات




مثال على الدرس

http://akayan.net/jananALajmy.htm

,



..

طيب انا بعطيكم شرح الان تسون نفس الصفحة هذي
وبالتمام وكله كم خطوة فقط بإذن الله الدرس جدا بسيط


قبل كول شي تفتحون مجلد وتسمونه باي اسم تبونه


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 799 * 932.

وتضيفون فيه كول محتوى الصفحه من صور والصوت المستخدم

تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 909 * 623.


وبعدين طولي بآعمراكم نروح نفتح برنامج الفرونت بيج.
وهذي ايقونته على سطح المكتب او من ابداء








واللي ما عنده برنامج الفرونت بيج يحمله من هنا

طبعا اول مايفتح برنامج الفرونت بيج راح يكون كذا
تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1286 * 975.




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




تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1276 * 961.




ركزوا معي فديت هالوجيه الطيبه >>>اقل لك اخلصي علينا


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1286 * 970.


التعليمات البرمجيه نحذفها كوولها علشان
نتفادى الاخطاء البرمجيه مستقبلا


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1282 * 973.


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


<<<< نرجع لموضوعنا هع


تابع معي الصور فوديت ئلوبكن


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1286 * 970.




نريوس الى ان نصل نهاية الصفحه وناخذ اقصى يمين ونضغط على تصميم مثل ماتشوفين
ببتفتح معنا صفحة التصميم ونمسك الفاره بيدنا اليمين انتبهوا اليمين
ونضغط بسبابه او اي صبع يعجبكم >>>>> اقل لك كملي باللغه العربيه انتي وحجاجك كنهن شارع عام خخخخ
نعاود شرحنا تحملوني اليوم متغديه كبسه مسويتها هموس ومن اكلتها وانا محششه هههههه
مدري ؤش حاطه فيها <<<< ؤربي هالبنت يبي لها جلد ؤش دخل الاكل في الدرس (دوعااااابه دوعااااابه على قولت مناحي ولد ام مناحي هع )


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1282 * 948.




هنا ضغطنا يمين الفاره واخترنا خصائص الصفحه وراح تظهر لنا
هذهِ القسيمه >>>> اي قسيمه انتي ووجهك داخله مسابقه على غفله هههه


طيب لاتعصب انت وفيسك >>>> كنه سهور لما يعصب هع
المهم ياحبايبي راح يفتح معنا مربع الحوار خصائص الصفحه
ونفذوا الشرح اللي مكتوب في الصوره


برافووووو عليكم فديت الناس الفاهمه
تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1281 * 967.




الى هووون وكوول شي واضح ومفهوم صوووح


شكلكم مافهمتوا علي طيب تابعوا الصور
ؤراح تفهمون ؤش قصدي
تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1284 * 971.


ركزوا فديتكم شويتين ...

تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1286 * 971.


واخيــرا من ملف ثم حفظ , احفظه على سطح المكتب

واكتب الاسم اللي تبيه

بالنسبه لي انا كتبتjanan

اتوقع انكم ربي يحفظكم

تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1286 * 972.

وهذي اكواد الصفحه اللي سويتها


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1281 * 946.

حنا كنا في الصوره اللي قبل هاذي في تعليمات برمجيه
في هذي الصوره رجعنا لصفحتنا اللي سويناها
( نرجع لصفحة التصميم)
علشان نضيف الفواصل والصوت اللي جهزناه
مدري شكلكم محتارين طيب تابعوا الصور
تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 960 * 691.


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


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


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1286 * 917.




هذا شكل الفلاش في صفحة التصميم لاتخافون شغلكم تمام لمايطلع لكم هيك
تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1174 * 921.


الشرح واضح ياحلوين نكمل ....


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1280 * 936.


هنا ملاحظه مهمه يا حبايب البي اي خطوه تعملوها في الصفحه
اضغطوا على حفظ


تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 913 * 410.

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

الان ننتقل الى برنامج الاف تي بي
طبعا هذا برنامج الاف تي بي
لازم يكون عندك موقع !!

تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 910 * 793.

************

تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 905 * 784.


راح يفتح معاك ملفات المجلد
انقل الصفحة اللي صممناها الى مجلد www
تابع الصور
تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 909 * 785.


تاااااابع ...

تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 903 * 777.








وهذي الصفحه اللي سويتها

شرح اعداد صفحه على الويب

www.akayan.net/janan.htm





عمموما افتحوا صفحتكم عن طريق المتصفح

من الرابط
www.xxxx.com/xx.htm




ضع بدل الاكس اللي باللون الاحمر رابط موقعك

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

والقادم ان شاء الله راح يكون اجمل وارووع

وهكذا تم الانتهاء من تصميم صفحه خاصه لكم على الويب

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

ان اصبت فمن الله وان اخطئت فمن نفسي والشيطان

محبتكم ...جنان الكلمةمنقوول

المصدر: منتديات عراق الخير والمحبة - من قسم: منتدى الكمبيوتر والبرامج