آموزشی ایجاد کردن Content Slider های شامل چندین Panel و Tab با  jQuery / Lynda Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Lynda Create a Sliding Tabbed Panel with jQuery and Dreamweaver
آموزشی ایجاد کردن Content Slider های شامل چندین Panel و Tab با jQuery

  • کاربرد : آموزشی ایجاد کردن Content Slider های شامل چندین Panel و Tab با jQuery
  • نوع فایل : فیلم آموزشی
  • زبان : انگلیسی
  • سیستم عامل : Windows-Mac-Linux-Android-iOS
  • تولید کننده : Lynda
  • سال تولید : 2012

توضیحات

با مشاهده این کورس آموزشی ایجاد کردن Content Slider های شامل چندین Panel و Tab را با استفاده از jQuery خواهید آموخت .

برخی از دروس این مطالب عبارتند از :

آموزش ساخت پانل اصلی ، آموزش افزودن محتوا به Container ها ، آموزش اعمال کردن قوانین CSS بر روی متون و تب ها ، آموزش کاربرد تابع شناسایی بارگذاری کامل صفحه ، آموزش نوشتن اسکریپت های جی کئوری مدیریت کلیک بر روی Tab ها ، آموزش فعال سازی اجرای خودکار Content Slider در زمان اجرای صفحه ، آموزش ایجاد کردن کلاس های سفارشی و . . .

این مجموعه آموزش ویدیویی به همراه فایل های تمرینی و به مدت زمان 1 ساعت و 6 دقیقه در اختیار علاقه مندان قرار می گیرد .

Description

A tabbed panel interface is a classic feature to incorporate in your website design, but they're usually static elements. This course shows how to build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, jQuery, and the tools in Dreamweaver. Author Chris Converse leads you through the process from start to finish, from building the containers to styling the text, tab, and panels, and adding click events to make the tabs interactive. He also shows how to incorporate progressive enhancement techniques, so visitors who don't have JavaScript, for example, can still access the content.
Topics include:
Creating the main panel and tab containers
Adding content to the containers
Adding CSS styles to the text and tabs
Adding the jQuery $(document).ready() function
Assigning click events to the tabs
Setting an autostart on page load
Creating custom graphics for the panels
Assigning custom classes to the HTML elements
Reassigning CSS rules with JavaScript

بخش های فایل

این فایل شامل 26 بخش می باشد که بخش های آن به صورت جداگانه در زیر آمده است.
Row Title Format Size Play Download
01 Introduction
1 01 Previewing the final project 16.57 MB DOWNLOAD
2 02 About the exercise files 3.23 MB DOWNLOAD
3 03 Beginning the project 1.49 MB DOWNLOAD
02 Creating the HTML Containers
4 01 Creating the main panel and the tab containers 12.01 MB DOWNLOAD
5 02 Creating the HTML containers for the tabs 1.70 MB DOWNLOAD
6 03 Creating the HTML containers for the panels 2.89 MB DOWNLOAD
7 04 Adding content to the containers 11.87 MB DOWNLOAD
03 Styling the Tabs and Panels
8 01 Adding CSS styles to the text 27.64 MB DOWNLOAD
9 02 Adding CSS styles to the tabs 14.31 MB DOWNLOAD
10 03 Styling the first and last tabs 20.70 MB DOWNLOAD
11 04 Styling the main container and the panels 12.42 MB DOWNLOAD
04 Writing the JavaScript and jQuery
12 01 Adding the jQuery document ready 5.22 MB DOWNLOAD
13 02 Lining up the panels in a row 8.14 MB DOWNLOAD
14 03 Assigning click events to the tabs 4.28 MB DOWNLOAD
15 04 Animating the panels based on the tab clicked 33.14 MB DOWNLOAD
16 05 Assigning a selected state to the tab clicked 27.97 MB DOWNLOAD
17 06 Setting an autostart on page load 33.91 MB DOWNLOAD
05 Creating Custom Graphics
18 Creating custom graphics for the panels 5.46 MB DOWNLOAD
19 Thumbs 11.00 KB DOWNLOAD
06 Customizing the Panel Styles
20 01 Assigning custom classes to the HTML elements 11.17 MB DOWNLOAD
21 02 Adding CSS rules for the video panel 22.15 MB DOWNLOAD
22 03 Adding CSS rules for remaining panels 27.34 MB DOWNLOAD
07 Adding Progressive Enhancement Techniques
23 01 Removing CSS rules that hide elements 11.32 MB DOWNLOAD
24 02 Reassigning CSS rules with JavaScript 15.96 MB DOWNLOAD
08 Conclusion
25 Where to go from here 16.06 MB DOWNLOAD
09 فایل های تمرینی
26 Ex_Files_Slide_Tab_JaD 3.15 MB DOWNLOAD
شما می توانید مجموعه کامل بخش های این فابل را نیز به صورت مجموعه کامل دریافت نمایید.
اگر شما نسبت به این اثر یا عنوان محق هستید، لطفا از طریق "بخش تماس با ما" با ما تماس بگیرید و برای اطلاعات بیشتر، صفحه قوانین و مقررات را مطالعه نمایید.

دیدگاه کاربران


لطفا در این قسمت فقط نظر شخصی در مورد این عنوان را وارد نمایید و در صورتیکه مشکلی با دانلود یا استفاده از این فایل دارید در صفحه کاربری تیکت ثبت کنید.

بارگزاری