مشاهدة النسخة كاملة : [شرح] برنامج فرونت بيج لوصولك الى الاحتراف الجزء الثانى


Alamia
2009-05-19, 12:46 AM
بسم الله الرحمن الرحيم

اهلا بكم اخواتى اعضاء الدعم العربى جميعا اما بعد....

بعد ما انتهاينا من شرح الجزء الاول من برنامج فرونت بيج على هذا الرابط :
[شرح]: برنامج فرونت بيج لوصولك الى الاحتراف :: مصور - حصرى :: (http://www.support-ar.com/vb/showthread.php?t=21920)

سننتقل الى المرحلة الثانية وهى تشمل

- شرح القوائم الازمة لستخدم وكيفية ضبط الاستايل الطريقة الصحيحة

الدرس كما قلت اعلاه شرح القوائم المستخدمة فقط لضبط الاستايل متفقين ؟؟ متفقين..


بسم الله نبدا


http://www.support-ar.org//uploads/images/support-ar.com-12956c1c37.gif




القائمة المكونة من 1-2-3 اهم ما فى الامر وتعمدت ان اكتب عليها اولا واضعها فى مقدمة الشرحو والتى سنقوم بالعمل عليها كثيرا



1- [عادى] هذا القائمة مخصصة لتحكم بضبط الاستايل للمعانية بوضوح وايضا مدمج معها التعديل على الاستايل من اضفات مثال وضع صور معينة للهيدر او الفوتر اضافة جداول الخ. بوضوح بمعنى انت تضيف شى معين وبنفس الوقت المعاينة واضحة لك


2- [HTML] هذا القائمة التى مبرمجة خصيصا للكواد التى تضيف للمنتدى بعد الانتهاء من تصميما ما بمعنى انا صممت استايل وقمت بالاضافات الازمة من قائمة عادى كما ذكرت مسبقا.. انتهايت من التصميم نقوم بالضغط على HTML سيظهر لنا اكواد هذا الاكواد التى سناقوم باخذها بكوبى ونقلها الى المنتدى عن طريق لوحة تحكم المنتدى اذا كان هيدر ام كان فونر - اضافة لشرح قائمة HTML فى بعض الشروحات لبعض الاعضا يقومى بوضع شروحات من اضافات لقالب postbit_legacy ثم لا يكمل الموضوع وكيفية التعديل ملحوظة معظم قوالب المنتدى عبارة عن اكواد HTML عرفنا ان معظم الاكواد HTML يبقى الاستنتاج ان قالب postbit_legacy سعدل علية من برنامج فرونت بيج عن طريق الظغط اولا على قائمة HTML ونقوم بمسح جميع الاكود الموجوده به وثم نقوم بوضع الكود ثم بعد ذالك نقوم بالضغط على قائمة عادى ونقوم بالتعديل الازم يبقى كده عرفنا ان اى قالب اقوم بالتعديل علية اقوم بوضعه الى البرنامج عن طريق HTML ومن ثم الضغط على قائمة عادى . ملحوظة بعد الانتهاء من التعديل الازم نقوم بالضغط ثانيا الى قائمة HTML ونخذ الكود ونقلة الى المنتدى مرة اخرى ..


3- [معاينة] هذا القائمة لمعاينة التصميم بعد الانتهاء من نهائيا ولايجوز التعديل على التصميم من خلال هذا القائمة اما هذا القائمة مبرمجة خصيصا لمعاينة التصميم من الروابط التى قوم بضافتها من خلال التصميم


4- هذا الملف الابيض الون برمجة معدة خصيصا لنشاء صفحة عادية جديده بمعنى انا الان اقوم بتعديل شيا ما بقالب معين او تصميم وعيز اضيف شيا اخر اقوم بالتعديل علية وسحبة الى التصميم وبنفس الوقت الصفحة الاخرى موجوده بنفس الوقت .. اوقم بالعمل هنا وهناك من اضافت وتعديلات الخ... اقوم بالضغط عليها على الملف الابيض الون كما ذكرنا سابقا مع العلم بان هذا الملف يمكنة فتح اكثر من صفحة الى 1-2-3-4-5-6-7-8-9-10 الخ.. كما موصح بالصوره
http://www.support-ar.org//uploads/images/support-ar.com-82af1b21fb.gif



5- هذا القائمة كما موضح بالصوره تقوم باستخدمها من تغير خطوط - تغير الون - توسيط الخ..


6- هذا القائمة مبرمجة خصيصا كما بالصوره من اضافات.. بمعنى اننى اقوم بضافة ملف جديد - تحرير - عرض - ادراج - تنسيق كما موضح بالصورة تمام .. اهم ما فيى الامر من القائمة هى عرض نقوم بالضغط عليها ستظهر لنا قائمة نقوم بالبحث عن كلمة اشرطة ادوات ثم من القائمة الجانبية التى ستظهر نقوم بختيار ما ينسبنا من تسبتة بالبرنامج مباشرا او لحذفة من صفحة البرنامج ..بالصفحة الرئيسية سنقوم بالضغط عليها ونلاحظ ماذا يجرى .. تابع كما بالصورة ..
http://www.support-ar.org//uploads/images/support-ar.com-0c1e11cf7d.gif



نقوم بالضغط على ما ينسبنا من القائمة كما ذكرت سابقا

وبكده انتهاء الدرس الثانى

وان شاء الله سيتم اعداد الدرس الثالث بعون الله تعالى اى تعليق او استفسار انا جاهز

ويارت الاخوه الاعضاء قول ارئهم بالاستفادة ام لا

موفقين جميعا ان شاء الله وربنا يوفقنا الى عمل الخير

شرح الجزء الاول من برنامج فرونت بيج على هذا الرابط :
[شرح]: برنامج فرونت بيج لوصولك الى الاحتراف :: مصور - حصرى :: (http://www.support-ar.com/vb/showthread.php?t=21920)

نجم المحبه
2009-05-26, 01:31 AM
مشكووور\\واصل التقدم

محمد84
2009-05-26, 01:47 AM
بارك الله فك

Alamia
2009-05-26, 02:48 AM
مشكور جدا على مرور الجميع

وان شاء الله فى نتقابل فى الدرس الثالث

موفقين جميعا

فداءالروح
2009-05-27, 05:59 AM
اخى شرحك مميز بس ياريت تعمل موضوع
ببرنامج الفرونت بيج حتى تسهل على الاعضاء اكثر من هيك
تقبل تحياتى

Alamia
2009-05-31, 07:50 PM
اخى شرحك مميز بس ياريت تعمل موضوع
ببرنامج الفرونت بيج حتى تسهل على الاعضاء اكثر من هيك
تقبل تحياتى


مشكور اخى على مرورك

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

واقوم بوضع اجزاء الشرح من حين الى اخر لكتمال الشرح

وابشر قريباء جدا سيتم انهاء الشرح نهائيا

موفقين جميعا ان شاء الله

مرفوع
2009-05-31, 08:01 PM
أخي ممكن ترفع الفرونت بيج
لأنو مو عندي

شكرا لك

Alamia
2009-05-31, 08:45 PM
اخى تفضل من هنا

http://img1.adiga-pro.com/comp/a3f8c1609/Front_Page_2003_arabic.jpg

Front Page 2003 arabic
الحجم: 304 MB قبل فك الضغط
تم تقسيم البرنامج الى 10 أجزاء للتسهيل التحميل كل جزء 15 ميجا ما عدا أخير
بعد تحميل كل الاجزاء فك الضغط عنها جميعها لتكوين البرنامج.
1
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/583900981aca0b21/)
2
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/5839967192a21e31/)
3
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/58401381b379ec6c/)
4
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/58430115e1ea5d18/)
5
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/584307606d6545e4/)
6
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/584440274b1fbce2/)
7
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/584457970c1cc64c/)
8
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/58447352b887421f/)
9
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/5844884909a808b1/)
10
http://www.adiga-pro.com/vb/images/smilies3/download4.gif (http://www.zshare.net/download/58449411a7150527/)

او من هنا


http://www.zshare.net/download/5034518052838c59 (http://www.zshare.net/download/5034518052838c59)
او
http://www.megaupload.com/sa/?d=N4PD5S2R (http://www.megaupload.com/sa/?d=N4PD5S2R)
او
http://rapidshare.com/files/15710222...aidnt.rar.html (http://rapidshare.com/files/157102228/FrontPage_2003_Ts.by_ALReal.traidnt.rar.html)
او
http://depositfiles.com/en/files/c4q0bbj3d (http://depositfiles.com/en/files/c4q0bbj3d)


باسورد فك الضغط
traidnt.net

صدى الصمـــت
2009-06-10, 08:03 PM
جزاك الله كل خير , فهمت كويس
لكن رقم 7 متحطش شرحه

Alamia
2009-06-10, 08:44 PM
جزاك الله كل خير , فهمت كويس
لكن رقم 7 متحطش شرحه


اخى الفاضل بالنسبة لرقم 7 هذا الخاصية تابع صفحة التصميم الموجود امامك والمشروح عليها بمعنى وتوضيح اكثر

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

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

وستجدا هنا بالشرح [شرح]: برنامج فرونت بيج لوصولك الى الاحتراف :: مصور - حصرى :: (http://www.support-ar.com/vb/showthread.php?t=21920)
3-خاصة باضافة مجلدات ورابط الموقع بجميع الصفحات التى تم انشائها وهذا القائمة خاصة بتصميم الموقع ذات تعدد الصفحات


بالتوفيق اخى الفاضل

tito9
2009-08-05, 07:43 AM
مشكور على البرنامج والشرح

ابو الحاج
2009-08-25, 07:04 PM
بارك الله فيك

sharcosta
2009-08-27, 03:34 AM
دائم التميز ان شاء الله

شكرا على المجهود