عذب القوافي
09-07-08, 04:40 AM
السلام عليكم ورحمة الله وبركاته
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
درس بسيط لكل مبتدئ في التعامل مع الهيدر وطريقة تقطيعه (الغير متمدد)
نبدأ الدرس
العمل سيكون على استايل ظناني لما يحتويه من مثاليه في التمدد الوسطي وتصميم غير متمدد ايضا
صوره للبانر قبل التقطيع واماكن اختيار التقطيع لمحاكات اختيار صورة لعمل فلاش عليها او التلاعب فيها
اضغط على الصوره لمشاهدتها بالحجم الطبيعي
http://www.3deeel.com/drs/drs4/drs4-02.jpg (http://www.3deeel.com/drs/drs4/drs4-02.jpg)
سيتم التعامل في الدرس حرفيا لمستوى التقطيع لعدد ثلالث صور هي تاتج تقطيع البانر اعلاه
الخطوه الاولى
افتح برنامج الفرونت بيج وهنا نتعامل مع البرنامج الاكثر شعبيه فرونت بيج 2003
امسح جميع الاكواد التي بداخل الصفحه عدا السطر الاول كما هو مبين لك بالصوره التاليه الشكل رقم 1
شكل 1
http://www.3deeel.com/drs/drs4/drs4-03.jpg (http://www.3deeel.com/drs/drs4/drs4-03.jpg)
الخطوه الثانيه
اختيار الجداول الرئيسيه
اضغط من الاسفل كما هو موضح بالشكل 2 المرحله الاولى (1) وبعدها انتقل للمرحله رقم (2) وأختر عدد ثلاثة جداول للمرحله (3) كما هو موضح بالتفصيل بالصوره التاليه
شكل 2
http://www.3deeel.com/drs/drs4/drs4-04.jpg (http://www.3deeel.com/drs/drs4/drs4-04.jpg)
الخطوه الثالثه
بعد اختيار عدد الجداول المراد العمل عليها
ادخال الخصائص للجدول حتى يتناسب التصميم مع المستعرضات بإخفاء الحواف كما تشير اليه الصوره التاليه (شكل 3) لتصبح الخلايا ذات خطوط وهميه
شكل 3
http://www.3deeel.com/drs/drs4/drs4-05.jpg (http://www.3deeel.com/drs/drs4/drs4-05.jpg)
الخطوه الرابعه
اجعل جميع الخيارات كما تشير اليها الاسهم في الصوره التاليه (شكل 4) مع مراعات جميع الخيارات لتطابق الصوره
شكل 4
http://www.3deeel.com/drs/drs4/drs4-06.jpg (http://www.3deeel.com/drs/drs4/drs4-06.jpg)
الخطوه الخامسه
استدعاء الصور
بعد تنفيذ الخطوه السابقه الرابعه ستجد الجدول مقسم الى 3 خلايا قم بالضغط على الخليه التي باليسار والمشار اليها برقم (1) اولا وتابع العمل حرفياً كما هو موضح بالشكل 5 من العملية الاولى وحتى الثالثه
شكل 5
http://www.3deeel.com/drs/drs4/drs4-07.jpg (http://www.3deeel.com/drs/drs4/drs4-07.jpg)
الخطوه السادسه
يجب ان نلتزم بالخطوه شكل 6 حرفيا بطريقة الضغط بالمؤشر على الخليه واستخدام التنسيق قبل استدعاء الصور حتى تأخذ الصوره الطرف المناسب لها وهذه العمليه اسهل من طريقه اخرى طويلة الشرح ويجب ان ننسق قبل استدعاء الصوره في الخليه المناسبه
شكل 6
http://www.3deeel.com/drs/drs4/drs4-13.jpg (http://www.3deeel.com/drs/drs4/drs4-13.jpg)
الخطوه التاسعه
تغيير حجم الجدول الى حجم التصميم الاصلي
الصوره التاليه شكل 7 توضح بدقه كيفية تغيير حجم الجدول ليناسب التصميم ويجب ان نراعي الخطوات الرئيسيه ومعرفة حجم البانر الحقيقي للهيدر قبل تقطيعه
شكل 7
http://www.3deeel.com/drs/drs4/drs4-15.jpg (http://www.3deeel.com/drs/drs4/drs4-15.jpg)
الخطوه الثامنه
تغيير مسار روابط صور الاستايل
كل صوره يجب ان يكون لديها مسار فما تم تركيبه في الدرس مسار الصوره شكل 8 مستمد منه وعليك ان تقوم بتغيير مسار الصوره الى المسار المناسب للتصميم
شكل 8
http://www.3deeel.com/drs/drs4/drs4-14.jpg (http://www.3deeel.com/drs/drs4/drs4-14.jpg)
اتمنى انني وفقت في الشرح لطريقة تقطيع الهيدر الغير متمدد مع توضيح استخدام هذا التقطيع بواسطة الفرونت بيج وارجو ان يستمر التعامل مع هذا البرنامج لانه بداية كل مصمم او مبرمج
عند النقل يرجى ذكر المصدر
بالتوفيق
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
درس بسيط لكل مبتدئ في التعامل مع الهيدر وطريقة تقطيعه (الغير متمدد)
نبدأ الدرس
العمل سيكون على استايل ظناني لما يحتويه من مثاليه في التمدد الوسطي وتصميم غير متمدد ايضا
صوره للبانر قبل التقطيع واماكن اختيار التقطيع لمحاكات اختيار صورة لعمل فلاش عليها او التلاعب فيها
اضغط على الصوره لمشاهدتها بالحجم الطبيعي
http://www.3deeel.com/drs/drs4/drs4-02.jpg (http://www.3deeel.com/drs/drs4/drs4-02.jpg)
سيتم التعامل في الدرس حرفيا لمستوى التقطيع لعدد ثلالث صور هي تاتج تقطيع البانر اعلاه
الخطوه الاولى
افتح برنامج الفرونت بيج وهنا نتعامل مع البرنامج الاكثر شعبيه فرونت بيج 2003
امسح جميع الاكواد التي بداخل الصفحه عدا السطر الاول كما هو مبين لك بالصوره التاليه الشكل رقم 1
شكل 1
http://www.3deeel.com/drs/drs4/drs4-03.jpg (http://www.3deeel.com/drs/drs4/drs4-03.jpg)
الخطوه الثانيه
اختيار الجداول الرئيسيه
اضغط من الاسفل كما هو موضح بالشكل 2 المرحله الاولى (1) وبعدها انتقل للمرحله رقم (2) وأختر عدد ثلاثة جداول للمرحله (3) كما هو موضح بالتفصيل بالصوره التاليه
شكل 2
http://www.3deeel.com/drs/drs4/drs4-04.jpg (http://www.3deeel.com/drs/drs4/drs4-04.jpg)
الخطوه الثالثه
بعد اختيار عدد الجداول المراد العمل عليها
ادخال الخصائص للجدول حتى يتناسب التصميم مع المستعرضات بإخفاء الحواف كما تشير اليه الصوره التاليه (شكل 3) لتصبح الخلايا ذات خطوط وهميه
شكل 3
http://www.3deeel.com/drs/drs4/drs4-05.jpg (http://www.3deeel.com/drs/drs4/drs4-05.jpg)
الخطوه الرابعه
اجعل جميع الخيارات كما تشير اليها الاسهم في الصوره التاليه (شكل 4) مع مراعات جميع الخيارات لتطابق الصوره
شكل 4
http://www.3deeel.com/drs/drs4/drs4-06.jpg (http://www.3deeel.com/drs/drs4/drs4-06.jpg)
الخطوه الخامسه
استدعاء الصور
بعد تنفيذ الخطوه السابقه الرابعه ستجد الجدول مقسم الى 3 خلايا قم بالضغط على الخليه التي باليسار والمشار اليها برقم (1) اولا وتابع العمل حرفياً كما هو موضح بالشكل 5 من العملية الاولى وحتى الثالثه
شكل 5
http://www.3deeel.com/drs/drs4/drs4-07.jpg (http://www.3deeel.com/drs/drs4/drs4-07.jpg)
الخطوه السادسه
يجب ان نلتزم بالخطوه شكل 6 حرفيا بطريقة الضغط بالمؤشر على الخليه واستخدام التنسيق قبل استدعاء الصور حتى تأخذ الصوره الطرف المناسب لها وهذه العمليه اسهل من طريقه اخرى طويلة الشرح ويجب ان ننسق قبل استدعاء الصوره في الخليه المناسبه
شكل 6
http://www.3deeel.com/drs/drs4/drs4-13.jpg (http://www.3deeel.com/drs/drs4/drs4-13.jpg)
الخطوه التاسعه
تغيير حجم الجدول الى حجم التصميم الاصلي
الصوره التاليه شكل 7 توضح بدقه كيفية تغيير حجم الجدول ليناسب التصميم ويجب ان نراعي الخطوات الرئيسيه ومعرفة حجم البانر الحقيقي للهيدر قبل تقطيعه
شكل 7
http://www.3deeel.com/drs/drs4/drs4-15.jpg (http://www.3deeel.com/drs/drs4/drs4-15.jpg)
الخطوه الثامنه
تغيير مسار روابط صور الاستايل
كل صوره يجب ان يكون لديها مسار فما تم تركيبه في الدرس مسار الصوره شكل 8 مستمد منه وعليك ان تقوم بتغيير مسار الصوره الى المسار المناسب للتصميم
شكل 8
http://www.3deeel.com/drs/drs4/drs4-14.jpg (http://www.3deeel.com/drs/drs4/drs4-14.jpg)
اتمنى انني وفقت في الشرح لطريقة تقطيع الهيدر الغير متمدد مع توضيح استخدام هذا التقطيع بواسطة الفرونت بيج وارجو ان يستمر التعامل مع هذا البرنامج لانه بداية كل مصمم او مبرمج
عند النقل يرجى ذكر المصدر
بالتوفيق