خرید و دریافت محصول تومان329000

پکیج کامل طراحی سایت : از ابتدا تا طراحی یک سایت حرفه ای

Photoshop HTML CSS Wordprss

زمان

۱۱

ساعت

بخش ها

۱۰

سرفصل

در این دوره چه چیزی یاد میگیریم ؟

شما اینجا هستید چون می خواهید شروع کنید

  • برنامه ریزی, طراحی و شروع برای ساختن پروژه‌های خود
  • شروع طراحی از روی کاغد تا کدنویسی
  • آموزش کامل ابزار HTML و CSS و WordPress برای ساخت سایت
  • تثبت کدنویسی با تمرین و پروژه و شروع کار با وردپرس
  • ایجاد یک سایت مدرن با هماهنگ با موبایل و تبلت

 

 

 

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

 

 

 

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

  1. آموزش از ابتدا : بدون هیچ زمینه ذهنی و دانش قبلی می توانید آموزش را شروع کنید
  2. استاندارد و کامل : تمامی سر فصل ها از معتبر ترین منبع های موجود برداشته شده است
  3. مدرس طراح : کمتر مجموعه آموزشی وجود دارد که مدرس آن طراح سایت های معروف باشد
  4. تمرین معتبر : تمرین و پروژه محور بودن پروژه با تمرین یکی از محبوب ترین وب سایت های ایران + دو طرح ساده برای تمرین
  5. تکرار مداوم : بعضی از بخش ها تا سه بار توضیح داده می شوند

 

شروع با این مجموعه چگونه است ؟

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

بعد از این آموزش

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

در پایان این دوره شما می توانید

  • برای خودتان و دیگران سایت طراحی کنید
  • سایت خود را راحت تر و بدون طراح خاص کنترل کنید
  • وارد بازار طراحی سایت شوید
  • مطمئن باشید می توانید قالبی برای وردپرس طراحی کنید که الگو آن سایت دانلود ها بوده است

سوالی که برای شما پیش می آید این است که آیا می توانیم بعد از دیدن این مجموعه کسب در آمد کنیم ؟

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

چرا به مدرس این مجموعه اعتماد کنیم ؟

 

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

 

 

تصاویر آموزش

این مجموعه با بالاترین کیفیت به صورت دانلودی به دست شما خواهد رسید . حتما عکس های پایین را یک بار ببینید

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

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