عدد كلمات الجمله المفيده

✨ The Prompt Phrase

يجب أن تتكون الجملة المفيدة من ~كلمتين~ أو أكثر

💻 Code Preview

📦 All-in-One Code

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>عدد كلمات الجمله المفيده - Interactive Tutorial</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background: linear-gradient(to right, #2c3e50, #4ca1af);
            color: #ecf0f1;
            direction: rtl;
            margin: 0;
            padding: 0;
            scroll-behavior: smooth;
        }
        h1 {
            text-align: center;
            font-size: 2.5rem;
            margin: 20px 0;
            animation: fadeIn 1s;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        .container {
            max-width: 800px;
            margin: auto;
            padding: 20px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }
        .section {
            margin: 20px 0;
            border: 1px solid #ecf0f1;
            border-radius: 10px;
            overflow: hidden;
        }
        .section header {
            background: #2980b9;
            padding: 10px;
            color: #ecf0f1;
            cursor: pointer;
            transition: background 0.3s;
        }
        .section header:hover {
            background: #3498db;
        }
        .content {
            display: none;
            padding: 15px;
            background: rgba(255, 255, 255, 0.2);
        }
        .section[open] .content {
            display: block;
        }
        .quiz {
            margin: 20px 0;
            padding: 10px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
        }
        .quiz input[type="radio"] {
            display: none;
        }
        .quiz label {
            display: block;
            padding: 10px;
            background: #2980b9;
            color: white;
            border-radius: 5px;
            margin: 5px 0;
            transition: background 0.3s;
            cursor: pointer;
        }
        .quiz label:hover {
            background: #3498db;
        }
        .quiz input[type="radio"]:checked + label {
            background: #27ae60;
        }
        .summary {
            background: #2ecc71;
            padding: 10px;
            border-radius: 5px;
            color: white;
            text-align: center;
            margin-top: 20px;
            display: none;
        }
        .summary.active {
            display: block;
        }
        footer {
            text-align: center;
            margin-top: 40px;
            font-size: 0.9rem;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>عدد كلمات الجمله المفيده</h1>

        <details class="section">
            <summary>ما هي الجملة المفيدة؟</summary>
            <div class="content">
                الجملة المفيدة هي جملة تتكون من كلمتين أو أكثر، وهي تعبر عن فكرة أو معنى واضح. يجب أن تحتوي على فعل وفاعل على الأقل.
            </div>
        </details>

        <details class="section">
            <summary>لماذا نستخدمها؟</summary>
            <div class="content">
                استخدام الجمل المفيدة يجعل التواصل أكثر وضوحًا. فهي تساعد في التعبير عن الأفكار والمشاعر بشكل فعال.
            </div>
        </details>

        <details class="section">
            <summary>كيف تعمل؟</summary>
            <div class="content">
                تتكون الجملة المفيدة من:
                <ul>
                    <li>فعل: مثل "أحب"</li>
                    <li>فاعل: مثل "الكتاب"</li>
                    <li>مفعول به: مثل "المعلم"</li>
                </ul>
                مثال: "أحب الكتاب" هي جملة مفيدة لأنها تتكون من فعل وفاعل.
            </div>
        </details>

        <details class="section">
            <summary>مثال تفاعلي</summary>
            <div class="content">
                حاول تكوين جملة مفيدة من الكلمات التالية:
                <ul>
                    <li>أحب</li>
                    <li>القراءة</li>
                    <li>المعلم</li>
                </ul>
                <p>مثال: "أحب القراءة" أو "أحب المعلم".</p>
            </div>
        </details>

        <details class="section">
            <summary>أخطاء شائعة</summary>
            <div class="content">
                بعض الأخطاء الشائعة تشمل:
                <ul>
                    <li>استخدام كلمة واحدة فقط.</li>
                    <li>عدم وجود فعل في الجملة.</li>
                    <li>عدم وضوح المعنى.</li>
                </ul>
            </div>
        </details>

        <details class="section">
            <summary>نصائح احترافية</summary>
            <div class="content">
                - حاول استخدام كلمات متنوعة.
                - اجعل جملك قصيرة وواضحة.
                - استخدم أدوات الربط لتحسين تدفق الجملة.
            </div>
        </details>

        <div class="quiz">
            <h3>اختبار قصير</h3>
            <p>ما هي الجملة المفيدة؟</p>
            <input type="radio" id="q1-a1" name="q1" />
            <label for="q1-a1">كلمة واحدة</label>
            <input type="radio" id="q1-a2" name="q1" />
            <label for="q1-a2">جملة تتكون من كلمتين أو أكثر</label>
            <input type="radio" id="q1-a3" name="q1" />
            <label for="q1-a3">جملة تفتقر إلى الفعل</label>
            <div class="summary" id="summary1">إجابة صحيحة! الجملة المفيدة تتكون من كلمتين أو أكثر.</div>
        </div>

        <footer>
            <p>تم إنشاء هذا المحتوى بواسطة AI Prompt Dictionary</p>
        </footer>
    </div>
</body>
</html>

Live Preview