انتقادات و پیشنهادات دور سوم مسابقات طراحی وب سایت

[ALI4GHA]

آقا برای این مورد در IE ، ما مجبوریم از png-8 استفاده کنیم که با توجه به اون کیف‌های سمت چپ صفحه که بکگراند‌های اونا تنوع رنگ بالایی دارن، نمی‌تونیم از png-8 استفاده کنیم،

و مجبور هستیم از png-24 استفاده کنیم که بکگراند‌های اونا در IE مخفی نمیشه...
-----

راه حل اینکه از یه کد جاوا اسکریپت که این مشکل رو برای png-24 در IE حل کرده استفاده کنیم، که خودم این راه رو پیشنهاد نمی‌کنم، بدلیل سنگینی فایل JS ، که باعث دیر لود شدن سایت میشه.

یا اینکه اون کیف‌ها رو با یه تکه از بکگراندشون ذخیره کنیم.
----

حالا نظر شما چیه و چه پیشنهادی دارین؟؟؟

http://forum.majidonline.com/showthread.php?t=77131

 

[mohrd]

سلام.
چند تا سؤال داشتم ::

1. عرض ( width ) باید چند پیکسل باشه ؟
2. در Css قالب ، استفاده از ID یا Class که تاثیری بر امتیاز قالب نداره ؟
3. منظورتون از اینکه StyleFilter فقط در استایل های جایگزین می تونه استفاده بشه چیه ؟ یعنی ما نمی تونیم از StyleFilter در CSS اصلی که به طور پیش فرض بالا میاد استفاده کنیم ؟ یا اصلا برای چی باید از StyleFilter استفاده کنیم ؟ مگر اون Opacity سمت راست رو با بکگراند نمیشه ایجاد کرد ؟ ( تصویر رو با Opacity ذخیره کنیم ).
4. تغییر مکان ستون ها ، برای RTL شدن صفحه است ؟ جای متن داخل اون ها که عوض نمیشه ؟

ممنون ...
-----------------------------------------------------

آقا برای این مورد در IE ، ما مجبوریم از png-8 استفاده کنیم که با توجه به اون کیف‌های سمت چپ صفحه که بکگراند‌های اونا تنوع رنگ بالایی دارن، نمی‌تونیم از png-8 استفاده کنیم،

و مجبور هستیم از png-24 استفاده کنیم که بکگراند‌های اونا در IE مخفی نمیشه...
-----

راه حل اینکه از یه کد جاوا اسکریپت که این مشکل رو برای png-24 در IE حل کرده استفاده کنیم، که خودم این راه رو پیشنهاد نمی‌کنم، بدلیل سنگینی فایل JS ، که باعث دیر لود شدن سایت میشه.

یا اینکه اون کیف‌ها رو با یه تکه از بکگراندشون ذخیره کنیم.
----

حالا نظر شما چیه و چه پیشنهادی دارین؟؟؟

http://bavar.wordpress.com/2007/09/06/make-png-transparent-in-ie​

 

[k2-4u]

4- تحت استاندارد W3C باشد، هم CSS, HTML, XHTML (کلا 50 امتیاز)

ما اگر بخواهیم عکس های PNG-24 رو در IE6 مخفی کنیم
یا از filter:alpha(opacity:10) استفاده کنیم
W3C CSS validator گیر میده!!
چی کارش کنیم . مخفیش کنیم . یا چنین کد های اشکال نداره همینطوری بگذاریم ؟

- در صورتی که اعلان Doctype وب سایت Strict باشه 40 امتیاز

HTML 1.0 Strict یا HTML 4.01 Strict
کدوم رو . استفاده کنیم ؟

یک سوال دیگه هم بود . -> اشکال نداره Css3 رو به صورت Altrative Style درست کنیم ؟

 

[echessdesign]

درود بر شما

1. عرض ( width ) باید چند پیکسل باشه ؟

دقیقا باید اندازه طول قالب باشد (کافیست قالب رو در فتوشاپ بازکنید و دکمه Ctrl + I را فشار دهید )
***

. در Css قالب ، استفاده از ID یا Class که تاثیری بر امتیاز قالب نداره ؟

هر کدام از آنها باید سر جای خود بکار رود. کاربرد صحیح، هیچ وقت امتیاز منفی ندارد.
***

. منظورتون از اینکه StyleFilter فقط در استایل های جایگزین می تونه استفاده بشه چیه ؟ یعنی ما نمی تونیم از StyleFilter در CSS اصلی که به طور پیش فرض بالا میاد استفاده کنیم ؟

به صورت CSS پیش فرض می توانید استفاده کنید.
***

یا اصلا برای چی باید از StyleFilter استفاده کنیم ؟ مگر اون Opacity سمت راست رو با بکگراند نمیشه ایجاد کرد ؟ ( تصویر رو با Opacity ذخیره کنیم ).

شما به عنوان طراح، باید بدونید که style filter که مخترع آن مایکروسافت بوده، چه کاربرد های جذابی داره. درست هست که W3C با بی توجهی از آن رد شد، اما هیچ وقت کاربرد های زیاد اون رو در طراحی نمی شه منکر شد.
تشخیص نحوه ذخیره کردن عکس، بعهده شماست.
***

. تغییر مکان ستون ها ، برای RTL شدن صفحه است ؟ جای متن داخل اون ها که عوض نمیشه ؟

زمان تغییر ستون های راست و چپ، فقط جای ستون ها عوض میشه و لی جای محتویات داخل آن اصلا تغییر نمی کنه.
***

ما اگر بخواهیم عکس های PNG-24 رو در IE6 مخفی کنیم
یا از filter:alpha(opacity:10) استفاده کنیم
W3C CSS validator گیر میده!!
چی کارش کنیم . مخفیش کنیم . یا چنین کد های اشکال نداره همینطوری بگذاریم ؟

- استفاده از StyleFilter مجاز می باشد و استفاده از آن نمره ای کسر نمی شود. (فقط در alternate style sheet)
پیش تر های می شد لینک CSS خارجی را بگونه ای داد، که خطا یاب W3C توانایی پیگیری آن را نداشته باشد که در حال حاضر این روش امکان پذیر نیست. شما استفاده کنید.
***

HTML 1.0 Strict یا HTML 4.01 Strict
کدوم رو . استفاده کنیم ؟

عنوان Doctype با نسخه HTML 4.01 و کسانی که XHTML استفاده می کنند XHTML 1.0 باشد.
***

سوالات بسیار بجایی بود، لطف کنید پیش از مطرح کردن سوال های جدید، سوال های عنوان شده در تایپیک را مطالعه نمایید.
پاینده باشید

 

[k2-4u]

بسیار ممنون

من سوال آخرم رو واضح نپرسیدم
ببخشید سوال هم زیاد می پرسم
-----------------------------
آیا میشه CSS3 رو بگذاریم تو یک alternate style sheet
مجزا ؟
-----------------------------------------

استفاده از StyleFilter مجاز می باشد و استفاده از آن نمره ای کسر نمی شود.(فقط در alternate style sheet)

اگر بخواهیم کادر شیشه ای وسط صفحه رو . درست کنیم در IE باید از کد زیر استفاده کنیم
پس تکلیف چی میشه ؟

 filter:alpha(opacity:10)

-----------------------------------------

پیش تر های می شد لینک CSS خارجی را بگونه ای داد، که خطا یاب W3C توانایی پیگیری آن را نداشته باشد که در حال حاضر این روش امکان پذیر نیست. شما استفاده کنید

میشه از کد زیر استفاده کنیم ؟

<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

------------------------------------------
Google Chrome 2.0.172.40 این ورژن . رو استفاده کنیم ؟
---------------------------------------------



تست آنلاین سازگاری در همه ورژن مرورگر ها
http://browsershots.org/

 

[mohseni12345]

سلام
مثل اینه که دیر رسیدم
این دوره قالب خیلی سادست ولی مثل اینه که شرایط سخت تر شده
اگر شد تو این دوره شرکت می کنم
دوستان قدر این آقا حسین رو بدونید که مدیر به این خوبی جایی پیدا نمی کنید

 

[echessdesign]

k2-4u جان
متاسفانه اسم شما رو نمی دونم، ارادتمند شما حسین هستم.

آیا میشه CSS3 رو بگذاریم تو یک alternate style sheet
مجزا ؟

alternate style sheet رو ما به شکلی در نظر گرفتیم که در default load مرورگر نقشی نداره و حتما با فراخوانی اجرا می شه.
متاسفانه، مرورگر IE ، مرورگر مدرنی نیست و تا حدودی پشتیبانی از CSS3 رو در IE8 انجام داده که در مسابقه شرکت نمی کنه.
اما توانایی بالای CSS3 در مسابقه شرکت می کنه و عدم نمایش اون در IE ، امتیازی از کاربر کسب نمی کنه.
***

اگر بخواهیم کادر شیشه ای وسط صفحه رو . درست کنیم در IE باید از کد زیر استفاده کنیم
پس تکلیف چی میشه ؟

متاسفانه متوجه فرمایش شما نشدم، فرمودید کدوم قسمت؟
***

میشه از کد زیر استفاده کنیم ؟
نقل قول:
<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

بله می توانید، البته ارتباطی به این صحبت بنده نداره:

پیش تر های می شد لینک CSS خارجی را بگونه ای داد، که خطا یاب W3C توانایی پیگیری آن را نداشته باشد که در حال حاضر این روش امکان پذیر نیست. شما استفاده کنید

***

Google Chrome 2.0.172.40 این ورژن . رو استفاده کنیم ؟

بله می توایند.
***

ارادتمندم محسنی خان
چه عجب، کم پیدایید؟
منتظر فعالیت های کاربدیه شما هستیم.

پاینده باشید

 

[MaziyarServer]

متاسفانه متوجه فرمایش شما نشدم، فرمودید کدوم قسمت؟

منظورشون قسمت Opacity وسط ستون سمت راست صفحه هست:

 

[MaziyarServer]

سلام، من یه سوال برام پیش اومده بود، استانداردهای W3C از کدهای Coord خطا میگیره، برای گذاشتن لینک برای آیکون های زیر عکس مانکن باید چه کار کنیم؟

 

[tarhebartar]

دوستان من که اصلا نمی تونم کد بزنم و غمگینم , ولی مثل اینکه بعضی از دوستان با باگ IE در نمایش png مشکل دارند.

از این روش استفاده کنید , با کمک Jquery عزیز :

http://jquery.andreaseberhard.de/pngFix/

با تشکر

 

[mohrd]

11- زمانی که موس بر روی سطر های سمت چپ می رود، جای نوشته ها با عکس کیف عوض شود و رنگ پس ضمینه عوض شود. (در این مورد مجاز به استفاده از JS نیستید)

فقط وقتی که موس روی نوشته ها ( که با فونت Verdana ) میره ، اون کیف به سمت راست بیاد و نوشته ها به سمت چپ بروند ؟ یعنی جای تیتر و اون فلش کوچکی که در پایین / سمت چپ وجود داره تغییر نکنه ؟
یا اینکه وقتی موس روی کل اون قسمت ( میشه گفت div ) میره ، این تغییرات اعمال بشه ؟
ممنون.

 

[E-Boy]

سلام دوستان .
خسته نباشید .
من از همین الآن تازه شروع کردم .
ولی یه سوال برام پیش اومده .
فونت ها حتما باید همون فونت هایی باشن که توی فایل عکس قالب هست .
یا میشه به جای اون ها از هر فونتی استفاده کرد .
ممنون .
موفق باشید .

 

[E-Boy]

سلام دوستان .
آقای سعیدی ، جواب همه رو دادین به جز من بد بخت . .
میشه تمام فونت ها رو تاهما بزاریم یا باید حتما همون فونت هایی باشه که دادین ؟
ممنون .
موفق باشید .

 

[tarhebartar]

قربان شما
کورش رئوفی (خواننده همیشه مقاله های جالب شما ) (چاکرم هستیم )

ببخشید باز هم سوال پیچ !


یک مشکل در رابطه با css
وجود داره اونم اینه که
یا باید کد ها رو حسابی خلاصه نوسی کرد
یا باید کدها . رو کاملا جدا نوشت تا خوانا باشند
(مثلا 5 مکان بنویسیم color:#FFF ولی می شد خلاصش کرد )

کدوم رو در نظر بگیریم ؟
------------------------------------
یه مثلا دیگه هم درمورد ترتیب قرار گیری CSS
CSS رو . بر مبنای زیبایی قرار بدیم (در ضمینه خواندن کد ها )
مثل

tag{
    font:bold 12px tahoma;
    backgorund-color:#FFF;
    letter-space:12px;
    border:none;
    padding:0px;
    margin:0px;
    z-index:1;
}

یا اونا رو بر مبنای کاربردشون قرار بدیم
مثل زیر

tag{
    z-index:1;
    backgorund-color:#FFF;
    color:#FFF;
    font:bold 12px tahoma;    
    letter-space:12px;
    border:none;
    padding:0px;
    margin:0px;    
}

مثلا font موضوش به letter-space ربط داره کنار هم گذاشته میشوند

این مثله سلیقه ای است به حالت خاصی امتیاز میدین یا آزادیم ؟!؟
-------------------------------
اگر اطلاعاتم درست باشه StyleFilter به Microsoft مربوط میشه
و مرورگر های طرف W3C پشتیبانی نمی کنند
از طرف دیگه هم IE از alternate style sheet پشتیبانی نمی کنه (مگر IE 8 )
شما گفتین StyleFilter رو در alternate style sheet قرار بدیم ؟
اینطوری . در هیچ مرورگری باز نمیشه ؟؟
------------------------

برادر من , اگر بخوای اینقدر روی این قضایا کدنویسی رو کش بدی دیگه واقعا پروژت خوب از آب در نمی یاد , و اینکه ترتیب رو شما یه کاری , اول از سایز کادر مثل ارتفاء و پنها شروع کن و بعد حاشیه ها و فاصله ها و بعد برو سر فونت.

مثلا من اینطوری css می نویسم :

.class { width:400px;height:400px;padding:10px 5px;margin:0 auto;font-family:tahoma;background:#ccc; }

واینکه بعضی مواقع پیش میاد از هک css استفاده می کنم , جریان _ و * رو که می دونی ؟

موفق باشید

 

[echessdesign]

اگر بخواهیم کادر شیشه ای وسط صفحه رو . درست کنیم در IE باید از کد زیر استفاده کنیم
پس تکلیف چی میشه ؟

درود بر شما
شما هم میتونید با یک layer با رنگ متفاوت جایگزین کنید (برای ستون سبز رنگ، رنگ سبز کم رنگ تر) یا StyleFilter . استفاده از StyleFilter تو این مورد خاص، امتیاز کمی را کسر می کنه.
***

سلام، من یه سوال برام پیش اومده بود، استانداردهای W3C از کدهای Coord خطا میگیره، برای گذاشتن لینک برای آیکون های زیر عکس مانکن باید چه کار کنیم؟

روش های بسیاری وجود داره، می تونید خود عکس را لینک کنید!

پاینده باشید

 

[k2-4u]

k2-4u جان
متاسفانه اسم شما رو نمی دونم، ارادتمند شما حسین هستم

قربان شما
کورش رئوفی (خواننده همیشه مقاله های جالب شما ) (چاکرم هستیم )

ببخشید باز هم سوال پیچ !

6- مرتب بودن کد های نوشته شده هم در CSS و HTML (برابر 30 امتیاز)

یک مشکل در رابطه با css
وجود داره اونم اینه که
یا باید کد ها رو حسابی خلاصه نوسی کرد
یا باید کدها . رو کاملا جدا نوشت تا خوانا باشند
(مثلا 5 مکان بنویسیم color:#FFF ولی می شد خلاصش کرد )

کدوم رو در نظر بگیریم ؟
------------------------------------
یه مثلا دیگه هم درمورد ترتیب قرار گیری CSS
CSS رو . بر مبنای زیبایی قرار بدیم (در ضمینه خواندن کد ها )
مثل

tag{
	font:bold 12px tahoma;
	backgorund-color:#FFF;
	letter-space:12px;
	border:none;
	padding:0px;
	margin:0px;
	z-index:1;
}

یا اونا رو بر مبنای کاربردشون قرار بدیم
مثل زیر

tag{
	z-index:1;
	backgorund-color:#FFF;
	color:#FFF;
	font:bold 12px tahoma;	
	letter-space:12px;
	border:none;
	padding:0px;
	margin:0px;	
}

مثلا font موضوش به letter-space ربط داره کنار هم گذاشته میشوند

این مثله سلیقه ای است به حالت خاصی امتیاز میدین یا آزادیم ؟!؟
-------------------------------
اگر اطلاعاتم درست باشه StyleFilter به Microsoft مربوط میشه
و مرورگر های طرف W3C پشتیبانی نمی کنند
از طرف دیگه هم IE از alternate style sheet پشتیبانی نمی کنه (مگر IE 8 )
شما گفتین StyleFilter رو در alternate style sheet قرار بدیم ؟
اینطوری . در هیچ مرورگری باز نمیشه ؟؟
------------------------

 

[ALI4GHA]

@tarhebartar

یاد اون سریاله افتادم که روزنامه فردا امروز به دستش می رسید :دی

شما هم پستی که امروز زده شده را دیروز جواب میدید

 

[mohrd]

فقط وقتی که موس روی نوشته ها ( که با فونت Verdana ) میره ، اون کیف به سمت راست بیاد و نوشته ها به سمت چپ بروند ؟ یعنی جای تیتر و اون فلش کوچکی که در پایین / سمت چپ وجود داره تغییر نکنه ؟
یا اینکه وقتی موس روی کل اون قسمت ( میشه گفت div ) میره ، این تغییرات اعمال بشه ؟
ممنون.

؟؟؟؟
_____
راستی ... سایز متن های به کار رفته ( مخصوصا اون عنوان قسمت های مختلف ) ، دقیقا باید همون چیزی باشه که در Photoshop هست ؟ یا باید اون اندازه ای به نظر برسه ؟ به عنوان مثال ، قسمت "search catalog" که با سایز 24pt در فتوشاپ نوشته شده ، وقتی من همون متن رو با همون فونت و سایز ( 24pt ) می نویسم ، یکم بزرگتر به نظر میاد ...
چه کنم ؟

 

[echessdesign]

یک مشکل در رابطه با css
وجود داره اونم اینه که
یا باید کد ها رو حسابی خلاصه نوسی کرد
یا باید کدها . رو کاملا جدا نوشت تا خوانا باشند
(مثلا 5 مکان بنویسیم color:#fff ولی می شد خلاصش کرد )

ارادتمندم کورش خان
جهت راهنمایی بهتر، پیشنهاد می کنم نمونه کار های دور قبلی رو ملاحظه بفرمایید.
***

ه مثلا دیگه هم درمورد ترتیب قرار گیری css
css رو . بر مبنای زیبایی قرار بدیم (در ضمینه خواندن کد ها )
مثل

این موردی که فرمودید ، سلیقه ای هست. فقط کافیست کد های مرتب و خوانا داشته باشید.
***

راستی ... سایز متن های به کار رفته ( مخصوصا اون عنوان قسمت های مختلف ) ، دقیقا باید همون چیزی باشه که در photoshop هست ؟ یا باید اون اندازه ای به نظر برسه ؟ به عنوان مثال ، قسمت "search catalog" که با سایز 24pt در فتوشاپ نوشته شده ، وقتی من همون متن رو با همون فونت و سایز ( 24pt ) می نویسم ، یکم بزرگتر به نظر میاد ...
چه کنم ؟

ارادتمندم دوست عزیز
کافیست که سایز فونت، نزدیک به سایز مورد نظر باشه. (سایز دقیق فونت، اصلا مد نظر نیست)
***

پاینده باشید

 

[mohrd]

مممنون .. اما همون هیچ کس جواب این سؤال رو نداده :::

فقط وقتی که موس روی نوشته ها ( که با فونت Verdana ) میره ، اون کیف به سمت راست بیاد و نوشته ها به سمت چپ بروند ؟ یعنی جای تیتر و اون فلش کوچکی که در پایین / سمت چپ وجود داره تغییر نکنه ؟
یا اینکه وقتی موس روی کل اون قسمت ( میشه گفت div ) میره ، این تغییرات اعمال بشه ؟
ممنون.

____
در ضمن ، اون search box که در پایین صفحه هست ، حتما باید در صفحه جستجو کنه یا فقط یک فیلد معمولی و خالی باشه ؟ فونت متن هایی که در اون نوشته میشوند ، مثل فونت "protect name" و "submit" باشه ؟