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

آموزش کامل و جامع

چگونه یک قالب مثل دانلودها بسازیم ؟

۱۰ ساعت ویديو :آموزشی در ۶ قسمت - آموزش کامل HTML,CSS تا اجرای کامل یک سایت

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

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

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

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

  • چیدمان صحیح قالب
  • مفهوم 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
  • کد کردن طرح تمرینی شماره 1 با اطلاعات مبانی
  • بررسی ویژگی های دیگر css
  • کد کردن طرح تمرینی شماره 2 با اطلاعات مبانی
  • تکمیل تر کردن 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 چیست ؟
  • شروع کار با وردپرس
  • آموزش ساخت دیتابیس
  • آموزش کامل نصب وردپرس
  • نحوه ساخت یک پوسته جدید در وردپرس
  • توضیحات در مورد پیشخوان وردپرس
  • توضیح فایل های وردپرس
  • آموزش کوتاه در مورد مطلب گذاشتن در وردپرس
  • آموزش کامل کد های ضروی و تبدیل قالب به وردپرس
  • توضیح ابزارک و افزونه ها
  • توضیح زمینه های دلخواه
  • بررسی توابع کاربردی در ستون ها
  • باگ گیری و رفع ایراد قالب
  • نحوه تنظیم افزونه های سئو و سایت مپ