مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

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

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

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

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

در این مجموعه،تمام تلاش ما بر این بوده که از مباحث اضافه و تئوری محور و غیرکاربردی،پرهیز کنیم تا آموزش، از نظر زمان و هزینه بسیار مقرون به صرفه باشد.در عین حال،از هیچ نکته ریز و درشتی چشم پوشی نشده و تمام جزییات امر- حتی کوچکترین نکات- از مورد بررسی دقیق قرار داده شده اند.

از سوی دیگر، در هیچ یک از بخش های این مجموعه،مباحث تکراری وجود ندارد. بدون تردید،در هر بخش از این مجموعه، نکات بسیار مهم و جدید -حتی برای افراد در سطوح حرفه ای- وجود دارد.

نیم نگاهی به مباحث مطرح شده در این مجموعه:

1) درگاه پرداخت آنلاین جهت خرید اینترنتی

- درگاه پرداخت  مستقیم بانک ملت به همراه درگاه واسط پی لاین (دو درگاه بانکی)

2)  ایجاد فاکتور برای هر خرید

- صدور فاکتور برای خریدهای انجام شده از فروشگاه

3) سبد خرید حرفه ای

- ایجاد سبد خرید حرفه ای با تمامی امکانات مربوطه

4) بخش عضویت و سیستم عضوگیری

- ساخت بخش عضویت و هم چنین پنل اعضا جهت پیگیری سفارشات، ارسال تیکت(پیام) به مدیر فروشگاه،مدیریت سفارشات و ...

5) سیستم لایک و دیس لایک

- امکان امتیازدهی به مطالب ومحصولات فروشگاه (رای مثبت و منفی)

6) سیستم نظردهی در مورد کالاها

- درج نظرات کاربران درباره محصولات فروشگاه  و مدیریت نظرات (تایید و عدم تایید نظرات) توسط مدیر فروشگاه

7) بخش پرسش های متداول

8) استفاده از برنامه نویسی شی گرا

- پوشش کامل مبحث شی گرایی (برنامه نویسی OOP) و استفاده از این ابزار پرقدرت،جهت راه اندازی بخش های مختلف فروشگاه

9) ساخت صفحه اختصاصی محصولات فروشگاه

10) ایجاد گالری تصایر محصولات

- برای هر محصول، گالری تصاویر بسیار حرفه ای طراحی خواهیم کرد که مدیر فروشگاه بتواند با مدیریت آن،برای هر محصول، گالری بسیار حرفه ای را ایجاد نماید.

11)ایجاد اسلایدر نمایش محصولات

12) ساخت بخش های متنوع به صورت داینامیک

-بخش هایی از قبیل جدیدترین محصولات، پرفروش ترین محصولات،پربحث ترین محصولات و... در فروشگاه

13) بررسی نکات امنیتی

- تردیدی نیست که مهم تر از یک وب سایت،بحث امنیت آن است. از این رو به تفصیل به نکات امنیتی،روش های هک و مقابله با هک و نفوذ به سایت پرداخته شده است.

14) ایجاد CMS اختصاصی برای فروشگاه

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

15) امکان مقایسه محصولات فروشگاه (مشابه دیجی کالا)

- کاربران فروشگاه قادر خواهند بود محصولات را به لیست مقایسه اضافه نموده، و به صورت همزمان ،ویژگی های محصولات مختلف را مورد ببرسی و مقایسه قرار دهند.

16) سیستم ثبت سفارش به صورت کاملا پیشرفته

- فرم ثبت سفارش ها در دیتابیس به صورت حرفه ای با امکانات مختلف ( کد تخفیف،صدور پیش فاکتور خرید و ..)

17)روش های جلوگیری از دور زدن فروشگاه

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

18) آموزش کامل تکنولوژی ها روز برنامه نویسی

- HTML5،CSS3،AJAX به همراه  PHP ، ابزاری قدرتمند را به برنامه نویسان ارائه  می نماید. در این آموزش،سعی بر آن است که از جدیدترین تکنولوژی های روز برنامه نویسی استفاده شود.

19) کار با پایگاه داده (database)

20)استفاده از PDO

21) طراحی قالب فروشگاه به همراه آموزش تمام جزییات


موارد فوق،صرفا نگاهی خلاصه به مباحث آموزش داده شده می باشد.جزییات هر بخش را می توانید در ادامه همین صفحه به صورت کامل،مشاهده نمایید.

دموی سایت طراحی شده،دقیقا مشابه به فروشگاه اینترنتی 5040 می باشد.

در این مجموعه آموزشی بر تمامی زبان های برنامه نویسی تحت وب از جمله ajax,html5,jquery,php تاکید شده است.پس از دیدن این مجموعه آموزشی شما قادر خواهید بود که به سادگی انواع وب سایت ها را با استفاده از مباحث آموزش داده شده طراحی نمایید.

 

شما می توانید سوالات خود را از طریق ایمیل [email protected]  با ما در میان بگذارید.

بخش های رایگان این مجموعه آموزشی:

آموزش طراحی قالب سایت فروشگاهی ( بخش 1 ) دانلود مستقیم آموزش طراحی قالب سایت فروشگاهی ( بخش 2 ) دانلود مستقیم آموزش طراحی قالب سایت فروشگاهی ( بخش 3 ) دانلود مستقیم آموزش طراحی قالب سایت فروشگاهی ( بخش 4 ) دانلود مستقیم آموزش طراحی قالب سایت فروشگاهی ( بخش 5 ) دانلود مستقیم آموزش PHP/ساخت سبد خرید ( بخش 23 ) دانلود مستقیم آموزش PHP/ساخت سبد خرید ( بخش 24 ) دانلود مستقیم آموزش PHP/ساخت سبد خرید ( بخش 25 ) دانلود مستقیم آموزش PHP/ساخت سبد خرید ( بخش 26 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/فرم ثبت نام ( بخش 36 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/فرم ثبت نام ( بخش 37 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/فرم ثبت نام ( بخش 38 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/کپچا ( بخش 39 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/کپچا ( بخش 40 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/کپچا ( بخش 41 ) دانلود مستقیم طراحی سیستم حرفه ای عضویت/اعتبارسنجی فرم ثبت نام ( بخش 42 ) دانلود مستقیم ساخت پنل کاربری اختصاصی اعضا ( بخش 62 ) دانلود مستقیم ساخت پنل کاربری اختصاصی اعضا ( بخش 63 ) دانلود مستقیم ساخت پنل کاربری اختصاصی اعضا ( بخش 64 ) دانلود مستقیم شی گرایی در PHP ( بخش 74 ) دانلود مستقیم شی گرایی در PHP ( بخش 75 ) دانلود مستقیم شی گرایی در PHP ( بخش 76 ) دانلود مستقیم آموزش جست و جوی پیشرفته ( بخش 81 ) دانلود مستقیم آموزش جست و جوی پیشرفته ( بخش 82 ) دانلود مستقیم آموزش جست و جوی پیشرفته ( بخش 83 ) دانلود مستقیم آموزش جست و جوی پیشرفته ( بخش 85 ) دانلود مستقیم آموزش جست و جوی پیشرفته ( بخش 86 ) دانلود مستقیم دسته بندی مطالب (محصولات) در PHP ( بخش 94 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه ( بخش 99 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه ( بخش 100 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه/گالری تصاویر حرفه ای ( بخش 101 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه/گالری تصاویر حرفه ای ( بخش 102 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه/مفهوم فونت آیکون ها ( بخش 103 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه ( بخش 104 ) دانلود مستقیم ساخت صفحه اختصاصی محصولات فروشگاه ( بخش 105 ) دانلود مستقیم ایجاد بخش مقایسه محصولات(مطابق دیجی کالا) ( بخش 114 ) دانلود مستقیم ایجاد بخش مقایسه محصولات(مطابق دیجی کالا) ( بخش 115 ) دانلود مستقیم ایجاد بخش مقایسه محصولات(مطابق دیجی کالا) ( بخش 116 ) دانلود مستقیم ایجاد بخش مقایسه محصولات(مطابق دیجی کالا) ( بخش 117 ) دانلود مستقیم ایجاد بخش مقایسه محصولات(مطابق دیجی کالا) ( بخش 118 ) دانلود مستقیم ایجاد بخش مقایسه محصولات(مطابق دیجی کالا) ( بخش 119 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 126 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 127 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 128 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 129 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 130 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 131 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه ( بخش 132 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه/درگاه واسط پی لاین ( بخش 134 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه/درگاه واسط پی لاین ( بخش 135 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه/درگاه واسط پی لاین ( بخش 136 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه/درگاه واسط پی لاین ( بخش 137 ) دانلود مستقیم پیاده سازی بخش تسویه حساب فروشگاه/درگاه مستقیم بانک ملت ( بخش 138 ) دانلود مستقیم طراحی CMS (سیستم مدیریت محتوا) اختصاصی ( بخش 145 ) دانلود مستقیم طراحی CMS (سیستم مدیریت محتوا) اختصاصی ( بخش 146 ) دانلود مستقیم طراحی CMS (سیستم مدیریت محتوا) اختصاصی ( بخش 147 ) دانلود مستقیم طراحی CMS (سیستم مدیریت محتوا) اختصاصی ( بخش 148 ) دانلود مستقیم طراحی CMS (سیستم مدیریت محتوا) اختصاصی ( بخش 149 ) دانلود مستقیم طراحی CMS (سیستم مدیریت محتوا) اختصاصی ( بخش 159 ) دانلود مستقیم
در فصل اول از مجموعه آموزش طراحی سایت با PHP ،به آموزش طراحی قالب سایت می پردازیم.در 22 قسمت،مبحث HTML و CSS را به صورت کامل پوشش خواهیم داد.
به صورتی که پس از این 22 قسمت،قادر خواهیم بود از عهده طراحی هرگونه قالب (فروشگاهی-خبری-اشتراک گذاری و...) برآییم.
مباحث این فصل،ترکیبی از HTML،CSS،JQUERY می باشد.
بخش 1 :
( آموزش طراحی قالب سایت فروشگاهی )
در این بخش آموزش طراحی قالب سایت را آغاز خواهیم کرد.قالب فروشگاه به صورت کامل مورد بررسی قرار خواهد گرفت.آموزش طراحی قالب،در حقیقت یادگیری HTML،JQUERY،CSS می باشد.
آموزش طراحی قالب سایت،17 جلسه طول خواهد کشید.پس از این 22 قسمت، به سادگی قادر خواهید بود تا انواع قالب های فروشگاهی،خبری یا هر سایت دیگری را طراحی کنید.
نگاهی به ریز مباحث این بخش:
1) معرفی نرم افزار DreamWeaver و شروع کار با این نرم افزار کاربردی
2)آموزش ایجاد سایت جدید در DreamWeaver
3) ایجاد سربرگ فروشگاه شامل:
-بازگشت به صفحه نخست
-درباره ما
-ارتباط با ما
4)معرفی CSS و آشنایی اولیه با مفاهیم CSS
5)کار با چند دستور ساده CSS
-margin
-padding
-line-height
و..
6)معرفی تگ های اساسی html (تگ body،تگ html،تگ headو...)
7)ایجاد لینک در قالب سایت با تگ a در html
دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 2 :
( آموزش طراحی قالب سایت فروشگاهی )
در بخش دوم طراحی قالب،آموزش جلسه قبل را ادامه خواهیم داد.در این بخش خواهیم دید:
1) آموزش استفاده از آیکون ها در طراحی سایت
2)معرفی وب سایت های مرجع جهت دریافت آیکون های مورد نیاز
3) نگاهی به نحوه تغییر در آیکون ها با استفاده از نرم افزار گرافیکی PhotoShop
4)آموزش درج آیکون در قالب فروشگاهی با استفاده از تگ img
5) آموزش چینش و تنظیم محل آیکون در تگ مربوطه
6)آموزش ایجاد سایه دور تصویر با استفاده از CSS
7)ایجاد نوارهای رنگی در اطراف سربرگ و تنظیم خصوصیات CSS از جمله width،heightو ..
توجه داشته باشید که به مرور در حال آشنا شدن با تگ های html و دستورات CSS جهت تنظیم خصوصیات ظاهری قالب هستیم.
دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 3 :
( آموزش طراحی قالب سایت فروشگاهی )
در بخش سوم،به آموزش ساخت منوی کشویی خواهیم پرداخت.در این بخش خواهیم دید:
1) آشنایی با تگ ul و تگ li جهت ایجاد منوی کشویی
2) آموزش استایل دهی به تگ های li جهت چینش مناسب به شکل منوی افقی
3) درج آیکون های اختصاصی در کنار هر آیتم از منوی کشویی
4) آشنایی با دستورات list-style ، direction و مروری بر دستور کاربردی float
5) مروری دیگر بر دستور background و تنظیم محل قرار گیری background با استفاده از background-position
6) آموزش تنظیم فونت با CSS و دستورات font-size ، font-family و ..
و...

دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 4 :
( آموزش طراحی قالب سایت فروشگاهی )
بخش چهارم،ادامه ساخت منوی کشویی افقی بازشو می باشد.
در این بخش ،خواهیم دید که چگونه می توان برای هر منو،زیرمنوهایی را ایجاد کرد.آموزش های این بخش:
1)استفاده از تگ های تو در توی ul و li جهت ایجاد زیرلیست
2)استایل دهی مناسب به زیرمنوها
3)آشنایی با مفهوم position و دو نوع absolute و relative در CSS
- یکی از مفاهیم بسیار کاربردی و مهم در طراحی سایت ،آموزش position های مختلف می باشد.در این بخش با دونوع مهم از position ها در CSS آشنا خواهیم شد.(absolute&relative)
دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 5 :
( آموزش طراحی قالب سایت فروشگاهی )
در بخش پنجم،به ادامه ساخت منوی کشویی بازشو خواهیم پرداخت.در این قسمت به شروع کار با JQUERY خواهیم پرداخت.
جی کوئری(JQUERY) یکی از رایج ترین و محبوب ترین فریم ورک های جاوااسکریپت می باشد که به کمک آن می توان اقداماتی از قبیل ساخت اسلایدشو،ساخت منوی بازشو،افکت متن و تصاویر، ایجاد انیمیشن های حرکتی و ... را انجام داد.
1) معرفی جی کوئری و نحوه الحاق پلاگین به صفحه html
2)نحوه فراخوانی فایل خارجی با استفاده از دستور include در PHP
3) آموزش تابع hover در جی کوئری
4) آموزش دستور slideDown در جی کوئری
5) آموزش تابع find در JQUERY
6) آموزش تغییر CSS با استفاده از JQUERY
و...
دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 6 :
( آموزش طراحی قالب سایت فروشگاهی )
در بخش ششم،ادامه آموزش ساخت منوی کشویی را دنبال می کنیم.مباحث این بخش :
1) آموزش تابع mouseleave در جی کوئری
-این تابع (رویداد) ،زمانی استفاده می شود که قصد داریم دستوراتی را به هنگام خروج ماوس از سلکتور مورد نظر اجرا نماییم.
2) آموزش slideUp در جی کوئری و کاربرد آن در طراحی منوی بازشو
3)تغییر رنگ آیکون ها به هنگام قرارگیری ماوس روی هر منو با استفاده از تابع css در جی کوئری
و...
افزودن به سبد
قیمت: 3,200 تومان

بخش 7 :
( آموزش طراحی قالب سایت فروشگاهی )
در این بخش،به ادامه آموزش ساخت قالب می پردازیم.
1) آموزش و آشنایی با ابزار خط کش در فایرفاکس
-با یکی از افزونه های کاربردی فایرفاکس جهت اندازه گیری عناصر و بخش های مختلف قالب طراحی شده،آشنا خواهیم شد.
2) مروری بر نحوه قراردادن عنصری از قالب،در وسط صفحه (در رزلوشن ها و عرض های مختلف) به کمک دستورات CSS
3)مروری بر دستور border و تنظیم کادر عناصر html
4) اضافه کردن بخش های زیر به قالب سایت:
- دکمه ورود به سایت
- دکمه ثبت نام در سایت
5) مروری بر استفاده از آیکون ها با استفاده از سایت flaticon

و...
افزودن به سبد
قیمت: 3,200 تومان

بخش 8 :
( آموزش طراحی قالب سایت فروشگاهی )
در بخش هشتم،همچنان به ادامه ساخت قالب سایت فروشگاه،می پردازیم.آنچه در این بخش فراخواهیم گرفت:
1) تشریح دقیق دستور direction و تاثیر آن بر عناصر موجود در قالب
2)آموزش خصوصیت vertical-align
3) دستور font-weight در CSS
4) مروری بر دستور border-radius جهت زاویه دادن به اطراف کادر
5) آموزش مفهوم overflow در CSS
6) آموزش تگ form و شروع کار با فرم ها در html
7) آموزش تگ input در html
8)آموزش input با type های text وsubmit و کاربرد هریک
9) مثالی دیگر از افزونه فایرباگ که یکی از اساسی ترین و کاربردی ترین موارد در طراحی سایت می باشد.
و...
افزودن به سبد
قیمت: 3,200 تومان

بخش 9 :
( آموزش طراحی قالب سایت فروشگاهی )
موضوع این بخش : طراحی اسلایدشو تصاویر در فروشگاه.آنچه می آموزیم:
1)ایجاد بخشی در زیر منوی کشویی طراحی شده،جهت درج اسلایدر
2) استایل دهی مناسب به تگ div دربرگیرنده اسلایدر
3) کار با خصوصیت id در html
4)افزودن تگ های img به تگ اسلایدر و استایل دهی آن ها با استفاده از css جهت آماده سازی اسلایدر
- توجه فرمایید که در این بخش،کدهای html و css مربوط به اسلایدر را انجام خواهیم داد و در بخش های بعد،با استفاده از جی کوئری،اسلایدر را تکمیل خواهیم نمود.
این بخش،تمرینی بر مباحث جلسات قبل می باشد.
افزودن به سبد
قیمت: 3,200 تومان

بخش 10 :
( آموزش طراحی قالب سایت )
در بخش قبل،قالب اسلایدشو را طراحی نمودیم. و اما در این بخش خواهیم دید که یک اسلایدر را واقعا چگونه باید طراحی نمود؟آنچه می آموزیم:
1) معرفی پلاگین cycle
-پلاگین cycle یکی از محبوب ترین و ساده ترین پلاگین های جی کوئری برای ایجاد عناصر متحرک به صورت اسلایدر،در صفحات html محسوب می گردد.
در این بخش به معرفی کامل این پلاگین و نمایش دموهای مختلفی از این پلاگین می پردازیم.
2)الحاق پلاگین فوق به صفحه html
3) نوشتن دستورات JQUERY لازم جهت استفاده از این پلاگین
4) نحوه تعیین افکت حرکتی اسلایدشو (زوم،اسکرول و...)
5) ایجاد دکمه های next و previous جهت کنترب اسلایدر توسط کاربر
6) آموزش دستور z-index در CSS
7) کار با فوتوشاپ و آشنایی بیشتر با این نرم افزار گرافیکی
- هرچند یک طراح وب،لزوما گرافیست نیست،اما لازمه کار یک طراح وب حرفه ای،بی شک،آشنایی با ابزارهایی چون فوتوشاپ می باشد.
8) آموزش تعیین فاصله زمانی بین تصاویر اسلایدشو
9)نحوه معرفی دکمه های next و previuos به پلاگین cycle
و...
افزودن به سبد
قیمت: 3,200 تومان

بخش 11 :
( آموزش طراحی قالب سایت )
در بخش یازدهم،به تکمیل و تمرین بشتر بر روی اسلایدشو ساخته شده می پردازیم.آنچه می بینیم:

1) نحوه مخفی کردن دکمه های کنترلی اسلایدشو و ظاهرکردن آنها هنگام قرارگیری ماوس روی اسلایدر

2) نحوه استفاده از opacity برای محو کردن و سپس نمایش دکمه های کنترلی اسلایدر با function های دوگانه hover

3) آشنایی با animate برای حرکات انیمیشنی در jquery و تغییر opacity دکمه های کنترلی در مدت زمان خاص مشخص شده در دستور animate

4) ایجاد تگ جدید div برای بخش جدیدترین کالاها

5) کاربردها و مثال هایی از دستورات width،background،float،,list-style و ... در css برای استایل دهی به بخش های موجود

6) استفاده از تگ ul و li برای نمایش جدیدترین محصولات و هم چنین یادگیری نحوه استایل دهی به این المان ها

7) کاربردهایی از دستورات direction و text-align برای راست چین کردن نوشته ها

8) تنظیمات مربوط به حاشیه های و margin ها

9) کار با تگ h2 و ایجاد عنوان بخش جدیدترین کالاها به همراه یک عکس در کنار عنوان با کمک تگ img
افزودن به سبد
قیمت: 3,200 تومان

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

2) تمرینی بر دستور padding جهت ایجاد حاشیه داخلی

3) استایل دهی به بخش فوق با استفاده از دستورات css

4) ایجاد تگ h2 جهت نمایش عنوان مربوط به کالاهای پیشنهادی

5) مثال هایی دیگر از دستورات float جهت نمایش المان ها در یک ردیف در کنار یکدیگرو هم چنین بحث پیرامون مشکلات احتمالی این دستور

6) عیب یابی کدنویسی قالب و رفع مشکل با استفاده از فایرباگ (firebug)

7) ایجاد زیرخط زیبا و گرافیکی جهت جدا کردن عنوان از بخش های درون کالاهای پیشنهادی

8) مثالی دیگر از دستور box-shadow برای ایجاد سایه در اطراف یک المان

9) کار با دستور list-style و نحوه حذف نقاط توپر سیاه رنگ کنار تگ های li

10) کاربردی دیگر از دستور direction و مشخص نمودن جهت شروع کدنویسی html

11) استایل دهی به تگ ul و li های درون آن و هم چنین مشخص نمودن padding یا همان حاشیه داخلی و هم چنین سایر دستورات css
افزودن به سبد
قیمت: 3,200 تومان

بخش 13 :
( آموزش طراحی قالب سایت )
در بخش سیزدهم،بخش جدیدی تحت عنوان پروفروش ترین محصولات را به قالب فروشگاه اضافه می نماییم.
آنچه می بینیم:
1) ایجاد بخش پرفروش ترین ها و تبدیل آن به چهارستون مساوی در html با استفاده از دستورات CSS
2) درج تصاویر مربوط به پرفروش ترین محصولات به همراه عنوان و توضیحات محصول در کنار یکدیگر
3) نمایش وضعیت موجود بودن یا نبودن محصول
4) آموزش چیدن چندین عنصر در یک ردیف در html با کمک گرفتن از css
این بخش جهت تمرین بیشتر بر مبحث طراحی قالب ودستورات css و همچنین html پیشنهاد می گردد.
افزودن به سبد
قیمت: 3,200 تومان

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

1) ایجاد div جدید با id برابر با tozihat جهت نمایش سه مورد فوق

2) کاربردی دیگر از position از نوع absolute و بررسی دقیق مفهوم و کاربرد آن در کدنویسی

3) چگونگی افزودن یک بخش به داخل بخش دیگر بدون به هم ریختن و جابه جا شدن سایر اجزای موجود در آن بخش

4) نحوه قرارگیری یک المان یا بخش دقیقا در وسط بخش دیگر با استفاده از css

5) کار با دستور line-height در css و تنظیم موقعیت محتوای درون یک بخش بدون جابه جایی کل بخش
و...
این بخش به تسلط هرچه بیشتر بر دو مورد بسیار اساسی یعنی html وcss کمک می کند.
افزودن به سبد
قیمت: 3,200 تومان

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

1) یادآوری در ارتباط با نحوه الحاق پلاگین جی کوئری به صفحه

2) بررسی نکاتی در رابطه با نحوه افزایش سرعت لود سایت و جلوگیری از کند شدن سایت

3) توضیح دقیق دستور hover در جی کوئری و کار با دو تابع موجود در این دستور

4) بررسی مفهوم this در جی کوئری

5) کار با دستور find در جی کوئری برای یافتن یک بخش درون بخشی دیگر

6) کار با animate جهت انجام دستورات css و به عنوان نمونه opacity یک بخش به صورت انیمیشنی

7) مقایسه animate با css در جی کوئری و بررسی تفاوت های آنها

8) کار با دستور addClass در جی کوئری برای افزودن کلاس به یک المان

9) کار با دستور removeClass جهت حذف class از یک المان

10) نحوه افزودن یا حذف یک استایل از جمله box-shadow مربوط به یک بخش مشخص

11) کاربردی از important در دستورات css و بررسی مفهوم آن
افزودن به سبد
قیمت: 3,200 تومان

بخش 16 :
( آموزش طراحی قالب سایت )
در بخش شانزدهم طراحی فروشگاه اینترنتی به یکی از مفاهیم ساده اما بسیار کاربردی در طراحی وب سایت و انجام پروژه های برنامه نویسی تحت وب خواهیم پرداخت.مفهوم masterpage نه تنها در php بلکه در هر زبان برنامه نویسی دیگری نیز کاربرد فراوانی دارد.

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



2) دوما آنکه اگر بعدها بخواهیم تغییری را در آن قسمت ایجاد کنیم نیازی نیست که در تک تک آن صفحات اصلاحاتی را ایجاد کنیم، بلکه با استفاده از مفهوم بسیار کاربردی مستر پیج می توان تنها با یک بار تغییر این تغییرات را در تمامی صفحات به صورت خودکاراعمال کرد.

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



4) با استفاده از مسترپیج به سادگی قادر خواهید بود که کدهای css مشترک در تمام صفحات را تنها با یکبار نوشتن در تمامی صفحات اعمال نمایید،

به عنوان مثال فرض کنید که در تمامی صفحات قصد دارید دستور css به صورت زیر اعمال کنید:

img{border:none;}

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



5) در مورد فراخوانی پلاگین هایی نظیر جی کوئری یا صفحات css خارجی نیز این توضیحات صادق است، بدین معنی که اگر قصد دارید یک فایل css خارجی را به تمامی صفحات الحاق کنید یا آنکه یک فایل جاوااسکریپت یا پلاگینی را به تمام صفحات الحاق کنید با استفاده از مسترپیج کار بسیار ساده تر و سریع تر خواهد بود.

در قسمت های بعد با کاربردهای این مفهوم بیشتر آشنا خواهیم شد.

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

بخش 17 :
( آموزش طراحی قالب سایت )
در هفدهمین بخش از مجموعه آموزشی طراحی فروشگاه آنلاین، به یکی از مباحث به روز و کاربردی در css3 خواهیم پرداخت.transition در css برای ایجاد افکت های انیمیشنی در حالتی که موس را روی یک بخش از صفحه قرار می دهیم کاربرد دارد.

فرض کنید که می خواهید width یک بخش را به صورت انیمیشنی با استفاده از دستورات css تغییر دهید و از جاوااسکریپ یا جی کوئری هم استفاده نکنید،در این حالت باید به سراغ transition بروید.با استفاده از transition قادر خواهیم بود که خواص css را با حالت انیمیشنی و جلوه بسیار زیبا در مدت زمان معین و با افکت ویژه تغییر دهیم.آنچه در این مجموعه خواهیم دید:

1) مقایسه دستور hover در css با دستور transition و بررسی تفاوت های آنها در یک مثال کاملا عملی

2) استفاده از دستور transition برای تغییر رنگ بخش هایی از سایت به حالت انیمیشنی

3) بررسی موشکافانه همه ویژگی های مربوط به transition و هم چنین بررسی easing های متنوع و افکت های مختلف در این دستور

4) معرفی سایتی برای ساخت انواع transition ها به صورت آنلاین و هم چنین نحوه استفاده از آن در صفحات طراحی شده

5) بررسی پیشوندهای -o- ، -webkit-،-moz- و مفهوم آنها در transition و سازگاری آن با اتواع مرورگرها

6) بررسی delay در transition

7) بررسی مفهوم all در transition

8) کاربردی از transition جهت تغییر width یک بخش و هم چنین تغییر border یا کادر آن و هم چنین خواصی دیگر در css

9) استفاده از class برای دادن استایلی خاص به یک قسمت از صفحه

و...

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

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

البته اینکه چگونه یک وب سایت را با IE سازگار کنیم نیاز به تجربه و تمرین فراوان دارد که با دیدن این مجموعه تجربیات بسیار مهمی را فرا خواهیم گرفت.
افزودن به سبد
قیمت: 3,200 تومان

بخش 18 :
( آموزش PHP/منوی داینامیک )
موضوع:php | از این بخش به بعد کدنویسی php را به صورت حرفه ای آغاز خواهیم کرد.
به این ترتیب که تک تک قسمت های سایت را از حالت استاتیک به حالت داینامیک تبدیل می کنیم.مزیت داینامیک بودن سایت آن است که افزودن یا حذف یا ویرایش بخش های داینامیک به سادگی توسط مدیر سایت امکان پذیر است و عملا دیگر نیازی به دستکاری کدهای html که کاری وقت گیر است، نخواهد بود.در این بخش به داینامیک نمودن منوی اصلی سایت(منوی بالای سایت) خواهیم پرداخت.بدین صورت که table جدیدی در دیتابیس مربوطه ایجاد خواهیم کرد و سپس آیتم های منو را در این جدول ذخیره سازی خواهیم نمود.

فعلا عمل insert را به صورت دستی در دیتابیس انجام می دهیم و در آموزش های مربوط به ساخت پنل مدیریت به نحوه insert کردن منوی جدید یا سایر اعمال دیگر از جمله delete کردن یا edit کردن یک منو نیز خواهیم پرداخت.پس از ایجاد جدول و وارد کردن منوهای مورد نظر در جدول ، حال باید به سراغ دریافت اطلاعات از دیتابیس برویم و با استفاده از دستوری مانند PDO اطلاعات را دریافت نموده و در صفحه به کاربر نمایش دهیم.آنچه در این بخش خواهیم آموخت:

1) نحوه ایجاد یک دیتابیس جدید و تنظیم collation آن برای سازگاری با زبان فارسی

2) ایجاد جدولی به نام tblmenu برای ذخیره سازی منوها در آن

3) ایجاد سه فیلد جدید با نام های id،title،img از نوع int،varchar و مشخص نمودن طول آنها

4) insert کردن منوهای مورد نظر و هم چنین وارد نمودن آدرس عکس ها یا آیکن های هر منو

5) ایجاد فایل جدیدی با نام connect.php جهت اتصال به دیتابیس مورد نظر

6) استفاده از دستور PDO و نحوه اتصال به دیتابیس (پایگاه داده) با استفاده از این دستور

7) بررسی یوزر و پسورد در لوکال و هاست واقعی و نحوه وارد نمودن آنها جهت اتصال به بانک

- پس از آنکه پروژه به اتمام رسید پروژه را به صورت واقعی روی هاست اصلی نیز آپلود خواهیم نمود.

8) تنظیم NAMES در دستور PDO جهت تنظیم بر روی utf-8

9) فراخوانی فایل connect.php و نحوه ایجاد کوئری جدید در php

10) چگونگی prepare کردن کوئری در PDO سپس execute نمودن آن کوئری

11) استفاده از دستور:

fetch(PDO::FETCH_ASSOC)

جهت دریافت سطرهای خوانده شده از دیتابیس.

12) دریافت مقادیر موجود در هر فیلد دیتابیس و ذخیره سازی آنها در یک متغیر

13)echo کردن مقادیر دریافتی از دیتابیس در ul مربوط به منوی بالای صفحه و ایجاد یک li به ازای هر آیتم دریافتی از دیتابیس
افزودن به سبد
قیمت: 3,200 تومان

بخش 19 :
( آموزش PHP/منوی داینامیک )
موضوع:PHP | در ادامه بخش هجدهم، در این قسمت به تکمیل داینامیک نمودن منوی اصلی سایت می پردازیم.در قسمت قبل منوها را داینامیک نمودیم و اما در این بخش قصد داریم زیرمنوها را نیز به صورت داینامیک از دیتابیس دریافت کنیم و به کاربران نمایش دهیم.آنچه در این بخش خواهیم دید:

1) ایجاد table جدیدی با نام tblzirmenu در دیتابیس جهت ذخیره سازی زیرمنوها

2)ایجاد سه فیلد id,title,parent از نوع int,varchar,varchar در جدول فوق

3)insert نمودن برخی از زیرمنوها در این table

4)یافتن تعداد زیرمنوهای هرمنو با استفاده از دستور rowCount در PDO

5) استفاده از دستور شرطی if جهت نمایش یا عدم نمایش زیرمنو در صورت وجود یا عدم وجود

6) استفاده از کوئری select جهت اتصال به دیتابیس و فراخوانی زیرمنوها

7) کاربرد حلقه while تو در تو جهت fetch کردن زیرمنوها از tblzirmenu

8) نحوه نوشتن مقدار متغیرهای غیرعددی در یک کوئری با استفاده از سینگل کوتیشن یا دابل کوتیشن ها

9) توضیحاتی در مورد ترکیب متغیرها و دستورات مربوط به php و رفع ایرادات احتمالی یا باگ ها

10) prepare نمودن و سپس execute کردن و هم چنین fetch کردن اطلاعات با استفاده از PDO در php
افزودن به سبد
قیمت: 3,200 تومان

بخش 20 :
( آموزش PHP/اسلایدشو داینامیک )
موضوع:PHP | در ادامه بخش نوزدهم، در این قسمت به داینامیک نمودن اسلایدر سایت می پردازیم .به عبارت دیگر قصد داریم که اسلایدری که قبلا طراحی کرده بودیم را از حالت استاتیک به حالت داینامیک تبدیل کنیم. در ادامه این مجموعه به نحوه ایجاد بخشی در پنل مدیریت جهت انتخاب تصاویر موجود در اسلاید نیز خواهیم پرداخت. و اما آنچه در این بخش خواهیم دید:

1) ایجاد table جدیدی با نام tblmahsool در دیتابیس جهت ذخیره سازی محصولات

2)ایجاد سه فیلد id,title,img,slideاز نوع int,varchar,varchar,int در جدول فوق

3)insert نمودن برخی ازمحصولات فروشگاه در این table

4)چگونگی مشخص نمودن تصاویری که باید در این اسلایدر نمایش داده شوند.(با استفاده از field مربوط به slide)

5) مثالی دیگر از کوئری های شرطی با استفاده از where و اتخاب برخی از سطرهای دیتابیس

6) نحوه نوشتن مقدار متغیرهای غیرعددی در یک کوئری با استفاده از سینگل کوتیشن یا دابل کوتیشن ها

7) توضیحاتی در مورد ترکیب متغیرها و دستورات مربوط به php و رفع ایرادات احتمالی یا باگ ها
(تولید کوئری ترکیب رشته ای)

8) prepare نمودن و سپس execute کردن و هم چنین fetch کردن اطلاعات با استفاده از PDO در php

و...
افزودن به سبد
قیمت: 3,200 تومان

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

1) مفهوم و کاربرد order by fieldname desc/asc و بحث انتخاب براساس نزولی یا صعودی بودن فیلد

-به عبارتی، نحوه انتخاب سطرهای جدول را به صورت نزولی یا صعودی با استفاده از کوئری های pdo را خواهیم آموخت.

2) انتخاب چهار محصول جدید که به فروشگاه اضافه شده و سپس نمایش آنها در وب سایت به صورت اتوماتیک

3) کاربرد عملی و بررسی مفهوم limit در کوئری های sql

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

4) echo کردن li های مربوط به بخش جدیدترین محصولات با استفاده از حلقه while

5) ایجاد field جدیدی در جدول محصولات که تعداد فروش هر محصول را ذخیره می کند.

6) انتخاب پرفروش ترین محصولات براساس فیلد foroosh در جدول محصولات با استفاده از دستور order به صورت کاملا خودکار

7) ایجاد field جدیدی برای مشخص نمودن تعداد موجود از هر محصول، در فروشگاه

8) چگونگی تشخیص موجو بودن یا نبودن محصول در فروشگاه و سپس نمایش پیغام مناسب با توجه به موجود بودن یا نبودن محصول، به کاربران سایت

9) ایجاد فیلدی دیگر جهت ثبت قیمت های مربوط به محصولات (از نوع int )

10) اصلاحات جزیی در مورد کدهای css مربوط به بخش های موجود در سایت از جمله بخش نمایش موجود بودن یا نبودن محصول( با کمک فایرباگ)
افزودن به سبد
قیمت: 3,200 تومان

بخش 22 :
( آموزش PHP/بخش محصولات پیشنهادی )
موضوع:PHP | در ادامه بحث داینامیک کردن بخش های استاتیک وب سایت، در این قسمت به داینامیک نمودن بخش محصولات پیشنهادی سایت می پردازیم .به عبارت دیگر قصد داریم که بخش محصولات پیشنهادی که قبلا طراحی کرده بودیم را از حالت استاتیک به حالت داینامیک تبدیل کنیم. در ادامه ، بخش پربحث ترین محصولات و محبوب ترین محصولات را نیز به صورت داینامیک در سایت نمایش خواهیم داد.و اما آنچه در این بخش خواهیم دید:

1)ایجاد فیلد جدیدی تحت عنوان pishnahad در tblmahsool از نوع int و با length برابر با 1

-به عبارتی،این فیلد مشخص خواهد کرد که چه کالاهایی باید در بخش کالاهای پیشنهادی نمایش داده شوند.در ادامه در بخش پنل مدیریت فروشگاه نیز، امکان انتخاب این فیلد توسط مدیر فراهم خواهد شد.

2)ایجاد فیلد جدیدی تحت عنوان porbahs در tblmahsool

-این فیلد مشخص خواهد کرد که چه کالاهایی باید در بخش پربحث ترین کالاها نمایش داده شوند.این فیلد در حقیقت تعداد کامنت های مربوط به هر محصول را مشخص خواهد نمود.

3) کاربرد عملی و بررسی مفهوم limit در کوئری های sql

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

4) echo کردن li های مربوط به بخش محبوب ترین محصولات با استفاده از حلقه while

5) ایجاد field جدیدی در جدول محصولات که تعداد فروش هر محصول را ذخیره می کند.

6) انتخاب پر بحث ترین محصولات براساس فیلد porbahs در جدول محصولات با استفاده از دستور order به صورت کاملا خودکار

7) کاربردی دیگر از دستور order by fieldname desc/asc و انتخاب به صورت نزولی یا صعودی بر اساس یک فیلد

8) ایجاد بخش جدیدی در جدول محصولات تحت عنوان bazdid جهت نمایش محبوب ترین محصولات

-این فیلد در بخش های بعدی کاربرد آماری نیز خواهد داشت.به عبارتی میزان بازدیدهای هر محصول یا کالا را در این فیلد ثبت خواهیم کرد.

9) اصلاحات جزیی در مورد کدهای css مربوط به بخش های موجود در سایت از جمله بخش نمایش موجود بودن یا نبودن محصول( با کمک فایرباگ)
افزودن به سبد
قیمت: 3,200 تومان