آموزش با استفاده از HTML5 و CSS3

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

مروری سریع بر HTML5 و CSS3 An Accelerated Overview of HTML5 and CSS3

• معرفی Introduction

• اهداف دوره Course Objectives

• مروری بر HTML5 و CSS3 Overview of HTML5 and CSS3

• نمای کلی سناریو Scenario Overview

• خلاصه Summary

برچسب های معنایی Semantic Tags

• معرفی Introduction

• چه چیزی از HTML5 کم است؟ What is Missing from HTML5?

• چرا معناشناسی؟ Why Semantics?

• عناصر معنایی جدید New Semantic Elements

• راه اندازی دمو ویژوال استودیو 2010 DEMO-Setting up Visual Studio 2010

• DEMO-صفحه HTML قدیمی ایجاد کنید DEMO-Create 'old' HTML page

• DEMO-Outline "قدیمی" HTML DEMO-Outline 'old' HTML

• DEMO-Update صفحه با Semantics DEMO-Update Page with Semantics

• DEMO-Outline با HTML5 DEMO-Outline with HTML5

• خلاصه Summary

صدا، تصویر و بوم Audio, Video, and Canvas

• معرفی Introduction

• مروری بر تجربه کاربری Overview of User Experience

• DEMO- یک قالب ساده HTML5 آماده کنید DEMO-Prepare a Simple HTML5 Template

• DEMO-Simple Audio DEMO-Simple Audio

• DEMO-Multiple Audio DEMO-Multiple Audio

• DEMO-Modify Web.Config for Video DEMO-Modify Web.Config for Video

• پخش کننده DEMO-Video DEMO-Video Player

• مبانی DEMO-Canvas DEMO-Canvas Basics

• سناریوی DEMO-Upgrade DEMO-Upgrade Scenario

• خلاصه Summary

ورودی های فرم جدید New Form Inputs

• معرفی Introduction

• مروری بر ورودی های فرم HTML Overview of HTML Form Inputs

• DEMO-Simple فرم HTML DEMO-Simple HTML Form

• ورودی مورد نیاز DEMO DEMO-Required Input

• ویژگی DEMO-Placeholder DEMO-Placeholder Attribute

• ورودی ایمیل آزمایشی DEMO-Email Input

• ورودی DEMO-URL DEMO-URL Input

• برچسب DEMO-Meter DEMO-Meter Tag

• سناریوی DEMO-Upgrade DEMO-Upgrade Scenario

• خلاصه Summary

CSS3 CSS3

• معرفی Introduction

• مروری بر CSS Overview of CSS

• DEMO-Adding CSS3 and How DEMO-Adding CSS3 and How

• DEMO-Fonts DEMO-Fonts

• DEMO-Colors DEMO-Colors

• DEMO-Shadowing DEMO-Shadowing

• گوشه های DEMO-Rounded DEMO-Rounded Corners

• DEMO-Gradients DEMO-Gradients

• DEMO-Transforms DEMO-Transforms

• ورودی های فرم DEMO DEMO-Form Inputs

• خلاصه Summary

تجربه کاربری در چندین مرورگر User Experience Across Multiple Browsers

• معرفی Introduction

• چالش با مرورگرها Challenges with Browsers

• DEMO-Fallbacks DEMO-Fallbacks

• تشخیص ویژگی DEMO DEMO-Feature Detection

• سناریوی DEMO-Usage DEMO-Usage Scenario

• خلاصه Summary