[ شرح طريقة ] تقطيع الاستايل style+تركيب install وتوزيع بالفرونت بيج+تركيب install في المنتدى forum (الجزء الثاني)

[admin]

http://www.dzbatna.com/images/icons/icon30.gif [ ط´ط±ط* ] طھظ‚ط·ظٹط¹ ط§ظ„ط§ط³طھط§ظٹظ„+طھط±ظƒظٹط¨ ظˆطھظˆط²ظٹط¹ ط¨ط§ظ„ظپط±ظˆظ†طھ ط¨ظٹط¬+طھط±ظƒظٹط¨ ظپظٹ ط§ظ„ظ…ظ†طھط¯ظ‰ (ط§ظ„ط¬ط²ط، ط§ظ„ط«ط§ظ†ظٹ) (http://www.dzbatna.com/t648652/)




السلام عليكم ورحمه الله وبركته

تنزيل برنامج الفوتوشوب 7.0 (http://3rbfnoon.com/program/psd7me.zip)

وقريبا سوف ارفع لكم برنامج الفرونت بيج على موقعي الشخصي

درس مفصلنا اليوم هو :

تركيب install وتوزيع التصميم في الفرونت بيج ( الجزء الثاني )



ثلاث دروس وانت راح تعرف سر التقطيع والتوزيع بالفرونت بيج والتركيب install في المنتدى forum

المستلزمات :

• برنامج الفرونت بيج FrontPage


(( الجزء الثانــي ))


• تقطيع استايل style بعد التصميم ( الجزء الاول ) (http://www.dzbatna.com/t633652/)
• تركيب install وتوزيع التصميم في الفرونت بيج ( الجزء الثاني )
• تركيب install الاستايل style في المنتدى forum ( الجزء الثالث )




تابع الدرس مفصل لدرس مفصل الجزء الاول
[ شرح طريقة ] تقطيع الاستايل style+تركيب install وتضبيط بالفرونت بيج+تركيب install في المنتدى forum اتحداك لو مانجحت (http://www.dzbatna.com/t633652/)



الان من بعد ما خلصنا تقطيع التصميم


نذهب الى

برنامج الفرونت بيج المثبت في جهازك

مثال

http://arbshare.com//images/ArbShaRe-76933801.gif


وتختار الفرونت بيج


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

تختار من تحت

اكواد

مثال

http://arbshare.com//images/ArbShaRe-96635621.gif

وامسح الموجود فيه كاملا

مثال

http://arbshare.com/images/ArbShaRe-27591616.gif

شفت اشلون مسحته

الان نروح الى زر التصميم الي مأشر عليه انا الي هو Desing

مثال

http://arbshare.com//images/ArbShaRe-7162058.gif
شفتوا راحت التقسيمتين


والان نجي للجد

من فوق تختار على زر الجدول
مثال
http://arbshare.com//images/ArbShaRe-69818871.gif
نختار 3 في 3

ليش اخترت 3 عرض و 3 طول
لان في التقطيع اخترنا 3 في ثلاث عرفتوا ليش ولا لا

وراح تطلعلكم بنفس
المثال
http://arbshare.com//images/ArbShaRe-50323192.gif

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

انا رقمت الجداول بترقيم الصور



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

http://arbshare.com//images/ArbShaRe-16793406.gif

وبعدين دخل التصميم المقطع رقم واحد
مثال
http://arbshare.com//images/ArbShaRe-41276548.gif

شفتوا

بالترتيب دخل كل المقطع في مكانها الصحيح

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

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

مثال التطبيق
http://arbshare.com//images/ArbShaRe-20344237.gif
ورقم قمسه اتركها فاضية


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

مثال
http://arbshare.com//images/ArbShaRe-97626197.gif

فقط احفظ المقاس لكي نضعها في الجدول التالي

الان حفظنا المقاسات
نسكر الجدول الظاهر

ونروح نضغط كلك يمين ونختار

مثال
http://arbshare.com//images/ArbShaRe-74785951.gif

راح يفتحلنا جدول

مثال

http://arbshare.com//images/ArbShaRe-75663044.gif

ضع المقاسات الي حفظته في ذهنك هنا المكان الي مأشر عليه
ضعه نفس ما وضعت مقاسات تقطيعي
وانت ضع المقاسات لتقطيعك

واضغط OK

لاحطوا قبل ما تضغط راح تشوفون فراغات عاليسار التصميم
ومن تضغط على OK راح تنسد الفراغات الي عاليسار

مثال

http://arbshare.com//images/ArbShaRe-25680868.gif
شوفتوا الفرق


الان نروح نطبق بنفس الي طبقناه على الصوره رقم ثلاثه


خلاص المقاس لازم تكون بنفس مقاس رقم واحد بالطول والعرض

وشيك على المقاس قبل ما تضع المقاسات لها

ملاحظة :
اذا كانت المقاسات تفرق يعني تقطيعك فيه غلط ولازم تعدل التقطيع عشان تكون نفس المقاسات للطول والعرض لصور رقم واحد وثلاثة

من بعد ما شيكنا عالمقاس
مثال
http://arbshare.com//images/ArbShaRe-40713638.gif

وبعدين تحط المقاسات
http://arbshare.com//images/ArbShaRe-71459846.gif

شوفوا الفراق الي مأشر عليه انا
يوم بتضغط على كلمه OK راح تختفي الفراغات الزائده


خلصنا من رقم واحد وثلاث

الان نروح للفوتر
رقم تسعة
نشوف مقاسها

ونروح نضغط كلك يمين ونختار
مثال
http://arbshare.com//images/ArbShaRe-92399282.gif

وبنفس الطريقه نضع المقاسات
http://arbshare.com//images/ArbShaRe-79166003.gif

شفتوا عندي الطول فقط مختلف اما العرض كلهم نفس الشي الا رقم اثنين وثمانية

وحفظنا المقاسات
ونذهب
كلك يمين عالصوره رقم تسعة
ونختار
http://arbshare.com//images/ArbShaRe-52833811.gif
كالعادة

http://arbshare.com//images/ArbShaRe-21062030.gif

ونضع المقاسات للصورة
ونضغط OK

الان نروح لرقم سبعة
نفس الطريقه كالعادة نسوي
شوفوا مقاس رقم السبعة
http://arbshare.com//images/ArbShaRe-63390424.gif
بنفس المقاس صوره رقم تسعة

وحفظنا
واضغط كنسل
وكلك يمين عالصوره نفسها الرقم سبعه
واختار كالعادة
مثال
http://arbshare.com//images/ArbShaRe-90071898.gif
ويفتح لكم
مثال
http://arbshare.com//images/ArbShaRe-52064843.gif
وضع المقاسات بمكانهم المأشر عليهم

وتضغط OK


الان خلصنا من الصور الارقام

1 _ 3 _ 7 _ 9


والان ننتقل الى الاعمدة الصور ارقامهم
4 _ 6

والي بطبقه في صوره رقم 4 تتطبع نفسها عالصوره رقم 6 >>>>>>>> تمام وفاهمين

الان
روح للصوره رقم 4
واضغط عليه مرتين كلك يسار
وراح يفتحلكم
مثال
http://arbshare.com//images/ArbShaRe-16676921.gif
احفظوا المقاسات عدل

ومن فوق اختار كلمه جنرال او عام

وراح يفتح لكم
مثال

http://arbshare.com//images/ArbShaRe-71061201.gif

والان الي عليك تنسخ الرابط الموجود بنفس ما نسخت

وهذا للتوضيح اكثر

http://arbshare.com//images/ArbShaRe-348328.gif


الان خلصنا وحفظنا المقاسات ونسخنا الرابط للصورة

وكالعادة نضغط كلك يمين عالصورة رقم اربعه
ونختار
مثال
http://arbshare.com//images/ArbShaRe-66633025.gif

وبعدين يفتح لنا

مثال
http://arbshare.com//images/ArbShaRe-74005121.gif

اهنيه عادة اشوي غير عن القبل

تخلي المقاسات + تخلي الرابط الي نسخناه + وتخلي الخيارين واحد سنتر والثاني توب وبالعربي يعني توسيط واعلى

وتضغط ok

وبعدين اشر على الصوره الي عدلتها رقم اربعه
واختر
مثال
http://arbshare.com//images/ArbShaRe-72442732.gif
يعني احذفها لاننا وضعنا الصوره في قلب الجدول

وبعدين روح طبق نفس العملية بالعامود اليمين رقم الصوره ستة

مثال
http://arbshare.com//images/ArbShaRe-27429111.gif
كلك يمين عشان تدخل هنا

وبعدين من تخلص المقاسات والرابط
نضغط كلك يمين ونحذفه
مثال
http://arbshare.com//images/ArbShaRe-62453576.gif

الان خلصنا من الصور الارقام
1 _ 3 _ 4 _ 6 _ 7 _ 9


الان نروح للحواف اطارات الجدول ونخفيها

مثال
http://arbshare.com//images/ArbShaRe-56682730.gif

كلك يمين بالمنتصف
واختار الي بالمثال
او خصائص الجدول

ونروح نخلي في ثلاث خيارات صفر
مثال للتوضيح
http://arbshare.com//images/ArbShaRe-90072037.gif
قبل التعديل وبعد التعديل
خليهم صفر واضغط ok

من بعد ضغطنا على كلمه اوكى
صار عندنا
مثال
http://arbshare.com//images/ArbShaRe-46236279.gif
شفتوا التطبيق شو صار بالحواف او اطارات الجدول

الان خلصنا من كل شي وباقي
الهيدر header رقم ( 2 )

والفوتر رقم ( 8 )

اول شي بنبدأ بالرقم 2

اضغط من تحت بالفرونت بيج على كلمة

Split

يعني للاكواد

عشان تتقسم نصفين

والان انتبهوا على كلامي والصورة

اضغط بالماوس مره وحده عالصوره رقم 2
او اشر عليها

مثال
http://arbshare.com//images/ArbShaRe-96571873.gif

الان شوفوا رقم المقاس 734 مقاس العرض
بين قوسين

تمسحون المقاس
وتكتبون المقاس

اقتباس
100%

مثال
http://arbshare.com//images/ArbShaRe-4546599.gif

لاحظوا في مكان الفراغ شو راح يصير

الان اضغط من تحت على كلمه Desing او التصميم

وشوفوا اشلون تعدل البنر كاملا
وهذا تطبيقي
http://arbshare.com//images/ArbShaRe-6043656.gif

ان شاء الله فاهمين على الشرح طريقة


الان نروح هم نطبق العمليه بالفرتر رقم الصوره ( 8 )
بنفس ما عملناه بالصوره رقم 2

مثال
http://arbshare.com//images/ArbShaRe-98756342.gif

الان راح اخلي بدال
734
بخليه
اقتباس
100%

مثال
http://arbshare.com//images/ArbShaRe-96178582.gif

واضغط على كلمه Desing او التصميم
وشوف عملك
وهذا تطبيقي عالصوره رقم 8
http://arbshare.com//images/ArbShaRe-41704121.gif

وهذا تطبيقي للتصميم كامل
http://arbshare.com//images/ArbShaRe-90044096.gif

وانتهينا من الدرس مفصل الثاني من توزيع التصميم في الفرونت بيج

والان نروح نحفظ الصفحة الي عملناه

لين ما ندخل للدرس مفصل الثالث
تركيب install الاستايل style في المنتدى forum ( الجزء الثالث )


وارجوا اني وفقت في شرح طريقةي البسيط


اخواني واخواتي

اي حد مو فاهم لا يتردد


فقط يسال لكي اجيبه

والي يبي يطبق القص يطبق ويراوينا التقصيص قبل الحفظ
عشان نعرف اشلون او شنو الخطأ


وارجوا من الي بينقل الموضوع يرجى ذكر المصدر ( درس مفصل اوتـــUAEـــار ) (http://3rbfnoon.com)
لاني تعبت عليه وانا اصور واكتب

وتركت لكم بعض الصوره من غير الحقوق لكي تنقلونه للفائده واتمنى التقيد

وهم مرفقه ايضا للفائده الجميع

وانتظروني في الدرس مفصل التالي

الصور مرفقات
اول ملف
اسمه
الاول
الاوول
الثاني
الثاالث
الرابع

لان تاخير في التحميل صار

اخوكم
اوتـــUAEـــار







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif المقطع الثاني.zip (http://www.traidnt.net/vb/attachments/197358d1197324989-المقطع-الثاني.zip) (787.1 كيلوبايت, عدد مرات المشاهدة 2807 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif المقطع الثاالث.zip (http://www.traidnt.net/vb/attachments/197361d1197325394-المقطع-الثاالث.zip) (571.0 كيلوبايت, عدد مرات المشاهدة 2257 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif المقطع الرابع.zip (http://www.traidnt.net/vb/attachments/197362d1197326305-المقطع-الرابع.zip) (1.34 ميقابايت, عدد مرات المشاهدة 2428 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif الاول.zip (http://www.traidnt.net/vb/attachments/197364d1197326783-الاول.zip) (381.1 كيلوبايت, عدد مرات المشاهدة 2241 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif الاوول.zip (http://www.traidnt.net/vb/attachments/197366d1197327151-الاوول.zip) (894.4 كيلوبايت, عدد مرات المشاهدة 2515 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©