اذهب إلى المحتوى

السؤال

نشر

قمت ببرمجة صفحة ويب باستخدام HTML و CSS. 

أرسلت الملف بصيغة zip. عبر الإيميل لرفيق بغية مناقشة العمل، إلا أن الصفحة تفتح عنده بمسار HTML وحده. كما لو أنه حصل فصل للصيغتين عن بعضهما. رغم أنهما مدموجان في ملف واحد. لم أفهم السبب في خلل قراءة الصفحة. 

عاودت لاحقاً، نسخ ملف CSS إلى كل صفحات HTML يدوياً لعل السيرفر لا يفصلهما -أو المتصفح من يفصلهما؟- كما حاولت التأكد من صيغة البرمجة فلم أجد موطن الخطأ. 

ألديكم فكرة عن الحل وسبب المشكلة؟
مع الشكر سلفاً. 

Recommended Posts

  • 0
نشر

مرحبا إباء،

أظن المشكلة تتعلق بمسار ملف CSS المضمن في صفحات HTML.

ربما قد سبق و ووضعتي مسار مطلق للملفات CSS أي مسار يتضمن اسم القرص و المجلدات الفرعية ..

مثل:

D:/web/MyNwProject/MyHTML/index.html

بدل وضع مسار نسبي يصف العلاقة المباشرة بين الملفين 

فإذا كان مثلا اسم ملف CSS هو style وموجود في مجلد MyHTML فيكتفى بوسع اسم الملف في مكان الرابط 

مثال

<head>
  <link rel="stylesheet" href="style.css">
</head>

أما في حال وجود ملف CSS ضمن مجلد مختلف لنفرض MyStyle موجود ضمن MyProject سيكون ربط الملف..

D:/web/MyNwProject/MyStyle/style.css

فيكون تضمينه بشكل نسبي ضمن ملف HTML بالشكل التالي:

<head>
  <link rel="stylesheet" href="../MyStyle/style.css">
</head>

حيث تستعمل النقطتين للرجوع للمجلد الأب الذي يحوي مسارنا الحالي..

تأكدي من مسار الملفات و سيعمل المشروع بالتأكيد

يمكنك البحث أكثر عن المسارات (مسار مطلق - مسار نسبي - Absolut path - relative path )

بالتوفيق

  • 0
نشر

أحياناً وضع الملفات تؤثر على ظهورها على الإستضافة ويوجد ترتيب ليعمل على الإستضافة بشكل طبيعي .

يجب وجود كل نوع من الملفات داخل مجلد باسم نوع الملفات فيجب وجود ملف خاص بالصور يسمى image على المثال ويجب وجود مجلد خاص بالملفات javascript وأيضاً css وهكذا وأيضاً وجود ملف index.html رائيسي خارج هذه الملفات ويجب وضع جميع المجلدات داخل مجلد خاص بالمشروع و باسم الموقع.

هكذا مثل الصور تكن شكل الملفات ومساراتها :

ded.PNG.fc679c25464b0520bf271bce62501b2a.PNG

هكذا سوف تقرأ معك على الإستضافة بالصورة الطبيعية كما على المتصفح وهذا الترتيب الصحيح للملفات يمكن خطأ تغير ملف index داخل أي مجلد يسبب خطأ في فتح الموقع على الإستضافة أيضاً أنصحك بمراجعة جميع المجلدات وترتيب المسارات بهذا الشكل.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...