آموزش 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
آموزش Materialize CSS
Learning Materialize CSS
مفاهیم و موضوعات مهم را یاد بگیرید تا با یکی از محبوب ترین سیستم های طراحی برنامه کاربردی، طراحی مواد، با استفاده از Materialize CSS شروع کنید.
آموزش چگونه وب سایت خود را برنامه ریزی کنیم
How to Plan Your Website
شما دیگر نیازی به مهارت های برنامه نویسی برای ساخت یک وب سایت ندارید، اما هنوز به یک برنامه نیاز دارید. یاد بگیرید چگونه به تعیین نوع وب سایت و چه اهدافی برای شروع ردیابی.
آموزش CSS: Animation (2016)
CSS: Animation (2016)
نحوه ایجاد انیمیشن های ساده CSS مانند دکمه های چرخش ، تبدیل سه بعدی ، گرافیک متحرک و لوگوها ، بارگذاری صفحه ها و موارد دیگر را بیاموزید.
آموزش تمرین های کدنویسی: HTML معنایی و CSS
Coding Exercises: Semantic HTML and CSS
از طریق یک سری چالش های کد HTML و CSS، نه تنها کار را به درستی انجام دهید، بلکه آن را نیز خوب جلوه دهید.
Jen Kramer
طراحی و توسعه وب را آموزش می دهد
جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.