آموزش خلق شگفتی‌ها با HTML5 - آخرین آپدیت

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

حتماً قبل از ثبت‌نام در دوره بررسی کنید! Make sure to review BEFORE enrolling in the course!

• حتماً قبل از ثبت‌نام در دوره بررسی کنید! Make sure to review BEFORE enrolling in the course!

مقدمه Introduction

• این دوره چگونه ساخته شد How This Course Was Created

• شبکه جهانی وب (W3) چیست What is the World Wide Web W3

• زبان HTML چیست What is HTML HyperText Markup Language

• مسیر پیشروی در دوره How will the course proceed

ویرایشگرها Editors

• مایکروسافت نوت‌پد (Notepad) Microsoft Notepad

• نوت‌پد پلاس پلاس (Notepad++) Notepad++

• ویژوال استودیو کد (VS Code) Visual Studio Code

آشنایی با HTML Introduction to HTML

• HTML برای چه کاری استفاده می‌شود What is HTML HyperText Markup Language used for

• یک سند ساده HTML A Simple HTML Document

• المان HTML چیست؟ What is an HTML element?

• مرورگرهای اینترنت Internet Browsers

• ساختار صفحه HTML HTML Page Structure

اطلاعات پایه Basic Information

• عناوین (Headings) در HTML HTML Headings

• پاراگراف‌ها در HTML HTML Paragraphs

• لینک‌ها در HTML HTML Links

• تصاویر در HTML HTML Images

• فایل‌های صوتی در HTML HTML Audio

• ویدیوها در HTML HTML Videos

• تگ <hr> <hr> Tag

• تگ <br> <br> Tag

قالب‌بندی متن Text Formatting

• المان‌های قالب‌بندی HTML HTML Formatting Elements

• تگ‌های <b> و <strong> <b> and <strong> Tags

• تگ‌های <i> و <em> <i> and <em> Tags

• تگ <small> <small> Tag

• تگ <mark> <mark> Tag

• تگ <del> <del> Tag

• تگ <ins> <ins> Tag

• تگ <sub> <sub> Tag

• تگ <sup> <sup> Tag

استایل‌ها Styles

• ویژگی استایل (Style Attribute) در HTML HTML Style Attribute

• رنگ پس‌زمینه Background Color

• رنگ متن Text Color

• فونت‌ها Fonts

• اندازه متن Text Size

• تراز متن Text Alignment

کامنت‌ها Comments

• تگ کامنت در HTML HTML Comment Tag

لیست‌ها Lists

• لیست‌های بدون ترتیب (Unordered) Unordered HTML Lists

• لیست‌های مرتب (Ordered) Ordered HTML Lists

جداول HTML HTML Tables

• جدول چیست؟ What is a Table?

• نحو (Syntax) جداول HTML HTML Table Syntax

• پروژه: ساختار جدول سطح پایه Application - Basic Level Table Structure

• پروژه: ساختار جدول سطح متوسط Application - Intermediate Level Table Structure

• پروژه: ساختار جدول سطح پیشرفته Application - Advanced Level Table Structure

ساختار فرم‌های HTML HTML Form Structure

• فرم چیست؟ What is a Form?

• چرا باید از فرم‌های HTML استفاده کنیم؟ Why Should You Use HTML Forms?

• نحو (Syntax) فرم‌های HTML HTML Form Syntax

• تگ‌های فرم HTML HTML Form Tags

• تگ <input> <input> Tag

• تگ <textarea> <textarea> Tag

• تگ <label> <label> Tag

• کنترل فیلد رمز عبور Password Field Control

• کنترل فیلد ایمیل Email Field Control

• کنترل دکمه رادیویی (Radio Button) Radio Button Control

• کنترل چک‌باکس (Checkbox) Checkbox Control

• کنترل دکمه ارسال (Submit) Submit Button Control

• تگ <fieldset> <fieldset> Tag

• پروژه: فرم ثبت‌نام Application - Registration Form

HTML پیشرفته Advanced HTML

• درباره HTML پیشرفته About Advanced HTML

• تگ <div> <div> Tag

• تگ <span> <span> Tag

پروژه عملی: پلتفرم دانلود MP3 Application - MP3 Download Platform

• مقدمه پروژه Introduction

• صفحه اصلی: هدر (بخش اول) Home Page - Header (1)

• صفحه اصلی: هدر (بخش دوم) Home Page - Header (2)

• صفحه اصلی: محتوای اصلی (۱) Home Page - Main Content (1)

• صفحه اصلی: محتوای اصلی (۲) Home Page - Main Content (2)

• صفحه اصلی: محتوای اصلی (۳) Home Page - Main Content (3)

• صفحه اصلی: فوتر Home Page - Footer

• نوار ناوبری: تماس با ما Navigation Bar - Contact

• نوار ناوبری: هنرمندان (۱) Navigation Bar - Artists (1)

• نوار ناوبری: هنرمندان (۲) Navigation Bar - Artists (2)

• نوار ناوبری: هنرمندان (۳) Navigation Bar - Artists (3)

• نوار ناوبری: هنرمندان (۴) Navigation Bar - Artists (4)

• نوار ناوبری: تصاویر هنرمندان Navigation Bar - Artists' Images

• نوار ناوبری: پروفایل هنرمندان (۱) Navigation Bar - Artists' Profiles (1)

• نوار ناوبری: پروفایل هنرمندان (۲) Navigation Bar - Artists' Profiles (2)

• نوار ناوبری: پروفایل هنرمندان (۳) Navigation Bar - Artists' Profiles (3)

• نوار ناوبری: پروفایل هنرمندان (۴) Navigation Bar - Artists' Profiles (4)

• نوار ناوبری: پروفایل هنرمندان (۵) Navigation Bar - Artists' Profiles (5)

• نوار ناوبری: پروفایل هنرمندان (۶) Navigation Bar - Artists' Profiles (6)

• نوار ناوبری: پروفایل هنرمندان (۷) Navigation Bar - Artists' Profiles (7)

• نوار ناوبری: پروفایل هنرمندان (۸) Navigation Bar - Artists' Profiles (8)

• پنل‌های دانلود آهنگ (۱) Song Download Panels (1)

• پنل‌های دانلود آهنگ (۲) Song Download Panels (2)

• پنل‌های دانلود آهنگ (۳) Song Download Panels (3)

• پنل‌های دانلود آهنگ (۴) Song Download Panels (4)

• پنل‌های دانلود آهنگ (۵) Song Download Panels (5)

• پنل‌های دانلود آهنگ (۶) Song Download Panels (6)

• پنل‌های دانلود آهنگ (۷) Song Download Panels (7)

• پنل‌های دانلود آهنگ (۸) Song Download Panels (8)

• پنل‌های دانلود آهنگ (۹) Song Download Panels (9)

• پنل‌های دانلود آهنگ (۱۰) Song Download Panels (10)

• پنل‌های دانلود آهنگ (۱۱) Song Download Panels (11)

• پنل‌های دانلود آهنگ (۱۲) Song Download Panels (12)

• پنل‌های دانلود آهنگ (۱۳) Song Download Panels (13)

• نوار ناوبری: ترندها Navigation Bar - Trends

• نوار ناوبری: آهنگ‌های ترکی Navigation Bar - Turkish Songs

• نوار ناوبری: آهنگ‌های خارجی Navigation Bar - Foreign Songs

• نوار ناوبری: آلبوم‌های اخیر [تمرین] Navigation Bar - Recently Added Album [HOMEWORK]

بونوس (ضمیمه) Bonus

• محتوای بونوس Bonus Content