سلام عليكم
قمت اليوم بتجديد موقعي، من ناحية التصميم فقد طورت التصميم ليكون مرناً من ناحية العرض، وسيظهر الموقع ليغطي كامل نافذة المتصفح، والسلبية الوحيدة لهذا الأسلوب أن الكتابة ستظهر عريضة جداً في الشاشات ذات الدقة العالية أما كيف قمت بذلك فقد تعلمت من موقع Simplebits فكونت مساحتين أو صندوقين (تذكروا دروس CSS ) الصندوق الأول وهو الرئيسي (الأيمن):
كود:
#main {
position: relative;
margin: 40px 40px 0 270px;
font: 11px Tahoma, sans-serif;
}
والصندوق الأيسر:
كود:
#side {
font: 11px Tahoma, sans-serif;
width: 200px;
position: absolute;
right: auto;
left: 15px;
top: 100px;
}
وهناك بعض التغييرات البسيطة هنا وهناك، أما أسلوب الكتابة فقد بدأ من اليوم الكتابة بشكل متكرر في اليوم، ففي السابق كنت أكتب مرة واحدة أو مرتين في اليوم، لكن مع هذا الأسلوب قد أكتب أكثر من مرتين في اليوم.
من الأخطاء التي ارتكبتها في التصميم السابق:
1) اعتماد html لإنشاء مسافات بين الروابط (الروابط الرئيسية في أعلى الصفحة) وهذا ما اضطرني إلى فتح ملفات html كلها وتعديلها، وحذف المسافات، فظهرت الروابط متلاصقة غير مفهومة، فقمت بتعديل ذلك من خلال CSS، والآن أستطيع التحكم بشكل تام بتصميم الروابط ومكانها، لذلك تنجب أن تستخدم html في التصميم في حال كنت تعتمد على CSS فإذا فعلت فستفقد أهم خاصية لتقنية CSS وهي التحكم بالتصميم من خلال ملف واحد.
2) في السابق كنت اعتمد في عناوين المقالات على الأمر span، ومنظمة W3C تنصح بأن يستخدم الأمر h1 وh2 و h3 ... إلخ للعناوين، ومحركات البحث تبحث عن مثل هذه العناوين التي تستخدم الأمر h1، وهذا ما لا يحدث مع span (انظر في ملفات الأرشيف القديمة التي أبقيتها على حالها وقارنها مع الصفحة الرئيسية لتعرف الفرق).
3) استخدام <br> للفصل بين السطور بدلاً من استخدام أمر ul وli، عندما تقوم بإنشاء قوائم، تحوي روابط أو معلومات ما، فلا تستخدم <br> للفصل بين سطور القائمة، هناك أمري ul و li وكذلك هناك أوامر مثل dd وdt وdl لإنشاء القوائم، ومن خلال css تستطيع التحكم بتنسيق القوائم بشكل كامل، وهذا ما قمت بعمله في كل قوائم الموقع (انظر صفحة مواقع وانظر في العمود الأيسر في الصفحة الرئيسية).
أتمنى أن تعطوني رأيكم في التصميم وأنا جاهز لأي استفسار، وأنصح من أراد تعلم CSS أن يقوم بإنزال ملفات css من موقعي ودراستها، ولا بأس في أخذ بعض الأفكار منها، فقد أخذت أنا هذه الأفكار من آخرين