۰۲۱-۶۶۹۴۰۴۲۲

تماس و مشاوره

آموزش جامع طراحی سایت

مشاهده پیش نمایش دوره
آموزش طراحی سایت
  • آموزش فوتوشاپ و UX
  • آموزش کامل HTML و CSS
  • قالب وردپرس
خرید مجموعه

حتی اگر چیزی بلد نیستید ,طراحی سایت را از اینجا شروع کنید

مجموعه کامل آموزشی طراحی وب سایت از پایه در موضوعات HTML , CSS , Wordpress , Responsive Design

زمان

۱۱

ساعت

بخش ها

۱۰

سرفصل

روال آموزش

یک مجموعه آموزش کامل طراحی سایت در مقابل شماست که از مباحث ابتدایی تا پایان طراحی یک سایت بزرگ پیش می رود . طراحی سایت سه مرحله دارد : اول شناخت طرح و اجرا در کاغذ و فوتوشاپ , دوم کدنویسی html و در پایان انتقال سایت روی مدیریت محتوا که هر سه بخش از پایه برای شما توضیح داده شده است .

در واقع شما نیازی به ثبت نام در کلاس های حضوری ندارید چون در این مجموعه با هم از کاغذ تا کار با برنامه های کدنویسی پیش می رویم و همانطور که در دمو می بینید با هم از اول تا پایان یک سایت کامل طراحی می کنیم و بار ها مباحث را تکرار کرده و خود به خود مشکلات و سوالات در ذهن شما از بین میرود .

 

شما در پایان می توانید یک طرح کامل و حرفه ای را آماده کنید البته این طرحی نیست که استاندارد بودن آنرا فقط خود ما تایید کنیم بلکه قالبیست که روی یکی بزرگترین وب سایت های ایرانی نصب بوده است در واقع تفاوت اصلی با سایر آموزش ها همینجاست که کدنویسی و روشی که شما یاد می گیرید روی یکی از بزرگترین سایت های پربازدید ایران (دانلودها.کام) جواب گرفته است و مدرس این مجموعه چندین و چند سایت دیگر با همین روش برای سایت های محبوب و پربازدید ایران ساخته است .

 

چرا این مجموعه

  • بدون نیاز به دانش قبلی و کار با سایت
  • شروع طراحی از کاغذ تا اجرا روی وردپرس
  • طرح پایانی روی سایت هایی با بازدید صدها هزار نفر در روز بوده

مناسب برای

  • مدیران وبسایت های حرفه ای و تازه کار
  • افراد علاقه مند که وقت کلاس حضوری ندارند
  • کسانی که می خواهند در منزل آموزش را یاید بگیرند

شروع طراحی گرافیکی سایت

مفهوم کلی طراحی

  • چیدمان صحیح قالب
  • مفهوم UX و طراحی کاربر پسند
  • شروع طراحی بر روی کاغذ و سپس طراحی شماتیک

طرح کلی ما چگونه ساخته می شود ؟

  • مفهوم پیکسل و ایجاد سند گرافیکی در فوتوشاپ
  • نحوه رنگ بندی صحیح و HEX
  • انتقال طرح شماتیک از روی کاغذ به فوتوشاپ
  • شروع طراحی و معرفی ابزارها در فوتوشاپ
  • آموزش تنظیم فونت, اشکال گرافیکی و تصویر در پوسته
  • اجرای کامل طرح لایه بازی قالب دانلودها در فوتوشاپ تصویر

کدنویسی HTML و CSS

اصلا چگونه کدنویسی HTML را شروع کنیم ؟

  • توضیح مختصر در مورد html و css
  • شروع کدنویسی در نوت پد ویندوز
  • توضیح تگ و المان های HTML
  • ایجاد یک سند ساده و نحوه ساختن یک *.htm

مبانی HTML و CSS

  • شروع با head body
  • المان های پارگراف بندی p , h1 , span , a
  • لود کردن تصویر با img
  • توضیح Attribute و ویژگی ها
  • آشنا شدن با css
  • ویژگی های css مثل background , color , font , margin , padding
  • کد کردن طرح تمرینی شماره ۱ با اطلاعات مبانی
  • بررسی ویژگی های دیگر css
  • کد کردن طرح تمرینی شماره ۲ با اطلاعات مبانی
  • تکمیل تر کردن css

شروع کدنویسی طرح PSD

شروع کدنویسی حرفه ای HTML و CSS

  • توضیحات قالب و نحوه شروع صحیح برای HTML کردن طرح
  • ساخت سند CSS و اتصال به HTML
  • توضیح تگ و المان های HTML
  • آشنایی با header , footer , article , section
  • بررسی و تکرار کامل المان های آموخته شده در مبانی و نحوه استفاده صحیح آن
  • بررسی یک مشکل رایج بین طراحان : flex و float در ستون بندی
  • بررسی background در css برای قرارگیری تصویر
  • بررسی یک مشکل رایج بین طراحان : بررسی دقیق width و padding در ستون بندی
  • آموزش CSS Sprite
  • بررسی فرم ها در html
  • تکمیل قالب با استفاده پی در پی از آموخته ها

رسپانسیو و مبانی جی کوئری

رسپانسیو

  • مفهوم رسپانسیو و سایز های موبایل ها و تبلت ها
  • توضیح دقیق پیکسل
  • تگ meta viewport
  • @media screen در css
  • استفاده از کروم : کمک از inspect
  • شروع به رسپانسیو طرح psd

جی کوئری

  • توضیح و تعریف جاوا اسکریپت
  • syntax در جاوا اسکریپت
  • آموزش jQuery
  • بررسی اکشن های کاربری jQuery
  • استفاده از دکمه منو موبایل و تکمیل طرح Responsive

کار با وردپرس

آموزش کامل تبدیل قالب در وردپرس

  • PHP چیست ؟
  • شروع کار با وردپرس
  • آموزش ساخت دیتابیس
  • آموزش کامل نصب وردپرس
  • نحوه ساخت یک پوسته جدید در وردپرس
  • توضیحات در مورد پیشخوان وردپرس
  • توضیح فایل های وردپرس
  • آموزش کوتاه در مورد مطلب گذاشتن در وردپرس
  • آموزش کامل کد های ضروی و تبدیل قالب به وردپرس
  • توضیح ابزارک و افزونه ها
  • توضیح زمینه های دلخواه
  • بررسی توابع کاربردی در ستون ها
  • باگ گیری و رفع ایراد قالب
  • نحوه تنظیم افزونه های سئو و سایت مپ