آموزش چالش های کد معنایی HTML و CSS
Semantic HTML and CSS Code Challenges
در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
- در حال بارگزاری، لطفا صبر کنید...
برای درک کامل آنچه در مورد مباحثی مانند HTML و CSS می دانید ، گاهی اوقات به چالش کشیدن خود با پروژه های کوچک کمک می کند. این چیزی است که این دوره برای شما انجام می دهد. در طول دوازده چالش دوره ، مربی Jen Kramer شما را در ساخت یک صفحه وب کامل از ابتدا با استفاده از HTML و CSS راهنمایی می کند. گروه اول چهار چالشی شامل ساخت بخشی از صفحه وب با استفاده از طرح بندی مبتنی بر Flexbox است. گروه دوم از چهار چالش بر روی ایجاد یک نوار ناوبری افقی با یک دکمه همبرگر مجهز به CSS متمرکز است. چهار چالش نهایی گام از طریق ایجاد یک طرح مبتنی بر شبکه و ترکیب کارهایی است که در سراسر چالش ها به پایان رسیده و یک صفحه وب زیبا و پاسخگو ایجاد می کند.
سرفصل ها و درس ها
معرفی Introduction
-
با آرایش CSS خود را به چالش بکشید Challenge yourself with CSS layouts
-
آنچه شما باید بدانید What you should know
1. چالش ها: چیدمان ها با Flexbox 1. Challenges: Layouts with Flexbox
-
علامت گذاری معنایی برای عکس ها و متن ایجاد کنید Create semantic markup for photos and text
-
به طور کلی یک ربات طراحی می شود Generally styling the robots
-
با Flexbox یک طرح انعطاف پذیر ایجاد کنید Create a flexible layout with Flexbox
-
افزودن کنترل در نقاط شکست Adding controls across breakpoints
2. چالش ها: چیدمان هایی با میله های ناوبری 2. Challenges: Layouts with Navigation Bars
-
برای هدر و نوار علامت گذاری معنایی ایجاد کنید Create semantic markup for the header and navbar
-
با دو روش یک طرح افقی ایجاد کنید Create a horizontal layout with two methods
-
فقط با استفاده از CSS یک طرح موبایل و دکمه همبرگر ایجاد کنید Create a mobile layout and hamburger button using only CSS
-
برای ایجاد نوار پاسخگو یک طرح دسک تاپ اضافه کنید Add a desktop layout to create a responsive navbar
3. چالش ها: چیدمان ها با Grid 3. Challenges: Layouts with Grid
-
برای یک سری عکس و متن نشانه گذاری معنایی ایجاد کنید Create semantic markup for a series of photos and text
-
طرح دسک تاپ را ایجاد کنید Create the desktop layout
-
شبکه را یکپارچه کنید و نقاط شکست ایجاد کنید Integrate the grid and create breakpoints
-
چالش ها را برای یک صفحه وب کامل ترکیب کنید Combine the challenges for a full webpage
![آموزش ChatGPT برای طراحی وب - ایجاد وب سایت های شگفت انگیز [ویدئو]](https://donyad.com/course/getimg/107540bc-14e7-419b-be5b-722c840b0aec.jpg "آموزش ChatGPT برای طراحی وب - ایجاد وب سایت های شگفت انگیز [ویدئو]")
![آموزش HTML و CSS برای مبتدیان با HTML5 [ویدئو]](https://donyad.com/course/getimg/0d87e4a4-3702-493f-87c5-4e0425006d7b.jpg "آموزش HTML و CSS برای مبتدیان با HTML5 [ویدئو]")
https://donyad.com/d/303b
Jen Kramer
طراحی و توسعه وب را آموزش می دهد
جن کرامر طراحی و توسعه وب را به دانش آموزان در سراسر جهان آموزش می دهد.
جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.
جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.
نمایش نظرات