آموزش طراحی سایت با html و css [قسمت 2 ] : آموزش css به زبان ساده

Рет қаралды 4,075

Күн бұрын

در این قسمت از دوره کامل آموزش طراحی سایت با html و css می رسیم به آموزش Css به زبان ساده. در این قسمت به زبان ساده طراحی سایت با css را یاد خواهید گرفت این آموزش سی اس اس کاملا مبتدی و پروژه محور بوده است. و شما در آخر این درس می توانید هر دکمه ای را طراحی کنید.
برای یادگیری این دوره نیازی به هیچ پیشنیاز برنامه نویسی ندارید. و این اولین مرحله برای شروع برنامه نویس وب می باشد.
در این قسمت از دوره جامع آموزش html و Css مقدمات css را بطور کامل و با زبان ساده و قابل فهم یادخواهید گرفت.در پایان این درس هم تمرینی برای شما تدارک دیده ام.
برای تماشای قسمتهای دیگر لینک پلی لیست آموزش طراحی وب سایت با html و Css را کلیک کنید
• آموزش طراحی وب سایت با...
سرفصل مطالب
00:00 مقدمه
03:47 کدنویسی css
07:21 تغییر ظاهر اولین button
10:34 نحوه انتخاب رنگ در css
15:18 نحوه به خاطر سپارس کدهای Css
16:36 استایل دادن به دومین Button
27:17 طراحی سومین button
34:06 تمرین

Пікірлер: 77

@paymanaria4759 12 күн бұрын

بی‌نظیره آموزشتون استاد. خدا قوت ❤

@pouryajhfts1298 4 ай бұрын

فوق العاده و تکمیل تدریس میکنید سروین جان, واقعا ممنون ❤

@MahdiMaqami 10 күн бұрын

بی نظیر❤

@user-zn5iz3ri9v 17 сағат бұрын

همه جیز عالیه

@user-ns3pq5im9e 5 ай бұрын

عااااااااالی ممنون بسیار کاربردی بود

@irani923 Ай бұрын

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

@M.Y.05 5 ай бұрын

سلام باتشکر از زحمات شما 🎉❤

@zahrasadeghi-qq3sy 5 ай бұрын

عالی بود ممنونم

@user-vt1kk5ku3u 5 ай бұрын

عالی 👍

@tierschutzer8099 3 ай бұрын

خیلی عالی و کاربردی ! من که دارم یاد میگیرم و لذت هم می برم Danke dir ☺️

@user-tw6vf6km1j 3 ай бұрын

خیلی عالی و کاربردی توضیح میدین ممنون❤

@zohrehvarmezyar94 5 ай бұрын

عاااالی😍

@maryamteymori-zh3ym 3 ай бұрын

خیلی عالی و واضح توضیح دادین خداقوت مرسی از شما

@MatinKhosrevii 3 ай бұрын

ممنونم عالی بود

@Mohammadeb227 5 ай бұрын

عالی بود واقعا ممنون🤩🤩🤩

@user-xv3qd4zu7u 3 ай бұрын

عالیییییی

@Farshid_Azari Ай бұрын

مرسییی واقعا ممونم ازتون

@user-xx5qo7yc8l 2 ай бұрын

بسیار عالی و روان 😍😍

@amiryazdani2318 5 ай бұрын

ممنون سروین جان

@mahdizardadkhani5290 5 ай бұрын

بسیار عالی 🌹😌

@user-xp9oe1uy3j 5 ай бұрын

استاد خیلی ممنونم من از همین جا برنامه نویسی رو یاد گرفتم خیلی ممنونم همیشه موفق باشین❤🎉

@Ali.Yar.2004 5 ай бұрын

عالی ❤

@SaraSara97746 5 ай бұрын

tnx alot

@amin0090 5 ай бұрын

عالی

@Breax.74 5 ай бұрын

kheyli mofid bood merc ❤❤

@sarvinStyle 5 ай бұрын

مرسی شما هم همینطور

@nanaandmamasoudehsafahaniz8852 3 ай бұрын

perfeckt thanks

@amirkiyapasha1569 5 ай бұрын

بیانتون عالیه اموزشتون فوق العادست امیدوارم ادامه بدین موفق باشید ❤

@Fatemeh-jg6mq 5 ай бұрын

عالی سروین جاننن😊

@sarvinStyle 5 ай бұрын

ممنونم

@iqiuo8693 5 ай бұрын

sepasgozaram❤

@mohamadnaemi5015 4 ай бұрын

واقعا عالی اموزش میدین ممنونم❤

@sarvinStyle 4 ай бұрын

مرسسی

@user-vd2ls4ir4r 17 күн бұрын

سلام ممنونم از اموزش خوبتون توی تکلیفی که دادید با چه کدی دکمه ها رو میتونم بیارم پایین؟

@Jamalghorbani-ui2qs 4 ай бұрын

عالی بهتر از این نمیشه

@sarvinStyle 3 ай бұрын

مرررررسی

@dashheydar451 3 күн бұрын

❤❤

@mortezasalehi4240 Ай бұрын

ببخشید تو قسمت تمرین نوشته کنار button ها رو چه جوری بنویسیم

@threefingersalute 4 ай бұрын

👍🌹

@ROYALNIL_SITE 5 ай бұрын

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

@sarvinStyle 5 ай бұрын

حتما

@HashemJamali 2 ай бұрын

نمی‌فهمم ولی عالی هستین استاد❤❤❤

@megamafa924 Ай бұрын

عالی😂😂😂

@rezaakbari5673 5 ай бұрын

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

@sarvinStyle 5 ай бұрын

مرسی از لطفتون

@user-gc5gm4wn3s 5 ай бұрын

دمت گرم همین که کامل ویدیو میزاری خوبه . میشه ویدیو ها رو طولانی تر و حر فه ای تر هم بذاری!!!!

@sarvinStyle 5 ай бұрын

ممنونم حتما

@amiralivar6265 2 күн бұрын

ostad man bein button ha har chi margin midam thaghir nemikone fasele ? chi kar konam

@amiralivar6265 2 күн бұрын

khodam peida kardam

@jasmineilka5091 5 ай бұрын

عالیییییییییی واقعا مرسی که هستین من 5 ماه داشتم فرار میکردم از ایم کار

@sarvinStyle 5 ай бұрын

مرسی

@Mr.Sam1999 5 ай бұрын

👽💣💥

@siamaj743 5 ай бұрын

سلام و درود خسته نباشید، خیلی قشنگ توضیح میدین ، اما مسئله ای که هست ، چرا HTML رو تعریف نکردین ، که style در head قرار میگیره ، button رو توی بدنه html مون قرار میدیم؟

@shabnamshabanpour 2 ай бұрын

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

@sarvinStyle 2 ай бұрын

در قسمت های بعد کاملتر توضیح دادم اگر تماشا کنید حتما مشکلتون حل می شه

@hamedkamali1625 5 ай бұрын

واسه کادر طوسی رنگ از استفاده کردم ولی کادر نکشه اندازه داد بهش .کل صفحه رو میگیره به شکل خطی.چکار باید کرد?

@sarvinStyle 5 ай бұрын

اون را قسمت‌های بعدی آموزش می دهم فقط برای اینکه div کل عرض را نگیره باید floatش کنید

@sajjadhoseyni9057 5 ай бұрын

سلام استاد من با آموزش وردپرس سایت ساختم الان چه طور میتونم با html و css تغییراتی اعمال کمم هر کاری کردم نتونستم

@golasapanahiolfat 5 ай бұрын

سروین جان میشه لطفا بهم یاد بدی چطوری یه هاور با سی اس اس توی اسکریپت ورد پرس اضافه کنم؟؟؟؟

@sarvinStyle 5 ай бұрын

در دوره تکمیلی تر وردپرس حتما

@mohammadkh9296 2 ай бұрын

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

@sarvinStyle 2 ай бұрын

در گیت هاپ پروژه را قرارد دام می توانید از اونجا کدها را بررسی کنید حتما یک جایی را اشنباه انجام دادین که با بررسی کردن کدهای من متوجه اشتباهتون می شید github.com/sarvinstyle/HTML-CSS

@jasmineilka5091 5 ай бұрын

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

@sarvinStyle 5 ай бұрын

حتما

@Abolfazl_f_x 2 ай бұрын

اگر بخواهیم دکمه‌های زیر هم درست کنیم و بین آنها فاصله بگذاریم باید چیکار کنیم

@sarvinStyle 2 ай бұрын

در قسمت‌های بعدی کامل توضیح دادم

@mohammadkh9296 2 ай бұрын

من از br استفاده کردم

@ashvanrazi2107 5 ай бұрын

سلام استاد، تنها برنامه نویسی خوبی که دیدم فیس زیبایی داره شمایید همه یه جورایی عینکی و معمولی هستند

@zudiac6842 2 ай бұрын

جناب فیس توی یادگیری شما دقیقا چه تاثیری داره؟ امثال شما هستن ک میرن یه دوره بعد دوره فقط زیبایی استاد رو فهمیدن کلاس رو اشتباهی اومدی

@zohrehvarmezyar94 5 ай бұрын

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

@sarvinStyle 5 ай бұрын

شاید اسم کلاس را درست ننوشتین

@webomid 4 күн бұрын

سه رنگ اصلی > قرمز _ زرد_ آبی ✅

@sarvinStyle Күн бұрын

در مورد اسکرین ها فرق میکنه و سه رنگ اصلی شامل سبز هست RGB red green blue

@zudiac6842 2 ай бұрын

استاد عزیز من نه انتقاد میکنم نه تعریف الکی....فقط یک سوال از شما دارم ...خودتون روز اول ک هیچ چیزی از css نمیدونستین با دیدن این نوع اموزش چه حالی میشدین؟هیچ توضیحی درباره فرق margin و border ندادین ، استایل میدین؟ و همین طور بقیه چیز ها خودتون رو یک کاراموز صفر حساب کنید و این همه وقت میزارید یک اموزش گام ب گام بسازید عملا از وسط css استارت زدین

@sarvinStyle 2 ай бұрын

من css را ۱۰ ۱۵ سال پیش تو یکی دو ساعت و از سایت w3schools یاد گرفتم که اگه مطالب را با دقت تماشا کنید و قسمت‌های بعدی را هم تماشا کنید متوجه می شین که توضیحات کامله البته انتظارات متفاوت هست، دوره های رایگان متعددی هست که می تونین هر کدام که به نظرتون بهتر بود را تماشا کنید

@Neutronmob 5 ай бұрын

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

@Behrouz-wald 4 ай бұрын

دوست گرامی موضوع این ویدئو یه موضوع کاملا تخصصی هست و به درد کسانی میخوره که خواهان یادگیری در این زمینه هستند، همه مردم که نمیخوان برنامه نویس بشن. هر کی شغل خودش رو داره و تو جامعه هزار نوع شغل وجود داره. یاد بگیریم مردم رو قضاوت نکنیم برچسب تحقیر آمیز نزنیم و خود برتر بین نباشیم! ما هم بخشی از مردم هستیم و بسیار ویدئو دیگر در زمینه های دیگه رو نگاه نمی کنیم چون یا تخصصمان نیست یا نیازی نداریم، یا وقتش رو نداریم یا امکاناتش رو نداریم یا هر دلیلی .