طراحی بنر ریسپانسیو با HTML و CSS

آموزش طراحی وب از صفر تا سطح مقدماتی و ادامه تا سطح متوسط و موارد کاربردی اولیه فتوشاپ در وب ، به صورت عملی و بررسی قسمت های پروژه نهایی در هر قسمت و نهایتاً تکمیل پروژه نهایی با موضوع صفحه وب ریسپانسیوِ وبسایت آموزش ویدئویی .

فيلم كامل آموزش در لينك زير:
https://www.yadgira.com/product/web-design/

سرفصل دوره:
سرفصل آموزش :

مقدمات اولیه شبکه و وب

تعاریف پروتکل شبکه و IP

تعاریف سمت کاربر و سمت سرور Client side / Server side

مقدمات HTML

ساختار HTML

معرفی IDE/Editor

ایجاد اولین صفحه وب و تحلیل آن به کمک Notepad

آشنایی با Notepad++

HTML Head and body tags

Meta tags: keywords, description, charset, author, …

HTML5 tags: header, footer, …

Inline CSS

کار با رنگ ها RGBA, …

انواع CSS

کار با محیط VSCode

کار با جدول Table

ایجاد فرم ورود ریسپانسیو Create responsive login form

ایجاد فرم ثبت نام ریسپانسیو Create responsive register form

Video tag

لیست List

گرادیان Gradient

Box sizing

Border

Margin, Padding

Box/text shadow

Layout

Responsive layout

Flex

Grid

Responsive banner & background picture

طراحی منو ریسپانسیو Responsive menu

Html5shiv.js, respond.js

ایجاد favicon



آموزش چند کاربرد ساده فتوشاپ Photoshop در وب:

مقدمات اولیه گرافیک دیجیتال

معرفی Digital color systems/modes

Create new file

Resize photo

Grayscale

Blur

تغییر رنگ کلی

بهینه سازی تصاویر برای وب Export for web



پروژه طراحی صفحه وب ریسپانسیو Project , create responsive webpage

صفحه وب ریسپانسیو وبسایت آموزش ویدئویی شامل:

Menu, banner, wrapper, product, flex, grid, footer

فيلم كامل آموزش در لينك زير:
https://www.yadgira.com/product/web-design/