لطفا همه برای استاندارد سازی قالب کمک کنند

[na3er-faraji]

خوب با توجه به اینکه بیشتر به بچه ها در طراحی مشکل دارند من یک قالب طراحی کردم و میزارم اینجا از همه خواهشمندم در تکمیل و استاندارد سازی این قالب کمک کنند . قالب به صورت full css+div نوشته شده. لطفا هر کس که تغییراتی میده سورس جدید با تغیییرات رو به صورت تشریحی بنویسه . امیدوارم حداقل این روش باعث بشه بچه ها یه چیزی یاد بگیرن . ممنون از همه دوستان

توضیحات : روی همه مرورگرها به جز ie6 جواب میده . این قالب با کمک دو خاصیت min-width و width نوشته شده ولی متاسفانه مل اینکه min-width توی ie6 جواب نمیده. خوبی این دو تا خاصیت اینه که روی همه رزولیشن ها میشه عرض div ها رو تنظیم کرد.

[m2148059]

به نقل از سایت www.ittutorial.ir (http://www.ittutorial.ir) که من هم باهاش موافقم که استاندارد از همه چی بهتره اینکه آمار داشته باشیم بیشترین کاربرانمون چه resolution ی دارند و بریم روی آنها کار کنیم دوستان کاش می شد یک کاری کرد که resolution را بگیرد و بعد بهش بگیم که بره و مقدار zoom را برای browser تغییر بده تا تغییری در صفحه رخ نده مثلا zoom را از 100% بکنه 50% آیا شما می دونید می شه همچنین کاری کرد یا نه ؟
حالا مقاله زیر را بخوانید حس کردم مفیده :

این خیلی سخته که از تک تک مخاطبان وب سایتمون در مورد نحوه نمایش وب سایت سوال کنیم و یا اینکه وب سایتمون رو توی همه مانیتورها و یا دستگاهها با ، رزولوشن های مختلف ، کیفیت رنگهای مختلف ، و برنامه های تفسیرگر ( Browser ) مختلف امتحان کنیم و مطمئن بشیم که وب سایت ما درست نمایش داده میشه و مشکلی براش پیش نمی یاد!
http://www.fivefingercoding.com/assets/images/2009/10/three-monitors-lg.jpg
مخاطبان وب سایت ما از سیستم عاملهای مختلف ، مانیتورهای مختلف ، کیفیت رنگهای مختلف ، و رزولوشن های مختلف استفاده میکنند و این نکته در یک طراحی حرفه ای بسیار مهمه که وب سایت ما به نحوی طراحی بشه که با وجود این همه عناصر تعیین کننده مختلف اونطور که ما میخواهیم نمایش داده بشه؟
خوب منظورم رو دقیق تر بیان میکنم .یک طراح دوست داره که مخاطبانش دقیقا اون چیزی رو که طراحی کرده ببینند و در حالت کلی تر وب سایتی که طراحی کرده برای همه مخا طبانش به یک شکل نمایش داده بشه.
خوب برای این که وب سایت ما برای همه مخاطبان به یک شکل نمایش داده بشه چه باید کرد؟
خوب جواب این سوال استاندارده؟ و این میتونه تنها پاسخ این سوال باشه.رعایت استانداردها در طراحی یک وب سایت می تونه به نمایش یکسان وب سایت ما برای مخاطبان و در حالت دقیقتر اکثریت مخاطبان کمک کنه. رعایت استاندارد در واقع احترام گذاشتن به مخاطبان وب سایت ما هست. ما باید عموم مخاطبان وب سایت رو در نظر بگیریم و وب سایت رو طوری طراحی کنیم که برای اکثریت قابل نمایش باشه.بحث استانداردهای وب سایت بسیار گسترده است و در اینجا ما به بخشی از این مقوله می پردازیم.
چه عرضی رو برای وب سایت در نظر بگیریم؟
خوب در همین ابتدا تکلیف رو مشخص میکنم و میگم ۹۶۰px . اما اینکه چرا این اندازه رو برای عرض وب سایت شما پیشنهاد میکنیم دلیل داره.در نظر گرفتن این اندازه برای وب سایت شما میتونه جلوی بسیاری از ناسازگاری ها و معایب رو بگیره.
در زیر نموداری از مشخصات مخاطبان بیش از ۲۷٫۰۰۰ وب سایت که توسط سازمان بین المللی استانداردهای وب ( W3C ) در سال ۲۰۰۹ و در ماه September صورت گرفته رو می بینید.
http://www.fivefingercoding.com/assets/images/2009/10/resolution-statistics.png
خوب با یک بررسی کوچیک متوجه میشید که اکثریت مخاطبان از رزولوشن ۱۰۲۴×۷۶۸ و یا بیشتر از این استفاده میکنند.بنابر این عرض وب سایت ما باید متناسب با این رزولوشن باشه تا اکثریت کاربراین اینترنت بتونن بدون مشکل وبدون تغییرات ظاهری وب سایت ما رو ببینند. خوب این قطعیه که طول و عرض یک وب سایت به نوع محتوای وب سایت و گرافیک اون هم ربط داره به طور مثال وب سایتهای که صرفا به کار طراحی و یا عکاسی می پردازند و یا مخاطبان خاصی دارند از طول و عرض های مختلفی برای طراحی وب سایتشون استفاده می کنند .
اما چیزی که مشخصه اینه که اگر می خواهید وب سایت شما برای همه مخاطبان به یک شکل و بدون ایراد نمایش داده بشه باید این استاندارد رو رعایت کنید.
یکی از دلایل استفاده از این اندازه که به نظر من مهمترینشون هم هست اینه که بسیاری از مخاطبان از تمامی صفحه مانیتورشون برای دیدن صفحات وب استفاده نمی کنند ( FullScreen ) و مقداری از فضا در صفحات مرورگرشون به ، عنوان صفحه ، قسمتهای مربوط به آدرس صفحات وScroll ها …. و منوها اختصاص داره که در مرورگرهای مختلف متفاوته . در نظر گرفتن عرض ۹۶۰px به شما کمک می کنه با وجود این اجزاء عرض صفحه شما به Scroll احتیاج نداشته باشه و این یک قانون نا نوشته در طراحی صفحات وب هست ، در تعیین این اندازه فضاهایی که این اجزاء اشغال می کنند هم در نظر گرفته شده بنابر این ، نگران این اجزاء نباشید وبه راحتی از این اندازه استفاده کنید.
این عرض بر طبق استانداردهای صفحه بندی انتخاب شده به این معنی که شما می تونید به راحتی از استانداردهای صفحه بندی در صفحات وب خودتون استفاده کنید و نگران چیزی نباشید. این اندازه می تونه شما رو در پیاده کردن طرحهای مختلف از نظر صفحه بندی و ساختاری و البته استاندارد کمک کنه.
خوب یه مشکلی وجود داره و اون اینه که بسیاری از مراکز دولتی ، ادارات و … هنوز خودشون رو بروز نکردند و دارن از صفحات مانیتور با رزولوشن ۸۰۰×۶۰۰ استفاده میکنند . باید برای اونها هم فکری کرد چون مخاطبان مهمی هستند در عین اینکه خیلی قدیمین !
چند روش برای بر طرف کردن این مشکل وجود داره . اول اینکه از دستورات CSS برای کنترل صفحات در رزولوشن های مختلف استفاده کنیم و دوم اینکه یک وب سایت با عرض متغیر برای تمامی رزولوشن ها طراحی کنیم که البته کار بسیار تخصصی هست.
خوب در حال حاضر فرض میکنیم که اندازه عرض وب سایت ما به صورت ثابت ۹۶۰px هست که برای رزولوشن ۱۰۲۴×۷۶۸ طراحی شده اما چه اتفاقی برای وب سایت ما در رزولوشن ۸۰۰×۶۰۰ میوفته؟
خوب اگه Dir ( دایرکشن ) و یا چینش وب سایت ما که زبانمون فارسی هست از راست به چپ باشه تنها قسمتی از وب سایت ، که در دید اولیه نمایش داده نمیشه منوهای سمت راست وب سایت ما هستن و تمامی محتوای وب سایت ما که بخش اصلی وب سایت ما هست بدون اینکه احتیاج به Scroll صفحه باشه نمایش داده میشه!.البته این یک راه حل حرفه ای و۱۰۰% نیست .البته اگه چینش و یا Dir از چپ به راست باشه قسمتی که نمایش داده نمیشه منوهای سمت راست هستند که بیشتر در وب سایتهای انگلیسی زبان استفاده میشه.
در کل به نظر من هر روشی معایب و محاسن خودش رو داره اما مهم اینه که محاسنش نسبت به معایبش در مقایسه با روشهای دیگر قابل ملاحظه باشه.انتخاب این عرض به طور ثابت برای یک وب سایت ممکنه معایبی هم داشته باشه ( در رزولوشن های ۸۰۰×۶۰۰ ) ولی محاسنش بسیار بیشتره و این نکته رو هم اضافه میکنم که تا چند سال پیش وب سایتها برای رزولوشن ۸۰۰×۶۰۰ طراحی میشدند چون کاربردش عمومی تر بود ولی در حال حاضر با پیشرفت سخت افزارها و نرم افزارها این رزولوشن به ۱۰۲۴×۷۶۸ تبدیل شده و رزولوشن ۸۰۰×۶۰۰ داره منقرض میشه !

[man4toman]

سلام
دوست عزیز شما اول در w3.org بیاید html و css رو valid کنید.
هر جا هم مشکل داشت رفع کنید.
در آخر هم باید بهتون بگم که کلا ie6 چون دیگه از طرف مایکروسافت پشتیبانی نمیشه پس از دور خارج شده.

موفق باشید