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

طراحی وب سایت واکنش گرا با HTML5 و CSS3

دسته بندی ها: آموزش CSS ، آموزش HTML ، آموزش طراحی وب ، آموزش های یودمی (Udemy) ، طراحی وب واکنشگرا

امسال سال وب سایت های واکنشگراست(!) و تصمیم داریم آموزشهای زیادی در این زمینه در اختیار شما قرار دهیم.

آرشیو آموزش های طراحی وب واکنشگرا را می توانید در این صفحه مشاهده کنید.

این دوره آموزشی محصول Udemy است و نحوه طراحی وب سایت های واکنشگرا با استفاده از HTML5 و CSS3 را آموزش می دهد.

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

  • آشنایی با فرم ها
  • ساخت یک فرم
  • ساخت یک Sprite  در  Photoshop
  • اتصال فایل FormToEmail.php
  • پیاده سازی کلاس های Pseudo برای Form Inputs
  • آشنایی با Sliders
  • راه اندازی فایل
  • اضافه کردن Caption  به  Sliders
  • سفارشی کردن Slider
  • ساخت یک صفحه با Flexible Video
  • برنامه نویسی Sprite
  • Responsive Images با استفاده از CSS  و  background-image
  • Responsive Images  با استفاده از  JaveScript
  • و ...

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

This course coves advanced responsive web design topics on HTML5 forms with sprite feedback, responsive video and sliders, and using sprites for social media. Additionally, it covers two different ways to deliver different graphics based on screen width, how to use fonts for icons, and lazy loading images for a gallery. We also toss in a unit covering the Add 2 Home capabilities of Apple handheld devices.

Prior to taking this course you should complete the introductory course in this series.

Category: Technology What are the requirements? What am I going to get from this course? What is the target audience? CURRICULUM SECTION 1: HTML5 Forms 1 Introduction to Forms part 1 01:17 Preview 2 Introduction to Forms part 2 20:24 3 Overview of the Completed Page 09:42 4 Progress Bar 03:01 5 Build a Form Part 1 07:23 6 Build a Form Part 2 13:12 7 Style the Form 08:09 8 Building a Sprite in Photoshop 01:49 9 Implementing Pseudo Classes for Form Inputs 09:46 10 Hooking up the FormToEmail.php File 08:17 11 Giving Feedback with the Title Tag on Inputs 03:23 12 View the completed form on SpartanDesignUniversity Text SECTION 2: Sliders and Video 13 Introduction to Sliders 01:41 14 Setup the File 07:57 15 Add a Caption to the Sliders 06:13 16 Customize the Sliders 04:33 17 Overview of a Slider with Thumbnails 01:27 18 Build a Slider with Thumbnails 06:12 19 Overview of Flexible Video 02:22 20 Build a Page with Flexible Video 08:41 21 Overview of Sprites 01:33 22 Creating a Sprite in Photoshop 02:12 23 Coding a Sprite 03:08 24 Styling a Sprite 07:54 25 Additional Options for Styling a Sprite 04:07 26 View the Completed Examples on Spartan Design University Text SECTION 3: Images and Font Graphics 27 Overview of Images and Font Graphics 05:16 28 Responsive Images using CSS and background-image 08:41 29 Responsive Images Using JaveScript 16:45 30 Embedding a Twitter Feed into a Responsive Column 07:50 31 Using Fonts for Social Media Icons 10:28 32 Using Structured Data for your Address and Contact Information 13:44 33 View the Completed Examples on Spartan Design University Text SECTION 4: Lazy Loading & Home Screen Icons 34 Overview of Lazy Loading 02:30 35 Create a Lazy Loading Responsive Gallery with Grey Placeholders 10:19 36 Modifying the Lazy Load Gallery using Greyscale Thumbnails 04:07 37 Implementing an Add To Home script for Mobile Devices 10:28 38 Examples created in this section can be seen on Spartan Design University

عنوان دوره: Udemy - Responsive Web Design with HTML5 and CSS3 By Paul Cheney حجم فایل: 3.05GB

Udemy Responsive Web Design with HTML5 and CSS3 By Paul Cheney

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

afshin در 1394/03/01 ساعت 20:50

سلام.
آقا جون هر کی که دوس دارید قسم میدم که این آموزش رو کامل بزارید.
من این آموزش رو تو یه پکیج از شما گرفتم وقتی باز میکنم هر پوشه 7،8 تا فایل کم داره که اتفاقا مهم ترین قسمت های اون بخش هم هست!
لطفا کامل شدش رو بدون نقص قرار بدید یا اصلا قرار ندید.
منتظر جواب هستم.
ممنون