دوله مصر محافظه بني سويف

إليك "خطة العمل" بالتفصيل الممل عشان تشغل المشروع ده: الخطوة 1: تجهيز الورشة (المجلد) روح على سطح المكتب (Desktop). اعمل كليك يمين -> New -> Folder. سمي المجلد ده اسم إنجليزي بسيط، مثلاً: MyProject (بلاش مسافات أو عربي في اسم المجلد عشان ما يحصلش مشاكل). الخطوة 2: إنشاء الملفات (الأدوات) أنت محتاج تعمل 5 ملفات جوه المجلد ده. أفضل طريقة تعملهم هي باستخدام برنامج VS Code (أو أي محرر نصوص عندك). افتح برنامج VS Code. من قائمة File اختار Open Folder واختار المجلد MyProject اللي لسه عامله. دلوقتي، جوه البرنامج، اعمل الملفات دي واحد واحد (New File) بنفس الأسماء دي بالظبط: index.html (دي الصفحة الرئيسية). services.html (دي صفحة الخدمات). form.html (دي صفحة الطلب اللي عدلناها). style.css (ده ملف التنسيق والألوان). script.js (ده ملف القائمة في الموبايل). الخطوة 3: تركيب الأكواد (التنفيذ) دلوقتي الملفات فاضية، محتاجين نملاها بالأكواد اللي أنا اديتها لك في الرد اللي فات: افتح ملف style.css عندك في البرنامج -> خد كود الـ CSS (أول كود طويل بعتهولك) -> Copy & Paste جوه الملف -> ودوس Save (Ctrl+S). افتح ملف index.html -> انسخ كود الصفحة الرئيسية -> Paste -> ودوس Save. افتح ملف form.html -> انسخ كود صفحة الطلب (المعدلة) -> Paste -> ودوس Save. افتح ملف services.html -> انسخ كود صفحة الخدمات -> Paste -> ودوس Save. افتح ملف script.js -> انسخ كود الجافاسكريبت الصغير -> Paste -> ودوس Save. ملاحظة فنية مهمة: الكود اللي أنا كاتبهولك مربط ببعضه تلقائياً. يعني في index.html أنا كاتب سطر بيقول: <link rel="stylesheet" href="style.css">. السطر ده هو اللي "بينادي" على ملف الـ CSS عشان يلون الصفحة. لو غيرت اسم أي ملف، الرابط ده هيتكسر والتصميم هيبوظ. الخطوة 4: التشغيل والمعاينة (Testing) دلوقتي الشغل جاهز، عايزين نشوف النتيجة: افتح المجلد MyProject من على سطح المكتب عادي. هتلاقي الملفات اللي عملتها. اضغط دبل كليك (Double Click) على ملف index.html. الموقع هيفتح معاك في متصفح (Chrome أو Edge). الخطوة 5: التجربة (Quality Check) وانت فاتح الموقع: جرب التنقل: دوس على "خدماتنا" وشوف هيروح لصفحة الخدمات ولا لأ. جرب الفورم: روح على "طلب خدمة" وشوف شكل المربعات بقى مظبوط زي ما اتفقنا ولا لأ. جرب الموبايل: صغر شاشة المتصفح خالص، وشوف القائمة اللي فوق هتتحول لـ (☰) ولا لأ، ولما تدوس عليها بتفتح ولا لأ. ملخص سريع (Checklist): [ ] عملت مجلد جديد؟ [ ] عملت ملف style.css وحطيت فيه الكود؟ [ ] عملت ملفات الـ HTML (index, form, services) وحطيت فيها أكوادها؟ [ ] حفظت كل الملفات (Saved)؟ [ ] فتحت index.html وشغال تمام؟