| دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان ملقي الدورة: [vista-design] |
  |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
14-07-2008, 03:47 PM
| |||||
| |||||
 الدرس الثانى(2) شرح نقطة التمدد بالتفصيل الممل
الدرس الثانى(2) شرح نقطة التمدد بالتفصيل الممل بسم الله الرحمن الرحيم اليوم درسنا خفيف على القلب خالى من الكوليسترول للى يحبوا يتقنوا استخدام نقطة التمدد اولا: ما هى نقطة التمدد : هى عبارة عن منطقة فى التصميم, تتمدد بحسب عرض الشاشة حتى يتمدد التصميم بحجم الشاشة بحيث ما يحصل فيه خربطه سؤال: هل لازم نقطة التمدد فى تصميم الاستايلات جواب: لا , مو شرط لان هناك نوعين فى تصميم الاستايلات 1- استايلات متمدده 2-استيلات غير متمدده طب هل معنى ان ذلك ان الاستيلات غير المتمددة راح تكون مشكلة؟ جواب : لا طبعا لاننا بنتفادى هذه النقطة اثناء تصميمنا المهم نرجع لموضوعنا: اولا : نقطة التمدد اين يكون مكانها فى التصميم؟ جواب: هذا بيعتمد على نوع التصميم اللى أنت بتسويه وراح نأخذ كم مثال حلوين عشان أوضح كلامى اولا: اذا كان التصميم بسيط جدا ما فيه اى شىء مجرد لون فقط فنقطة التمدد تمشى فى اى مكان فى التصميم ,وطبعا يفضل الوسط ونقطة تمدد واحده تكفى للتصميم نشوف مثال:  ثانيا: طب نفرض ان تصميمنا مو بسيط , وكان تصميمنا فيه شوية حركات مثلا اى كلمة او صورة فى هذه الحالة : لازم تكون نقطة التمدد مكانها يتوفر فيه الشروط الاتية: 1- ان يكون مكان نقطة التمدد مكان صافى ما فيه اى شىء ( يعنى لا كلام ولا نقط ولا اى شىء) 2- ان يكون على جانبى نقطة التمدد مباشرة نفس الللون(يعنى اليسار مثلا اليمين) وانا اقصد اللى بجانب نقطة التمدد مباشرة يعنى مسافة صعغيرة فقط 3- وهذه أهم شىء ان نقطة التمدد تكون فى الوسط بشرط , ان يسار التصميم فيه صوره او كلام او اى شىء, ويمين التصميم كذلك ما فهمت عليك.....: , اوكى خلونا نشوف هالمثال فى هالمثال: نقطة تمدد واحدة فقط + فى المنتصف لانه توفرت الشروط اللى فوق  ثالثا: طب فرض ان التصميم كان معقد ( صور يمين وصور يسار وصور بالنص) جواب: هنا لازم نتوقف شوى, فى هذه الحالة سنضطر لاستخدام نقطتين تمدد مو واحده ....... طب ليش؟ لان طالما فيه صوره على اليسار وصوره فى الوسط وصورة على اليمين , لازم نضيف نقطة تمدد 1- بين الصورة اللى على اليسار والصورة اللى بالوسط 2- بين الوصرة اللى على اليمين والصورة اللى باللوسط وطبعا لازم تكون المنطقة اللى فيها نقطة التمدد صافيه ما فيها شىء مثل ما قلنا......... ودايما تذكر قانون الفيزياء اللى بيقول : كل قوتين متساويتين فى المقدار ,متضادتين فى الاتجاه , محصلتهم تكون صفر. يعنى بهيك نقطة التمدد اللى على اليسار راح تعاكس اتجاه نقطة التمدد اللى باليمين وبالتالى يظبط التصميم نشوف مثال:  رابعا: طب ماذا لوكان الاستايل معقد جدا ( كله صور فى صور ولا فيه اى مكان لاضف نقطة تمدد) جواب: طبعا انا اقصد بالتصميم المعقد , التصميم اللى ما فيه مكان او مكانين يتوفر فيه الشروط الاتيه: 1- انه مش صافى( يعنى منطقة من فوق لتحت نفس الشىء) 2- انه على جانبيها ما فيه تطابق نشوف مثال:  شوفتوا كيف التعقيد! طب وشو الحل!!!!!!! الحل طبعا مع هذا النوع من الاستايلات : اننا نسويه استايل غير متمدد , لتجنب مشكلة نقطة التمدد وإالى هنا ينتهى موضوعنا أتمنى تكونوا فهمتوا الدرس وطبعا فيه طرق اخرى ان شاء الله راح أتطرق إليها المطلوب من الاعضاء: اى تصميم لهيدر وفوتر من تصميمه , ومو شرط مثل المثال اللى شغالين عليه ويقوم العضو بتقطيعه مع الاشارة الى نقطة التمدد بسهم او شىء حتى أعرف ان المعلومة وصلت توقيعي عالم مطورى الويب لتعليم برمجة وتصميم المواقع www.advphp.com آخر تعديل بواسطة vista-design ، 26-07-2008 الساعة 03:29 PM |
|
| العلامات المرجعية |
 مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin |
| |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
|
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| الدرس الشامل لبرمجة وتصميم موقعك web2.0 احترافى بالتفصيل الممل | vista-design | لغات برمجة مواقع PHP, ASP, Java Script, Perl | 23 | 26-12-2011 06:51 PM |
| مناقشة جوجل ادسنس-الدرس السادس-شرح لوحة تحكم جوجل ادسنس بالتفصيل الممل | vista-design | دورة الربح من الانترنت بواسطة جوجل ادسنس | 25 | 12-05-2011 06:39 PM |
| تعلم الربح من الأنترنت-الدرس السادس-شرح لوحة تحكم جوجل ادسنس بالتفصيل الممل | vista-design | دورة الربح من الانترنت بواسطة جوجل ادسنس | 2 | 03-11-2010 12:17 AM |
دخول الاعضاء
العرض العادي
