آموزش طراحی وب پاسخگو: HTML5 + CSS3 برای کارآفرینان 2018

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

بیایید کمی HTML 5 یاد بگیریم Lets Learn Some HTML 5

• براکت: ویرایشگر متن انتخابی ما Brackets: Our Text Editor of Choice

• براکت دانلود Brackets Download

• بیایید کدگذاری کنیم! اولین سند HTML ما توضیح داده شد Let's Code! Our First HTML Document Explained

• اولین کد منبع HTML Doc First HTML Doc Source Code

• تگ های اصلی HTML Basic HTML Tags

• کد منبع تگ های HTML پایه Basic HTML Tags Source Code

• ویژگی های تصویر و پیوند Image Attributes & Link

• ویژگی های تصویر و کد منبع پیوند Image Attributes & Link Source Code

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

• کد منبع قالب بندی HTML HTML Formatting Source Code

• نقل قول ها و نقل قول ها Citations & Quotations

• کد منبع عناصر نقل قول ها و نقل قول ها Citations & Quotations Elements Source Code

• نظرات Comments

• پروژه جدید و چالش یک New Project & Challenge One

• بیشتر در پیوندها More on Links

• اطلاعات بیشتر در مورد کد منبع پیوندها More on Links Source Code

• تصاویر Images

• لیست ها Lists

• کد منبع را فهرست می کند Lists Source Code

• جداول Tables

• کد منبع جداول Tables Source Code

• Divs & Spans - بلوک های ساختمانی مهم Divs & Spans - Important Building Blocks

• شناسه ها و کلاس ها ID's and Classes

• کد منبع شناسه و کلاس ها ID's and Classes Source Code

• بلوک های ساختمانی و چیدمان Building Blocks & Layout

• فرم های ساده HTML Simple HTML Forms

• کد منبع فرم های HTML ساده Simple HTML Forms Source Code

• کنوانسیون ها و نکات HTML5 HTML5 Conventions and Tips

• عناصر HTML5 HTML5 Elements

بیایید کمی HTML 5 یاد بگیریم Lets Learn Some HTML 5

• براکت: ویرایشگر متن انتخابی ما Brackets: Our Text Editor of Choice

• براکت دانلود Brackets Download

• بیایید کدگذاری کنیم! اولین سند HTML ما توضیح داده شد Let's Code! Our First HTML Document Explained

• اولین کد منبع HTML Doc First HTML Doc Source Code

• تگ های اصلی HTML Basic HTML Tags

• کد منبع تگ های HTML پایه Basic HTML Tags Source Code

• ویژگی های تصویر و پیوند Image Attributes & Link

• ویژگی های تصویر و کد منبع پیوند Image Attributes & Link Source Code

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

• کد منبع قالب بندی HTML HTML Formatting Source Code

• نقل قول ها و نقل قول ها Citations & Quotations

• کد منبع عناصر نقل قول ها و نقل قول ها Citations & Quotations Elements Source Code

• نظرات Comments

• پروژه جدید و چالش یک New Project & Challenge One

• بیشتر در پیوندها More on Links

• اطلاعات بیشتر در مورد کد منبع پیوندها More on Links Source Code

• تصاویر Images

• لیست ها Lists

• کد منبع را فهرست می کند Lists Source Code

• جداول Tables

• کد منبع جداول Tables Source Code

• Divs & Spans - بلوک های ساختمانی مهم Divs & Spans - Important Building Blocks

• شناسه ها و کلاس ها ID's and Classes

• کد منبع شناسه و کلاس ها ID's and Classes Source Code

• بلوک های ساختمانی و چیدمان Building Blocks & Layout

• فرم های ساده HTML Simple HTML Forms

• کد منبع فرم های HTML ساده Simple HTML Forms Source Code

• کنوانسیون ها و نکات HTML5 HTML5 Conventions and Tips

• عناصر HTML5 HTML5 Elements

CSS3 و پروژه اول CSS3 & First Project

• مقدمه ای بر CSS Introduction to CSS

• CSS خود را کجا قرار دهیم Where To Put Our CSS

• نحو Syntax

• مقدمه ای بر انتخابگرها Introduction to Selectors

• انتخابگرهای کلاس و گروه بندی Classes & Grouping Selectors

• رنگ های پس زمینه و تصاویر Background Colors & Images

• مدل جعبه CSS The CSS Box Model

• Inforgraph مدل جعبه Box Model Inforgraph

CSS3 و پروژه اول CSS3 & First Project

• مقدمه ای بر CSS Introduction to CSS

• CSS خود را کجا قرار دهیم Where To Put Our CSS

• نحو Syntax

• مقدمه ای بر انتخابگرها Introduction to Selectors

• انتخابگرهای کلاس و گروه بندی Classes & Grouping Selectors

• رنگ های پس زمینه و تصاویر Background Colors & Images

• مدل جعبه CSS The CSS Box Model

• Inforgraph مدل جعبه Box Model Inforgraph

پروژه: وب سایت صفحه فرود عالی PROJECT: Awesome Landing Page Website

• کد منبع پروژه Project Source Code

• دانلودهای تصویر هدر Header Image Downloads

• <header> HTML5 <header> HTML5

• اولین راه اندازی وب سایت First Website Setup

• مرکز <div>، شناور، و استایل منو Center <div>, Floating, & Menu Styling

• بخش ویژگی Feature Section

• چالش: رفع مشکل فاصله CHALLENGE: Fix The Spacing Issue

• چالش: راه حل CHALLENGE: Solution

• اضافه کردن دکمه پخش Adding The Play Button

• ایجاد و استایل دادن به فرم Creating & Styling A Form

• عنوان ویژگی Feature Title

• ستون های ویژه Featured Collumns

• 2 راه اندازی ستون 2 Column Setup

• ویترین یک Showcase One

• چالش: تکثیر بخش 2 ستونی CHALLENGE: Duplicating 2 Column Section

• چالش: راه حل CHALLENGE: Solution

• فراخوانی برای اقدام Call To Action

• بخش فرم HTML HTML For Form Section

• یک ظاهر طراحی شده به فرم Styling The Form

• پاورقی اجتماعی Social Footer

• کپی رایت Copyright

پروژه: وب سایت صفحه فرود عالی PROJECT: Awesome Landing Page Website

• کد منبع پروژه Project Source Code

• دانلودهای تصویر هدر Header Image Downloads

• <header> HTML5 <header> HTML5

• اولین راه اندازی وب سایت First Website Setup

• مرکز <div>، شناور، و استایل منو Center <div>, Floating, & Menu Styling

• بخش ویژگی Feature Section

• چالش: رفع مشکل فاصله CHALLENGE: Fix The Spacing Issue

• چالش: راه حل CHALLENGE: Solution

• اضافه کردن دکمه پخش Adding The Play Button

• ایجاد و استایل دادن به فرم Creating & Styling A Form

• عنوان ویژگی Feature Title

• ستون های ویژه Featured Collumns

• 2 راه اندازی ستون 2 Column Setup

• ویترین یک Showcase One

• چالش: تکثیر بخش 2 ستونی CHALLENGE: Duplicating 2 Column Section

• چالش: راه حل CHALLENGE: Solution

• فراخوانی برای اقدام Call To Action

• بخش فرم HTML HTML For Form Section

• یک ظاهر طراحی شده به فرم Styling The Form

• پاورقی اجتماعی Social Footer

• کپی رایت Copyright