انتقل إلى محتوى الدرس

Organizing Assets into Folders تنظيم الصور والتنسيقات في مجلدات

تعلّم القواعد الهندسية لتنظيم ملفات ومجلدات الموقع، ودور المجلد الجذري وملف البداية، وحساسية حالة الأحرف بين ويندوز ولينكس، وكتابة المسارات النسبية والمطلقة، والحماية من ثغرات التلاعب بالمسارات.
2 صفوف تعليمية
تكنولوجيا الويب
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عند إنشاء مشروع موقع ويب جديد، يُنصح بتوزيع الأصول الثابتة () حسب وظيفتها داخل مجلدات فرعية واضحة بأحرف صغيرة داخل المجلد الجذري:

  • مجلد (أو ): يضم جميع ملفات التنسيق مثل .
  • مجلد (أو ): يضم ملفات السكربتات التفاعلية مثل .
  • مجلد (أو ): تُحفظ فيه الصور الفوتوغرافية والرسوميات المتجهة والأيقونات.
  • مجلد : تُحفظ فيه ملفات الخطوط المحلية المضغوطة ().
  • مجلد (أو مجلدات فرعية لكل قسم): لتنظيم الصفحات الفرعية الإضافية في المواقع متعددة الصفحات.

إليك النموذج القياسي لشجرة مجلدات مشروع ويب منظم ونظيف:

الصف 2 كود برمجي
نص
my-website/              (Project Root Folder)
├── index.html           (Default Homepage Entry)
├── css/
│   └── main.css         (Stylesheets)
├── js/
│   └── app.js           (Client-Side Scripts)
├── images/
│   ├── logo.svg         (Vector Brand Logo)
│   └── hero-banner.webp (Optimized Raster Image)
└── pages/
    └── about.html       (Secondary Page)