لطفا جهت پرداخت (ورود به درگاه بانک) فیلترشکن خود را خاموش نمایید.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ایجاد حس مدل CSS جعبه
Making Sense of the CSS Box Model
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
بر اساس بلوک های تایپوگرافی مدارس قدیمی ، مدل جعبه CSS کلید طراحی وب مدرن است. پس از تسلط بر آن ، می توانید هر طرح مورد نظر خود را بسازید - و بیشتر مشکلات رایج و موقعیت یابی CSS را عیب یابی کنید. در این دوره ، مورتن رند-هندریکسن رویکرد "چهار وعده غذایی" را به مدل جعبه CSS ارائه می دهد ، و آن را به قطعات قابل هضم تقسیم می کند. او تکنیک هایی مانند متن و تصاویر یک ظاهر طراحی شده ، محتوای شناور ، استفاده از ویژگی های نمایش و عناصر موقعیت را پوشش می دهد. وی همچنین در جستجوی دنیای جدید شجاعانه ماژول های چیدمان مدرن ، بحث در مورد Float ، Flex و Grid و چگونگی همکاری آنها با یکدیگر است. هر درس با نمایش مفاهیم عملی در دنیای واقعی پشتیبانی می شود و Morten با "Nightcap" بسته می شود که شما را به فکر ادامه کار با CSS می اندازد.
موضوعات شامل:
طراحی با جعبه li>
مبدا جعبه در تایپوگرافی li>
مدل جعبه CSS چیست؟ li>
تغییر محتویات داخل کادر li>
محتوای شناور و پاکسازی li>
استفاده از تصحیح li>
کار با 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
لینکدین: شبکه اجتماعی حرفهای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکههای اجتماعی حرفهای، به میلیونها افراد در سراسر جهان این امکان را میدهد تا ارتباط برقرار کنند، اطلاعات حرفهای خود را به اشتراک بگذارند و فرصتهای شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان میدهد تا رزومه حرفهای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمنها و گروههای حرفهای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهرهمند شوند.
لینکدین همچنین به کارفرمایان امکان میدهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفهای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصتهای شغلی و گسترش شبکه حرفهای خود، نقش مهمی را ایفا میکند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفهای در دنیای امروز مورد توجه قرار دارد.
مربی کارکنان ارشد، سخنران، طراح وب و توسعهدهنده نرمافزار
مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعهدهنده نرمافزار است.
مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوریهای نوظهور و اخلاق فناوری را پوشش میدهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانسهای حرفهای در سرتاسر جهان بوده است، راهحلهای طراحی ظاهری مبتنی بر استانداردها را میسازد و به دیگران آموزش میدهد که چگونه از وب بیشترین بهره را ببرند.
مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.
نمایش نظرات