آموزش طراحی وب: یک ظاهر طراحی جدول

Design the Web: Styling a Table

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

پرونده های عملی برای همه اعضا رایگان است. آنها را بارگیری کنید و از امروز طراحی وب را شروع کنید.

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

مقدمه Introduction

  • خوش آمدی Welcome

  • درباره پرونده های تمرینی About the exercise files

1. طراحی یک جدول HTML با CSS 1. Styling an HTML Table with CSS

  • اضافه کردن سبک ها به عنصر جدول اصلی Adding styles to the main table element

  • هدف قرار دادن تمام برچسب های TH و TD Targeting all TH and TD tags

  • عرض ستون ها را با فرزند نهم تنظیم کنید Setting the column widths with nth child

  • بدنه میز Styling the table body

  • پاورقی جدول Styling the table footer

  • تنظیم سبک برای ستون اول Setting styles for the first column

  • افزودن نکات برجسته به سطرها Adding highlights to rows

  • اضافه کردن حالت های شناور (چرخش) به ردیف ها Adding hover states (rollovers) to rows

نمایش نظرات

آموزش طراحی وب: یک ظاهر طراحی جدول
جزییات دوره
37m 19s
10
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
13,112
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای