یکی از مشکلاتی که اکثر دوره های آموزش طراحی سایت دارند این است که اغلب آنها یا دوره های آموزش مقدماتی و یا دوره های آموزش پیشرفته هستند و در کمتر دوره ای به صورت جامع و از پایه تا پیشرفته به آموزش طراحی سایت با یک زبان و یا فریم ورک خاص پرداخته می شود.
این مشکل مخصوصا برای افرادی که می خواهند به تازگی برنامه نویسی را شروع کنند بسیار اذیت کننده و آزار دهنده است چرا که مرتبا باید دوره های مختلف را برای یادگیری و شروع برنامه نویسی تماشا کنند.
در این دوره چه مباحثی آموزش داده شده است؟
همانطور که می دانید یادگیری Html, CSS و jquery اولین گام برای شروع طراحی سایت است. در این دوره شما خواهید آموخت که چطور از صفر با استفاده از این موارد قالب یک وبسایت را طراحی کنید.
پروژه ای که برای این دوره در نظر گرفتیم، قالب سایت باما می باشد که با وجود ساده بودن جزئیات بسیار خوبی برای یادگیری دارد. ابتدا صفحات را برای نمایشگرهای بزرگ طراحی می کنیم و، سپس رسپانسیو کردن آنها را به طور کامل انجام خواهیم داد. این دوره هیچ پیش نیازی ندارد و تمامی موارد لازم در آن توضیح داده شده است.
ابتدا صفحه اول سایت را طراحی می کنیم و تقریبا تمام موارد لازم مانند margin, padding, تعریف فونت دلخواه و … به صورت کامل توضیح داده شده است. بعد از اتمام طراحی صفحه اول برای نمایشگرهای بزرگ، رسپانسیو سازی قالب برای نمایشگرهای کوچک انجام خواهیم داد. ریسپانسیو کردن قالب بدون استفاده از بوت استرپ انجام شده و صفر تا صد رسپانسیو سازی نیز توضیح داده شده است. در سایر صفحات نیز به این ترتیب عمل شده و ابتدا قالب برای نمایشگرهای بزرگ و سپس رسپانسیوسازی انجام شده است.
سرفصل های دوره آموزش جامع قالب سایت باما
- Html وCSS و Javascript چیست؟
- ایجاد ساختار header
- استایل دهی header
- آموزش تعریف فونت
- آموزش margin و padding
- طراحی زیر منو
- بررسی تفاوت display inline و block و inline block
- بررسی position:absolute
- طراحی جستجو
- کار با animation و transition
- طراحی لوگو
- طراحی نتایج جستجو
- آموزش کلاس های کاذب
- آموزش before و after
- معرفی رویداد click در jquery
- نحوه تعریف متغیر در jquery
- افزودن و حذف کلاس در jquery
- طراحی منو میانبرها
- طراحی اسلایدر
- طراحی اسلایدر میانبرها
- طراحی footer
- رسپانسیو کردن صفحه index
- آموزش استفاده از media
- طراحی صفحه جستجو
- طراحی فیلترهای جستجو
- طراحی لیست جستجو
- طراحی گوش به زنگ
- طراحی صفحه بندی
- طراحی بنرهای صفحه جستجو
- رسپانسیو کردن صفحه جستجو
- طراحی صفحه جزئیات آگهی
- طراحی اسلایدر تصاویر آگهی
- طراحی بخش آگهی های مرتبط
- طراحی گالری تصاویر
- طراحی گزارش آگهی
- رسپانسیو کردن صفحه جزئیات آگهی
- طراحی صفحه ورود کاربران
- بررسی واحدهای em و Rem
- رسپانسیو کردن صفحه ورود کاربران
- طراحی صفحه ثبت آگهی
- رسپانسیو کردن صفحه ثبت آگهی
- صفحه تعرفه ها
- طراحی صفحه تعرفه ها
حاصل دوره
دانشجویان عزیز پس از گذراندن این دوره آموزشی به طور کامل Html، Css و jquery را خواهند آموخت و می توانند به کمک این موارد یک قالب سایت کاملا ریسپانسیو را از صفر تا صد طراحی کنند.
ویدئوهای دوره
معرفی دوره ویدئو
10:16
Html و CSS و Javascript چیست؟ ویدئو
14:01
دانلود یکجا قسمت های 1 الی 24 ویدئو
07:05:14
دانلود یکجا قسمت های 25 الی 45 ویدئو
06:03:06
دانلود یکجا قسمت های 46 الی 67 ویدئو
05:19:39
دانلود یکجا قسمت های 68 الی 91 ویدئو
05:26:17
دانلود سورس پروژه انجام شده
از سال 92 طراحی سایت رو با جوملا شروع کردم و قالب برای سیستم مدیریت محتوا جوملا طراحی می کردم. کم کم به برنامه نویسی با .net و زبان c# علاقه مند شدم. تخصص های من برنامه نویسی ویندوز با c#، طراحی سایت با asp.net، برنامه نویسی اپلیکیشن موبایل با xamarin forms,، تجزیه و تحلیل دیتابیس و طراحی قالب سایت هست.
دوره های مرتبط
آموزش کوئری نویسی در MySQL
ارائه شده توسط< آرکادمی
آشنایی کامل با جاوا اسکریپت ES6
ارائه شده توسط< آرکادمی
پنگوئن لینوکس را قورت بده !
ارائه شده توسط< محمدرضا عسگری
مهاجرت به لینوکس – آموزش لینوکس مقدماتی
ارائه شده توسط< محمدرضا عسگری
آموزش کار با JavaFX به همراه مثال
ارائه شده توسط< محمدحسین ریماز
rate_reviewامتیاز دانشجویان دوره
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
با سلام و احترام خدمت شما کاربر محترم- دیدگاه های خود را فارسی بنویسید.
- دیدگاه های نامرتبط با دوره تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
- امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.
برای ارسال نظر باید وارد حساب کاربری خود شده باشید.
قیمت اصلی: 5,595,000 تومان بود.1,119,000 تومانقیمت فعلی: 1,119,000 تومان.
از سال 92 طراحی سایت رو با جوملا شروع کردم و قالب برای سیستم مدیریت محتوا جوملا طراحی می کردم. کم کم به برنامه نویسی با .net و زبان c# علاقه مند شدم. تخصص های من برنامه نویسی ویندوز با c#، طراحی سایت با asp.net، برنامه نویسی اپلیکیشن موبایل با xamarin forms,، تجزیه و تحلیل دیتابیس و طراحی قالب سایت هست.
ahad20( دانشجوی دوره )
سلام
مرسی از دوره ی عالیتون،فقط ویدیو شماره 15 دقایقی از ویدیو، ویدیو فریز میشه و نشان نمیده اگر میشه درستش کنید
محسن سعیدی پور
سلام وقت بخیر
ممنون
مشکل بررسی میشه
ahad20( دانشجوی دوره )
مرسی ممنون
ahad20( دانشجوی دوره )
سلام
ببخشید ویدیو شماره 15 درست شد؟
محسن سعیدی پور
سلام فایل رو بررسی کردم مشکلی نداشت
در چه دقایقی این مشکل وجود داره؟
ahad20( دانشجوی دوره )
سلام
از ثانیه 38 تا دقیقه 3:10 ویدیو فریز میشه
محسن سعیدی پور
سلام فایل جدید ارسال شده
به پشتیبان پیام بدین ببینید جایگزین کردن یا نه
ahad20( دانشجوی دوره )
سلام
باشه، مرسی ممنون
ahad20( دانشجوی دوره )
سلام استاد آموزشتون عالی و بی نظیر ولی ویدیو ها بعضی ها کرش داره مثلا ویدیو شماره 7 اوایل تا امدین display رو توضیح بدین حدود یک دقیقه پرید به سمت جلو و همچنین ویدیو 15 که به دستم نرسید
مرسی از دوره بی نظیر و عالی شما به همه پیشنهاد می کنم این دوره رو بگیرند
ahad20( دانشجوی دوره )
استاد ویدیو شماره 8 از استایل دهی placeholder رو می خواهید انجام بدهید 3 دقیقه می پره جلو که بعدش متوجه شدم بهش top و right دادید
محسن سعیدی پور
سلام در تلگرام به ایدی
m_saidipor
پیام بدین
amirphyton( دانشجوی دوره )
ویدیوها رو یه بازبینی بکنید لطفا. تا الان که من استفاده کردم وسط قسمت 6 و اول سمت 7 یه قسمت میپره .الان دیدم دوستان گفتن قسمت های دیگه هم داره. ما تازه داریم یاد میگیریم گیج کننده میشه اینطور. با تشکر
محسن سعیدی پور
سلام وقت بخیر
قسمت های مشکل دارو دوباره آپلود کردم ولی مدیریت سایت جایگزین نکرد
به آیدی m_saidipor در تلگرام پیام بدین تا براتون ارسال کنم
amirphyton( دانشجوی دوره )
استاد فرستادم. تشکر
هادی خرمی( دانشجوی دوره )
عالیه این دوره شک نکنید برای خریدش
majedmardokhi( دانشجوی دوره )
سلام وقت بخیر.
عذر میخوام سوال آماتوری میپرسم. فرمودین قالب. یعنی این آموزش اساسا مربوط به ساختار یه قالب هست برای نصب روی یک سیستم مدیریت محتوا مثل ووردپرس یا جوملا؟ یا برنامه نویسی یک سایت کاملا مستقل از صفر تا صد مشابه سایت باما؟
بعد از یادگیری این آموزش ها، قادر خواهیم بود یک سایت با تمامی جزئیات سایت باما طراحی کنیم و داشته باشیم؟ یا این صرفا مربوط به بخش ظاهری سایت هست؟
داناپ(مدیریت)
سلام کاربر گرامی
خیر در این دوره به طور کامل یک سایت مشابه سایت باما از صفر طراحی می شود.
محسن سعیدی پور
سلام این آموزش فقط مربوط به ظاهر سایت هست
ولی شما می تونید تبدیل به قالب جوملا یا وردپرس کنید
یا اینکه روی یک سیستم اختصاصی پیاده سازی کنید
لیان بیگی( دانشجوی دوره )
این دوره توی یک کلمه عالیه! توی خریدش شک نکنید.