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