آموزش طراحی وب در عمل: 12 پروژه برجسته HTML & CSS

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

مقدمه ای برای دوره Introduction to Course

• آشنایی با HTML و CSS Introduction to HTML and CSS

• تنظیم محیط توسعه Setting Up the Development Environment

پروژه 1: وب سایت نمونه کارها شخصی Project 1: Personal Portfolio Website

• 01 آشنایی با پروژه نمونه کارها 01 . Introduction to Portfolio Project

• 02 پروژه پرتفوی نمونه کارها با HTML CSS قسمت 1 02 . Portfolio Portfolio Project with HTML CSS part 1

• 03 پروژه نمونه کارها نمونه کارها با HTML CSS قسمت 2 03 Portfolio Portfolio Project with HTML CSS part 2

• 04 پروژه نمونه کارها نمونه کارها با HTML CSS قسمت 3 04 Portfolio Portfolio Project with HTML CSS part 3

• 05 پروژه نمونه کارها نمونه کارها با HTML CSS قسمت 4 05 Portfolio Portfolio Project with HTML CSS part 4

پروژه 2: طراحی صفحه فرود Project 2: Landing Page Design

• 01. معرفی به صفحه فرود 01.Introduction to Landing Page

• صفحه 02.Landing با HTML CSS Part-1 02.Landing Page with HTML CSS PART-1

• صفحه 03.Landing با HTML CSS Part-2 03.Landing Page with HTML CSS PART-2

پروژه 3: جدول قیمت گذاری Project 3: Pricing Table

• 01 آشنایی با جدول قیمت گذاری 01 Introduction to Pricing Table

• 02. پروژه جدول قیمت گذاری با HTML CSS 02.Pricing Table Project with HTML CSS

پروژه 4: طرح وبلاگ Project 4: Blog Layout

• 01. معرفی به طرح وبلاگ 01.Introduction to Blog Layout

• 02. پروژه چیدمان blog با HTML CSS Part-1 02.Blog Layout Project with HTML CSS PART-1

• 03. پروژه چیدمان blog با HTML CSS Part-2 03.Blog Layout Project with HTML CSS PART-2

• 04. پروژه چیدمان blog با HTML CSS PART-3 04.Blog Layout Project with HTML CSS PART-3

پروژه 5: UI کارت محصول Project 5: Product Card UI

• 01 معرفی پروژه کارت محصول 01 Product Card Project Introduction

• 02 پروژه کارت محصول با HTML CSS 02 Product Card Project with HTML CSS

پروژه 6: تایمر شمارش معکوس Project 6: Countdown Timer

• 01. مقدمه ای برای شمارش پایین پروژه 01. Introduction to Count Down Project

• 02. پروژه را با HTML CSS حساب کنید 02. Count Down Project with HTML CSS

پروژه 7: صفحه رزومه Project 7: Resume Page

• 01. معرفی صفحه رزومه ساده 01.Introduction to Simple Resume Page

• 02 صفحه رزومه ساده با HTML CSS قسمت 01 02 Simple Resume Page with HTML CSS PART 01

• 03 صفحه رزومه ساده با HTML CSS قسمت 02 03 Simple Resume Page with HTML CSS PART 02

پروژه 8: رابط ماشین حساب Project 8: Calculator Interface

• 01. معرفی پروژه رابط Calculator 01.Calculator Interface Project introduction

• 02.Calculator رابط پروژه HTML CSS 02.Calculator Interface Project HTML CSS

پروژه 9: نوار ناوبری Project 9: Navigation Bar

• 01 مقدمه پروژه نوار ناوبری 01 Introduction to Navigation Bar Project

• 02 پروژه نوار ناوبری با HTML CSS 02 Navigation Bar Project with HTML CSS

پروژه 10: بخش سؤالات متداول تعاملی Project 10: Interactive FAQ Section

• 01. معرفی پروژه سؤالات متداول 01. Introduction of FAQ Project

• 02 پروژه سؤالات متداول با HTML CSS 02. FAQ Project with HTML CSS

پروژه 11: چرخ فلک CSS Project 11: CSS Carousel

• 01-HTML CSS Carousel مقدمه 01-HTML CSS CAROUSEL Introduction

• 02 پروژه چرخ فلک HTML CSS 02 Carousel Project HTML CSS

پروژه 12: فرم ورود Project 12: Login Form

• 01.introduction -برای ورود به سیستم 01.Introduction -to Login Form

• فرم 02.login با HTML CSS 02.Login Form with HTML CSS

چیز بیشتر در مورد طراحی وب More thing more about Web Designing

• بهترین روشها برای طراحی وب Best Practices for Web Design

• نحوه نمایش پروژه ها در یک نمونه کارها How to Showcase Projects in a Portfolio

• مراحل بعدی برای پیشرفت در توسعه وب Next Steps to Advance in Web Development