تست توانایی شما در CSS

Gytyonline

سلام
امورزه کمتر کسی هستش که در توانایی‌های css شک داشته باشد و وجودش را برای طراحی یک سایت لازم نداند، کلا میتوانیم css را وسیله‌ای برای پیکر بندی و نحوه نمایش و قالب بندی سایت در نظر بگیریم، و میزان مهارت یک طراح وب توی این زمینه خیلی مهم هست.
توسط لینک زیر شما می‌توانید میزان توانایی خودتان در css را به صورت آنلاین محک بزنید.
در لینک زیر از شما یک آزمون 15 سوالی در مورد مفاهیم و شناخت و توانایی شما در استفاده از کدهای css گرفته می‌شود و در نهایت نمره شما را به صورت درصد نشان میدهد. Wink

ازمون جالبی هست، شرکت کردنش خالی از لطف نیست مخصوصا برای کسایی که تازه css یادگرفتن و میخواهند توانایی‌های خودشان را مورد سنجش قرار دهند.

http://net.tutsplus.com/quizzes/nettuts-quiz-1-beginner-css/

Hamid

این روزها HTML رو به اسکلت یک ساختمان و CSS رو به در و دیوار و رنگ و تزئینات ساختمان تشبیه می‌کنن که انصافاً تشبیه جالبی هست.

من از 15 تا 13 تا درست زدم Razz

این سؤال رو غلط زدم:
What’s the effective width of the container?
#container {width: 100px; padding: 10px; margin: 20px;}
چون کلمه effective رو واسه خودم بد ترجمه کردم.

این رو هم غلط زدم:
How do you define a comment in CSS?
چون فکر کردم توضیحات در CSS مثل HTML هست.
البته خداییش دیده بودم و می‌خواستم /* رو انتخاب کنم اما نکردم Crying or Very sad

به هر حال، جالب بود. دستت درد نکنه Gytyonline, جان.

دوستانی که علاقه دارن خودشون رو بیشتر محک بزنن این لبنک‌ها رو دنبال کنن:
http://aftab.cc/article/844-آزمون-تستي-HTML-(منبعي-براي-نمونه-سؤال-HTML)
اینجا هم که آزمون‌های تستا هست می‌تونید در آزمون «طراحی وب» شرکت کنید:
http://test.testa.cc

Gytyonline

منم 2 تا رو اشتباه زدم.
یکی شماره 5 رو یعنی :
What’s the effective width of the container?
#container {width: 100px; padding: 10px; margin: 20px;}

اینجا مگه منظورش عرض موثر نیستش؟ به خاطر padding ای که گرفته به نظرم باید بشه 80 نه 120!! Surprised

و یکی هم 14 رو :
What is the order of precedence when you’re embedding CSS using different methods?

این یکی رو هم متوجه نشدم اصلا منظورش چیه؟! Exclamation

سایر دوستان هم اگه دوست داشتن شرکت کنن و اشتباهاتشون رو بگن Embarassed

Hamid

راست می‌گی پسر! من دقت نکرده بودم! اگه گفته 120 که خودش هم اشتباه کرده!!
چون اگر بخواهید بگیم پهنای مؤثرش یعنی کل پهنایی که اشغال می‌کنه، می‌شه:
100 تا که div هست، دو تا 20 تا هم دورش margin داره، می‌شه 140 تا.
من این رو زدم.
اما فکر کردم اون گزینه 80 رو زده.
یعنی 100 منهای دو تا padding به طول 10 که می‌شه 80 تا.
که به احتمال زیاد منظورش این بوده.
اما 120 با هیچ کدوم نمی‌خونه...

در مورد سؤال 14 گزینه‌هاش این‌هاست:
Embedded, then linked, then inline.
Inline, then embedded, and then linked.
Wait, what?
Inline, then linked, then embedded.
و b درسته.

مشخصه، ببین:
ما سه روس واسه اعمال کد CSS داریم:
1- نوشتن در بین صفت style که به این می‌گیم inline (در همون خط تگ بنویسیم)
2- نوشتن در بین تگ style در بالای صفحه که می‌شه embedded
3- نوشتن در یک فایل خارجی و لینک دادن به اون فایل که می‌شه linked

حالا تصور کن ما به یک تگ خاص از هر سه جا یک صفت رو بدیم. مثلاً در هر سه جا، خط دور رو رنگی کنیم.
در فایل خارجی، خط دور رو قرمز می‌کنیم.
در بالای صفحه خط دور رو آبی می‌کنیم.
و در همون تگ، خط دور رو سیاه می‌کنیم.
به نظر الان خط دور اون عنصر چه رنگی شده؟
طبیعتاً سیاه. چون اولویت inline بیشتره.
اگر اینجا ننوشته بودیم چی؟
طبیعتاً آبی.
و اگر اونجا هم نبود، طبیعتاً
قرمز می‌شد.

این یکی از بحث‌های جالب برنامه نویسی شیئ‌گرا هم هست.
بهش می‌گن Overriding یعنی روی صفت قبلی صفت جدیدی رو نوشتن...
در برنامه‌نویسی شیئ‌گرا ممکنه به خاطر وراثت، یک شیئ از والدش چیزهایی به ارث ببره، اما ما می‌خواهیم رفتار و صفاتش رو تغییر بدیم. میاییم Override می‌کنیم.

Gytyonline

اهان منظورش این بود! Mr. Green

متوجه سوالش نشده بودمبه خاطر همین بد زدم وگرنه سوالش مبتدیانه بودش Crying or Very sad