 |
السلام عليكم،
ما هي ملفات الـ CSS الأساسية لتركيب أي موقع ؟
مثلا ملف خاص يتركيبة الصفحة :html، body، #container، #content، #right،#left، #footer
ملف خاص بوسوم الـ HTML :body, p, h1, h2, h3, h4, h5, h6, em, strong
ملف خاص بالكلاسات والمعرفات id
الخ ...
فهل من تصويب ومساعدة بالأمثلة رجاء ؟
شكراً.
التعديل الأخير تم بواسطة apitos ; 04-01-2009 الساعة 09:43 PM
لا يوجد ما يسمي بملفات css رئيسية لكل موقع
يمكن انشاء ملف باسم style.css
وضع به جميع التنسيقات لكل صفحات موقعك
__________________
تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
وتلك الفاظ لا معنى لها كذلك كلماته
السلام عليكم
هذه الملفات غير موجودة! ببساطة لأنك يجب أن تعملها بنفسك!. إن تكن تعرف كيف يمكنك طلب عمل واحدة من الإخوة هنا.
السلام عليكم،
شكرا لكل من الأخ سحايب وعمر على الرد.
أعلم أنه لا يوجد ملفات جاهزة كلية ولكن من منطلق تنظيم العمل بسهولة بملفات CSS في حالة التعديل، توزيع كل مجموعة خصائص مشتركة في ملفات واحدة.
1 - ملف الـ clean أو reset
2 - ملف تركيبة الصفحة (بتعريف الـ DIV )
3 - ملف الوسوم المعروفة كـ : الفقرات - span - em - blockquote .....
4 - ملفات النماذج Forms : كـ fieldset - legend - label - input - textarea
5 - الكلاسات العامة والخاصة بكل DIV
هناك أمثلة كثيرة على النت ولكنها تختلف من شخص لآخر
ثم أنه هناك ملفات تصحيح الخاصة بالمتصفح IE ... ؟؟؟
كيف أتعرف على هذه الأخطاء واتجنبها في هذا المتصفح أو غيره كـ firefox - opera - konkeror - safari - chrome .....
شكرا للإفادة والمساعدة مقدماً.
التعديل الأخير تم بواسطة apitos ; 05-01-2009 الساعة 01:53 AM
مثلا فيما يخص ملف reset
يتم التحدث كثيرا على النت على مرجع Meyer في تنظيف ملفات المتصفحات الافتراضية.
فهل يجب استعماله في كل المواقع او يجب التعديل عليه قبلا او لست مجبرا على استعماله أصلا ؟
فيما يخص ملف الكلاسات :
هل من العملي فصل الكلاسات عن حاوياتها الـ DIV ؟
أرجو المساعدة والنصح من أهل الخبرة.
شكراً.
بالنسبة الى ملف الReset فأنه ليس بالضرورة مطلقا استخدامه اذا لم تكن عندك اخطاء في التصميم او تستطيع حل هذه الاخطاء عن طريق طرق اخرى غير Reset كعمل ملف ie مثلا وتخصصه لتطبيقه على زوار متصفح ie6 .
اما بخصوص فصل كلاسات الخاصة بـdiv's فبالنسبة لي انا افضل وضع كل الستايلات في ملف واحد وبعدها اقوم بضغط الملف بأي اداه على الانترنت لتقليل حجمه واحتفظ بالنسخة الاصلية لي حتى يسهل عليي التعديل عليه لاحقا ولكن اقوم بترتيب الستايلات داخل هذا الملف حيث اني استخدم ال"تعليقات" بشكل كبير و اضع الستايلات العامه مثل html,h1,p,a,sub في بداية الملف وبعدها الستايلات الخاصة بالهيدر ويتبعها المحتوى وفي الاخير الفوتر . حتى تكون مسألة تعديل الستايلات سهلة وسريعة
والله الخطاء موجودة ولكن كيف أستطيع التعرف عليها ومن ثم كيف يتم تصحيحها.بالنسبة الى ملف الReset فأنه ليس بالضرورة مطلقا استخدامه اذا لم تكن عندك اخطاء في التصميم او تستطيع حل هذه الاخطاء عن طريق طرق اخرى غير Reset كعمل ملف ie مثلا وتخصصه لتطبيقه على زوار متصفح ie6 .
اما بخصوص فصل كلاسات الخاصة بـdiv's فبالنسبة لي انا افضل وضع كل الستايلات في ملف واحد وبعدها اقوم بضغط الملف بأي اداه على الانترنت لتقليل حجمه واحتفظ بالنسخة الاصلية لي حتى يسهل عليي التعديل عليه لاحقا ولكن اقوم بترتيب الستايلات داخل هذا الملف حيث اني استخدم ال"تعليقات" بشكل كبير و اضع الستايلات العامه مثل html,h1,p,a,sub في بداية الملف وبعدها الستايلات الخاصة بالهيدر ويتبعها المحتوى وفي الاخير الفوتر . حتى تكون مسألة تعديل الستايلات سهلة وسريعة
مثلا كنت منذ أسابيع خلت قد صممت استايل على متصفح IE7 وبالأمس لما جربته على IE6 اضطررت الى إجراء عدة تغييرات عليه وحتما إذا جربته على متصفح Firefox فإنه ستظهر أخطاء أخرى ... :anger1:
فما هي الأخطاء والفروق الشائعة على المتصفحات وما تصحيحاتها المقترحة من الخبراء ؟
ثم شكرا لك على طرح منهجيتك في عمل ملف واحد يضم كافة تنسيقات الصفحة :deal:
تبغى رأي الخبراء؟ إشتري لك كتاب CSS وتعلم كيفية التعامل مع جميع المتصفحاتفما هي الأخطاء والفروق الشائعة على المتصفحات وما تصحيحاتها المقترحة من الخبراء ؟
أو تدرب كثيراً وجرب بيدك أكثر وتعلم وأقرأ التدريبات الإنجليزية والعربية ولا تمل من ذلك.
بذلك تكتسب الخبرة الحقيقية. هناك طريق أسهل أن تستأجر أحد الأخوة هنا لعمل ذلك!
شئ واحد فقط هو الالتزام ب معاير القياسية (web2.0) اقصد هناك وسوم يجب ان لا تستخدمها
وهي غالبا الي تسبب المشكلات هذي
وبالتوفيق_
__________________
In both possibilities i will do the bestكود PHP:<?
echo "30% had done";
?>
مدونتي بدران
شكرا على التوجيهات القيمة أخي عمر :1power:تبغى رأي الخبراء؟ إشتري لك كتاب CSS وتعلم كيفية التعامل مع جميع المتصفحات
أو تدرب كثيراً وجرب بيدك أكثر وتعلم وأقرأ التدريبات الإنجليزية والعربية ولا تمل من ذلك.
بذلك تكتسب الخبرة الحقيقية. هناك طريق أسهل أن تستأجر أحد الأخوة هنا لعمل ذلك!
مثل اي وسوم ؟
مثل استبدال <table> ب <div>
وهو ما يعرف xhtml لذلك اذا اردت ان يكون تصميمك خالي من الاخطاء استخدم برنامج التصميم Microsoft Expression Web 2 بدلا من الفرونت بيج
ادخل على هذا الرابط XHTML vs HTML وسيوضح لك كل شئ والاخطاء التي قد تقع بها غالبا وكيف تصلحها باتباع الويب 2
وبالتوفيق_
التعديل الأخير تم بواسطة v.i.p_99 ; 11-01-2009 الساعة 04:30 AM
__________________
In both possibilities i will do the bestكود PHP:<?
echo "30% had done";
?>
مدونتي بدران
شكرا لك أخي v.i.p_99
يمكن اضافة ملف واحد كما يمكنك اضافة اكثر من ملفين
print.css
reset.css
style.css
ie.css
.. الخ
__________________
cssguru
شكرا لك أخي cssguru على الرد.
عملية تقسيم النمط الى ملفات متعددة هو تقنية جيدة لتسهيل التعديل او الاضافة.
ضوابط المشاركة
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة apitos 