آموزش ایجاد Respondive Landing Pages در Photoshop و CSS

مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

• مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

ایجاد Respondive Landing Pages در Photoshop و CSS Creating Responsive Landing Pages in Photoshop and CSS

• طراحی پس زمینه Designing the Background

• طراحی سربرگ و عنوان Designing the Header and Headline

• طراحی لپ تاپ Designing a Laptop

• ایجاد یک رابط کاربری گرافیکی خیالی برای لپ تاپ Creating a Fictional GUI for the Laptop

• افزودن آرم های شرکت معتمد Adding Trusted Company Logos

• ایجاد یک تصویر نمادین Creating a Symbolic Illustration

• اتمام تصویر و افزودن نوع Finishing the Illustration and Adding Type

• ایجاد یک تقسیم رنگی و یک بخش ویژگی ها Creating a Colored Divider and a Features Section

• طراحی نمادهای ویژگی Designing the Feature Icons

• پایان دادن به Mockup Design با افزودن یک توصیف نامه Finishing the Mockup Design by Adding a Testimonial

• صادر کردن نمودارها برای HTML و CSS Exporting the Graphics for HTML and CSS

• شروع کار با Foundation و HTML Getting Started with Foundation and HTML

• نوشتن HTML برای بخش گرافیک و ویژگی ها Writing the HTML for the Graphic and Features Section

• نوشتن HTML برای گواهی نامه Writing the HTML for the Testimonial

• نوشتن عنوان CSS و بخش عنوان Writing the CSS Header and the Headline Section

• نوشتن CSS برای آرم های معتبر و بخش گرافیک Writing the CSS for the Trusted Logos and Graphic Section

• نوشتن CSS برای ویژگی ها و توصیفات Writing the CSS for the Features and Testimonials

• نوشتن سeriesالات رسانه CSS Writing the CSS Media Queries