اهلا بك في قالب blfym Dalil UI v2.0 Ultimate

مرحبًا بك في صفحة الاختبارات التجريبية لقالب BLFYM Dalil UI v2.0. تهدف هذه الصفحة إلى اختبار تنسيقات المحتوى وأحجام العناوين والصناديق والبطاقات والأزرار والجداول والروابط، مع معاينة شكل العناصر على الهواتف وأجهزة الكمبيوتر.

القسم الأول: اختبار أحجام العناوين

يحتوي هذا القسم على مستويات العناوين المختلفة لاختبار أحجام الخطوط والمسافات والألوان التي يطبقها القالب تلقائيًا.

عنوان المستوى الثاني H2

فقرة تجريبية أسفل عنوان H2 لاختبار المسافة بين العنوان والنص.

عنوان المستوى الثالث H3

فقرة تجريبية لمعاينة تنسيق العناوين الفرعية والتدرج البصري بينها.

عنوان المستوى الرابع H4

نص تجريبي لاختبار العناوين الأصغر داخل الأقسام.

عنوان المستوى الخامس H5

فقرة إضافية لاختبار حجم الخط والمسافات.

عنوان المستوى السادس H6

هذا هو أصغر مستوى للعناوين في HTML، ويمكن استخدامه لاختبار تنسيق النصوص الصغيرة.

القسم الثاني: اختبار تنسيقات النصوص

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

هذا نص عريض باستخدام الوسم STRONG.

هذا نص عريض باستخدام الوسم B.

هذا نص مائل باستخدام الوسم EM.

هذا نص مائل باستخدام الوسم I.

هذا نص تحته خط.

هذا نص يتوسطه خط.

هذا نص مميز بخلفية ملونة.

هذا نص صغير الحجم لاختبار النصوص الثانوية.

يمكن الجمع بين التنسيقات المختلفة مثل النص العريض والنص المائل والنص المسطر والنص المميز داخل فقرة واحدة.

اختبار النص البرمجي داخل السطر: const siteName = "BLFYM";

اختبار الاختصارات: HTML وCSS وJS.

هذا اقتباس تجريبي لاختبار تنسيق الاقتباسات داخل المقالات، بما يشمل الحدود والخلفيات والمسافات وحجم الخط.

القسم الثالث: اختبار الروابط

تُستخدم الروابط التالية لاختبار لون الرابط الافتراضي وتأثير المرور عليه وإمكانية فتح الروابط الداخلية والخارجية.

زيارة الصفحة الرئيسية لمدونة بلوجر فيومي

زيارة موقع خارجي في علامة تبويب جديدة

الانتقال إلى جدول الاختبارات

رابط تجريبي للبريد الإلكتروني

القسم الرابع: اختبار الصناديق والبطاقات

تساعد هذه النماذج في معاينة أشكال الصناديق التي يمكن استخدامها لعرض المعلومات والملاحظات والتنبيهات والمواقع المميزة داخل المقالات.

القسم الخامس: اختبار الأزرار

تساعد الأزرار التالية في اختبار الألوان والأحجام والحواف والمسافات وإمكانية عرض أكثر من زر بجانب الآخر.

اختبار زر بعرض كامل:

القسم السادس: اختبار القوائم

قائمة غير مرتبة

• مواقع تقنية.
• مواقع تعليمية.
• مواقع ترفيهية.
• مواقع أدوات وخدمات.
• مواقع أخبار ومعلومات.

قائمة مرتبة

1. افتح الصفحة الرئيسية للدليل.
2. استخدم محرك البحث للعثور على موقع.
3. تصفح التصنيفات المتاحة.
4. افتح صفحة الموقع المطلوب.

قائمة متداخلة

• التقنية
  • برامج الكمبيوتر.
  • تطبيقات الهواتف.
  • أدوات المطورين.
• التعليم
  • الدورات التدريبية.
  • المكتبات الإلكترونية.

القسم السابع: اختبار الجداول

يُستخدم الجدول التالي لاختبار عرض البيانات والحدود والألوان والمحاذاة، خاصة على شاشات الهواتف الصغيرة.

القسم الثامن: اختبار الصور

اختبار الصور مهم لمعاينة العرض التلقائي والتجاوب مع حجم الشاشة والمحافظة على نسبة أبعاد الصورة.

تعليق توضيحي أسفل الصورة التجريبية.

صورة بمحاذاة اليمين

يجب التأكد من عدم تجاوز الصور عرض منطقة المقال، ومن ظهورها بصورة صحيحة على الأجهزة المختلفة.

القسم التاسع: اختبار الأكواد البرمجية

يُستخدم هذا القسم لاختبار الصناديق المخصصة لعرض الأكواد البرمجية، مع أزرار النسخ والتحميل والعرض التي قد يوفرها القالب.

<div class="example-box">
  <h2>مرحبًا بك</h2>
  <p>هذا مثال تجريبي لاختبار صندوق الأكواد.</p>
  <a href="https://blfym.blogspot.com/">
    زيارة الموقع
  </a>
</div>

اختبار كود JavaScript

function greetVisitor() {
    var message = "مرحبًا بك في BLFYM";
    console.log(message);
}

greetVisitor();

اختبار كود CSS

.example-box {
    padding: 20px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #ddd;
    text-align: center;
}

اختبار كود PHP

<?php

$siteName = "BLFYM";
$message = "Welcome to " . $siteName;

echo $message;

?>

القسم العاشر: اختبار المحتوى الطويل

تُستخدم الفقرات الطويلة لاختبار قابلية القراءة وتوزيع النصوص داخل المقال. ومن المهم التأكد من أن عرض المحتوى لا يصبح ضيقًا للغاية، وأن ارتفاع السطر مناسب للقراءة باللغة العربية، خصوصًا على الهواتف.

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

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

يساعد اختبار العناصر المختلفة داخل مقال واحد على اكتشاف مشكلات التنسيق قبل اعتماد القالب بصورة نهائية. ويمكن من خلال هذه الصفحة فحص العناوين والصناديق والصور والجداول والأكواد والقوائم والروابط، ثم مقارنة النتائج على أكثر من جهاز ومتصفح.

القسم الحادي عشر: اختبار صندوق الأسئلة الشائعة

ما هو دليل المواقع؟

هو موقع يجمع روابط المواقع الإلكترونية وينظمها في تصنيفات تساعد الزوار على اكتشاف المواقع والخدمات بسهولة.

ما فائدة محرك البحث داخل الدليل؟

يساعد المستخدم على الوصول إلى المواقع المطلوبة عن طريق البحث باستخدام الكلمات المفتاحية أو أسماء المواقع أو التصنيفات.

هل يعمل القالب على الهواتف؟

يجب اختبار القالب على الهواتف والأجهزة اللوحية وأجهزة الكمبيوتر للتأكد من توافق جميع العناصر مع أحجام الشاشات المختلفة.

لماذا نستخدم هذه الصفحة التجريبية؟

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

القسم الثاني عشر: اختبار النصوص العربية والإنجليزية

هذا نص باللغة العربية لاختبار اتجاه الكتابة من اليمين إلى اليسار، مع التأكد من محاذاة النصوص والعناوين والقوائم بصورة صحيحة.

This is an English paragraph used to test left-to-right text direction, typography, spacing, and responsive layout.

اختبار النص المختلط: BLFYM Dalil UI v2.0 هو قالب لتجربة تصميم دليل المواقع ومحرك البحث، باستخدام HTML وCSS وJavaScript.

HTML + CSS + JavaScript = Web Development

القسم الثالث عشر: اختبار صناديق المواقع

النماذج التالية تحاكي بطاقات المواقع التي يمكن استخدامها داخل دليل إلكتروني. وهي عناصر تجريبية ثابتة وليست مرتبطة بقاعدة بيانات أو محرك بحث فعلي.

القسم الرابع عشر: اختبار المسافات والفواصل

هذه فقرة قبل الفاصل الأول.

هذه فقرة بعد الفاصل الأول لاختبار المسافة الرأسية التي يضيفها الوسم HR.

هذه فقرة بعد فاصل سطر إضافي باستخدام BR.

هذه فقرة بعد مساحة فارغة بارتفاع ثلاثين بكسل لاختبار التباعد بين العناصر.

القسم الخامس عشر: اختبار النصوص الطويلة داخل الصناديق

القسم السادس عشر: الخلاصة التجريبية

انتهت صفحة الاختبارات التجريبية لقالب BLFYM Dalil UI v2.0. تحتوي الصفحة على مجموعة متنوعة من العناصر التي تساعد على فحص تصميم المقالات وتوافق التنسيقات مع القالب.

• اختبار مستويات العناوين من H2 إلى H6.
• اختبار تنسيقات النصوص والاقتباسات.
• اختبار الروابط الداخلية والخارجية.
• اختبار الصناديق والبطاقات والأزرار.
• اختبار القوائم والجداول والصور.
• اختبار صناديق الأكواد البرمجية.
• اختبار اتجاه النصوص العربية والإنجليزية.
• اختبار بطاقات المواقع والمسافات بين العناصر.