آموزش طراحی وب برای مبتدیان: ساخت وب سایت در HTML و CSS 2023

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

معرفی Introduction

• معرفی Introduction

اطلاعات اولیه و عمومی و نصب Basic and General Info and Installation

• هشدار!!! مهم: ویدیویی که باید تماشا کنید Alert!!! Important: A Must Watch Video

• وب چگونه کار می کند How the Web Works

• ویرایشگرهای متن و نصب چیست؟ What Are Text Editors and Installation

• مرورگر چگونه کار می کند How the Browser Works

اصول نحو و مراحل اول Basics Syntax and First Steps

• نحو پایه HTML HTML Basic Syntax

• عناصر HTML HTML Elements

• سرفصل های HTML HTML Headings

• پاراگراف های HTML HTML Paragraphs

• ویژگی های HTML HTML Attributes

• ویژگی های HTML HTML Attributes

غواصی عمیق تر با اصول HTML و CSS Diving Deeper with HTML and CSS Basics

• قالب بندی HTML HTML Formatting

• نظرات HTML HTML Comments

• معرفی ساده CSS Simple Intro to CSS

• لینک های HTML HTML Links

• تصاویر HTML HTML Images

• ویژگی سبک HTML HTML Style Attribute

• ویژگی سبک HTML HTML Style Attribute

غواصی عمیق تر: جداول، فهرست ها و فرم ها Diving Deeper: Tables, Lists and Forms

• جداول HTML HTML Tables

• لیست های HTML HTML Lists

• آموزش اول (ایجاد منوی ساده) First Training (Creating a Simple Menu)

• فرم های HTML pt.1 HTML Forms pt.1

• 19-HTML Forms pt.2 19-HTML Forms pt.2

• 19-HTML Forms pt.3 19-HTML Forms pt.3

• فرم های HTML pt.4 HTML Forms pt.4

• فهرست Lists

پیشرفت و تکمیل شدن Getting Advanced and Finishing Up

• HTML درون خطی و برچسب های بلوک HTML Inline and Block Tags

• کلاس ها Classes

• شناسه Ids

• اطلاعات بیشتر در مورد سر More about the Head

• موجودیت های HTML HTML Entities

• کلاس ها Classes

شروع کار با CSS Getting Started with CSS

• معرفی و بازبینی CSS Intro and Revision to CSS

• نحو Syntax

• نظرات Comments

• نظرات Comments

رنگ ها Colors

• رنگها pt.1 Colors pt.1

• رنگ pt.2 Colors pt.2

• رنگ ها Colors

پس زمینه ها Backgrounds

• پس زمینه pt.1 Backgrounds pt.1

• پس زمینه pt.2 Backgrounds pt.2

• پس زمینه pt.3 Backgrounds pt.3

• پس زمینه ها Backgrounds

مرز ها Borders

• مرزها pt.1 Borders pt.1

• مرزها pt.2 Borders pt.2

• مرز ها Borders

حاشیه، بالشتک و موارد دیگر Margin, Padding and More

• لبه Margin

• لایه گذاری Padding

• بیشتر در مورد ارتفاع و عرض More about height and width

• مدل جعبه Box Model

• آموزش 2 (ساخت یک فرم ساده) Training 2 (Building a Simple Form)

• عرض و ارتفاع Width and Height

• عرض و ارتفاع Width and Height

طرح کلی Outline

• طرح کلی pt.1 Outline pt.1

• طرح کلی pt.2 Outline pt.2

• طرح کلی Outline

متن Text

• متن pt.1 Text pt.1

• متن pt.2 Text pt.2

• متن pt.3 Text pt.3

• متن Text

فونت ها Fonts

• فونت pt.1 Fonts pt.1

• فونت PT.2 Fonts pt.2

• فونت pt.3 Fonts pt.3

• فونت ها Fonts

نمایش دادن Display

• نمایش pt.1 Display pt.1

• نمایش pt.2 Display pt.2

• نمایش pt.3 Display pt.3

• نمایش دادن Display

موقعیت Position

• موقعیت pt.1 Position pt.1

• موقعیت pt.2 Position pt.2

• موقعیت Position

شاخص Z Z-index

• Z-index pt.1 Z-index pt.1

• Z-index pt.2 Z-index pt.2

• شاخص Z Z-index

سرریز Overflow

• سرریز pt.1 Overflow pt.1

• سرریز pt.2 Overflow pt.2

• سرریز Overflow

کلاس های شبه، عناصر و موارد دیگر Pesudo Classes, Elements and other Stuff

• کلاس های شبه Pseudo Classes

• عناصر شبه Pseudo Elements

• کدورت Opacity

• مکان نما Cursor

• مکان نما Cursor

شناور Float

• Float pt.1 Float pt.1

• شناور pt.2 Float pt.2

Outro Outro

• Outro و از اینجا کجا برویم Outro and Where to Go From Here

سخنرانی های بیشتر: به روز رسانی 2022 More Lectures: Update 2022

• فیلم های Videos

• صدا Sound

• ویدئوهای یوتیوب Youtube Videos