آموزش ساخت وب سایت های مدرن دنیای واقعی واکنش گرا HTML

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

شروع به کار Getting Started

• مقدمه ای بر شروع Introduction to Getting Started

• برنامه درسی دوره Course Curriculum

• نحوه دریافت پیش نیازها How to get Pre - Requisites

• شروع به کار در ویندوز، لینوکس یا مک Getting Started on Windows, Linux or Mac

• چگونه از یک سوال بزرگ بپرسیم How to ask a Great Questions

• سوالات متداول FAQ’s

• کد منبع چیست؟ What is Source code

• مهارت‌های هوش مصنوعی ChatGPT را برای یادگیری دوره خود اضافه کنید Add ChatGPT AI skills for your Course Learning

• بیاموزید Generative AI/Generative AI چیست Learn What is Generative AI / Gen AI

HTML راه اندازی محیط محلی HTML Setting up local Environment

• مقدمه HTML Introduction HTML

• انتخاب ویرایشگر کد Choosing Code Editor

• نصب ویرایشگر کد (متن عالی) Installing Code Editor (Sublime Text)

• نمای کلی یک صفحه وب Overview of a Webpage

• ساختار یک صفحه وب کامل HTML Structure of a Full HTML Webpage

• اول سلام دنیا! صفحه وب First Hello World! Webpage

• خلاصه Summary

HTML پایه HTML Basic

• مقدمه Introduction

• تگ های سرفصل Heading tags

• پاراگراف Paragraph

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

• لیست موارد نامرتب List Items Unordered

• فهرست موارد مرتب شده List Items Ordered

• کلاس ها Classes

• شناسنامه ها IDs

• نظرات Comments

• خلاصه Summary

HTML متوسط HTML Intermediate

• مقدمه Introduction

• تصاویر Images

• فرم ها Forms

• فرم اقدامات Form Actions

• برچسب Br Br tag

• خیمه شب بازی Marquee

• ناحیه متن Text area

• جداول Tables

• پیوندها Links

• نوار ناوبری/منو Navbar / Menu

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

• تگ Div Div tag

• نقشه های گوگل Google Maps

• خلاصه Summary

HTML پیشرفته HTML Advanced

• مقدمه Introduction

• صوتی HTML5 HTML5 Audio

• ویدئوی HTML5 HTML5 Video

• نوار پیشرفت Progress Bar

• کشیدن و رها کردن Drag & Drop

• بوم Canvas

• آی فریم ها Iframes

• انواع ورودی Input Types

• ویژگی های ورودی Input Attributes

• پیوند ویدیوی YouTube YouTube Video Linking

• ایجاد صفحه واکنش گرا Creating Responsive Page

• خلاصه Summary

کارشناس HTML HTML Expert

• مقدمه Introduction

• فرم ثبت نام Registration Form

• فرم ورود Login Form

• فرم درباره ما AboutUs Form

• فرم تماس با ما Contact Us Form

• فرم پاورقی Footer Form

• همه را با هم ادغام کنید Integrate All Together

• تمرین کدنویسی Coding Exercise

• راه حل تمرین کدنویسی Solution for Coding Exercise

• خلاصه Summary

وب سایت خود را به صورت زنده منتشر کنید Publish Your Website for Live

• مقدمه Introduction

• نصب راه حل FTP رایگان (FileZilla) Installing Free FTP Solution (FileZilla)

• راه اندازی FTP (پروتکل انتقال فایل) Setting Up FTP (File Transfer Protocol)

• وب سایت را در سرور میزبانی وب منتشر کنید Publish Website to Hosting Server

• خلاصه Summary

پروژه وب سایت HTML HTML Website Project

• مقدمه Introduction

• چالش - صفحه ساعت HTML 5 با اعداد Challenge – HTML 5 Clock Face with Numbers

• بررسی اجمالی پروژه Project Overview

• نتیجه گیری در مورد پروژه Conclusion on Project

• خلاصه Summary