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

1. ‫الويب‬ ‫تصميم‬ ‫كورس‬
–
CSS Course
Learn CSS| Full Course
‫الدرس‬
1
–
‫الكود‬ ‫كتابة‬ ‫وطرق‬ ‫مقدمة‬
‫وإعداد‬ ‫شرح‬
/
‫السالم‬ ‫عبد‬ ‫ماهر‬ ‫محمد‬

2. ‫الدرس‬ ‫موضوعات‬
‫الترتيب‬
‫الموضوع‬
1
‫باللغة‬ ‫وتعريف‬ ‫مختصرة‬ ‫مقدمة‬
2
‫لغة‬ ‫مع‬ ‫المظهر‬ ‫في‬ ‫الفرق‬
CSS
‫وبدونها‬
3
‫لغة‬ ‫ألكواد‬ ‫العام‬ ‫الشكل‬
CSS
4
‫بلغة‬ ‫الخاصة‬ ‫األكواد‬ ‫إضافة‬ ‫طريقة‬
CSS
5
‫ال‬ ‫ملف‬ ‫تضمين‬
CSS
‫ال‬ ‫ملف‬ ‫بداخل‬
Html
6
‫ب‬ ‫الخاصة‬ ‫التنسيقات‬ ‫إلضافة‬ ‫الثانية‬ ‫الطريقة‬
CSS
7
‫ب‬ ‫الخاصة‬ ‫التنسيقات‬ ‫إلضافة‬ ‫الثالثة‬ ‫الطريقة‬
CSS

3. ‫باللغة‬ ‫وتعريف‬ ‫مختصرة‬ ‫مقدمة‬
‫الرحيم‬ ‫الرحمن‬ ‫هللا‬ ‫بسم‬
•
‫المتعلقإة‬ ‫األوامإر‬ ‫كإل‬ ‫شإرح‬ ‫فإي‬ ‫سإنبدف‬ ‫هللا‬ ‫بإذذن‬ ‫الدورة‬ ‫هذه‬ ‫في‬
‫بلغإة‬
‫التصميم‬
CSS
‫الو‬ ‫تصميم‬ ‫تعلم‬ ‫في‬ ‫الثانية‬ ‫الخطوة‬ ‫هي‬ ‫والتي‬
‫بعإد‬ ‫يب‬
‫إة‬‫إ‬‫لغ‬
Html
‫إ‬‫إ‬‫عليه‬ ‫إدربنا‬‫إ‬‫وت‬ ‫إيل‬‫إ‬‫بالتفص‬ ‫إرحناها‬‫إ‬‫وش‬ ‫إبر‬‫إ‬‫س‬ ‫إي‬‫إ‬‫الت‬
‫ا‬‫إد‬‫إ‬‫جي‬ ‫ا‬
‫اسإإتمعت‬ ‫إإد‬ ‫فنإإ‬ ‫فسإإاس‬ ‫علإإد‬ ‫معإإ‬ ‫سإإعتعامل‬ ‫الكإإورس‬ ‫هإإذا‬ ‫وفإإي‬
‫ال‬ ‫لكورس‬
Html
‫ن‬ ‫مإا‬ ‫كإل‬ ‫هللا‬ ‫بذذن‬ ‫وسنتقن‬ ‫فيه‬ ‫ما‬ ‫كل‬ ‫وفتقنت‬
‫قإدر‬
‫لغة‬ ‫الجميلة‬ ‫اللغة‬ ‫من‬ ‫عليه‬
CSS
‫ا‬‫جيد‬ ‫التركيز‬ ‫علد‬ ‫فاحرص‬

4. •
‫لغة‬
CSS
‫صإ‬ ‫وتنسإير‬ ‫لتصإميم‬ ‫المخصصإة‬ ‫التصإميم‬ ‫لغإة‬ ‫هي‬
‫فحات‬
‫ف‬ ‫لهإإا‬ ‫ويضإإيف‬ ‫للصإإفحة‬ ‫إإا‬‫جمالي‬ ‫ا‬‫مظهإإر‬ ‫يعطإإي‬ ‫بشإإكل‬ ‫الويإإب‬
‫إإا‬‫لوان‬
‫الصإ‬ ‫تظهإر‬ ‫بحيإر‬ ‫مناسإب‬ ‫مكإان‬ ‫فإي‬ ‫عنصإر‬ ‫كل‬ ‫ويضع‬ ‫مناسبة‬
‫فحة‬
‫الم‬ ‫إفحات‬‫إ‬‫ص‬ ‫إي‬‫إ‬‫ف‬ ‫إر‬‫إ‬‫ت‬ ‫إا‬‫إ‬‫كم‬ ‫إر‬‫إ‬‫ومتناس‬ ‫إل‬‫إ‬‫جمي‬ ‫إكل‬‫إ‬‫بش‬ ‫إة‬‫إ‬‫النهاي‬ ‫إي‬‫إ‬‫ف‬
‫إع‬‫إ‬ ‫وا‬
‫سإنت‬ ‫مإا‬ ‫وهإذا‬ ‫وغيرهم‬ ‫ويوتيوب‬ ‫وفمازون‬ ‫فيسبو‬ ‫مثل‬ ‫الشهيرة‬
‫علمه‬
‫هللا‬ ‫بذذن‬ ‫الدورة‬ ‫هذه‬ ‫في‬
.
•
‫و‬ ‫الويب‬ ‫صفحات‬ ‫فساس‬ ‫نبني‬ ‫فننا‬ ‫تفهم‬ ‫فن‬ ‫علي‬ ‫يجب‬ ‫لذل‬
‫العناصإر‬
‫إإإة‬‫إ‬‫لغ‬ ‫إإإتخدام‬‫إ‬‫باس‬ ‫إإإا‬‫إ‬‫به‬ ‫إإإية‬‫إ‬‫األساس‬
Html
‫األزرار‬ ‫إإإل‬‫إ‬‫مث‬
‫إإإوص‬‫إ‬‫والنص‬
‫م‬ ‫ونعطيهإا‬ ‫العناصإر‬ ‫تلإ‬ ‫كإل‬ ‫ننسإر‬ ‫ثإم‬ ‫ذلإ‬ ‫وغيإر‬ ‫والعناوين‬
‫ا‬‫ظهإر‬
‫لغة‬ ‫باستخدام‬ ‫ا‬‫الئق‬
CSS
‫لغة‬ ‫بعن‬ ‫القول‬ ‫يمكن‬ ‫لذل‬
Html
‫لغإة‬ ‫هإي‬
‫ولغة‬ ‫البناء‬
CSS
‫لغة‬ ‫هي‬
‫والجماليات‬ ‫المظهر‬

5. ‫لغة‬ ‫مع‬ ‫المظهر‬ ‫في‬ ‫الفرق‬
CSS
‫وبدونها‬

6. ‫فهمية‬ ‫لمعرفة‬ ‫مهمة‬ ‫توضيحية‬ ‫صور‬
CSS

8. •
‫لغإإة‬ ‫باسإإتخدام‬ ‫الويإإب‬ ‫صإإفحة‬ ‫شإإكل‬ ‫يبإإدو‬ ‫هكإإذا‬
CSS
‫وبإإدون‬
‫ال‬ ‫لغة‬ ‫استخدام‬
CSS

9. •
‫لغإإة‬ ‫باسإإتخدام‬ ‫الويإإب‬ ‫صإإفحة‬ ‫شإإكل‬ ‫يبإإدو‬ ‫هكإإذا‬
CSS
‫وبإإدون‬
‫ال‬ ‫لغة‬ ‫استخدام‬
CSS

10. •
‫لغإإة‬ ‫باسإإتخدام‬ ‫الويإإب‬ ‫صإإفحة‬ ‫شإإكل‬ ‫يبإإدو‬ ‫هكإإذا‬
CSS
‫وبإإدون‬
‫ال‬ ‫لغة‬ ‫استخدام‬
CSS

11. ‫لغة‬ ‫ألكواد‬ ‫العام‬ ‫الشكل‬
CSS
•
‫فلغة‬ ‫ببساطة‬
CSS
‫تتع‬ ‫التي‬ ‫الخصائص‬ ‫بعض‬ ‫عن‬ ‫عبارة‬ ‫هي‬
‫لإر‬
‫ف‬ ‫نطبإإر‬ ‫ولكإإي‬ ‫الصإإفحة‬ ‫لعناصإإر‬ ‫البصإإرية‬ ‫بالتنسإإيقات‬
‫تلإإ‬ ‫حإإد‬
‫ب‬ ‫ونضإع‬ ‫تنسإيقه‬ ‫المإراد‬ ‫العنصر‬ ‫اسم‬ ‫نكتب‬ ‫التنسيقات‬
‫وسإين‬ ‫عإده‬
{ }
‫ونضإع‬ ‫الخاصإية‬ ‫اسإم‬ ‫نكتإب‬ ‫وبداخلهما‬
(
:
)
‫نكتإب‬ ‫ثإم‬
‫يمإة‬
‫ثإ‬ ‫ذلإ‬ ‫غيإر‬ ‫فو‬ ‫ا‬‫حجم‬ ‫فو‬ ‫ا‬‫لون‬ ‫ذل‬ ‫كان‬ ‫سواء‬ ‫الخاصية‬ ‫تل‬
‫نخإتم‬ ‫م‬
‫بعالمة‬ ‫السطر‬
(
;
)
‫التنسإيقات‬ ‫مإن‬ ‫عإدد‬ ‫فع‬ ‫وضإع‬ ‫يمكننإا‬ ‫وهكذا‬
‫التال‬ ‫الصفحة‬ ‫في‬ ‫تر‬ ‫كما‬ ‫الطريقة‬ ‫بنفس‬ ‫نريدها‬ ‫التي‬
‫ية‬
.

12. •
‫بتغي‬ ‫الخاصة‬ ‫التنسيقات‬ ‫بعض‬
‫لإون‬ ‫يإر‬
‫العنصر‬ ‫خط‬ ‫وحجم‬ ‫ومحاذاة‬
h1

13. •
‫إال‬‫إ‬‫ب‬ ‫إيقه‬‫إ‬‫تنس‬ ‫إراد‬‫إ‬‫الم‬ ‫إر‬‫إ‬‫العنص‬ ‫إمي‬‫إ‬‫نس‬
Selector
‫إي‬‫إ‬‫الت‬ ‫إية‬‫إ‬‫الخاص‬ ‫إمي‬‫إ‬‫ونس‬
‫بإإإال‬ ‫تعيينهإإإا‬ ‫فو‬ ‫تغييرهإإإا‬ ‫نريإإإد‬
Property
‫فو‬ ‫يمإإإة‬ ‫نعطيهإإإا‬ ‫والتإإإي‬
value
‫ن‬ ‫كإود‬ ‫طعإة‬ ‫القيمإة‬ ‫مإع‬ ‫للخاصإية‬ ‫النهائي‬ ‫الشكل‬ ‫ليصبح‬
‫سإميها‬
Declaration

15. ‫بلغة‬ ‫الخاصة‬ ‫األكواد‬ ‫إضافة‬ ‫طريقة‬
CSS
•
‫إة‬‫إ‬‫كلم‬
CSS
‫إار‬‫إ‬‫اختص‬ ‫إي‬‫إ‬‫ه‬
Cascading Style
Sheet
‫التنسإ‬ ‫عإن‬ ‫تعبإر‬ ‫لنإا‬ ‫كمإا‬ ‫ببسإاطة‬ ‫وهي‬
‫يقات‬
‫بالف‬ ‫إنشإابها‬ ‫تإم‬ ‫التإي‬ ‫للعناصإر‬ ‫نعطيها‬ ‫التي‬
‫بلغإة‬ ‫عإل‬
Html
‫إ‬‫إ‬‫تل‬ ‫إافة‬‫إ‬‫إلض‬ ‫إة‬‫إ‬‫طريق‬ ‫إن‬‫إ‬‫م‬ ‫إر‬‫إ‬‫فكث‬ ‫إد‬‫إ‬‫توج‬ ‫إذل‬‫إ‬‫ول‬
‫ال‬ ‫عناصإر‬ ‫إلإد‬ ‫التنسيقات‬
Html
‫إنشإابها‬ ‫تإم‬ ‫التإي‬
‫بالت‬ ‫علإيهم‬ ‫سإنتعرف‬ ‫رئيسإية‬ ‫طإرق‬ ‫ثالثة‬ ‫وهم‬
‫فصإيل‬
‫التالية‬ ‫الصفحات‬ ‫في‬

16. ‫تنسيقات‬ ‫إضافة‬ ‫في‬ ‫واألفضل‬ ‫األولد‬ ‫الطريقة‬
CSS
•
‫تن‬ ‫إضإافة‬ ‫فإي‬ ‫ا‬‫شيوع‬ ‫واألكثر‬ ‫واألفضل‬ ‫األشهر‬ ‫الطريقة‬
‫ال‬ ‫سإيقات‬
CSS
‫بلغة‬ ‫المعمولة‬ ‫األوامر‬ ‫إلد‬
Html
‫إا‬‫خاص‬ ‫إا‬‫ملف‬ ‫تنشع‬ ‫فن‬ ‫هي‬
‫لغة‬ ‫فوامر‬ ‫فيه‬ ‫تضع‬
Html
‫فوامإ‬ ‫كإل‬ ‫فيإه‬ ‫تضإع‬ ‫آخإر‬ ‫ا‬‫ملف‬ ‫وتنشع‬
‫ر‬
‫لغة‬ ‫وتنسيقات‬
CSS
‫ملإف‬ ‫استدعاء‬ ‫فو‬ ‫بتضمين‬ ‫ذل‬ ‫بعد‬ ‫وتقوم‬
‫ال‬
CSS
‫ال‬ ‫ملف‬ ‫بداخل‬
Html
‫عليه‬ ‫تطبيقه‬ ‫ليتم‬
•
‫إإة‬‫إ‬‫بلغ‬ ‫إإاص‬‫إ‬‫الخ‬ ‫إإف‬‫إ‬‫المل‬
html
‫إإميه‬‫إ‬‫نس‬ ‫إإب‬‫إ‬‫الغال‬ ‫إإي‬‫إ‬‫ف‬
index.html
‫بلغإة‬ ‫الخإاص‬ ‫والملف‬
CSS
‫نسإميه‬
style.css
‫الحريإة‬ ‫لإ‬ ‫ولكإن‬
‫ذل‬ ‫بغير‬ ‫التسمية‬ ‫في‬

17. ‫ال‬ ‫ملف‬ ‫تضمين‬
CSS
‫ال‬ ‫ملف‬ ‫بداخل‬
Html
•
‫ال‬ ‫إف‬‫إ‬‫مل‬ ‫إمين‬‫إ‬‫لتض‬
CSS
‫ال‬ ‫إف‬‫إ‬‫مل‬ ‫إداخل‬‫إ‬‫ب‬ ‫إارجي‬‫إ‬‫الخ‬
Html
‫إوم‬‫إ‬‫نق‬
‫األمر‬ ‫طرق‬ ‫عن‬ ‫باستدعائه‬
Link
‫الوسإم‬ ‫في‬ ‫يوضع‬ ‫الذع‬
Head
‫لغة‬ ‫في‬ ‫وتعلمنا‬ ‫سبر‬ ‫كما‬
Html
‫التالي‬ ‫السطر‬ ‫فنكتب‬
:
<Link rel=“stylesheet” href=“style.css”>
•
‫فإ‬ ‫مسإتقل‬ ‫بشإكل‬ ‫التنسيقات‬ ‫تمل‬ ‫فن‬ ‫الطريقة‬ ‫هذه‬ ‫ميزة‬
‫ال‬ ‫ملإف‬ ‫ي‬
CSS
‫ب‬ ‫مع‬ ‫تريد‬ ‫ويب‬ ‫صفحة‬ ‫فع‬ ‫علد‬ ‫تطبقه‬ ‫فن‬ ‫يمكن‬ ‫الذع‬
‫عإض‬
‫التطبيقات‬ ‫في‬ ‫ا‬‫الحق‬ ‫سنراه‬ ‫ما‬ ‫وهذا‬ ‫البسيطة‬ ‫التعديالت‬
‫العملية‬

18. ‫ملف‬ ‫بذنشاء‬ ‫منا‬ ‫هنا‬
CSS
‫ال‬ ‫ملف‬ ‫داخل‬ ‫واستدعائه‬
Html

19. ‫ب‬ ‫الخاصة‬ ‫التنسيقات‬ ‫إلضافة‬ ‫الثانية‬ ‫الطريقة‬
CSS
•
‫ت‬ ‫إإي‬‫إ‬‫الت‬ ‫إإيقات‬‫إ‬‫التنس‬ ‫إإل‬‫إ‬‫ك‬ ‫إإافة‬‫إ‬‫إض‬ ‫إإاطة‬‫إ‬‫ببس‬ ‫إإ‬‫إ‬‫يمكن‬
‫إإدها‬‫إ‬‫ري‬
‫ال‬ ‫كود‬ ‫صفحة‬ ‫نفس‬ ‫بداخل‬
Html
‫األمإر‬ ‫بداخل‬ ‫ولكن‬
style
‫هكذا‬ ‫يكتب‬ ‫الذع‬
<style> </style>
‫وهإذه‬
‫ع‬ ‫سنتعرف‬ ‫المواضع‬ ‫بعض‬ ‫في‬ ‫تفيد‬ ‫الطريقة‬
‫ا‬‫الحق‬ ‫ليها‬
‫التن‬ ‫إضافة‬ ‫إلد‬ ‫تبدع‬ ‫الطرق‬ ‫كل‬ ‫النهاية‬ ‫في‬ ‫لكن‬
‫سيقات‬
‫حال‬ ‫فع‬ ‫علد‬ ‫تقلر‬ ‫فال‬ ‫النهائي‬ ‫الشكل‬ ‫بنفس‬

20. •
‫إإإافة‬‫إ‬‫بذض‬ ‫إإإا‬‫إ‬‫من‬ ‫إإإا‬‫إ‬‫هن‬
‫التنسإإإإإيقات‬ ‫بعإإإإإض‬
‫للوسإإإإم‬
h1
‫بإإإإداخل‬
‫إإر‬‫إ‬‫األم‬
style
‫إإد‬‫إ‬‫فنج‬
‫ت‬ ‫إإيقات‬‫إ‬‫التنس‬ ‫إإه‬‫إ‬‫فن‬
‫إإذ‬‫إ‬‫نف‬
‫إب‬‫إ‬‫الوي‬ ‫إفحة‬‫إ‬‫ص‬ ‫إد‬‫إ‬‫عل‬
‫إفح‬‫إ‬‫بالص‬ ‫إا‬‫إ‬‫كم‬ ‫إة‬‫إ‬ ‫بد‬
‫ة‬
‫التالية‬

21. •
‫بالتفص‬ ‫القادمة‬ ‫بالدروس‬ ‫األوامر‬ ‫تل‬ ‫كل‬ ‫فسندرس‬ ‫تقلر‬ ‫ال‬
‫الممل‬ ‫يل‬

22. ‫ب‬ ‫الخاصة‬ ‫التنسيقات‬ ‫إلضافة‬ ‫الثالثة‬ ‫الطريقة‬
CSS
•
‫تريإ‬ ‫التإي‬ ‫التنسإيقات‬ ‫كإل‬ ‫إضإافة‬ ‫ببساطة‬ ‫يمكن‬
‫بإداخل‬ ‫دها‬
‫إإإية‬‫إ‬‫الخاص‬ ‫إإإه‬‫إ‬‫إعطائ‬ ‫إإإر‬‫إ‬‫طري‬ ‫إإإن‬‫إ‬‫ع‬ ‫إإإده‬‫إ‬‫تري‬ ‫إإإر‬‫إ‬‫فم‬ ‫فع‬
style
‫تريإدها‬ ‫التإي‬ ‫التنسيقات‬ ‫عن‬ ‫عبارة‬ ‫لها‬ ‫يمة‬ ‫وإعطاء‬
‫بإنفس‬
‫بالت‬ ‫سإندرس‬ ‫وكمإا‬ ‫بالمثإال‬ ‫تإر‬ ‫كمإا‬ ‫الكتابة‬ ‫طريقة‬
‫فصإيل‬
‫إإ‬‫إ‬‫تنس‬ ‫فن‬ ‫فردت‬ ‫إإال‬‫إ‬‫ح‬ ‫إإي‬‫إ‬‫ف‬ ‫إإد‬‫إ‬‫تفي‬ ‫إإة‬‫إ‬‫الطريق‬ ‫إإ‬‫إ‬‫وتل‬ ‫إإا‬‫إ‬‫الحق‬
‫ر‬
‫ي‬ ‫بإا‬ ‫علإد‬ ‫التإعثير‬ ‫وبإدون‬ ‫بسرعة‬ ‫ا‬‫معين‬ ‫ا‬‫عنصر‬
‫العناصإر‬
‫به‬ ‫الخاص‬ ‫الوسم‬ ‫داخل‬ ‫من‬ ‫وحده‬ ‫هو‬ ‫تنسقه‬ ‫فعندها‬

23. •
‫للوسم‬ ‫التنسيقات‬ ‫بعض‬ ‫بذضافة‬ ‫منا‬ ‫هنا‬
h1
‫الخاصإية‬ ‫بإداخل‬
style
‫الموجإودة‬
‫إ‬‫إ‬‫تمام‬ ‫إادع‬‫إ‬‫ع‬ ‫إكل‬‫إ‬‫بش‬ ‫إا‬‫إ‬‫تطبيقه‬ ‫إم‬‫إ‬‫ت‬ ‫إد‬‫إ‬ ‫إا‬‫إ‬‫فنه‬ ‫إ‬‫إ‬‫ذل‬ ‫إد‬‫إ‬‫عن‬ ‫إد‬‫إ‬‫ونج‬ ‫إه‬‫إ‬‫نفس‬ ‫إو‬‫إ‬‫ه‬ ‫إه‬‫إ‬‫بداخل‬
‫إا‬‫إ‬‫كم‬ ‫ا‬
‫التالية‬ ‫بالصفحة‬

24. •
‫بالتفص‬ ‫القادمة‬ ‫بالدروس‬ ‫األوامر‬ ‫تل‬ ‫كل‬ ‫فسندرس‬ ‫تقلر‬ ‫ال‬
‫الممل‬ ‫يل‬

25. ‫تباس‬ ‫ا‬
‫الرجاء‬ ‫علد‬ َ‫الخوف‬ ِ‫ب‬‫َل‬‫غ‬‫و‬
ِ‫تناء‬ ‫بال‬ َ ‫لموال‬ ْ‫ر‬ِ‫س‬‫و‬
ِ
‫لألوزار‬ َ‫ة‬‫وب‬َّ‫ت‬‫ال‬ ِ‫د‬ِ‫د‬َ‫ج‬‫و‬
‫ال‬
ْ‫ن‬َ‫س‬َ‫ا‬ْ‫ي‬‫ت‬
ِ
‫الغفار‬ ‫رحمة‬ ‫من‬
‫شكورا‬ ِ‫ه‬ِ‫ئ‬‫آال‬ ‫علد‬ ‫وكن‬
‫صبورا‬ ‫بالئه‬ ‫علد‬ ‫وكن‬
ْ‫والقدر‬ ‫بالقضاء‬ ٍ
‫فمر‬ ‫وكل‬
‫ر‬َ‫ف‬‫م‬ ‫عنه‬ ‫فما‬ ٍ
‫مقدور‬ ‫وكل‬
َ‫ت‬ ‫ي‬َ‫ك‬ ‫ما‬ِ‫ل‬َ‫س‬ُ‫م‬ ‫له‬ ْ‫ن‬ُ‫ك‬‫ف‬
‫ما‬َ‫ل‬ْ‫س‬
‫الناسكين‬ ‫سبيل‬ ‫واتبع‬
َ‫ل‬ُ‫ع‬‫ال‬
‫ما‬

26. ِ
‫األغيار‬ ‫من‬ َ‫القلب‬ ِ
‫ص‬ِ‫َل‬‫خ‬‫و‬
ِ
‫األسحار‬ ‫في‬ ِ‫والقيام‬ ‫بالجد‬
ِ‫الدوام‬ ‫علد‬ ِ
‫والذكر‬ ‫والفكر‬
‫مجتنبا‬
ِ‫اآلثام‬ ِ
‫لسائر‬
ِ‫ل‬‫األحوا‬ ‫في‬ ‫هلل‬ ‫با‬ ‫مرا‬
ِ‫ل‬‫الكما‬ َ‫عالم‬َ‫م‬ ‫لترتقي‬
‫تقطعني‬ ‫ال‬ ِ‫رب‬ ٍ‫ل‬ُ‫ذ‬ِ‫ب‬ ‫ل‬ ‫و‬
‫تحرمني‬ ‫وال‬ ٍ‫بقاطع‬ ‫عن‬
‫ل‬ ِ‫ل‬‫زي‬ُ‫م‬‫ال‬ ‫األبهد‬ َ ِ
‫ر‬ِ‫س‬ ‫ن‬ِ‫م‬
‫د‬َ‫م‬َ‫ع‬‫ل‬
َ‫رحيم‬ ‫يا‬ ٍ
‫بخير‬ ْ‫م‬ِ‫ت‬ْ‫واخ‬
‫الر‬
‫ما‬َ‫ح‬
‫فحمد‬ ‫العالمة‬ ‫لإلمام‬
‫الدردير‬
‫عنه‬ ‫هللا‬ ‫رضي‬ ‫األزهرع‬ ‫المالكي‬