انجام شده
افزودن انتخاب زبان و اکسپت کوکی و فارسی و عربی سازی لندینگ
- توسعه نرم‌افزار و آی‌تی
ترجمه و اعمال تغییرات ریز روی یک قالب لندینگ پیج دو صفحه ای html بوت استرپ آماده به این صورت که:
۱. (تو همون نسخه انگلیسی) اول باید یه پنجره نیمه شفاف انتخاب زبان رو باز کنه و بر حسب زبان انتخابی، به صفحه جدا بتونه بره. جای ۸ زبان باید وجود داشته باشه تو این پنجره. مثلا یکی رو به انگلیسی بنویسید English و یکی رو به فارسی بنویسید فارسی. از فونت Sans پیش فرض سیستم باید استفاده بشه. همچنین در هنگام باز کردن صفحه در موبایل باید دو ستونه و در صورت باز کردن در دسکتاپ باید پنجره دو ردیفه باشه. یک مثال از چیزی که حدودا مد نظرمه در عکس های ضمیمه فایل lang.png آورده شده. فقط تا وقتی زبان رو انتخاب نکرده، کاربر نباید بتونه کادرو ببنده. دکمه ها هم لینکن.
۲. (تو همون نسخه انگلیسی) موقع باز شدن صفحه یه کادر اکسپت کوکی توش ظاهر بشه که توش ۲ خط توضیحات داره (که مثلا شما باید شرایط استفاده و کوکی ها رو قبول کنید. خود کلمه policy هم باید لینک باشه به همون blog-single.html که در ادامه توضیح دادم یعنی مثلا I accept cookie policy که کلمه policy توش لینکه به این صفحه ). اگه accept all cookies کادرو ببنده. اگه only accept essential cookies رو زد هم کادرو ببنده. تو همین کادر باید یه لینک باشه که وقتی زد صفحه blog-single که تو منوی Pages بالا قابل مشاهده است رو باز کنه.
۳. نسخه انگلیسی فقط ۲ صفحه خواهد داشت. index.html و blog-single.html. شما باید کل نویگیشن بالا رو حذف کنید و فقط لوگو رو در جای خودش نگه دارید (در نسخه های فارسی و عربی باید لوگو از سمت چپ به سمت راست بیاد). همچنین پنجره Watch video و بخش pricing table و Let’s download free from apple and play store و Read latest story و Subscribe newsletter رو هم حذف کنید. فوتر صفحه رو هم تنها لوگو و جمله کپی رایت و دکمه های شبکه اجتماعی رو نگه دارید و تمام عنوان های لینک های فوتر یعنی Useful Links و Help & Suport و Let’s Try Out رو حذف کنید اما خود لینک ها رو نگه دارید که بشن ۸ تا لینک برای ۸ تا زبان سایت. همچنین دو تا دایره کوچک اطراف صفحه موبایل که در فایل ax.png هم نشون دادم، باید حذف بشن.
۴. صفحه blog-single.html به لحاظ هدر و فوتر مشابه index.html خواهد بود. همچنین قسمت مشاهده و ثبت کامنت و Read latest story و Subscribe newsletter به کل باید حذف بشه. وقتی کاربر تو بند ۲ روی policy کلیک کرد، باید این صفحه باز بشه.
۵. نسخه های فارسی و عربی عینا مشابه نسخه انگلیسی ساخته بشه. برای نسخه فارسی فونت لایسنس دار ایران سنسز در اختیار شما قرار می گیره. برای نسخه عربی هم حتما از فونت عربی Noto Sans Arabic موجود در گوگل فونت باید استفاده بشه و به هیچ وجه نباید فونت بدون لایسنسی تو پروژه استفاده بشه.در صفحات فارسی و عربی نباید دوباره صفحه انتخاب زبان باز بشه.
https://fonts.google.com/noto/specimen/Noto+Sans+Arabic
اسکرین شاتی از قالب رو می تونید در ضمیمه ببینید (طبعا فقط بخش بالاییشه که تو تصویر جا شده)
۶. طبعا در تمام صفحات متن placeholder کافیه و نیازی به نوشتن متن واقعی در هیچ بخشی نیست.
مهارت‌های مورد نیاز
HTML
سی اس اس (CSS)
برنامه نویسی تحت وب
فایل ها
سرویس‌های مرتبط
آخرین پروژه های توسعه نرم‌افزار و آی‌تی
projects