تسلط بر HTML5 و CSS3 (قسمت 2 - سطح متوسط)

Mastering HTML5 and CSS3 (Part 2 - Intermediate Level)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: مفهوم HTML CSS خود را ارتقا دهید و شروع به ساخت قالب های عالی کنید نوشتن اسناد HTML معنایی و ساختار یافته کار با رنگ ها و تصاویر در HTML و CSS موضوعات پیشرفته در استفاده از متن و فونت های سبک در HTML نکات و ترفندها در کار با HTML و CSS پیش نیازها:Basic دانش HTML و CSS هر کامپیوتر: ویندوز. لینوکس یا مک یک مرورگر وب و یک ویرایشگر کد

آیا ایده ای برای ایجاد یک الگوی وب سایت خیره کننده دارید، اما دانش کافی برای هر بخش ندارید؟

... یا می‌خواهید یک توسعه‌دهنده فرانت‌اند حرفه‌ای شوید و از قبل دانش اولیه HTML CSS دارید؟

... یا فقط دوست دارید بدانید که چگونه الگوهای وب سایت شگفت انگیز ایجاد می شوند؟

بنابراین، این دوره فقط برای شما ایجاد شده است. شما موضوعات متوسط را در HTML CSS یاد خواهید گرفت. به زودی پس از اتمام این دوره می توانید هر قالبی را که دوست دارید (تا مفاهیمی که در این دوره ذکر شده + سرفصل های سطح پایه) توسعه دهید.

این دوره مباحث متوسطی در مورد HTML CSS را پوشش می دهد. به منظور ارتقاء مهارت های خود در HTML و CSS، مفاهیم زیر را یاد خواهید گرفت و با آنها کار خواهید کرد:

لیست جداول در HTML
ایجاد منوهای عالی برای صفحات وب شما
سبک دادن به فونت های متن خود
کار با موضوعات رنگی پیشرفته
استفاده از Iframes و Image map
طرح بندی Flexbox برای طراحی الگوهای عالی که در هر دستگاهی کار می کنند
مبانی معنایی HTML
...

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

آنچه در این دوره گنجانده شده است:

دارایی‌های طراحی قابل دانلود از ابتدا تا انتها برای هر روز
ویدیوهای با کیفیت HD، یافتن و ارجاع آسان
راهنمای گام به گام برای هر موضوع در HTML CSS

اگر با اصول اولیه HTML CSS آشنایی ندارید، می توانید دوره دیگر من در این مبحث را تماشا کنید، برای کسب اطلاعات بیشتر به اینجا بازگردید.

اگر از قبل می دانید HTML چیست و چگونه می توانید یک الگوی ساده ایجاد کنید، دریغ نکنید و به دوره من بپیوندید. امیدوارم لذت ببرید و یاد بگیرید!!

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

مقدمه Introduction

مقدمه Introduction

روز اول: محتوای خود را سازماندهی کنید Day 1: Organize your content

جداول در HTML (قسمت 1) Tables in HTML (Part 1)
جداول در HTML (قسمت 2) Tables in HTML (Part 2)
لیست های HTML HTML Lists
ایجاد منو با استفاده از لیست ها Create Menu Using Lists

روز 2 Day 2

آی فریم در HTML Iframes in HTML
گرادیان ها (قسمت 1) Gradients (Part 1)
گرادیان ها (قسمت 2) Gradients (Part 2)
نقشه تصویر Image Map

روز 3: جلوه ها و رفتار نمایش در HTML Day 3: Effects & Display Behavior in HTML

نمایش در CSS Display in CSS
طرح بندی فلکس باکس Flexbox Layout
با استفاده از Text Shadow متن های جذاب بسازید Make attractive texts using Text Shadow
جعبه های زیبا با استفاده از Box Shadow Beautiful boxes using Box Shadow

روز چهارم: نحوه استفاده از فونت ها در HTML Day 4: How to use fonts in HTML

فونت - قسمت 1: افزودن فونت به منابع HTML شما Fonts - Part 1 : Adding font to your HTML resources
فونت - قسمت 2: استفاده از خواص فونت Fonts - Part 2 : Using font properties
فونت ها - قسمت 3: کوتاه نویسی فونت Fonts - Part 3 : Font shorthand
فونت ها - قسمت 4: استفاده از فونت های گوگل و آیکون های گوگل Fonts - Part 4 : Using Google Fonts and Google Icons

روز پنجم: نحوه کار با متون در HTML Day 5: How to work with texts in HTML

ترازبندی متن Text Alignment
تزیین متن Text Decoration
فاصله متن Text Spacing

روز ششم: اسناد HTML خوب با استفاده از "عناصر معنایی" Day 6: Well formed HTML documents using "Semantic Elements"

عناصر معنایی - مقدمه Semantic Elements - Introduction
عناصر معنایی - عناصر چیدمان پایه: سرصفحه، پاورقی و کنار Semantic Elements - Basic Layout Elements: header, footer and aside
عناصر معنایی - عناصر چیدمان پیشرفته: بخش، مقاله و اصلی Semantic Elements- Advanced Layout Elements : section, article and main
عناصر معنایی -nav و figure Semantic Elements -nav and figure