دوره آموزشی تمرین های کدنویسی: HTML معنایی و CSS
⏱️ 33 دقیقه📈 مبتدی📅 2021-06-17
مدرسین
Jen Kramer
Teaches web design and development
جزئیات دوره
برای درک کامل آنچه در مورد مباحثی مانند HTML و CSS می دانید، گاهی کمک می کند تا با پروژه های کوچک خود را به چالش بکشید. این چیزی است که این دوره برای شما انجام می دهد. در طول دوازده چالش دوره، مربی Jen Kramer شما را در ساخت یک صفحه وب کامل از ابتدا با استفاده از HTML و CSS راهنمایی می کند. گروه اول چهار چالشی شامل ساخت بخشی از صفحه وب با استفاده از طرح بندی مبتنی بر Flexbox است. گروه دوم از چهار چالش بر روی ایجاد یک نوار ناوبری افقی با یک دکمه همبرگر مجهز به CSS متمرکز است. چهار چالش نهایی گام از طریق ایجاد یک طرح مبتنی بر شبکه و ترکیب کارهایی است که در سراسر چالش ها به پایان رسیده و یک صفحه وب زیبا و پاسخگو ایجاد می کند.
مهارت ها
HTMLCSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
سرفصل ها
0. مقدمه
- 01 - خود را با طرح بندی های CSS به چالش بکشید
- 02 - آنچه باید بدانید
1. طرح بندی ها را با Flexbox به چالش می کشد
- 03 - ایجاد نشانه گذاری معنایی برای عکس ها و متن
- 04 - به طور کلی استایل دادن به روبات ها
- 05 - یک طرح بندی انعطاف پذیر با Flexbox ایجاد کنید
- 06 - اضافه کردن کنترل در نقاط شکست
2. طرح بندی ها را با نوارهای ناوبری به چالش می کشد
- 07 - نشانه گذاری معنایی برای سربرگ و نوار ناوبری ایجاد کنید
- 08 - با دو روش یک طرح افقی ایجاد کنید
- 09 - یک طرح بندی موبایل و دکمه همبرگر فقط با استفاده از CSS ایجاد کنید
- 10 - یک طرح دسکتاپ برای ایجاد یک نوار ناوبری پاسخگو اضافه کنید
3. چیدمان ها را با گرید به چالش می کشد
- 11 - ایجاد نشانه گذاری معنایی برای یک سری عکس و متن
- 12 - طرح دسکتاپ را ایجاد کنید
- 13 - شبکه را یکپارچه کنید و نقاط شکست ایجاد کنید
- 14 - چالش ها را برای یک صفحه وب کامل ترکیب کنید
مشاهده دوره کامل
رفتن به دوره