بخش Vip سئو نود

بهترین فرصت برای یادگیری در قسمت Vip سئو نود هم اکنون برای دانشجوبان عزیز فراهم شده است

جزئیات بیشتر
آموزش یکبار برای همیشه
کد تخفیف اختصاصی دوره نابغه سئو پلاس : seoplus50
سئو نود » دانلود ها » آموزش فرانت » دوره پروژه محور طراحی قالب html فروشگاهی با بوت استرپ

دوره پروژه محور طراحی قالب html فروشگاهی با بوت استرپ

362 دانشجو 5

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

500,000 تومان رایگان

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

سئوالات متداول دوره
پیشنیاز این دوره چیست ؟

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

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

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

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

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

این دوره آموزشی برپایه Html5 ، Css3 ، Bootstrap5 در قالب ویدئوهای آموزشی با کیفیت مناسب به همراه محتوا کامل و سرفصل های دقیق خدمت شما دوستان ارائه شده است . استفاده از آخرین نسخه بوت استرپ به قالب انعطاف بسیار بالایی خواهد داد چرا که میزان استایل نویسی را کاهش داده و در قسمت های رسپانسیو هم امکان کنترل قسمت های مختلف را به راحتی و بدون مشکل خواهیم داشت . البته قبلا در داخل دوره بوت استرپ سایت ما ، این فریمورک محبوب را در 3 نسخه 3 و 4 و 5 به شکلی بسیار مفصل خدمت علاقمندان تدریس کردیم .

طراحی قالب html فروشگاهی برای فروش در مارکت های داخلی و خارجی

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

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

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

طراحی قالب فروشگاهی html با صفحات کامل

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

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

قالب واکنشگرا و رسپانیسو فروشگاهی

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

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

پلاگین های جذاب جی کوئری در قالب فروشگاهی

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

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

آموزش طراحی منو رسپانسیو کامل برای قالب فروشگاهی

در حین طراحی قالب html فروشگاهی یک بخش ویژه با صبر و حوصله خدمت شما عزیزان در نظر گرفتیم تا قالب ما بسیار کامل و بی نقص باشد . این بخش مربوط به منو رسپانسیو سایت است . اما در این بین ممکن است سوالی برای شما پیش آید که چرا از منو رسپانسیو خود بوت استرپ استفاده نکردیم و علی رغم داشتن ناوبار های واکنشگرا ، منو خود بوت استرپ را کنار گذاشته و خودما دست به کد شدیم تا یک منو کامل برای سایت داشته باشیم ؟؟!!

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

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

در طراحی قالب هایی که برای فروش هستند چه نکاتی مهم است ؟

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

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

در این دوره مدرس سعی کرده است تا یک پروژه واقعی را با درنظر گرفتن تمام نکات ذکر شده طراحی کند و شما دقیقا تجربه کار روی یک پروژه واقعی را داشته باشید . مزیت این دوره نیز واقعی بودن پروژه نهایی است .

پیش نمایش بخشی از آموزش های دوره

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

فصل 1
جلسات آموزشی این دوره
شامل 24 قسمت
1
طراحی منو اصلی سایت به شکل کامل
00:27:05
2
طراحی اسلایدر اصلی سایت – بخش اول
00:24:29
3
طراحی اسلایدر اصلی سایت – بخش دوم
00:31:02
4
طراحی باکس محصولات به شکل کامل و قسمت خدمات سایت
00:26:28
5
طراحی کامل فوتر و قسمت توضیحات پیشنهاد ویژه
00:30:15
6
طراحی کامل قسمت پیشنهاد ویژه و اسلایدر محصولات
00:34:57
7
طراحی بردکرامب و بخش اول صفحه جزئیات محصول با گالری تصاویر
00:34:43
8
طراحی بخش دوم صفحه جزئیات محصول و بخش تب بندی
00:32:49
9
طراحی بخش دیدگاه ها و فرم نظرات محصول
00:30:33
10
طراحی بخش zoom ، گالری محصول و محصولات مرتبط
00:18:18
11
طراحی صفحه وبلاگ ، کارت نمایش مطالب و سایدبار
00:28:17
12
طراحی صفحه جزئیات مطالب – بخش اول
00:29:27
13
طراحی صفحه جزئیات مطالب – بخش دوم
00:26:54
14
طراحی صفحه فروشگاه ، دسته بندی محصولات ، صفحه ورود و ثبت نام
00:26:23
15
طراحی صفحه تماس با ما و صفحه 404
00:26:00
16
طراحی صفحه سبد خرید و تسویه حساب
00:27:05
17
طراحی صفحه حساب کاربری ، سوابق خرید و علاقمند ها
00:22:21
18
تنظیم رسپانسیو قالب – بخش اول
00:24:15
19
تنظیم رسپانسیو قالب – بخش دوم
00:25:29
20
نکات مهم در مورد فروش قالب – تنظیم ux
00:25:58
21
طراحی منو رسپانسیو سایت توسط html و css
00:27:16
22
تکمیل منو رسپانسیو به کمک jQuery
00:18:45
23
ساخت دمو دوم صفحه اصلی و صفحه فروشگاه
00:28:17
24
طراحی قسمت تخفیف و لندینگ پیج فروشگاه
00:31:04
توجه کامنت های انگلیسی تایید نخواهند شد در صورت داشتن مشکل ، قبل از ارسال دیدگاه نظرات سایر دوستان را نیز مطالعه فرمائید برای مشاهده پاسخ دیدگاه ها بر روی علامت " " کلیک کنید
اشتراک دیدگاه
captcha
تکمیل تمامی فیلد ها الزامی است
دیدگاه های شما
محمد پارسا هاشمی ۰۶ / ۱۴۰۲
5

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

امید قدیمی ۰۶ / ۱۴۰۲

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

مهدی شیرانی ۰۹ / ۱۴۰۱

سلام و درود از دوره تون متشکرم . سورس تو کدوم جلسه هست؟

امید قدیمی ۰۹ / ۱۴۰۱

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

اسما ۰۶ / ۱۴۰۰
5

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

امید قدیمی ۰۶ / ۱۴۰۰

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

علی زمردی ۰۶ / ۱۴۰۰

سلام برای شروع این دوره فرمودین باید حتما بوت استرپ بلد بود ؟؟

امید قدیمی ۰۶ / ۱۴۰۰

بله حتما باید به بوت استرپ تسلط متوسط داشته باشید

امید قدیمی ۰۶ / ۱۴۰۰
5

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

خرید آنلاین
آموزش های رایگان بیشتر در آپارات و یوتیوب سئو نود
کانال آپارات سئو نود چنل یوتیوب سئو نود