اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

وعليكم السلام ورحمة الله،

يمكنك تحميل قالب جاهز منسق بإطار Bootstrap من أحد المواقع المتخصصة مثل BootstrapMade أو Start Bootstrap ثم فك ضغط الملفات وفتحها باستخدام Visual Studio Code أو أي محرر أكواد آخر.

بعدها يمكنك تعديل النصوص والعناوين داخل ملفات HTML لتناسب موقعك التعليمي، وتغيير الألوان والخطوط من ملفات CSS، مع إمكانية ترجمة المحتوى بالكامل إلى العربية وضبط اتجاه الصفحة إلى RTL أي من اليمين إلى اليسار بإضافة الخاصية:

‎dir="rtl"

في وسم html أو باستخدام ملف CSS خاص لدعم اللغة العربية.

  • 0
نشر
بتاريخ 6 ساعة قال Hiba Abdalrheem:

قالب منسق بوتستراب

في منصة تعليمية 

يتوفر موقع  HTMLrev.com ويوجد به فلاتر لتصفية القوالب بناءًا عليها، بمعنى لإختيار قالب HTML, CSS فقط، قومي بتحديد فلتر HTML:

Snag_5d1c902.thumb.png.3780b87f65f4feadf0e6416efaad90dd.png.6ca20fdbe5e09d93fc344b78750faf57.png

ونفس الأمر لو أردتي قالب مُطور من خلال بوتستراب، فقومي بالضغط على فلتر Boostrap وستحصلين على HTML, CSS, JS, Boostrap

ثم اختاري القالب الذي تريدينه وانزلي لأسفل الصفحة وستجد زر التحميل، ولو أردتي المعاينة قبل التحميل اضغطي على Live view

Snag_5d41062.thumb.png.b4ace2e2489229aae9ea559761b434d6.png.c5a89162f86f0d158f4d578e2e6244e3.png

كذلك المواقع التالية:

 

  • 0
نشر

يمكنك البحث في محرك جوجل عن  "Free Bootstrap Education Template".وبالفعل يوجد مواقع توفر قوالب جاهزة مجانية مثل BootstrapMade ثم بمجرد اختيار القالب، قم بتحميله ثم قم بفك الضغط عنه في مجلد جديد على جهازك ثم يمكنك تعديل الأكواد بسهولة من خلال محرر أكواد ك vs code 

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...