یک وب سایت تشکیل شده است از تعدادی فایل با فرمت های مختلف که توسط مرورگرهایی همچون Firefox , Chrome و ... توسط کامپیوتر های شخصی، موبایل و یا تبلت بازدید می شوند. برای  پیاده سازی یک وب سایت دو بخش کلی برای کد نویسی وجود دارد که به یک بخش، سمت سرور (Server Side) و دیگری سمت کلاینت یا کاربر (Client Side)  گفته می شود. برای طراحی یک قالب، نیاز به دانستن موضوعاتی مانند: Html, Css, Js می باشد.
شما در دوره جامع طراحی سایت به صورت حرفه ای آموزش خواهید دید که چگونه یک قالب وب سایت را طراحی کنید.
 

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

دوستداران طراحی سایت
کسانی که سعی دارند ساخت صفحات وب را خودشان به عهده بگیرند

 

دوره طراحی سایت مقدماتی :

• پیش نیاز های ورود به طراحی وب :
  • اینترنت چیست ؟
  • مرورگر چیست؟
  • پروتکل های مهم در وب
  • وب چیست ؟
  • URL چیست ؟
  • معماری وب : کلاینت – سرور
  • موتورهای جست و جو و نحوه کار آن
  • سئو چیست ؟
  • Front-End و Back-End چیستند ؟
• زبان نشانه گذاری HTML :
  • زبان نشانه گذاری چیست و تفاوت آن با زبان برنامه نویسی
  • معرفی زبان HTML
  • تاریخچه زبان HTML
  • ساختار و بنیاد HTML
  • معرفی Text-Editor و IDE
  • کار با Visual Studio Code
  • کار با Webstorm
  • متون در HTML
  • تگ های نگارشی در HTML
  • هایپرلینک چیست ؟
    • معرفی لینک های ثابت
    • معرفی لینک های نسبی / متغیر
    • معرفی تگ a
  • تصاویر در HTML
  • فهرست ها در HTML
  • جدول در HTML
  • فرم ها و تعامل با کاربر HTML
  • المان مفهومی در HTML
  • محتوای چندرسانه ای در HTML
  • کاراکتر ها و سمبل های ویژه در HTML
• زبان CSS :
  • ساختار و بنیاد CSS
  • روش های نوشتن CSS
  • معنی آبشار در CSS
  • تقدم و تاخر در CSS
  • انتخابگر ها
  • کمیت های رنگ
  • واحد های اندازه گیری
  • مدل جعبه (BOX MODEL)
    • Content
    • Padding
    • Border
    • Margin
    • Box-sizing
  • مشخصه background
  • سفارشی سازی متون و نگارش در CSS
  • مشخصه display
  • مشخصه position
  • مشخصه float
  • مشخصه overflow
  • مشخصه list-style
  • مشخصه text-decoration
  • لایه بندی وب 
  • سایه در CSS
  • Transition
  • Transform
  • قوانین @
  • مدیا کوئری و طراحی واکنش گرا
  • Flexbox
  • Cssgrid
• زبان SASS
• طراحی پورتال سایت فنی حرفه ای با css خام
• متدولوژی BEM
• آشنایی با Bootstrap
• آشنایی با Fontawesome
• طراحی با Tailwindcss
  • نصب 
  • تنظیمات
  • نحوه اجرا
  • قواعد استفاده
  • معرفی نقاط شکست اندازه صفحه
  • تغییر نقاط شکست
  • تعریف متغیر تحت قانون @
  • سازمان مند کردن کلاس ها
• طراحی صفحه اصلی پورتال فنی حرفه ای

نحوه استفاده و پیاده سازی کد ها در طراحی یک سایت
طراحی و پیاده سازه یک قالب وب سایت