آموزش ایجاد حس مدل CSS جعبه

Making Sense of the CSS Box Model

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بر اساس بلوک های تایپوگرافی مدارس قدیمی ، مدل جعبه CSS کلید طراحی وب مدرن است. پس از تسلط بر آن ، می توانید هر طرح مورد نظر خود را بسازید - و بیشتر مشکلات رایج و موقعیت یابی CSS را عیب یابی کنید. در این دوره ، مورتن رند-هندریکسن رویکرد "چهار وعده غذایی" را به مدل جعبه CSS ارائه می دهد ، و آن را به قطعات قابل هضم تقسیم می کند. او تکنیک هایی مانند متن و تصاویر یک ظاهر طراحی شده ، محتوای شناور ، استفاده از ویژگی های نمایش و عناصر موقعیت را پوشش می دهد. وی همچنین در جستجوی دنیای جدید شجاعانه ماژول های چیدمان مدرن ، بحث در مورد Float ، Flex و Grid و چگونگی همکاری آنها با یکدیگر است. هر درس با نمایش مفاهیم عملی در دنیای واقعی پشتیبانی می شود و Morten با "Nightcap" بسته می شود که شما را به فکر ادامه کار با CSS می اندازد.
موضوعات شامل:
  • طراحی با جعبه
  • مبدا جعبه در تایپوگرافی
  • مدل جعبه CSS چیست؟
  • تغییر محتویات داخل کادر
  • محتوای شناور و پاکسازی
  • استفاده از تصحیح
  • کار با Float ، Flex و Grid
  • اشکال CSS

سرفصل ها و درس ها

مقدمه Introduction

  • حس کردن مدل CSS Box Making sense of the CSS Box Model

1. اشتها آور: وب از جعبه ساخته شده است 1. Appetizer: The Web Is Made of Boxes

  • نمایش اطلاعات از طریق وب Displaying information through the web

  • وب از جعبه ساخته شده است The web is made of boxes

  • طراحی با جعبه Designing with boxes

2. Entrée: منشأ جعبه در تایپوگرافی 2. Entrée: The Origin of the Box in Typography

  • درک اصول نوع Understanding the basics of type

  • نوع را تغییر دهید ، جعبه را تغییر دهید Change the type, change the box

  • جریان متن در کادر Text flow in the box

3. دوره اصلی: درک مدل جعبه 3. Main Course: Understanding the Box Model

  • مدل CSS Box چیست؟ What is the CSS Box Model?

  • تغییر محتویات درون کادر Changing the contents within the box

  • درک ویژگی صفحه نمایش Understanding the display porperty

  • نوار کناری: تصاویر عناصر درون خطی هستند Sidebar: Images are inline elements

  • موقعیت همه چیز است Position is everything

  • شناور و پاک کردن محتوا Floating and clearing content

  • با استفاده از شفاف Using the clearfix

  • Pseudo عناصر: ساخت توهم مرورگر Pseudo elements: Making the browser hallucinate

4. دسر: دنیای شجاع جدید چیدمان 4. Dessert: The Brave New World of Layouts

  • ماژول های طرح مدرن Modern layout modules

  • Flex: طرح بندی های مبتنی بر محتوا Flex: Content-based layouts

  • انعطاف پذیری در عمق Flex in depth

  • شبکه: طرح بندی های مبتنی بر چیدمان Grid: Layout-based layouts

  • شبکه در عمق Grid in depth

5. کابوس شبانه 5. Nightcap

  • شکل ها Shapes

  • با استانداردهای CSS و وب بیشتر پیش بروید Going further with CSS and web standards

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش ایجاد حس مدل CSS جعبه
جزییات دوره
1h 11m
22
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
12,182
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Morten Rand-Hendriksen Morten Rand-Hendriksen

مربی کارکنان ارشد، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار

مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار است.

مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوری‌های نوظهور و اخلاق فناوری را پوشش می‌دهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانس‌های حرفه‌ای در سرتاسر جهان بوده است، راه‌حل‌های طراحی ظاهری مبتنی بر استانداردها را می‌سازد و به دیگران آموزش می‌دهد که چگونه از وب بیشترین بهره را ببرند.

مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.