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

Creating Responsive Landing Pages in Photoshop and CSS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: در این آموزش فتوشاپ و CSS ، شما می آموزید که چگونه یک صفحه فرود پاسخگو طراحی و توسعه دهید. نرم افزار مورد نیاز: Adobe Photoshop CC 2014، Sublime Text 2. در این آموزش فتوشاپ و CSS ، شما می آموزید که چگونه یک صفحه فرود پاسخگو طراحی و توسعه دهید. ما ابتدا از فتوشاپ برای طراحی ماکت استفاده خواهیم کرد ، بسیاری از عناصر صفحه های خود را که در محصول نهایی استفاده می شود ، ایجاد می کنیم. سپس ما طرح خود را صادر می کنیم و شروع به کد نویسی وب سایت پاسخگو خود می کنیم. ما HTML و CSS خود را بر اساس چارچوب پاسخگویی بنیاد قرار می دهیم تا صفحه را زنده کنیم. با پایان این آموزش فتوشاپ و CSS ، بسیاری از فاکتورهای مهم را می فهمید که یک صفحه فرود عالی را ایجاد می کنند. نرم افزار مورد نیاز: Adobe Photoshop CC 2014 ، Sublime Text 2.

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

مقدمه و بررسی اجمالی پروژه 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

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد Respondive Landing Pages در Photoshop و CSS
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 18m
19
Pluralsight (پلورال سایت) pluralsight-small
01 اسفند 1393 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
114
4.5 از 5
دارد
دارد
دارد
Gary Simon

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gary Simon Gary Simon

توسعه دهنده و مدرس Full Stack

  • توسعه دهنده Full Stack برای نزدیک به 2 دهه.
  • به عنوان یک مربی برای Pluralsight، LinkedIn/Lynda.com و Envato Network کار کرد

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.