بسم الله الرحمن الرحيم

استكمال الجزء التانى من موضوع

ا/ عمرو على 

RWD Responsive Web Design

 

 

توقفنا المرة السابقة عند الجزء الخاص بالتحميل

فى الصورة السابقة نقوم بتحميل ال Bootstrap
الجزء الاول :الخاص بملفات البوتسراب فقط
الجزء التانى : الخاص بالملفات كاملة مع وجود امئلة وتطبيقات
الجزء التالت : الخاص بال SASS وهى عبارة عن COMPILE لملفات ال CSS

 

 content delivery network

 content delivery network  دى عبارة عن سيرفر كبير باخد منه ملفات اللى محتاج لها علشان اخف الضغط من على السرفر الخاص بى ممكن استخد الملفات بشكل عادى خالص وممكن اعمل لها اضافه عن طريق السيرفر الخاص بالموقع واشهر المواقع اللى بتقدم الخدمه دى هى جوجل Google CDN

وده مثال ازاى اعمل تضمين لملفات ال JQUERY مثلا من خلال الجوجل

?ماذا يتضمن الل Bootstrap

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

bootstrap.css

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

النوع التانى :

bootstrap.min.css

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

ونفس الكلام لل

bootstrap.js
bootstrap.min.js

ماذا يحتوى ملف ال

Bootstrap source code ؟

 

ملفات ال LESS

ملفات ال JavaScript

ملفات ال Dist اختصار لل distribution اى التوزيعه

القالب الرئيسى ؟

1- شكل العرض ليصبح التصميم متجاوب

2- تضمين ملفات ال

css/bootstrap.min.css

3-استيراد ملفات الجيكويرى من جوجل ويجب ان يتم تضمين ملفات الجيكويرى قبل ملفات ال البوتستراب

4- تضمين الملفات الخاصه بالبوتستراب ونلاحظ استخدام الجزء الخاص Min ومعنى ذلك اننا لا نسطيع التديل على الملف كما سبق الشرح

الامثلة ؟

امثلة على النافبار

امثلة على المتصفحات التى تدعم ولا تدعم البوتستراب

بعض المشاكل مع

Internet Explorer 8 and 9

   

لحل هذه المشاكل نقوم بتضمين ملفات  Respond.js

وبكده يبقى خلصنا الجزء التانى من

RWD Responsive Web Design

وانتظرونا فى الجزء التالت باذن الله