پیشنهاد فرادرس

آموزش تبدیل PSD به HTML واکنش گرا

دسته بندی ها: آموزش HTML ، آموزش طراحی وب ، آموزش های TutsPlus

آموزش-تبدیل-psd-به-html-واکنش-گرا

یک وب سایت ایده آل حتما باید واکنشگرا (Responcive) باشد.

HTML5 و CSS3 قابلیت هایی دارند که به کمک آنها می توانید طرح هایی ایجاد کنید که روی تمام صفحه نمایش ها به خوبی دیده شوند.

در این دوره آموزشی از موسسه TutsPlus نحوه تبدیل یک طرح PSD به HMTL کاملا واکنشگرا را می آموزید.

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

  • معرفی دوره
  • بررسی طراحی
  • ایجاد یک Index File
  • ساختار کنترل
  • ساختار Feature Section
  • ساختار Portfolio Samples
  • ایجاد یک Stylesheet
  • کار با Typekit و Google Fonts
  • راه اندازی Navigation
  • برگزاری Social Media Icons
  • آماده سازی Featured Icons
  • آماده سازی Portfolio Images
  • بررسی فایل های فتوشاپ
  • تنظیم Feature Section
  • راه اندازی Footer

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

esponsive web design is an essential part of the modern-day web designer's toolkit. If you're looking to learn how to build responsive websites and want to get started with something hands-on, then look no further. In this course you'll learn how to take a portfolio design and build it using responsive techniques, HTML, and CSS.

1.Welcome2 lessons, 07:14 Free Preview 1.1Introduction02:27 Free Preview 1.2Examining the Designs04:47

2.Structuring the Site5 lessons, 47:02 2.1Creating the Index File07:05 2.2Structuring the Navigation11:22 2.3Structuring the Feature Section09:32 2.4Structuring the Portfolio Samples09:23 2.5Structuring the Footer09:40

3.Styling the Site15 lessons, 2:07:48 3.1Creating a Stylesheet05:26 3.2Typekit and Google Fonts11:25 3.3Setting Up the Navigation08:30 3.4Styling the Menu Items05:36 3.5Preparing the Social Icons08:15 3.6Arranging the Social Media Icons05:08 3.7Styling the Body Text09:19 3.8Preparing the Featured Icons06:00 3.9Preparing the Background Image05:21 3.10Styling the Feature Section11:41 3.11Preparing the Portfolio Images09:51 3.12Laying Out the Columns14:15 3.13Styling the Captions09:15 3.14Setting Up the Footer06:08 3.15Styling the Footer Content11:38

4.Making It Responsive6 lessons, 53:12 4.1Reviewing the Photoshop Files02:43 4.2Our First Media Query06:50 4.3Responsive Portfolio Items08:01 4.4Styling the Responsive Menu10:07 4.5Arranging the Feature Section13:15 4.6jQuery Navigation12:16

5.Conclusion1 lesson, 02:22 5.1Final Thoughts02:22

عنوان دوره: TutsPlus – PSD to HTML- The Responsive Portfolio Build حجم فایل: 1.62GB

TutsPlus PSD to HTML The Responsive Portfolio Build

پیشنهاد فرادرس

امین شاکر در 1394/09/30 ساعت 11:31

علاوه بر نظر قبلی بنده
2 ویدیو دیگر هم در این پروژه نمی باشد.
PSD to HTML_ The Responsive Portfolio Build - 3.2
و
PSD to HTML_ The Responsive Portfolio Build - 3.6
سایت خیلی خوبی دارین. واقعا یه کلکسیون خیلی کاملیه ولی حیف اینجور مواردی پیدا میشه در سایتتون.
یکی از اموزشی های ناقص دیگه هم در زمینه php به نام social network می باشد.
خواهشا رسیدگی کنین. این ویدیو ها واقعا آموزشی خیلی خوبی هستن.

ehsan در 1393/04/19 ساعت 10:32

سلام دستتون درد نکنه واسه این اموزش ولی یه راهنمایی میخواستم
از اونجایی تو صدی 99 درصد فیلما اموزش به زبان انگلیسیه لطفا یه کتابی یا فیلمی یا چیزی معرفی کنید تا زبان انگلیسی مونو تقویت کنیم بفهیم چی میگه؟ تو اموزشا