این ارسالی برای چالش Frontend – نسخه دسامبر، Glam Up My Markup: Winter Solstice است
چیزی که من ساختم
این پروژه ظاهری یک وب سایت مجله الکترونیکی ساده و جذاب از نظر بصری است که ایده هایی را از کتاب ها ترسیم می کند. این یک طراحی تمیز و مدرن را با استفاده از HTML، CSS و جاوا اسکریپت به نمایش می گذارد.
نسخه ی نمایشی
سایت زنده: – پیش نمایش
مشاهده کد: – کد
سفر
این پروژه بدون تغییر قالب HTML ارائه شده ساخته شده است، به جز برای افزودن برچسب های پیوند و اسکریپت برای یکپارچه سازی CSS خارجی و جاوا اسکریپت. ایده پشت این پروژه ایجاد یک وب سایت به سبک مجله الکترونیکی بود.
هدف اصلی ایجاد یک وب سایت به سبک مجله الکترونیکی با عناصر تعاملی و بصری جذاب بود.
ویژگی های کلیدی و عملکرد:
عملکرد جاوا اسکریپت:
-
عناصر div، section و img به صورت پویا با استفاده از جاوا اسکریپت ایجاد شده است.
-
با استفاده از جاوا اسکریپت برای ادغام یکپارچه، محتوای درون DOM اضافه و دستکاری شده است.
-
از جاوا اسکریپت برای تنظیمات استایل، مانند اجرای نوار ناوبری چسبنده و سایر عناصر تعاملی استفاده کرد.
پیاده سازی CSS:
-
سیستم CSS Grid برای دستیابی به یک طرح بندی ساختار یافته و سازمان یافته.
-
ویژگی ستون CSS برای استایل دادن به متن و بخش‌های طرح‌بندی.
-
یک نوار ناوبری با موقعیت یابی چسبنده برای ناوبری بهتر طراحی شده است.
-
از Flexbox برای عناصر طرح بندی انعطاف پذیر استفاده می شود.
تصاویر و چند رسانه ای:
- برخی از تصاویر به صورت پویا از طریق جاوا اسکریپت گنجانده شده اند و نشان می دهند که چگونه جاوا اسکریپت می تواند ادغام چند رسانه ای را به طور موثر انجام دهد.
محدودیت ها و اهداف آینده:
در حال حاضر، وب سایت برای دسکتاپ بهینه شده است و فاقد پاسخگویی کامل است.
برنامه های آینده شامل بهبود پاسخگویی وب سایت برای اطمینان از تجربه یکپارچه در همه دستگاه ها است.
هر گونه بازخورد قدردانی خواهد شد.
