آموزش CSS عملی برای No-Coders
Practical CSS for No-Coders
اگر از ابزار بدون کد برای ساختن وب سایت خود استفاده می کنید، ممکن است متوجه شوید که کمی عمومی به نظر می رسد. چگونه می توانید سایت را منحصر به فرد خود کنید؟ CSS به کمک می آید! CSS (Cascading Style Sheets) مسئول هر چیزی زیبا در وب، از جمله رنگ‌ها، فونت‌ها، طرح‌بندی‌ها و موارد دیگر است. فقط کمی کد CSS می‌تواند سفارشی‌سازی‌های مورد نیاز را در اختیار شما قرار دهد و جن کرامر، مربی طراحی و توسعه وب، دقیقاً به شما نشان می‌دهد که چگونه این کار را انجام دهید. جن شما را با CodePen آشنا می‌کند، ابزاری که برای کار با HTML و CSS در یک مرورگر وب استفاده می‌شود، سپس به آنچه که CSS انجام می‌دهد و ساختار آن می‌پردازد. او توضیح می دهد که چگونه از انتخابگرها برای اعمال CSS در صفحه خود استفاده کنید، سپس به رنگ ها، تصاویر، کادرها، اندازه ها و نوع CSS می پردازد. به‌علاوه، Jen مفاهیم و ویژگی‌های پیشرفته‌تر CSS را پوشش می‌دهد، مانند شکل‌دهی پیوندها، درک وراثت، و اشکال‌زدایی آثار شما.
معرفی Introduction
-
طراحی وب برای بدون کدنویس Styling the web for no-coders
-
کار در CodePen Working in CodePen
-
CSS چیست و ساختار آن چگونه است؟ What is CSS and how is it structured?
-
امتحان فصل Chapter Quiz
1. اعمال CSS در صفحه خود با انتخابگرها 1. Applying CSS to Your Page with Selectors
-
نوشتن اولین نظر و انتخابگر عنصر Writing your first comment and element selector
-
نوشتن انتخابگر کلاس Writing a class selector
-
انتخابگرهای گروه بندی Grouping selectors
-
انتخابگرهای نزولی Descendent selectors
-
چالش: کار با انتخابگرها Challenge: Working with selectors
-
راه حل: کار با انتخابگرها Solution: Working with selectors
-
امتحان فصل Chapter Quiz
2. رنگ ها و تصاویر CSS 2. CSS Colors and Images
-
یک طرح رنگی را مشخص کنید Identify a color scheme
-
قالب بندی رنگ در CSS Formatting color in CSS
-
رنگ پس زمینه و متن در CSS Background and text color in CSS
-
درک تصاویر در CSS Understanding images in CSS
-
کار با تصاویر پس زمینه در CSS Working with background images in CSS
-
چالش: به این صفحه وب سبک دهید Challenge: Style this web page
-
راه حل: به این صفحه وب استایل دهید Solution: Style this web page
-
امتحان فصل Chapter Quiz
3. جعبه‌ها، اندازه‌ها و نوع CSS 3. CSS Boxes, Sizes, and Type
-
درک نوع در CSS Understanding type in CSS
-
اعمال قالب بندی نوع با CSS Applying type formatting with CSS
-
درک و اعمال اندازه در CSS Understanding and applying size in CSS
-
آشنایی با مدل جعبه در CSS Understanding the box model in CSS
-
کار با حاشیه، padding و margin در CSS Working with border, padding, and margin in CSS
-
چالش: یک استایل به این صفحه اضافه کنید Challenge: Add styling to this page
-
راه حل: یک ظاهر طراحی را به این صفحه اضافه کنید Solution: Add styling to this page
-
امتحان فصل Chapter Quiz
4. مفاهیم و ویژگی های پیشرفته CSS 4. More Advanced CSS Concepts and Properties
-
استایل دادن به پیوندها با CSS Styling links with CSS
-
درک وراثت در CSS Understanding inheritance in CSS
-
اشکال زدایی CSS با حاشیه ها و رنگ های پس زمینه Debugging CSS with borders and background colors
-
امتحان فصل Chapter Quiz
نتیجه Conclusion
-
مراحل بعدی Next steps
https://donyad.com/d/026cff
Jen Kramer
طراحی و توسعه وب را آموزش می دهد
جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.
نمایش نظرات