كيفيه ترتيب ملفات موقعك :
اولا : خلونا نتعرف على المسميات حتى نعرف ايش نقصد بكل مسمى
1/ ملف
2/ مجلد
3/ محتوى
4/ مسار
ناخذهم حبايه حباية
1/ الملف : هو اي شيء يعني ممكن يكون صفحه HTML او ملف صوتى او صورة او ملف برمجي ... الخ
2/ مجلد : اقرب مثال له حافظه او صندوق عزبه اقصد مكتبه ملفات او دولاب راح نضع فيه هالملفات
3/ المحتوى : دائما نقصد بالمحتوى اي شيء راح ندرجه في صفحات موقعنا سواء كان ملفات نصيه او برمجيه او صوتية او اي شيء راح يكون ضمن صفحات الموقع يعني لو كان عندنا قسم اسمه ( مقالات تربوية ) هالقسم طبيعي بيحتوى على مجموعة مقالات وطبيعي بيكون فيه فهرس للمقالات فيه اسم المقال ورابط للوصول له واحتمال بيكون فيه صور او ملفات صوتيه او ملفات للتحميل داخل المقال .. طبعا حسب مضمون المقال ..
4/ المسار : هو مسار اي ملف في موقعنا مثال :
قسم المقالات يحتوىعلى مقال بعنوان ( اطفالنا والصلاة ) والمقال يحتوى على دليل من القران الكريم وهو بهئية ملف صوتي لقارء يتلو ايه حث الابناء على الصللاة .
الان هذه الملفات مسارها بيكون حسب الاماكن اللى وضعناها فيها على السيرفر <<< ( راح تتضح الصورة في مثال الترتيب )
الان نبي نقترح طريقه ترتيب منطقيه تسهل علينا اداره ملفات موقعنا وتكون مرنه لاي اضافات او تحديثات فيما بعد
طريقتنا تعتمد على المجلدات وهي كالتالي :
اولا : نقوم بانشأ مجلد على جهازنا ونسميه MySite
ثانيا : نقوم بانشاء مجلدين رئيسيين داخل مجلد MySite ونسميهم كالتالي :
1/ مجلد باسم images هذا المجلد سيحتوى على جميع الصور التى سنستخدمها في تصميم موقعنا
2/ مجلد باسم include وهذا المجلد سيحتوى على جميع محتويات الموقع سواء كانت مجلدات الاقسام او ملفات محتوى او ملفات صوتيه .. الخ
لنفرض ان لدينا ثلاثة اقسام لموقعنا وهى كالتالي :
1/ قسم مقالات تربوية
2/ قسم اخبار متفرقة
3/ قسم المكتبة التربوية
الان كيف نرتب هذه الاقسام ؟
اولا نقوم بانشأ مجلد لكل قسم داخل مجلد المحتوى الذي قمنا بانشاءه قبل قليل واطلقنا عليه اسم include ليصبح لدينا المجلدات التالية
مجلد include وبداخله ثلاثة مجلدات بهذه الاسماء :
1/ مجلد Articles وهو الذي سنضع فيه جميع ملفات القسم مقالات تربوية
2/ مجلد News وهو الذي سنضع فيه جميع ملفات قسم اخبار متفرقة
3/ مجلد Library وهو الذي سنضع فيه جميع ملفات قسم المكتبة التربوية
الان نقوم بانشأ مجلدات الصور بداخل مجلد images لكي نضع بها الصور التى ستكون ضمن تصميم الموقع ليصبح لدينا المجلدات التاليه :
مجلد images وبداخله المجلدات التالية :
1/ مجلد icons هذا المجلد سيحتوى على جميع الايكون التى سنستخدمها في موقعنا
2/ مجلد banners وهذا المجلد سيحتوى على جميع البنرات التى سنستخدمها في موقعنا او في اعلاناتنا في المواقع الاخرى او سباقات المواقع .. الخ
الان دعونا نتعمق اكثر داخل مجلد اي قسم ولنفرض قسم المكتبة التربوية لانه به تفرعات داخليه الى عدة اقسام وهي كالتالي :
1/ قسم الكتب الالكترونية : وهو يحتوى على اخر معلومات عن كتب تربوية وبعض القراءات المختصرة لهذه الكتب
2/ قسم برامج تربوية عباره عن ملفات وورد للتحميل
الان سنقوم بانشأ عدة مجلدات داخل المجلد Library وهو المجلد الخاص بقسم المكتبة التربوية من هذه المجلدات التالي :
1/ مجلد Books
سنضع جميع ملفات الـ HTML الخاصة بهذا الفرع داخل مجلد Books
2/ مجلد اخر باسم images
سنضع به جميع الصور الخاصة بهذا القسم مثل صور الكتب او اي صور خاصه بمقالات هذا القسم
3/ مجلد Download
سنضع بداخله جميع ملفات التحميل الخاصة بفرع برامج تربوية
* وقس على ذلك لبقيه الاقسام وحسب احتياجاتها من مجلدات او فروع داخليه
* من مميزات هذه الطريقه :
1/ فهرسة ملفات الموقع بطريقه منضمه لاختصار الوقت والجهد
2/ سهوله البحث عن اي ملفات او تحديث او حذف اي ملفات من موقعنا
3/ استقلالية كل قسم بملفاته ليسهل علينا عمليه الترقيه او التطوير او حتى في حال الغاء هذا القسم سيتم حذف المجلد الخاص به ولن يتبقى على السيرفر اي ملفات تخص هذا القسم تسبب لنا زياده بحجم ملفات الموقع او تشوش علينا عمليه البحث والتطوير للموقع
المسارات :
ما الاحظه باغلب المواقع هو اعتماد مسار الملفات على اسم الموقع او دومين الموقع بهذه الطريقه :
لنفرض ان لدينا ملف صورة في الهيدر في تصميم الموقع نجد بان المصمم او صاحب الموقع وضع مسار الصورة في تمبلت الموقع او احد ملفات الموقع بهذه الطريقه :
http://www.MySiey.com/images/Header_02.gifوهذا خطأ فادح يقع فيه كثير من اصحاب المواقع او المصممين او المطورين
وذلك بسبب اعتماده على اسم الدومين فلو حاولنا فتح اي صفحه من خلال اجهزتنا دون اتصال بالانتر نت وتحتوى هذه الصفحه على صورة او ملفات تم عمل مسارها بهذه الطريقه سنجد بان الصورة لن تظهر او لن يعمل الملف الصوتى او الرابط يعطي خطأ رغم ان الملف موجود من ضمن ملفات الموقع على جهازنا !!!
والسبب بان مسار الملف يتطلب سحبه من موقعنا على الانت نتر
تخيل بانه تم تغيير اسم الدومين لاي سبب كان ماذا سحيدث ؟؟ ستضطر الى تغيير مسارات جميع الملفات في موقعك !!!
ايضا ماذا لو اردنا بان نقوم بعمل التطوير والتعديل على موقعك من خلال اجهزتنا ؟ ستضطر ان تكون متصل بالانتر نت ولك ان تتخيل بطئ العمل وتكلفه الاتصال وانت حقيقه لست بحاجه للاتصال ولا لاهدار الوقت .!!!
اذا ما هي الطريقه الصحيحه ؟؟
الطريقه الصحيحه هي استخدام اوامر المسارات التى يعتمدها المتصفح بهذه الطريقه :
سوف نعتمد تصحيح المسار في مثالنا السابق سيصبح كالتالي :
images/Header_02.gif
دون اسم الموقع .. طيب لنفرض ان ملف الصورة في مجلد الصور في قسم المكتبة التربوية
كيف سيصبح مساره ؟
سيصبح كالتالي
__________________________________________
../images/Soon.gif
00/ هذا الامر يقول للمتصفح ارجع خطوتين للخلف
0/ وهذا الامر يقول للمتصفحه ارجع خطوه واحده للخلف
وهذه هي الطريقه الصحيحه للمسارات
__________________________________________
ملاحظات مهمه :
في داخل كل مجلد تنشأه يجب ان يكون هناك ملف HTML باسم index.html حتى لو فارغ من اجل حمايه المجلد من ايدي المتطفلين
الصوره تبين الطريقه بالترتيب والفهرسه
http://www.jaralqamr.com/dros/images/map.gifايضا سارفق لكم مجلد مضغوط للتوضيح اكثر خصوصا للمسارات
اتمنى ان اكون وفقت بايصال الفكره .. لا تحرمونا خالص دعواتكم
انتهى