RASAS / A FREE PRACTICAL WORKBOOK
From an idea.
To your
first result.
Learn a practical ChatGPT and Codex workflow: prepare a brief, refine the content, and build a local page you can open and inspect.
01 / WHAT YOU WILL LEARN
A useful result.
At every step.
For designers, freelancers and small business owners who want to practise. Follow a fictional photography studio from brief to local page, with a review step for each exercise.
01 / ابدأ صح
Start with a useful request
Prepare your tools and describe the outcome, context, output and boundaries.
02 / ChatGPT
Turn facts into useful content
Work through a fictional studio brief, focused research, page copy, revisions and a small CSV with worked answers.
03 / Codex
Build and inspect a local page
Prepare brief.md, review a plan, build HTML and CSS, then open and check the page. A reference project is included.
04 / ارجع وطبّق
Improve and reuse
Report a specific issue, verify the fix and reuse the prompts, brief template and checklist on your own project.
The guide is free. Some ChatGPT and Codex features may require an eligible plan or account setting. The local-page exercise needs no API integration or hosting.
02 / INSIDE THE PDF
Real pages.
Before you download.
Clear instructions, worked examples and checks you can repeat. These previews come from the downloadable PDF.
03 / FROM BRIEF TO BROWSER
Try the example.
Then make it yours.
- A fictional studio brief and approved teaching copy.
- Local HTML and CSS with no package installation.
- A small CSV with worked answers for verification.
- A reusable brief template and review checklist.
A fictional teaching project, not a client or booking service. The included design is a reference, not a guaranteed prompt result.
04 / OPEN, COPY, PRACTISE
The right prompt.
For the next step.
Choose a task and replace the inputs with your own facts. Copying a prompt does not run an AI tool or send your information to a service.
01فسّر المهمة قبل ما تبدأ
بدي [نتيجة محددة] لجمهور [مين رح يستخدمها].
المعلومات والمصادر المتاحة: [الصق المهم فقط].
سلّمني [الشكل والطول واللغة]. حافظ على [الحقائق والقيود].
إذا في نقص بيغيّر النتيجة، اسألني عنه قبل التنفيذ. ميّز الحقيقة عن الاقتراح.
قبل ما تخلص، راجع النتيجة مقابل طلبي واذكر اللي ما قدرت تتحقق منه.02ابحث عن سؤال واحد
بدي أقرر شو المعلومات اللي لازم تظهر بصفحة خدمة تصوير منتجات لمتجر صغير.
ابحث بالويب عن إرشادات تجهيز صور المنتجات من المصادر الرسمية لمنصتين لبيع المنتجات تختارهم وتسمّيهم.
اعمل جدول من 4 صفوف: الإرشاد / المصدر ورابطه / نطاق تطبيقه / كيف بفيد الصفحة.
افصل متطلبات كل منصة عن نصائحك. إذا ما قدرت تفتح مصدر، احكي بوضوح.
لا تحوّل مواصفات منصة لمتطلب عام، ولا تخترع أرقامًا أو أسعارًا أو نتائج مبيعات.03اكتب من الحقائق
هاي حقائق مثال تعليمي افتراضي اسمه «تفصيل»: تصوير منتجات صغيرة داخل استوديو بعمّان، لصنّاع محليين ومتاجر صغيرة.
يشمل خلفية بسيطة وتعديل إضاءة وألوان أساسي. لا يشمل موديل أو تصوير خارج الاستوديو.
السعر والمدة وعدد الصور بتتحدد بعد معرفة المنتجات والاستخدام المطلوب.
الخطوة المطلوبة: يجهّز العميل نوع المنتجات وعددها ومكان استخدام الصور.
اكتب مسودة صفحة بالعربي: عنوان واضح، وصف من جملتين، 3 نقاط للنطاق، وسؤال افتتاحي للتواصل.
لا تضف أسعارًا أو شهادات أو وعود مبيعات. علّم أي معلومة ناقصة بـ «بحاجة تأكيد».04راجع واطلب تعديلًا محددًا
راجع المسودة التالية مقابل الحقائق اللي أعطيتك إياها: [الصق المسودة والحقائق].
حدّد 3 مشاكل مؤثرة فقط. لكل مشكلة: اقتبس العبارة، اشرح السبب، واقترح بديلًا.
بعدين عدّل المقدمة وحدها لتكون مباشرة وبحد أقصى جملتين. حافظ على نطاق الخدمة وباقي الأقسام.
لا تعتبر مراجعتك إثباتًا لصحة الحقائق؛ اذكر شو لازم أراجعه أنا.05افهم ملفًا وتحقق من الحساب
اقرأ ملف sample-inquiries.csv المرفق. هاي بيانات افتراضية للتدريب.
احسب نسبة الاستفسارات للزيارات لكل قناة = inquiries / visits × 100.
اعرض القيم الأصلية والحساب والنسبة بمنزلتين عشريتين. افحص المجموع وأي قيم ناقصة أو صفرية.
اشرح شو بنقدر نستنتج وشو ما بنقدر نستنتج عن القنوات من هاي البيانات وحدها.
لا تسمّي الاستفسارات مبيعات، ولا تحسب عائدًا على الاستثمار بدون تكلفة وإيراد.06جهّز موجز التنفيذ
حوّل حقائق مشروع «تفصيل» والمسودة المعتمدة إلى brief.md لموقع تدريبي محلي من صفحة واحدة.
ضمّن: الجمهور، هدف الصفحة، النص المعتمد، ما تشمله الخدمة وما تستثنيه، والمعلومات غير المؤكدة.
الأقسام: مقدمة، نطاق الخدمة، طريقة العمل، وقائمة تجهيز طلب.
زر المقدمة ينتقل لقائمة التجهيز داخل الصفحة. لا نموذج إرسال ولا بيانات اتصال مختلقة.
التصميم: عربي RTL، واضح على الهاتف، ألوان محايدة، بدون تقليد هوية مشروع حقيقي.
الملفات المطلوبة: index.html وstyle.css فقط، بدون مكتبات أو اتصال بخدمة خارجية.
أضف شروط قبول قابلة للفحص. أعطني محتوى الملف كنص إذا ما قدرت تنشئ ملفًا.07افهم المجلد واقترح خطة
اقرأ brief.md والملفات الموجودة في مجلد هذا التدريب فقط.
لخّص المطلوب، واذكر أي تعارض أو نقص مؤثر، واقترح خطة قصيرة قبل تعديل الملفات. انتظر موافقتي على الخطة.
المخرج صفحة عربية محلية متجاوبة بملفي index.html وstyle.css فقط.
لا تثبّت حزمًا، ولا تستخدم خدمات خارجية، ولا تنشر أو تدفع أو تغيّر إعدادات حسابات.
إذا كان المجلد يحتوي شغلًا سابقًا، لا تستبدله قبل ما توضّح شو رح يتغيّر.08ابنِ النسخة المحلية
الخطة مناسبة. نفّذ الصفحة داخل مجلد التدريب حسب brief.md والنص المعتمد.
استخدم HTML دلالي وCSS محلي فقط، مع lang="ar" وdir="rtl". لا صور أو خطوط خارجية.
زر «جهّز طلبك» رابط إلى قسم #brief داخل الصفحة. قائمة التجهيز نصية ولا تبعت بيانات.
لا أسعار ولا شهادات ولا أرقام تواصل مختلقة. خلّي جميع الأقسام متاحة بدون JavaScript.
تحقق من الروابط الداخلية والعرض بعرض 390 و1440 بكسل إذا عندك متصفح.
سلّمني أسماء الملفات، طريقة فتح index.html، وشو فحصت فعلًا وشو ما قدرت تفحصه. لا تنشر.09صلّح مشكلة محددة
في index.html وstyle.css، عند عرض 390 بكسل: [صف المشكلة ومكانها أو أرفق لقطة].
المتوقع: [السلوك المطلوب]. اللي صار: [السلوك الفعلي]. خطوات التكرار: [الخطوات].
افحص السبب وعدّل أقل قدر لازم. حافظ على النصوص وباقي الأقسام.
أعد نفس الفحص، واذكر الملفات والتغييرات والنتيجة. لا تضف ميزات أو تنشر.10افحص قبل ما تعتمد
راجع الصفحة مقابل brief.md. افحص اتجاه العربية، العناوين، التباين، الروابط، التنقل بلوحة المفاتيح والعرض الصغير والكبير.
اذكر نتيجة كل فحص وأدلته. افتح الصفحة واستخدم الأزرار إذا عندك متصفح؛ إذا ما عندك، ميّز مراجعة الكود عن تجربة فعلية.
لا تعتبر نجاح الفحص المحلي دليلًا على النشر أو الأداء على كل الأجهزة.
اذكر العيوب المتبقية وأصلح ما يقع ضمن الموجز فقط. لا تنشر.05 / START WITH ONE TASK
Get the guide.
Put it to work.
The complete PDF, plus a separate download of prompts, templates and practice files. No registration or email required.
The guide and prompts are in Arabic. The Codex exercise needs a computer and access to Codex.
Before you begin.
Understand the scope and what you need to practise.
Who is this for?
Designers, freelancers and small business owners learning through a small project. The Codex exercise needs a computer and willingness to open files and review the result.
Are the guide and tools free?
The guide and files are free with no email required. Tool access, features and usage limits depend on your account, plan and settings; tool access is not included.
What language is it in?
The PDF and prompts are in Arabic. Tool names and filenames remain in their original form where useful.
Will I publish a website?
The exercise ends with a local HTML and CSS page you can open in your browser. Hosting, domains and publication are separate steps.
An independent Rasas guide, not an official or endorsed OpenAI product. Official references reviewed on 27 October 2026; interfaces and features may change.
Prompting ↗Quickstart ↗Use ChatGPT ↗Desktop app ↗