آموزش ساخت قالب تک صفحه ای – در حال حاضر برخی از کسب وکارها از سایت های تک صفحه ای یا مینی سایت ها برای معرفی محصولات و خدمات خود استفاده می کنند. سایت تک صفحه ای، سایتی که به صورت کاملا مختصر و مفید تمام عناصر صفحه اعم از محتویات و اطلاعات را در یک صفحه جای داده است. با توجه به اینکه تمام محتوا در یک صفحه بارگذاری می شود دسترسی کاربران به محتوا راحت تر و سریع تر انجام می شود.

در این دوره قصد داریم یک سایت تک صفحه را به صورت ریسپاسیو و حرفه ای طراحی کنیم که شما می توانید از این آموزش برای طراحی سایت شخصی (personal page) استفاده کنید. در این دوره از html, css ,java script استفاده کردیم و ریسپانسیو سازی آن را بدون استفاده از بوت استرپ و با استفاده از css انجام می دهیم. در آموزش طراحی قالب تک صفحه ای یک قالب تک صفحه ای شخصی را از صفر تا صد به صورت کامل با هم پیاده سازی می کنیم که شما می توانید آن را به صورت کامل برای خودتان شخصی سازی کنید و از اطلاعات تماس نمونه کارها و … خودتان را در آن قرار دهید.

مشاهده ویدئو معرفی این دوره آموزشی:

آنچه در آموزش طراحی قالب تک صفحه ای با جاوا اسکریپت و css خواهید آموخت:

• ساخت پوشه و فایل های پروژه
• فراخوانی سند css و javascript به پروژه
• آماده سازی فایل style.css
• ریسپانسیو سازی قالب
• طراحی بخش تماس با ما، درباره ما، خدمات، نمونه کارها
• طراحی بدنه اصلی سایت
• طراحی بخش درباره ما about
• کد نویسی کلید پرش به بالا
• کدهای جاوا اسکریپت برای تغییر تم
• ریسپانسیو سازی قالب برای سایز 550px , 768px
• ریسپانسیو سازی قالب برای سایز بزرگتر از 992px
• ریسپانسیو سازی قالب برای سایز بزرگتر از 1200px

پیش نیازهای دوره :

– آشنایی با HTML و CSS
– آشنایی مقدماتی با javascript

هدف گذاری دوره :

در این دوره آموزشی یاد میگیرید که با استفاده از html, css, java script یک قالب تک صفحه ای شخصی و واکنش گرا (ریسپانسیو) را به صورت حرفه ای پیاده سازی کنید.

برای چه کسی مفید است ؟

این آموزش برای علاقه مندان به طراحی قالب سایت مفید است.

ابزارهای مورد نیاز :

ویرایشگر کد VS Code