در این آموزش تصویری با نحوه ایجاد یک رویداد شمارش معکوس با استفاده از HTML و Javascript آشنا می شوید.

این دوره آموزشی محصول موسسه Lynda است.

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

  • طراحی شمارش معکوس
  • لینک کردن به فایل های JavaScript
  • اضافه کردن نشانه گذاری ها در HTML
  • ظاهر طراحی شده در HTML
  • سفارشی کردن پلاگین
  • سفارشی کردن HTML injection
  • اصلاح برچسب در فایل پلاگین
  • و…

عنوان دوره: Lynda Design the Web: Creating an Event Countdown
سطح: متوسط
مدت زمان: 58 دقیقه
نویسنده: Chris Converse


A countdown timer is a great way to increase anticipation for a product launch or announcement on your website. In this installment of Design the Web, Chris Converse shows how to add an elegant and responsive countdown using a free jQuery plugin. By customizing the injected HTML from the plugin, and styling the results with CSS, your countdown will work across various time zones, act responsively, and look perfectly integrated into your site. The exercise files—which include a copy of the jQuery Countdown plugin—are free for all members, so get started now.

2m 1s
Introduction to this course
About the exercise files
1m 5s
1. Activating and Styling Your Countdown
29m 36s
Linking to the necessary JavaScript files
2m 49s
Adding the base HTML markup
2m 15s
Styling the base markup
3m 36s
Styling the headings
3m 23s
Activating the countdown plugin
8m 39s
Styling the injected HTML from the plugin
5m 23s
Making the countdown responsive
3m 31s
2. Customizing the Plugin Behavior
6m 52s
Customizing the counter and HTML injection
4m 38s
Modifying the labels in the plugin file
2m 14s

حجم فایل: 137MB