۱) رویا خدابخش | آزمون عملی HTML

 بررسی وبلاگ ِ جوجه تیغی   

طراح : رویا خدابخش 

به نام خدا   

جوجه تیغی رو باز کن و بعد از راست کلیک، View Source رو بزن تا بعضی ویژگی های صفحه رو بررسی کنیم!  

یه مثبت: جمله ی متحرکی که نوشته، به سمت راست حرکت می کنه، با توجه به اینکه جملات فارسی از سمت راست خوونده میشه، انتخاب ِ جهت راست برای جملات متحرک فارسی بهتره!  

یه منفی: جمله ی متحرکش توی صفحه خوب پیدا نیست، بهتر بود با تگ ِ Bold یه کم تپلش می کرد تا جلب توجه بهتری داشته باشه! 

دو تا منفی: از ویژگی ِ Leftmargin برای تنظیم حاشیه ی صفحه استفاده نکرده!   

ده تا مثبت: به جاش با استفاده از تگ ِ Table Data، یک سلول ِ نامرئی با عرض 28 پیکسل درست کرده و با اون برای صفحش حاشیه گذاشته!  احتمالا زمانی این کار رو کرده که هنوز ویژگی ِ leftmargin، رو بلد نبوده ولی مهم اینه که از همون تگ ها و ویژگیهایی که بلد بوده بهترین استفاده رو کرده! 

سه تا منفی: برای هرکدوم از گزینه های منو، به طور جداگانه از تگ های Font و Bold استفاده کرده، در حالی که همشون یک شکل هستند، می تونست برای صرفه جویی در زمان در ابتدای منو تگ های Font و Bold رو تایپ کنه و در انتهای منو این دو تا تگ رو ببنده (ببنده یعنی تگ پایانیشو تایپ کنه) 

ده تا مثبت: کل صفحه یک جدوله با یک ردیف و سه سلول!  

سلول اول نامرئیه و نقش حاشیه ی سمت چپ رو بازی می کنه!

سلول دوم، شامل یک منو هست! 

سلول سوم، شامل دو تا جدول دیگست! 

در واقع به جای اینکه بیاد توی سلول سوم یه متن بنویسه یا یه عکس بزاره، دو تا جدول دیگه گذاشته و سلولهای اون دو تا جدول رو با عکس و متن پر کرده! 

به این نوع جداول میگن، جدول های تو در تو!   

  

دو تا مثبت: در زیر متن ها یه لینک گذاشته که وقتی روش کلیک می کنیم قالب نظرات باز میشه! 

اگه خواستی تو هم برای وبلاگت نظرات بزاری، اول برو به یاداشت جدید و یه متن خالی منتشر کن (متن توی وبلاگت نشون داده نمیشه!) بعد در URL ِ زیر به جای name ، اسم وبلاگتو تایپ کن! 

http://name.blogsky.com/comments.bs?PostID=1   

مثال: http://kntu.blogsky.com/comments.bs?PostID=5806

بعدش فقط کافیه آدرس به دست اومده رو در وبلاگت لینک کنی!

دوازده تا منفی: در نوشتن متن، 39 بار از علامت تعجب استفاده شده! 

برای اینکه طراح بهونه ای برای بیشتر تعجب کردن در حین برنامه نویسی پیدا کنه، بهتره تگ ِ توضیحات رو هم یاد بگیره:  

  

از این تگ برای دادن توضیحات به سایر برنامه نویسها استفاده میشه!      

چیزی که به جای text قرار میدیم، در IE نشون داده نمیشه، حتی اگه به جای text از تگ های مختلف استفاده کنیم، اون تگ ها اجرا نمیشن!  

  نمره ی نهایی:  -6- 

آزمون عملی ِ HTML - یک صفحه ی وب ِ ساده طراحی کنید.