طراحی قالب HTML کاملا مشابه MSN.com

شرح پروژه

با سلام
ما یک تمپلیت میخوایم کاملا مشابه سایت msn.com
این سایت علی رغم ظاهر ساده، از پیچیدگی های خاص خود برخوردار است که لازم است در هنگام طراحی دقت کافی مبذول گردد.
صفحه های مورد نیاز ما عبارتند از:
1- صفحه اصلی سایت www.msn.com
2- صفحه داخلی خبر
3- صفحه ویدیو ها
مجریان محترم توجه داشته باشند که تمپلیتی که ما تحویل می گیریم باید کاملا مشابه سایت اصلی باشد، کاملا راست چین شده باشد و در حالت ریسپانسیو باید کاملا مشابه سایت اصلی باشد.
1- صفحه اصلی:
1- الف - در صفحه نخست، هدر سایت کاملا مشابه سایت msn.com باشد و در حالت ریسپانسیو برای نمایشگرهای تبلت و کوچکتر کاملا مشابه سایت اصلی منو اسکرول شود و همچنین ابتدا و انتهای منو به صورت محو شده درآید.
1-ب- قسمت بالای سایت، مشابه سایت ام اس ان باشد (لوگو و باکس جستجو)
1-پ - اسلایدر صفحه نخست سایز مشخصی دارد و با تغییر سایز صفحه بزرگ و کوچک نمی شود، و در حالت نمایشگرهای تبلت و کوچکتر، سایت اسکرول افقی دارد ولی اسلایدر کوچک نمی شود، ما هم دقیقا به همین شکل می خواهیم.
1-ت - اسلایدر صفحه نخست داری چند حالت مختلف می باشد (یک عکس کامل، یک عکس بزرگ و دو عکس کوچک، سه عکس عمودی، یک عکس و سه لینک ). این حالت های مختلف در نظر گرفته شوند
1-ث - صفحه نخست از چند ردیف مختلف تشکیل شده است که هر ردیف شامل چهار باکس هست، وقتی نمایشگر کوچک باشد هر ردیف شامل دو باکس باشد و به صورت اسلاید بتوان با کلیک کردن روی دکمه های چپ و راست، دو باکس دیگر را مشاهده نمود

2- صفحه داخلی خبرها به عنوان مثال:
http://www.msn.com/en-us/sports/more-sports/scottish-boxer-dies-after-being-injured-in-bout/ar-BBwRP1M?li=BBnbfcL
قسمت منبع خبر و لینک شبکه های اجتماعی وقتی به اندازه کافی صفحه اسکرول خورد به بالای صفحه چسبان می شود ولی در ابتدا کمی از بالای صفحه فاصله دارد. همچنین در حالت ریسپانسیو به صورت افقی بالای تصویر شاخص نمایش داده می شود
تصویر شاخص تغییر سایز نمی دهد و در حالت های مختلف نمایشگر به یک اندازه نمایش داده می شود.
منو در حالت تبلت و کوچکتر به صورت اسکرول باشد، با موس درگ و دراپ هم قابل جابجایی باشد (نوار لغزنده باشد که بتوان به چپ و راست حرکت کند)
3- صفحه ویدئو ها مانند:
http://www.msn.com/en-us/video/news/what-is-a-black-moon-and-is-the-world-ending/vi-BBwPXXb
کنار ویدنو لیست ویدئو های دیگر نمایش داده می شود، اسکرول از اسکرول پیش فرض براوزر استفاده نشود، و یک نوار اسکرول باریک و زیبا در نظر گرفته شود.
در مانیتورهای بزرگ ویدئو بزرک و پلی لیست سمت چپ باشد
در سایز متوسط ویدئو کوچکتر شود و پلی لیست همچنان سمت چپ باشد
در مانیتور های کوچک ویدئو  کوچکتر نشود، ولی پلی لیست به زیر ویدئو منتقل شود
باقی اعضای صفحه هم مطابق سایت اصلی

--------------------------------------------------------------------------------------------------------
در پایان لازم به ذکر می باشد که این سایت بر خلاف ظاهر ساده، از چیدمان و تغییر حالت و سایز خاصی استفاده می کند، لطفا دقت شود تا قالب کاملا مشابه سایت اصلی شود. خواهشمندیم از Copy & Paste نمودن یا دانلود کدها و برگه های سایت MSN خودداری نمایید لیکن استایل های به کار رفته در آن را مدنظر قرار دهید.

قالب طراحی شده می بایست شامل کدهای html css , javascript و تصاویر مورد نیاز باشد. همچنین کلیه کدها از خوانایی لازم برخوردار باشد و به اندازه کافی از توضیحات در کدها استفاده شود تا ما بتوانیم به راحتی از بخش های مختلف در سیستم مدیریت محتوای اختصاصی خود استفاده کنیم.

همچنین توضیحات لازم به صورت مکتوب در فایل داکیومنت جداگانه تحویل داده شود.

 

مهارت ها و تخصص های مورد نیاز

درباره کارفرما

مهدی جلیلوند

عضویت شانزده سال پیش

7 پروژه ثبت شده ،

0 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 29%