# برومبتات دليل البورتفوليو

استبدل الأقواس بمعلوماتك، وأرفق الملفات ذات الصلة.

## 01 / موجز الموقع

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

## 02 / وصف مشروع

هاي معلومات مشروعي: [السياق، الهدف، دوري، القرارات، المواد المتاحة]. اكتب وصفًا قصيرًا للبورتفوليو يوضح المشكلة، دوري وقرارًا تصميميًا محددًا. فرّق بين الشغل الشخصي وشغل العميل، ولا تضف أرقامًا أو نتائج مش موجودة. اقترح عنوانًا مباشرًا ونصًا بديلًا للصورة الرئيسية.

## 03 / تحليل الاتجاه البصري

راجع المراجع اللي أرفقتها لبورتفوليو [التخصص]. استخرج قرارات مفيدة عن التسلسل البصري، عرض الأعمال، الخطوط والمسافات. اقترح اتجاهًا أصليًا يناسب brief.md. اشرح شو رح نتبنّى كمبدأ، وكيف رح نطبّقه بمحتوانا. لا تنسخ النصوص أو الصور أو هوية المرجع.

## 04 / قواعد المشروع

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

## 05 / بناء النسخة الأولى

اقرأ brief.md وdesign.md وملفات starter. ابنِ index.html وstyle.css كبورتفوليو عربي RTL بسيط. استخدم محتواي وصوري المعتمدة فقط. رتّب البداية والأعمال والنبذة والتواصل، واربط زر الأعمال بالقسم الصحيح. اعرض المشاريع غير المكتملة بدون روابط وهمية. استخدم تخطيطًا مرنًا يبدأ من الموبايل. لا تضف مكتبات أو حركة أو نشرًا. بعد التنفيذ افتح الصفحة إذا كان المتصفّح متاحًا وافحص الروابط والعرض الصغير، أو اذكر بالضبط ما لازم أفحصه بنفسي.

## 06 / صفحة المشروع

ابنِ project.html للمشروع [الاسم] من المعلومات والصور المرفقة. ضمّن نوع المشروع، دوري، السياق، القرار البصري والتطبيقات. وضّح إذا كان شخصيًا أو افتراضيًا. استخدم نفس style.css، وأضف رابط رجوع للأعمال ورابط تواصل. اربط بطاقة هذا المشروع من الرئيسية بالصفحة. لا تحوّل بقية البطاقات لروابط قبل وجود صفحاتها، ولا تخترع نتائج.

## 07 / مراجعة بصرية دقيقة

هاي لقطة الصفحة الحالية على عرض [العرض]، ومعها brief.md وdesign.md. راجع وضوح التخصص، حجم صور الأعمال، عرض القراءة، المسافات والتباين. اقترح أهم ثلاث مشاكل مع سبب كل واحدة، ثم أصلح [المشكلة المختارة] فقط. حافظ على المحتوى المعتمد والروابط. أعد التقاط نفس العرض إذا أمكن، وقارن التغيير. لا تقل إن الفحص نجح إذا ما نفّذته.

## 08 / فحص العربي والموبايل

افحص الموقع بالعربي RTL على عروض 320 و390 و768 و1440 بكسل. راجع اتجاه القراءة، البريد والأسماء اللاتينية، التفاف العناوين، الصور والروابط. أصلح سبب أي تجاوز أفقي بدل إخفائه باستخدام overflow-x:hidden على الصفحة. اذكر العروض اللي اختبرتها فعليًا وما بقي بحاجة لفحص يدوي.

## 09 / فحص قبل الإطلاق

افحص ملفات الموقع المتاحة. إذا عندك متصفّح، جرّب: الرئيسية، زر الأعمال، صفحة المشروع، الرجوع، والبريد. افحص 320 و390 و768 و1440 بكسل، أخطاء المتصفّح، الصور المفقودة، ترتيب العناوين والتركيز بالكيبورد. اكتب جدولًا: الاختبار، النتيجة، الدليل، والإصلاح المطلوب. ميّز بين فحص آلي وفحص يدوي، وما تعتبر صفحة أو إرسال رسالة ناجحين بدون التحقق الفعلي.

## 10 / تشخيص خطأ

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

## 11 / إضافة مشروع

بدي أضيف مشروع [الاسم] للبورتفوليو الحالي. هاي الصور والمعلومات ودوري وحالة المشروع. اقرأ الهيكل الحالي، وأنشئ صفحة متّسقة معه واربطها من الأعمال. حافظ على الصفحات الموجودة وأسماء الروابط، ولا تغيّر النظام البصري كله. راجع الصورة البديلة والعنوان والوصف، وافحص البطاقة والصفحة والرجوع على الموبايل وسطح المكتب قبل اقتراح النشر.

## 12 / تكييف الخطة لموقع خدمات

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