Bootstrap - ما هو؟ Twitter Bootstrap - تصميم وتطوير الموقع

جدول المحتويات:

Bootstrap - ما هو؟ Twitter Bootstrap - تصميم وتطوير الموقع
Bootstrap - ما هو؟ Twitter Bootstrap - تصميم وتطوير الموقع
Anonim

أولئك الذين يعملون على الأقل قليلاً في مجال تصميم الويب ولديهم دراية بعملية إنشاء المواقع وتصميمها ، يعرفون إلى أي مدى وصلت احتمالات تصور المحتوى الخاص بك مؤخرًا. بفضل تقنيات CSS و JavaScript و Flash ، مجتمعة معًا ، يمكن تحويل أي موقع إلى تحفة حقيقية ، نوع من الأعمال الفنية الحديثة. وبالطبع ، يقوم العديد من المصممين بذلك ، ويقوم عدد كبير من الشركات بتكليف كبير بتطوير بوابات ذات رسومات مذهلة. علاوة على ذلك ، يمكن تحقيق "التأثير المذهل" للصفحة ليس فقط من خلال مجموعة من التأثيرات المختلفة ، ولكن أيضًا بمساعدة انتقالات بسيطة ولكنها جميلة ، والرسوم البيانية ، والروابط ، وأكثر من ذلك.

التمهيد ما هو عليه
التمهيد ما هو عليه

صحيح ، يعرف كل مصمم ومصمم تخطيط أنه لتوفير الوقت عند تطوير أي مورد ، يجب أن يكون لديك قاعدة معينة ، قالب ، يمكنك على أساسه إنشاء "التحفة الفنية" النهائية. هذا ما تم إنشاء Bootstrap من أجله: فهو يساعد اليوم في توفير الوقت وتسهيل الأمور على آلاف مصممي الويب.

Bootstrap - ما هو؟

إذن ، يجب أن يبدأ وصف المنتج بخصائصه العامة. لذلك ، نلاحظ أن Bootstrap عبارة عن منصة يتم التعبير عنها في مجموعةالقوالب الأصلية للموقع. يتضمن كل منها رسومات و CSS و HTML بالطبع.

تويتر التمهيد
تويتر التمهيد

المجموعة الكاملة تأتي في أرشيف واحد ، يمكن تنزيله مجانًا من الصفحة الرسمية للمنصة. وبالتالي ، يمكن لأي شخص يريد تطوير موقعه استخدام هذه المجموعة ، ولن يحتاج إلى كتابة كل صفحة من البداية ، والقيام بالإجراءات الأساسية: ترميز الموقع ، وتقسيمه إلى كتل ، واختيار الرسومات للرموز الأساسية ، وما إلى ذلك. في نفس الوقت ، كل مجموعة من Twitter Bootstrap فردية تمامًا. على عكس القوالب التي اعتدنا عليها ، لا يوجد شيء غير ضروري يجب إزالته أو استبداله. سيتمكن المصمم من إنشاء من بنات أفكاره مباشرة على أساس Bootstrap.

كيف تبدأ في إنشاء موقع على شبكة الإنترنت؟

إذن ، لقد تعرفنا بالفعل على النظام الأساسي نفسه ، فلننتقل الآن إلى كيفية البدء في تطوير موقع الويب الفريد الخاص بك. للبدء ، بالطبع ، تحتاج إلى تنزيل الأرشيف باستخدام نموذج Twitter Bootstrap. يشغل مساحة صغيرة جدًا ، ويمكنك الحصول عليه من صفحة GetBootstrap. هناك يمكنك أيضًا اختيار موضع الكتل التي تحتاجها للموقع. على سبيل المثال ، هناك صفحات على شكل صفحة منتقل إليها تحتوي على صورة واحدة ، وبها شريط تمرير ، وبها عدة عناوين ، وتأثيرات محددة مسبقًا ، وما إلى ذلك. تحتاج فقط إلى تحديد وتنزيل الأرشيف المناسب لموقعك الذي تم إنشاؤه على أساس Bootstrap. ما هذه المجموعة سترى مباشرة بعد التحميل

قائمة التمهيد
قائمة التمهيد

تخصيص السمة

كل موضوع يمثل نفسه كأي موقع آخرمجموعة من ملفات HTML و CSS والرسومات. سعى مطورو النظام الأساسي إلى جلب معايير التصميم إلى نفس المعايير ، مع إعطاء أقصى فرصة لتخصيص المظهر الخاص بك. لذلك ، من أجل جعل موقعك فريدًا ، ستحتاج إلى فهم بنية النظام الأساسي ، وبنية الموقع عليه ، وكيفية كتابة رمز كل قالب. تحتاج إلى القيام بذلك مرة واحدة ، وبعد ذلك سيكون من الأسهل إنشاء مشاريعك باستخدام Bootstrap. CSS والرسومات هي نفسها في جميع السمات. هذه هي ميزة هذا النهج.

كل ما يهمنا هو ملف CSS باسم السمة (يتم وضعه في مجلد "css" ، بالإضافة إلى ذلك ستجد ملفين آخرين من الإعدادات الأساسية للنظام الأساسي ، أنت يمكن تركهم وشأنهم) ؛ بالإضافة إلى "index.html" ، وهو ترميز الصفحة الرئيسية. يجب أن تبدأ من هذا ، ومن الإضافات المحددة الأخرى في شكل أشرطة تمرير ، سيتم تحديد بعض تأثيرات جافا سكريبت بالفعل من خلال مهمتك لإنشاء موقع معين. على سبيل المثال ، في قالب Bootstrap القياسي ، قد يتم تصميم القائمة بلون رمادي باهت. بالنسبة لموقعك ، بالطبع ، سوف تقوم بتغييره بحيث يتم باللون المناسب وبجميع التأثيرات المرغوبة. هذا هو التخصيص ذاته ، ولكن نظرًا لوجود Bootstrap ، فلا داعي لإنشاء قائمة من البداية ، مما يوفر الوقت.

bootstrap المغلق
bootstrap المغلق

فرص للمصممين

في الواقع ، الآن حول الاحتمالات التي توفرها منصة Bootstrap. ما هي هذه الآفاق - للعمل مع مثل هذه المحفوظات؟ يبدو ، لماذا هم رائعون جدا؟

بوفي الواقع ، لا يوجد شيء مثل ذلك في منصة المطورين من Twitter. الفكرة بسيطة للغاية ، وكذلك تنفيذها. لكن المصمم الآن ليس مضطرًا إلى إنشاء صفحة موقع من البداية ، ثم لإعطائها الشكل المطلوب. لا ، الآن يمكن للمتخصص أن يبدأ مباشرة من الغلاف ، من تصميم الموقع ، دون تشتيت انتباهه بالأشياء الأساسية مثل الترميز الرئيسي. أليس هذا مثالاً على الاستخدام الفعال والفعال للوقت؟

بالإضافة إلى ذلك ، لم يتم ملاحظة ميزة أخرى لـ Bootstrap - وهي طريقة لمساعدة الأشخاص الذين ليس لديهم مهارات ترميز CSS عالية المستوى لإنشاء تصميم احترافي خاص بهم ، لأن جميع الأدوات التي قد يستخدمها مصمم التخطيط الحاجة موجودة بالفعل في القوالب المعنية. الشخص الذي يعرف شيئًا عن إنشاء مواقع الويب قادر على أكثر من ذلك بكثير. وهذه بالفعل إضافة مهمة بالفعل لصالح Bootstrap.

الآن المشروع قيد التطوير ، على الرغم من حقيقة أنه تم إطلاقه في عام 2011 ومنذ ذلك الحين بدأ آلاف الأشخاص في العمل عليه. دعونا نأمل أن يستمر المطورون في تسهيل تصميم الويب ومساعدة الأشخاص على إنشاء شيء جديد وشخصي ومفيد للعالم.

موصى به: