سلام بر استاد مظلوم عزیز
دوره خوبیه اگه ممکنه بروزرسانی شود.
Atoon
2 سال و قبل
عکس هم خدمت شما فرستادم متوجه شوید دقیقا منظور من را با تشکر اگر در عکس نگاه کنید یک علاکت X آیکن وجود دارد و یک علامت دو فلش سمت راست و چپ که فکر می کنم بوسیله اینها بشود مروگر در حالت عادی دسکتاپ هر چقدر بخواهیم کوچ و بزرگ کنیم منتظر راهنمایی خوب شما هستم سپاسگذارم.
Atoon
2 سال و قبل
سلام آقای مظلوم خوب هستید من در مروگر کروم شما قبلا یک اکستنشن دیده بودم برای کروم این کستنشن برای ریسپانسیو کردن صفحات بهش نیاز دارم آیکن آن بصورت فلش هست که یکی به سمت راست است و دیگری به سمت چپ میشه معرفی کنید این اکستنشن را نامش چی هست؟درحالت عادی مرورگر می دانم باید حالت ریسپانسیو را انتخاب کنم ولی من می خواهم در صفحه مروگر وقتی با موس آنرا کوچک کنم بتوانم تا هرچقدر دلم خواست سایز مرورگر کروم را بزرگ و کوچک کنم که مرورگر کروم این اجازه را به من نمی دهد که فکر می کنم فقط بوسیله اون اکستنشن می توان این کار را کرد. منتظر راهنمایی خوب شما هستم با تشکر.
با سلام و خسته نباشید
از طریق devtools کروم بخش console رو باز کنید.به شما ارور index.js:7 Uncaught TypeError می دهد. با تعریف owlCarousel is not a function. چرا؟ چون شما در فایل index.js خط 6 اومدین یک تابعی تعریف کردین به نام owlCarousel که باید اجرا شود. در حالیکه فایل کتابخانه را اصلا در index.html تعریف نکردین (طبیعتا وقتی به چنین اروری برمیخورید ، خط های بعدی فایل index.js نیز اجرا نمی شوند).اگر این تابع را از فایل index.js حذف کنید ، مشکل فیکس بودن منو تعریف می شود.یا اینکه کتابخانه owlCarousel را در index.html تعریف کنید.
برای مشکل نمایش آیکون ها هم طبیعی هست که نمایش ندهد. اصلا فایل css مربوط به آیکون فونت fontawesome را در index.html تعریف نکردین.
در فایل index.html خط 7 هم یک لینکی با پسوند rar قرار دادین که بی معنی هست. حذف کنید.
در فایل index.js برای خطوط 1 و 6 و 12 به جای $ از jQuery و ورودی هر تابع در این خطوط را $ قرار دهید.
در فایل index.html خط 18 مسیر فایل responsiveslides به درستی قرار داده نشده. فایل شما responsiveslides.min.js هست.
سلام سلام صبح بخیر خدمت مهندس مظلوم. امروز دارم سایت پی سی دانلود رو برای تمرین کد نویسی میکنم. دوتا سوال دارم. یکی اینکه برای زیر منو ها ریببون هنگام Hover دور یک پیکسلی در نظر میگیرم کل زیر منو تحت تاثیر قرار میگیره. و بعدش اینکه میخوام رنگ نوار ریببون به هنگام هاور روی منوی اصلی تغییر رنگ بده. دنبال کد های تو در تو بودم که با less and sass برخورد کردم با این ها میشه انجام داد یا نه؟ مثلا میگم نوار ریببون من وقتی میرم روی آیتم شماره 2 از منو بیا رنگ پس زمینتو تغییر بده و زیر منو رو هم نمایش بده یه نگا بندازین ممنون میشم. https://s18.picofile.com/file/8439566268/P30download.rar.html
با سلام و خسته نباشید
برای هر تگ a یک border با مقدار 1px solid transparent در نظر بگیرید و برای hover یک رنگ برای border تعریف کنید تا باعث جابه جایی یک پیکسلی المان ها نشود. در مورد تغییر رنگ المان والد بیشتر تمرین کنید. قطعا به نتیجه خواهید رسید.
فقط یک نکته اونم اینکه کدی که شما با Less یا Sass می نویسین در نهایت تبدیل به CSS میشه به همین دلیل هرکاری که در Less یا Sass انجام میدین با CSS هم امکان پذیره…
pouyaallafi
3 سال و قبل
سلام وقت بخیر. در قسمت ریسپانسیو سه تا مشکل برخوردم. اولش که ریسپانسیو کردم با کروم کار نمیکرد با موزیلا کار میکرد رفتم جلو. الان مشکل اینجاست که خود کد نقاط شکست در مرورگر موزیلا 721 رو نشون میده اما 480 رو نشون نمیده و رو 480 کار میکنه و 721 عمل نمیکنه. حالا بعدش کلا مرورگر نقطه 721 رو که میره بالاتر کل سایت رو 480 میمونه. هر ویرایشی رو کد ها انجام میدم درست نمیشه. ممنون میشم یه نگا بندازین. خیلی ممنونم https://s19.picofile.com/file/8439534450/Food_Web_site.rar.html
خیلی ممنونم. باید زیاد دقت به خرج بدم. سوال آخر اینکه در بحث owl carousel من فایل جدیدشو دانلود کرده بودم پیش فرض تعداد آیتم ها برای نمایش 3 بود. از طریق جی کوئری کردم 5. حالا در حالت ریسپانسیو 5تا رو نشون میده چجوری تغییرش بدم که روی نقاط شکست برگرده رو همون 3 آیتم؟
سلام استاد روزتون بخیر من ویدئو 12 بودم قسمت اسلایدر لوگو ها که وقتی عکس لوگو ها رو قرار دادم داخل سایت به من نمایش نداد متاسفانه و وقتی خواستم فایل owl.carousel.min.js رو باز کنم سیستم به من پیام خطایی میده که نمیدونم باید چیکار کنم عکس ارور سیستم رو براتون میفرستم امکانش هست منو راهنمایی کنید
با سلام و خسته نباشید
برای کلاس owl-carousel در فایل owl.carousel.css مقدار direction:ltr را قرار دهید. مشکل نمایش اسلایدر برطرف می شود.
_farzaneh_
3 سال و قبل
سلام استاد وقتتون بخیر من از طریق سایت شما و آموزش های بینظیر شما با طراحی وب آشنا شدم و تا این دوره همگام با شما پیش اومدم و سعی کردم بهترین تلاشم رو بکنم برای یادگیری ولی متاسفانه مدتی هست که از یادگیری ناامید شدم و دلیلش هم این هست که علی رغم تدریس فوق العاده شما با اینکه تمرین هم کردم ولی پیشرفتی نمیکنم و صرفا حفظ میشم و به دوره بعد میرم راهی هست که بتونم این وضعیت رو بهتر کنم
ممنونم ازتون
با سلام و خسته نباشید
اصلا نگران این مسئله نباشید. اگر واقعا علاقه مند به حوزه طراحی و برنامه نویسی وب هستید ، فقط و فقط تمرین کنید و حتی سعی کنید یک پروژه وب سایت شرکتی یا شخصی رو برای اقوام یا آشنایان انجام دهید. حتی شده به صورت رایگان. اینکار باعث میشه شما وارد یک پروژه واقعی بشید و چالش های بیشتری داشته باشید. دقت کنید که شما هنوز اول راه هستید و نیاز به تمرین های جدی تری دارید. تاکید میکنم که اگر واقعا علاقه مند به این حوزه هستید ، قطعا در آن موفق خواهید شد.
مهدی صمدی
3 سال و قبل
سلام استاد وقتتون بخیر من برای قسمت 19 که مخصوص طراحی برای device های مختلفه به مشکل خوردم قسمت کدهای responsive رو پا به پای شما نوشتم ولی اجرا نمیشه برام. ممنون میشم اگه به کدم یه نگاه بندازین استاد
استاد خداقوت من کدهام رو با firefox مجدد باز کردم با سایز 721px و 480px درست بود ولی تغییرات داخل chrome و سایر مرورگرها تغییر نمیکنه ممنون میشم اگه راهنماییم کنید استاد
مشکلی مشاهده نشده. همانطور که در تصویر ضمیمه مشاهده می کنید ، نقطه شکست 721px در مرورگر کروم به درستی اجرا می شود. فایل ضمیمه
farshad
3 سال و قبل
با تشکر مثل همیشه عالی بود ولی اگر همه کامنت ها تایید میشن اینم تایید کنید
من تا حد خیلی زیادی نا امید شدم !
برای هر چیزی کتاب خانه اصلا خوب نیست من یک سئو کار با نمونه کارای حرفه ای هستم واین کتاب خونه های که اد میکنید برای بالا اوردن سایت تازه پایه مسیر رو تقریبا 10 برابر سخت میکنه ! از روی تجربه گفتم حالا امیدوارم تو اموزش های جدید کار ها اینقدر بر اساس فایل های بیرونی نباشه و بیشتر رو دست نویس باشه باتشکر
با سلام و خسته نباشید
ممنون از نقد شما
اما با نظر شما کاملا مخالفم. تعداد کتابخانه یا پلاگین های نصبی فقط برمیگرده به نوع نیازمندی شما از سیستم.اینکه از هیچ کتابخانه یا پلاگینی استفاده نکنیم ، اتفاقا در عملکرد و بهینه بودن سیستم تاثیر منفی خودش رو خواهد داشت.همچین استفاده از کتابخانه های مختلف به شدت در سرعت انجام پروژه ها تاثیر مثبتی خواهد داشت و با فشرده کردن فایل ها و استفاده از کش ، موردی که فرمودین عملا تاثیر منفی به جا نخواهد گذاشت.
همچنین دقت کنید که در این دوره آموزشی ما مبتنی بر فریم ورک نبودیم. ظبیعتا شما اگر از یک فریم ورک مثل Bootstrap UiKit Zend و یا … استفاده کنید ، با تعداد به مراتب کمتری کتابخانه و پلاگین درگیر خواهید بود.
liana95
3 سال و قبل
سلام و خسته نباشید خدمت استاد عزیز
تشکر ویژه بابت دوره های پرانرژی تون.
بنده دوره طراحی سایت ریسپانسیو رو تهیه کردم سورس کدها چرا تو دوره نیستن؟
سلام استاد خسته نباشد ببخشید استاد من در بعضی از جاها به خصوص قسمت هایی که از کتابخانه ها و جاوا و جی کوئری استفاده میکنید گیج میشم
منظورم اینه که میتونم درست کنم اما به صورت حفظی نه اینکه یاد بگیرم و تنها کار هایی که شما انجام میدهید کپی میکنم میخواستم بدونم راهی هست که این از حالت حفظی در بیاد آیا یادگیری کامل جاوا اسکریپ میتونه کمکی به مشکل من بکنه؟؟؟؟
با سلام و خسته نباشید
پیشنهاد میکنم اول یک بار دوره آموزشی رو بدون اینکه کد بزنید ، مشاهده کنید و پس از آن یک بار دیگر دوره را مشاهده و کد بزنید.
بخشی از این مشکلی که دارید ، طبیعی هست و قطعا با مرور زمان و تمرین کردن و کسب تجربه حل خواهد شد.
آهسته و پیوسته پیش برید و حتما تمرین کردن رو فراموش نکنید…
Smalazi
3 سال و قبل
سلام وقتتون بخیر امیدوارم حالتون عالی باشه استاد من وقتی تو sublimetext یا visual stadio code مخصوصا سابلایم وقتی از روش های emmet استفاده میکنم نمیدونم چرا کلا حذف شده و خودکار تایپش نمیکنه ایا اپدیتی دادن و این کد رو حذف کردن ؟البته تو ویژوال با افزونه مخصوص خودش استفاده میکنما در کل بخوام بزنم تا اتومات کد های اولیه رو بنویسه داک تایپ توش نیست!!!
سلام استاد وقتتون بخیر یه مشکلی من پیدا کردم و ازتون راهنمایی میخوام فایل هایی که تو تدریستون بهش اشاره میکنید با فایل هایی که در فایل تمتون وجود داره متفاوته مثل همونresponsiveslides.min.js که نسخه responsiveslides.js گذاشتید و یا سی اس اسی که تو قسمت 3 اموزشتون بعد تگ cover قرار دادید کدهاش یه چیز دیگس و اون کد ها تو فایلتون نبود و تو قسمت head شما دوتا اسکریپت responsiveslides.js تکراری گذاشتید که نمیدونم من مطلب رو درست متوجه نشدم چرا دوتا بود یاشاید شما اون قسمت حواستون نبود و اینا یکم تو ذهن من سردرگمی ایجاد کرده و یه ذره گیج شدم ممنون میشم راهنماییم کنید البته یه قضیه ای که هست اینه که در طی روند پروژه شما کدهایی که نوشتین رو بهینه تر میکنید طبق تجربیاتی که از اموزشتون دارم و اصولا اگه تا اخر اموزشتون نگاه کنم متوجه دلیل این تغییرات خواهم شد ولی چون عادت دارم مرحله به مرحله جلو برم جرات نمیکنم بدون تمرین ادامه بدم از این بابت هم از شما معذرت میخوام هم اگه امکانش باشه منو راهنمایی کنید متشکرم
با سلام و خسته نباشید
این روند طبیعی هست و ما به مرور برخی از فایل ها رو تغییر میدیم یا حتی جایگاه اونها در کد رو تغییر میدیم. البته اگر لازم باشه. به همین دلیل پیشنهاد میکنم تا پایان دوره آموزشی پیش برید.
از تمرین و تمرین و تمرین و تمرین هم غافل نشید…;):)
با سلام و خسته نباشید
مشکلی نیست. استفاده کنید. فقط فرمت رو truetype قرار دهید.
Mohammad13799
3 سال و قبل
سلام خسته نباشید
ببخشید من هر کاری می کنم منوی من فیکس میشه ولی همراه با اسکرول حرکت نمیکنه یعنی اینکه منوی من همون پایین صفحه باقی میمونه و مثل شما حرکت نمیکنه به سمت بالای سایت من هر چه ویدیو هاتونم مشاهده کردم متوجه نشدم چه کاری انجام دادید اگه ممکنه لطف کنید راهنماییم کنید چه کدی زدید که منو همراه با اسکرول حرکت میکنه
باتشکر
سلام دوست عزیز، لطفا دوباره امتحان کنید.
با تشکر از شما
Mohammad13799
3 سال و قبل
سلام خسته نباشید
ببخشید من هر کاری می کنم منوی من فیکس میشه ولی همراه با اسکرول حرکت نمیکنه یعنی اینکه منوی من همون پایین صفحه باقی میمونه و مثل شما حرکت نمیکنه به سمت بالای سایت من هر چه ویدیو هاتونم مشاهده کردم متوجه نشدم چه کاری انجام دادید اگه ممکنه لطف کنید راهنماییم کنید چه کدی زدید که منو همراه با اسکرول حرکت میکنه
باتشکر
شما دو گزینه به اسم ارتباط با ما ثبت نام روی عکس ها قرار دادید که عکس ها تغییر میکنن و این دو تا متن ثابت هستن برای این که با هر عکس متن تغییر کنه باید چیکار کنیم؟ یعنی هر عکس متن جدا داشته باش
سلام استاد خسته نباشید
ببخشید استاد من چن تا سوال مختلف داشتم که اگر امکانش هست منو کمکم کنید اول اینکه شما در این آموزش بیشتر از ul و li استفاده کردید در صورتی که در آموزش های قبلیتون از این ها بیشتر برای منو استفاده می کردید خود من هم از تگ های دیگه استفاده کردم(فایلشو براتون فرستادم) و جواب داد می خواستم ببینم علت خاصی داشته که از ul و li حتی برای عنوان های ابتدایی سایت استفاده کردید؟
دوم اینکه مقدار z-index را بر چه اساسی می گذارید مثلا در این آموزش مقدارشو 1000 گذاشتید ولی من این مقدار 10 گذاشتم ولی مشکلی پیش نیومد میخواستم بدونم علتی داره برای این موضوع؟؟
و سوال دیگم اینه که من میخواهم جاوا هم آموزش ببینم به نظر شما اصلا لازمه شروع به یادگیری جاوا بکنم؟ و اگر لازم هست به نظر شما از الان شروع بکنم یا صبر کنم کلا این دوره تموم بشه؟؟
از زحمات شما بسیار سپاس گذارم که با تلاش فراوان این آموزش ها رو در اختیار ما قرار دادید
با تشکر
با سلام و خسته نباشید.
1- نه علت خاصی نداره و دستتون باز هست. به مرور متوجه میشید که از چه تگی استفاده کنید. بیشتر به تجربه برمیگرده.
2- کاری که شما انجام دادین درست هست ، کار بنده هم درست. مقداری که ما میدیم برای این هست که اگر یک المان دیگری اضافه کردیم به مشکل برنخوریم.
4- اگر منظورتون جاوااسکریپت هست که حتما شروع کنید. اگر هم بحث جاوا موبایل هست که اون بحث دیگری هست و ربطی به مباحث وب نداره.
baharmgh
4 سال و قبل
سلام استاد، وقت بخیر.
در آموزش شماره ی 15 طراحی سایت واکنش گرا ، من طبق آموزش شما پیش رفتم، اما بعد از کلیک روی ثبت نام هیچ پنچره ای باز نمیشه. کامنت های زیر رو هم بررسی کردم اما باز هم نتیجه نگرفتم. لطفا کد رو بررسی کنید و ایرادم رو بهم بگید.
با سلام و خسته نباشید
خب شما اصلا تابع colorbox رو در فایل index.js قرار ندادین. حتما درس 15 : طراحی سایت واکنش گرا landing page (کتابخانه Colorbox ) را مشاهده یا فایل نهایی پروژه رو دانلود و فایل index.js رو بررسی کنید.
استاد، تابع colorbox رو در فایل index.js قرار دادم که!
آموزش شما رو هم بارها بررسی کردم و پروژه های مشابه موجود در نظرات رو هم بررسی کردم اما به نتیجه ای نرسیدم!
1- در فایل index.js در دایرکتوری js تابعی به نام colorbox وجود نداره. در فایل index.js در روت فایل پروژه این تابع وجود داره. اما شما در فایل index.html اومدین و مسیر فایل داخل دایرکتوری js رو در نظر گرفتین.
2- در فایل index.js تابع owlcarousel صحیح نیست و شکل صحیح آن به صورت owlCarousel هست.
سلام وقت بخیر
مشکل بنده در کتابخانه colorbox هستش کتابخانه میاد مشکلی نیست اما عکس های اون کار نمی کنند در حالی که در پوشه images قرار دارند و من بگشت به عقب (../) را زدم در colorbox.css .
ممنونم
با سلام و خسته نباشید
خب مسیری که برای فایل colorbox.css در index.html در نظر گرفتین اشتباه است. در فایل index.html خط 5 مسیر باید به صورت css/colorbox.css باشد.
سلام آقای مظلوم خسته نباشید و خدا قوت . من سعی کردم طبق فرمایشات شما یه منو سه خطی برای سایز گوشی تو صفحه ام ایجاد کنم اما چه در این طرح چه در طرح لندینگ پیج متاسفانه موفق به اجرای اون نشدم – امکانش هست راهنمایی بفرمایید و کمک کنید تا بدونم مشکل از کجاس ؟؟ پیشاپیش ممنونم از کمکتون
با سلام و خسته نباشید
خب شما اصلا کتابخانه جی کوئری رو در پروژه قرار ندادین. همچنین فایل main.js رو.همچنین برای responsive-nav ul در فایل style.css باید display:none در نظر بگیرید که در ابتدا ساختار منو نمایش داده نشود و پس از کلیک بر روی المان منو ، فهرست شما باز شود. دانلود فایل
سلام بر استاد مظلوم عزیز
دوره خوبیه اگه ممکنه بروزرسانی شود.
عکس هم خدمت شما فرستادم متوجه شوید دقیقا منظور من را با تشکر اگر در عکس نگاه کنید یک علاکت X آیکن وجود دارد و یک علامت دو فلش سمت راست و چپ که فکر می کنم بوسیله اینها بشود مروگر در حالت عادی دسکتاپ هر چقدر بخواهیم کوچ و بزرگ کنیم منتظر راهنمایی خوب شما هستم سپاسگذارم.
سلام آقای مظلوم خوب هستید من در مروگر کروم شما قبلا یک اکستنشن دیده بودم برای کروم این کستنشن برای ریسپانسیو کردن صفحات بهش نیاز دارم آیکن آن بصورت فلش هست که یکی به سمت راست است و دیگری به سمت چپ میشه معرفی کنید این اکستنشن را نامش چی هست؟درحالت عادی مرورگر می دانم باید حالت ریسپانسیو را انتخاب کنم ولی من می خواهم در صفحه مروگر وقتی با موس آنرا کوچک کنم بتوانم تا هرچقدر دلم خواست سایز مرورگر کروم را بزرگ و کوچک کنم که مرورگر کروم این اجازه را به من نمی دهد که فکر می کنم فقط بوسیله اون اکستنشن می توان این کار را کرد. منتظر راهنمایی خوب شما هستم با تشکر.
با سلام و خسته نباشید
می توانید از Responsive Web Design Tester استفاده کنید.
سلام استاد
من در fix کردن منو در بالای صفحه و ایکون ها مثل فیسبوک در پایین صفحه مشکل دارم لطفا راهنمایی کنید
این هم فایل
https://s19.picofile.com/file/8440485000/New_folder.rar.html
با سلام و خسته نباشید
از طریق devtools کروم بخش console رو باز کنید.به شما ارور index.js:7 Uncaught TypeError می دهد. با تعریف owlCarousel is not a function. چرا؟ چون شما در فایل index.js خط 6 اومدین یک تابعی تعریف کردین به نام owlCarousel که باید اجرا شود. در حالیکه فایل کتابخانه را اصلا در index.html تعریف نکردین (طبیعتا وقتی به چنین اروری برمیخورید ، خط های بعدی فایل index.js نیز اجرا نمی شوند).اگر این تابع را از فایل index.js حذف کنید ، مشکل فیکس بودن منو تعریف می شود.یا اینکه کتابخانه owlCarousel را در index.html تعریف کنید.
برای مشکل نمایش آیکون ها هم طبیعی هست که نمایش ندهد. اصلا فایل css مربوط به آیکون فونت fontawesome را در index.html تعریف نکردین.
در فایل index.html خط 7 هم یک لینکی با پسوند rar قرار دادین که بی معنی هست. حذف کنید.
سلام استاد
ممنون از شما مشکل فیکس بودن منو حل شد
لطفا کتابخانه owlCarousel و fontawesome ارسال کنید تا مشکل ایکون ها حل شود
https://owlcarousel2.github.io/OwlCarousel2
https://fontawesome.com
البته کتابخانه fontawesome تغییرات گسترده ای داشته که نیاز هست بررسی بیشتری داشته باشید.
سلام استاد
من موقع ساخت قسمت “lightbox” مشکل دارم همه چیو نوشتم اما درست اجرا نمیشه. اگه امکان داره ممنون میشم مشکلشو بهم بگین
اینم فایله پروژه
https://drive.google.com/file/d/1-SSh3e_2m967e7LB8y2nJ2OViQgGn3OX/view?usp=sharing
با سلام و خسته نباشید
از طریق Picofile فایل پروژه را ارسال کنید.
https://s18.picofile.com/file/8439888476/welearn_project.rar.html
بفرمایید
در فایل index.js برای خطوط 1 و 6 و 12 به جای $ از jQuery و ورودی هر تابع در این خطوط را $ قرار دهید.
در فایل index.html خط 18 مسیر فایل responsiveslides به درستی قرار داده نشده. فایل شما responsiveslides.min.js هست.
خیلی ممنون از راهنماییتون
سلام سلام صبح بخیر خدمت مهندس مظلوم. امروز دارم سایت پی سی دانلود رو برای تمرین کد نویسی میکنم. دوتا سوال دارم. یکی اینکه برای زیر منو ها ریببون هنگام Hover دور یک پیکسلی در نظر میگیرم کل زیر منو تحت تاثیر قرار میگیره. و بعدش اینکه میخوام رنگ نوار ریببون به هنگام هاور روی منوی اصلی تغییر رنگ بده. دنبال کد های تو در تو بودم که با less and sass برخورد کردم با این ها میشه انجام داد یا نه؟ مثلا میگم نوار ریببون من وقتی میرم روی آیتم شماره 2 از منو بیا رنگ پس زمینتو تغییر بده و زیر منو رو هم نمایش بده یه نگا بندازین ممنون میشم.
https://s18.picofile.com/file/8439566268/P30download.rar.html
با سلام و خسته نباشید
برای هر تگ a یک border با مقدار 1px solid transparent در نظر بگیرید و برای hover یک رنگ برای border تعریف کنید تا باعث جابه جایی یک پیکسلی المان ها نشود. در مورد تغییر رنگ المان والد بیشتر تمرین کنید. قطعا به نتیجه خواهید رسید.
فقط یک نکته اونم اینکه کدی که شما با Less یا Sass می نویسین در نهایت تبدیل به CSS میشه به همین دلیل هرکاری که در Less یا Sass انجام میدین با CSS هم امکان پذیره…
سلام وقت بخیر. در قسمت ریسپانسیو سه تا مشکل برخوردم. اولش که ریسپانسیو کردم با کروم کار نمیکرد با موزیلا کار میکرد رفتم جلو. الان مشکل اینجاست که خود کد نقاط شکست در مرورگر موزیلا 721 رو نشون میده اما 480 رو نشون نمیده و رو 480 کار میکنه و 721 عمل نمیکنه. حالا بعدش کلا مرورگر نقطه 721 رو که میره بالاتر کل سایت رو 480 میمونه. هر ویرایشی رو کد ها انجام میدم درست نمیشه. ممنون میشم یه نگا بندازین. خیلی ممنونم
https://s19.picofile.com/file/8439534450/Food_Web_site.rar.html
با سلام و خسته نباشید
در خطوط 46 و 67 فایل responsive.css آکولاد بسته اضافی قرار دادین. به همین جهت ساختار فایل بهم خورده…
خیلی ممنونم. باید زیاد دقت به خرج بدم. سوال آخر اینکه در بحث owl carousel من فایل جدیدشو دانلود کرده بودم پیش فرض تعداد آیتم ها برای نمایش 3 بود. از طریق جی کوئری کردم 5. حالا در حالت ریسپانسیو 5تا رو نشون میده چجوری تغییرش بدم که روی نقاط شکست برگرده رو همون 3 آیتم؟
این لینک را بررسی نمایید.
استاد با عرض شرمندگی درست شد بی دقتی از من بود نیازی نیست زحمت بکشین
شرمنده استاد یادم رفت فایلم رو براتون ارسال کنم https://s19.picofile.com/file/8439370484/Landing_Page_Theme.rar.html
سلام استاد روزتون بخیر من ویدئو 12 بودم قسمت اسلایدر لوگو ها که وقتی عکس لوگو ها رو قرار دادم داخل سایت به من نمایش نداد متاسفانه و وقتی خواستم فایل owl.carousel.min.js رو باز کنم سیستم به من پیام خطایی میده که نمیدونم باید چیکار کنم عکس ارور سیستم رو براتون میفرستم امکانش هست منو راهنمایی کنید
با سلام و خسته نباشید
برای کلاس owl-carousel در فایل owl.carousel.css مقدار direction:ltr را قرار دهید. مشکل نمایش اسلایدر برطرف می شود.
سلام استاد وقتتون بخیر من از طریق سایت شما و آموزش های بینظیر شما با طراحی وب آشنا شدم و تا این دوره همگام با شما پیش اومدم و سعی کردم بهترین تلاشم رو بکنم برای یادگیری ولی متاسفانه مدتی هست که از یادگیری ناامید شدم و دلیلش هم این هست که علی رغم تدریس فوق العاده شما با اینکه تمرین هم کردم ولی پیشرفتی نمیکنم و صرفا حفظ میشم و به دوره بعد میرم راهی هست که بتونم این وضعیت رو بهتر کنم
ممنونم ازتون
با سلام و خسته نباشید
اصلا نگران این مسئله نباشید. اگر واقعا علاقه مند به حوزه طراحی و برنامه نویسی وب هستید ، فقط و فقط تمرین کنید و حتی سعی کنید یک پروژه وب سایت شرکتی یا شخصی رو برای اقوام یا آشنایان انجام دهید. حتی شده به صورت رایگان. اینکار باعث میشه شما وارد یک پروژه واقعی بشید و چالش های بیشتری داشته باشید. دقت کنید که شما هنوز اول راه هستید و نیاز به تمرین های جدی تری دارید. تاکید میکنم که اگر واقعا علاقه مند به این حوزه هستید ، قطعا در آن موفق خواهید شد.
سلام استاد وقتتون بخیر من برای قسمت 19 که مخصوص طراحی برای device های مختلفه به مشکل خوردم قسمت کدهای responsive رو پا به پای شما نوشتم ولی اجرا نمیشه برام. ممنون میشم اگه به کدم یه نگاه بندازین استاد
با سلام و خسته نباشید
بدین شکل کد پروژه رو ارسال نکنید. فایل پروژه رو فشرده و برای ما از طریق picofile ارسال کنید.
استاد خداقوت من کدهام رو با firefox مجدد باز کردم با سایز 721px و 480px درست بود ولی تغییرات داخل chrome و سایر مرورگرها تغییر نمیکنه ممنون میشم اگه راهنماییم کنید استاد
با سلام و خسته نباشید
فایل پروژتون رو فشرده و برای ما ارسال تا مشکلتون رو رفع و نحوه حل آن را توضیح دهیم.
ارسال فایل از طریق picofile
https://s18.picofile.com/file/8438143984/responsive_landing_page.zip.html
سلام استاد لینک پروژه خدمت شما ممنون
مشکلی مشاهده نشده. همانطور که در تصویر ضمیمه مشاهده می کنید ، نقطه شکست 721px در مرورگر کروم به درستی اجرا می شود.
فایل ضمیمه
با تشکر مثل همیشه عالی بود ولی اگر همه کامنت ها تایید میشن اینم تایید کنید
من تا حد خیلی زیادی نا امید شدم !
برای هر چیزی کتاب خانه اصلا خوب نیست من یک سئو کار با نمونه کارای حرفه ای هستم واین کتاب خونه های که اد میکنید برای بالا اوردن سایت تازه پایه مسیر رو تقریبا 10 برابر سخت میکنه ! از روی تجربه گفتم حالا امیدوارم تو اموزش های جدید کار ها اینقدر بر اساس فایل های بیرونی نباشه و بیشتر رو دست نویس باشه باتشکر
با سلام و خسته نباشید
ممنون از نقد شما
اما با نظر شما کاملا مخالفم. تعداد کتابخانه یا پلاگین های نصبی فقط برمیگرده به نوع نیازمندی شما از سیستم.اینکه از هیچ کتابخانه یا پلاگینی استفاده نکنیم ، اتفاقا در عملکرد و بهینه بودن سیستم تاثیر منفی خودش رو خواهد داشت.همچین استفاده از کتابخانه های مختلف به شدت در سرعت انجام پروژه ها تاثیر مثبتی خواهد داشت و با فشرده کردن فایل ها و استفاده از کش ، موردی که فرمودین عملا تاثیر منفی به جا نخواهد گذاشت.
همچنین دقت کنید که در این دوره آموزشی ما مبتنی بر فریم ورک نبودیم. ظبیعتا شما اگر از یک فریم ورک مثل Bootstrap UiKit Zend و یا … استفاده کنید ، با تعداد به مراتب کمتری کتابخانه و پلاگین درگیر خواهید بود.
سلام و خسته نباشید خدمت استاد عزیز
تشکر ویژه بابت دوره های پرانرژی تون.
بنده دوره طراحی سایت ریسپانسیو رو تهیه کردم سورس کدها چرا تو دوره نیستن؟
با سلام و خسته نباشید
در درس 23 : آموزش طراحی سایت ریسپانسیو landing page می توانید دانلود فایل نهایی تم را دریافت کنید.
با سلام و خسته نباشید ببخشید پیش نیاز های این دوره چیا هستن منظور چه چیزهایی باید بلد باشیم تا در این دوره به مشکل نخوریم؟؟؟؟؟؟
با سلام و خسته نباشید
قبل از مشاهده این دوره ، حتما دوره آموزشی جامع HTML و CSS از صفرِ صفر و روان! را مشاهده کنید.
سلام استاد خسته نباشد ببخشید استاد من در بعضی از جاها به خصوص قسمت هایی که از کتابخانه ها و جاوا و جی کوئری استفاده میکنید گیج میشم
منظورم اینه که میتونم درست کنم اما به صورت حفظی نه اینکه یاد بگیرم و تنها کار هایی که شما انجام میدهید کپی میکنم میخواستم بدونم راهی هست که این از حالت حفظی در بیاد آیا یادگیری کامل جاوا اسکریپ میتونه کمکی به مشکل من بکنه؟؟؟؟
با سلام و خسته نباشید
پیشنهاد میکنم اول یک بار دوره آموزشی رو بدون اینکه کد بزنید ، مشاهده کنید و پس از آن یک بار دیگر دوره را مشاهده و کد بزنید.
بخشی از این مشکلی که دارید ، طبیعی هست و قطعا با مرور زمان و تمرین کردن و کسب تجربه حل خواهد شد.
آهسته و پیوسته پیش برید و حتما تمرین کردن رو فراموش نکنید…
سلام وقتتون بخیر امیدوارم حالتون عالی باشه استاد من وقتی تو sublimetext یا visual stadio code مخصوصا سابلایم وقتی از روش های emmet استفاده میکنم نمیدونم چرا کلا حذف شده و خودکار تایپش نمیکنه ایا اپدیتی دادن و این کد رو حذف کردن ؟البته تو ویژوال با افزونه مخصوص خودش استفاده میکنما در کل بخوام بزنم تا اتومات کد های اولیه رو بنویسه داک تایپ توش نیست!!!
با سلام و خسته نباشید
پیشنهاد میکنم Sublime رو یک بار به طور کامل حذف و پس از آن دوباره نصب کنید و در نهایت Emmet رو نصب کنید.
بله متشکرم این اتفاق بعد نصب ویژوال کامپوزر شد
سلام استاد وقتتون بخیر یه مشکلی من پیدا کردم و ازتون راهنمایی میخوام فایل هایی که تو تدریستون بهش اشاره میکنید با فایل هایی که در فایل تمتون وجود داره متفاوته مثل همونresponsiveslides.min.js که نسخه responsiveslides.js گذاشتید و یا سی اس اسی که تو قسمت 3 اموزشتون بعد تگ cover قرار دادید کدهاش یه چیز دیگس و اون کد ها تو فایلتون نبود و تو قسمت head شما دوتا اسکریپت responsiveslides.js تکراری گذاشتید که نمیدونم من مطلب رو درست متوجه نشدم چرا دوتا بود یاشاید شما اون قسمت حواستون نبود و اینا یکم تو ذهن من سردرگمی ایجاد کرده و یه ذره گیج شدم ممنون میشم راهنماییم کنید البته یه قضیه ای که هست اینه که در طی روند پروژه شما کدهایی که نوشتین رو بهینه تر میکنید طبق تجربیاتی که از اموزشتون دارم و اصولا اگه تا اخر اموزشتون نگاه کنم متوجه دلیل این تغییرات خواهم شد ولی چون عادت دارم مرحله به مرحله جلو برم جرات نمیکنم بدون تمرین ادامه بدم از این بابت هم از شما معذرت میخوام هم اگه امکانش باشه منو راهنمایی کنید متشکرم
با سلام و خسته نباشید
این روند طبیعی هست و ما به مرور برخی از فایل ها رو تغییر میدیم یا حتی جایگاه اونها در کد رو تغییر میدیم. البته اگر لازم باشه. به همین دلیل پیشنهاد میکنم تا پایان دوره آموزشی پیش برید.
از تمرین و تمرین و تمرین و تمرین هم غافل نشید…;):)
چشم ممنونم
استاد شما اموزش خاصیت box model در css هارو از سایت حذف کردین ؟ من پیدا کردم
من پیدا نکردم میشه لینکشو بفرستید ؟
دوره آموزشی جامع HTML و CSS از صفرِ صفر و روان! ، درس 12 را مشاهده کنید.
سلام استاد وقتتون بخیر میشه فونت دینار رو اپلود کنید من از چندجا دان کردم ولی با فرمت tff بود
با سلام و خسته نباشید
مشکلی نیست. استفاده کنید. فقط فرمت رو truetype قرار دهید.
سلام خسته نباشید
ببخشید من هر کاری می کنم منوی من فیکس میشه ولی همراه با اسکرول حرکت نمیکنه یعنی اینکه منوی من همون پایین صفحه باقی میمونه و مثل شما حرکت نمیکنه به سمت بالای سایت من هر چه ویدیو هاتونم مشاهده کردم متوجه نشدم چه کاری انجام دادید اگه ممکنه لطف کنید راهنماییم کنید چه کدی زدید که منو همراه با اسکرول حرکت میکنه
باتشکر
با سلام و خسته نباشید
در فایل شما که منو وجود نداره… همون فایلی که مشکل دارید رو ارسال کنید.
سلام استاد
خسته نباشید
فایل دوباره براتون میفرستم اگر ممکنه مشکل من رو برطرف کنید
با تشکر
ممنون از پیگیریتون.
کاملا درست شد
سلام خسته نباشید من به یه مشکل برخوردم و اینکه نمیتونم در این دوره ثبت نام یا اصلا درگاه بانکی برام باز نمیشه
ممنون میشم راهنمایی کنید
سلام دوست عزیز، لطفا دوباره امتحان کنید.
با تشکر از شما
سلام خسته نباشید
ببخشید من هر کاری می کنم منوی من فیکس میشه ولی همراه با اسکرول حرکت نمیکنه یعنی اینکه منوی من همون پایین صفحه باقی میمونه و مثل شما حرکت نمیکنه به سمت بالای سایت من هر چه ویدیو هاتونم مشاهده کردم متوجه نشدم چه کاری انجام دادید اگه ممکنه لطف کنید راهنماییم کنید چه کدی زدید که منو همراه با اسکرول حرکت میکنه
باتشکر
با سلام و خسته نباشید
نگران نباشید. فایل پروژتون رو فشرده و برای ما ارسال تا مشکلتون رو حل و نحوه حل آن را توضیح دهیم.
سلام خسته نباشید ی سوال داشتم
میخواستم ببینم روی عکسایی که داخل تم قرار دادید متنی بنویسیم که با عکس حرکت کنه باید چیکار کنیم؟
با سلام و خسته نباشید
دقیقا متوجه سوالتون نشدیم. لطفا بیشتر توضیح دهید.
شما دو گزینه به اسم ارتباط با ما ثبت نام روی عکس ها قرار دادید که عکس ها تغییر میکنن و این دو تا متن ثابت هستن برای این که با هر عکس متن تغییر کنه باید چیکار کنیم؟ یعنی هر عکس متن جدا داشته باش
خب میتونید این المان ها رو داخل ساختار li مربوط به اسلایدر ببرید. البته که نیازه روی css این بخش نیز کار کنید.
ببخشید میشه یکم در مورد css اش توضیح بدید باید چیکار کنیم؟
با سلام و خسته نباشید
پیشنهاد میکنم حتما دوره آموزشی جامع HTML و CSS از صفرِ صفر و روان! را مشاهده کنید.
سلام استاد خسته نباشید
ببخشید استاد من چن تا سوال مختلف داشتم که اگر امکانش هست منو کمکم کنید اول اینکه شما در این آموزش بیشتر از ul و li استفاده کردید در صورتی که در آموزش های قبلیتون از این ها بیشتر برای منو استفاده می کردید خود من هم از تگ های دیگه استفاده کردم(فایلشو براتون فرستادم) و جواب داد می خواستم ببینم علت خاصی داشته که از ul و li حتی برای عنوان های ابتدایی سایت استفاده کردید؟
دوم اینکه مقدار z-index را بر چه اساسی می گذارید مثلا در این آموزش مقدارشو 1000 گذاشتید ولی من این مقدار 10 گذاشتم ولی مشکلی پیش نیومد میخواستم بدونم علتی داره برای این موضوع؟؟
و سوال دیگم اینه که من میخواهم جاوا هم آموزش ببینم به نظر شما اصلا لازمه شروع به یادگیری جاوا بکنم؟ و اگر لازم هست به نظر شما از الان شروع بکنم یا صبر کنم کلا این دوره تموم بشه؟؟
از زحمات شما بسیار سپاس گذارم که با تلاش فراوان این آموزش ها رو در اختیار ما قرار دادید
با تشکر
با سلام و خسته نباشید.
1- نه علت خاصی نداره و دستتون باز هست. به مرور متوجه میشید که از چه تگی استفاده کنید. بیشتر به تجربه برمیگرده.
2- کاری که شما انجام دادین درست هست ، کار بنده هم درست. مقداری که ما میدیم برای این هست که اگر یک المان دیگری اضافه کردیم به مشکل برنخوریم.
4- اگر منظورتون جاوااسکریپت هست که حتما شروع کنید. اگر هم بحث جاوا موبایل هست که اون بحث دیگری هست و ربطی به مباحث وب نداره.
سلام استاد، وقت بخیر.
در آموزش شماره ی 15 طراحی سایت واکنش گرا ، من طبق آموزش شما پیش رفتم، اما بعد از کلیک روی ثبت نام هیچ پنچره ای باز نمیشه. کامنت های زیر رو هم بررسی کردم اما باز هم نتیجه نگرفتم. لطفا کد رو بررسی کنید و ایرادم رو بهم بگید.
با سلام و خسته نباشید
خب شما اصلا تابع colorbox رو در فایل index.js قرار ندادین. حتما درس 15 : طراحی سایت واکنش گرا landing page (کتابخانه Colorbox ) را مشاهده یا فایل نهایی پروژه رو دانلود و فایل index.js رو بررسی کنید.
استاد، من تابع colorbox رو در فایل index.js قرار دادم که! فیلم رو هم بارها دیدم و پروژه های مشابه موجود در نظرات رو هم بررسی کردم.
استاد، تابع colorbox رو در فایل index.js قرار دادم که!
آموزش شما رو هم بارها بررسی کردم و پروژه های مشابه موجود در نظرات رو هم بررسی کردم اما به نتیجه ای نرسیدم!
1- در فایل index.js در دایرکتوری js تابعی به نام colorbox وجود نداره. در فایل index.js در روت فایل پروژه این تابع وجود داره. اما شما در فایل index.html اومدین و مسیر فایل داخل دایرکتوری js رو در نظر گرفتین.
2- در فایل index.js تابع owlcarousel صحیح نیست و شکل صحیح آن به صورت owlCarousel هست.
درست شد استاد. متشکرم ازتون
سلام وقت بخیر
مشکل بنده در کتابخانه colorbox هستش کتابخانه میاد مشکلی نیست اما عکس های اون کار نمی کنند در حالی که در پوشه images قرار دارند و من بگشت به عقب (../) را زدم در colorbox.css .
ممنونم
با سلام و خسته نباشید
خب مسیری که برای فایل colorbox.css در index.html در نظر گرفتین اشتباه است. در فایل index.html خط 5 مسیر باید به صورت css/colorbox.css باشد.
وای واقعا ممنونم ازتون .
سلام آقای مظلوم خسته نباشید و خدا قوت . من سعی کردم طبق فرمایشات شما یه منو سه خطی برای سایز گوشی تو صفحه ام ایجاد کنم اما چه در این طرح چه در طرح لندینگ پیج متاسفانه موفق به اجرای اون نشدم – امکانش هست راهنمایی بفرمایید و کمک کنید تا بدونم مشکل از کجاس ؟؟ پیشاپیش ممنونم از کمکتون
با سلام و خسته نباشید
خب شما اصلا کتابخانه جی کوئری رو در پروژه قرار ندادین. همچنین فایل main.js رو.همچنین برای responsive-nav ul در فایل style.css باید display:none در نظر بگیرید که در ابتدا ساختار منو نمایش داده نشود و پس از کلیک بر روی المان منو ، فهرست شما باز شود.
دانلود فایل
اخ اخ درست میفرمایید – خیلی ممنون از شما و تیم وی لرن ❤️
سلام وقت بخیر
هر کاری میکنم نمی تونم به حساب کاربری وارد بشم .
با سلام و خسته نباشید
مشکلتون دقیقا چی هست؟