شركة اكرم ديزاين
السلام عليكم
عزيزنا الزائر يرجى التشرف بالدخول للمنتدى ان لم تكن عضوا
او التسجيل ان لم تكن عضوا و تريد الإنضمام لاسرة المنتدى
و شكراا cheers cheers
ادارة المنتدى
Laughing
الفيس بوك : https://www.facebook.com/akram20111
 
 
الرئيسيةإتصل بناالقوانينالتسجيل


شركة اكرم ديزاين
 
الرئيسيةالرئيسية  التسجيلالتسجيل  دخولدخول  
1111


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا


شاطر | 
 

 الدرس الرابع[ شرح طريقة التطاير الكلي لجميع القوالب للمنتدى ]

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

عدد المساهمات : 691
نقاط : 10002538
السٌّمعَة : 0
تاريخ التسجيل : 24/07/2011
العمر : 22
الموقع : http://akram-design.ibda3.org/

مُساهمةموضوع: الدرس الرابع[ شرح طريقة التطاير الكلي لجميع القوالب للمنتدى ]   السبت نوفمبر 12, 2011 9:20 pm


الدرس الرابع[ شرح طريقة التطاير الكلي لجميع القوالب للمنتدى ]
اليوم راح نتعلم طريقة التطاير الكلي للاقسام
شرح مفصل ومدعوم بالصوره لتسهيل التطبيق للعمل

نبداء العمل

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



نقوم بتصميم اطارات حسب ذوقك انا قمت بالعمل التالي

الي يبي يحمل الستايل هذا هو مجاني من هنا
http://www.rawabetvb.com/vb/showthread.php?t=89052



قم بتقطيع الستايل باستخدام التول




عمل تقطيع للاطار بشكل منتظم ومتساوي






وعمل حفظ للعمل Save for Web

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





بعد الحفظ راح يكون عندنا صفحة html ومجلد خاص بها images




نفتح مجلد الصور وهذا هو اهم شي نحتاجه






الان نبداء بعمل التطاير لجميع القوالب

ملاحظه
: الي يعرف توزيع الستايل الهيدر والفوتر راح يكون العمل سهل عليه لان
نفس طريقة توزيع الهيدر والفوتر راح تستخدم لعمل توزيع الاطارات على
الفرنت بيج


يجب معرفة الدرس التالي جيداً وتطبيقه كي تتقن العمل على التطاير

http://www.rawabetvb.com/vb/showthread.php?t=58837

اعادة بسيطه للعمل

ماذا نحتاج لنبداء ؟؟


1- برنامج الفرنت بيج

نروح نفتح برنامج الفرنت بيج
Microsoft Office FrontPage


تابع معي الصور الشرح غالبيته داخل الصوره






الان راح يكون لدينا صفحه بيضاء
نتقل بعدها للتصميم مثل ماهو موضح لك بالصوره التالية



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






بعد اختيار خصائص الجداول راح يعطينا مربع للخصائص الصفحة





نوجه الصفحه من اليمين الى اليسار
الان راح نقوم بأنشاء عدد من الجداول الي بيكون توزيع الصور عليها وعدد الجداول المطلوبه هي 9 جداول






عملية انشاء الجداول سهله ومايحتاج تفصيل فيها كثير
انظر للنتيجه في الصوره التاليه



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





بيظهر مربع خصائص الجدول كل الي عليك انك تعدل عليه مثل ماهو بالصوره التالية






شدحيلك معي شوي الدرس هذا يبي شوي صبر لاهميته


الان انتهينا من الجداول .. وهذي نتيجة العمل السابق





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


انا وضعت صوره للصور وهي مقطعه


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


وسبق وضحنا لكم هذا بالدرس الثاني اذا تذكرون الصوره التاليه



يعني بيكون توزيع الصور حسب الرسم التوضيح هذا شاهد معي التوزيع





طريقة ادارج الصوره يكون من خلال اداة الادارج الموضحه لكم هنا





بيكون توزيعنا للصور حسب الشرح الي بالصوره التاليه ونسميها الصورة (توزيع المرحله الاولى)
راح ندرج زوايا الهيدر والفوتر باستخدام ادراج صورة





بيصبح لدي بهذا الشكل



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


قبل التركيب يتطلب منا التعديل على مسار في الفرنت بيج نتقل الى تعليمات برمجية



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


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


الان انتقل ليقونة التصميم وضع مؤشر الماوس في الوسط وختر اداة المحاذة


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

يتبع مع المشاركه التاليه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://akram-design.ibda3.org
Admin
Admin
Admin
avatar

عدد المساهمات : 691
نقاط : 10002538
السٌّمعَة : 0
تاريخ التسجيل : 24/07/2011
العمر : 22
الموقع : http://akram-design.ibda3.org/

مُساهمةموضوع: رد: الدرس الرابع[ شرح طريقة التطاير الكلي لجميع القوالب للمنتدى ]   السبت نوفمبر 12, 2011 9:22 pm

اول القوالب الي راح يتم عمل التطاير عليها هو قالب navbar
ملاحظه يفضل العمل على القالب الأصلي يعني افضل تسوي استرجاع للقالب
نفتح القالب ونقوم بنسخه ووضع بصفحه جديده بالفرنت بيج






نلصق القالب
العمل بيكون على الكود الي تم تحديده بالصوره التاليه نقوم بنسخه



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




قم بتوسيط المؤشر لتجهيز القالب للصق




الان نقوم بالتوجة للتعليمات البرمجية






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

ورجع للصفحه الي فيها قالب navbar
وضع الكود الجديد مكان القالب الي نسخنها وكان من رقم 3 الى رقم 129

بعد لصق الكود قم بنسخه ووضع في قالب المنتدىnavbar
وعمل حفظ وروح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://akram-design.ibda3.org
 
الدرس الرابع[ شرح طريقة التطاير الكلي لجميع القوالب للمنتدى ]
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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