100:00:00,000 --> 00:00:00,770200:0

1
00:00:00,000 --> 00:00:00,770


2
00:00:00,780 --> 00:00:03,682
One of the main new features, to Captivate 8, that really sets it

3
00:00:03,692 --> 00:00:05,502
apart from prior versions of Captivate,

4
00:00:05,512 --> 00:00:08,290
is your ability to create responsive projects.

5
00:00:08,300 --> 00:00:11,720
What I mean by responsive project, is you're going to have a single slide.

6
00:00:11,730 --> 00:00:14,474
And you can add elements to that slide, you'll choose if the

7
00:00:14,484 --> 00:00:18,410
elements appear, on a computer, a tablet, and even a mobile device.

8
00:00:18,420 --> 00:00:19,837
This gives you a lot of control, over the

9
00:00:19,848 --> 00:00:23,330
learner's environment, as they're going through your particular training.

10
00:00:23,340 --> 00:00:25,369
If you have learners accessing your training on a variety

11
00:00:25,380 --> 00:00:28,950
of devices, then a responsive project is right for you.

12
00:00:28,960 --> 00:00:31,000
From the main Adobe project picker, all you have

13
00:00:31,010 --> 00:00:33,840
to do to get started, is click on Responsive Project.

14
00:00:33,850 --> 00:00:37,320
And Captivate's going to automatically set up, the responsive environment.

15
00:00:37,330 --> 00:00:38,700
In order for us to preview a few of the

16
00:00:38,710 --> 00:00:42,110
responsive elements however, we're not going to start with a blank project.

17
00:00:42,120 --> 00:00:44,030
We're going to use one of Adobe's samples.

18
00:00:44,040 --> 00:00:46,595
By clicking on the Sample Project button, in the upper right-hand

19
00:00:46,605 --> 00:00:51,140
corner, and then we're going to select Picture Perfect, and click Open.

20
00:00:51,150 --> 00:00:53,639
Now, the Picture Perfect project, is a responsive project

21
00:00:53,649 --> 00:00:55,942
and because it's a responsive project, there's a few

22
00:00:55,952 --> 00:00:57,804
other things that we have, that will allow us

23
00:00:57,814 --> 00:01:01,020
to preview, how it's going to look on different devices.

24
00:01:01,030 --> 00:01:02,790
Right away, this opened up to the Mobile view.

25
00:01:02,800 --> 00:01:05,319
At the top of the screen I can see this gold bar, and this

26
00:01:05,330 --> 00:01:08,899
gold bar is showing me, that the mobile view will be 360 pixels wide.

27
00:01:08,910 --> 00:01:11,338
I also have the ability to click on the Tablet icons, to

28
00:01:11,348 --> 00:01:14,770
see how this particular slide, will show up on a tablet device.

29
00:01:14,780 --> 00:01:17,844
And finally I can click on the Desktop icon, to see what it would

30
00:01:17,854 --> 00:01:22,740
look at 1024 pixels, or how this slide would appear, on a desktop computer.

31
00:01:22,750 --> 00:01:24,756
You notice as I move between these three different

32
00:01:24,766 --> 00:01:27,649
areas, that the color of top of the screen changes.

33
00:01:27,660 --> 00:01:28,910
One thing I'd like to point out, is

34
00:01:28,920 --> 00:01:31,520
as we're previewing, and working with responsive design.

35
00:01:31,530 --> 00:01:33,314
You may see part of the images, that hang off,

36
00:01:33,324 --> 00:01:35,970
of what's actually going to be shown to the end user.

37
00:01:35,980 --> 00:01:40,699
When I'm in this Preview mode, only what's directly below this gold bar will show up.

38
00:01:40,710 --> 00:01:42,954
That means that these buttons on the right-hand side, in

39
00:01:42,964 --> 00:01:46,270
this extra background, will not be visible to the end user.

40
00:01:46,280 --> 00:01:48,339
In the next video, we'll go and take a look at how we can

41
00:01:48,350 --> 00:01:50,500
start customizing our responsive environment, as well

42
00:01:50,510 --> 00:02:00,510
as adding some responsive elements, within our design.

結果 (中文) 1:

100:00:00，000--> 00:00:00，770200:00:00，780--> 00:00:03，682其中一个主要的新功能，为吸引 8 人，这真的将其设置300:00:03，692--> 00:00:05，502除了先前版本的视频，400:00:05，512--> 00:00:08，290是你的能力来创建响应的项目。500:00:08，300--> 00： 00： 11，720意思反应的项目，是你要有一张幻灯片。600： 00： 11，730--> 00： 00： 14，474可以将元素添加到该幻灯片，你会选择如果700： 00： 14，484--> 00： 00： 18，410元素显示在一台电脑、 平板电脑，甚至移动设备上。800： 00： 18，420--> 00： 00： 19，837这给你大量的控制，超过900： 00： 19，848--> 00： 00： 23，330学习者的环境，他们会通过你的特别培训。1000： 00： 23，340--> 00:00:25，369如果您有访问训练上各种各样的学习者1100： 00： 25，380--> 00:00:28，950设备，然后反应的项目是适合你的。1200： 00： 28，960--> 00： 00： 31，000你们都是主要的 Adobe 项目选择器从1300： 00： 31，010--> 00： 00： 33，840开始得做，是在符合要求的项目上单击。1400： 00： 33，850--> 00： 00： 37，320视频手机的要自动设置响应环境。1500： 00： 37，330--> 00： 00： 38，700为了让我们若要预览的几1600： 00： 38，710--> 110 00： 00： 42反应元件然而，我们不打算入手一个空白的项目。1700： 00： 42，120--> 00： 00： 44，030我们要使用 adobe 公司的样本之一。1800： 00： 44 040--> 00： 00： 46，595通过点击中上部右侧的示例项目按钮1900： 00： 46，605--> 00： 00： 51，140角落里，然后我们要去选择完美的图片，然后单击打开。2000： 00： 51，150--> 00： 00： 53，639现在，图片完美的项目，是一个敏感的项目2100： 00： 53 649--> 00： 00： 55，942而且因为它是一个敏感的项目，有几个2200： 00： 55，952--> 00： 00： 57，804我们有其他事情，这将使我们2300： 00： 57 814--> 00:01:01，020若要预览，它打算怎样看在不同的设备上。2400:01:01 030--> 00:01:02，790马上，这开启了移动视图。2500:01:02，800--> 00:01:05，319在屏幕的顶部可以看到，在这根金条，而这2600:01:05，330--> 00:01:08，899金条向我表明移动视图将 360 像素宽。2700:01:08 910--> 00： 01： 11，338我也有能力对平板电脑图标，点击2800： 01： 11，348--> 00： 01： 14，770请参阅此特定的幻灯片，将显示显示在平板设备。2900： 01： 14，780--> 00： 01： 17，844最后我可以点击桌面的图标，它将会3000:01:17 854--> 00： 01： 22，740看 1024年像素为单位），或者此幻灯片会出现，在桌面计算机上。3100： 01： 22，750--> 00： 01： 24，756您注意到当我这些三种不同之间移动3200:01:24 766--> 00： 01： 27，649区域，屏幕顶部的颜色会变化。3300： 01： 27，660--> 00:01:28，910一件事，我想指出的那样，是3400： 01： 28，920--> 00： 01： 31，520作为我们预览，并与快速响应设计工作。3500： 01： 31，530--> 00:01:33，314您可能会看到图像，挂在的部分3600:01:33，324--> 00:01:35，970什么是实际要显示给最终用户。3700:01:35，980--> 00:01:40，699在此预览模式下时，只是这根金条的正下方将显示。3800:01:40，710--> 00:01:42，954这意味着，在这些按钮的右边，3900:01:42 964--> 00:01:46，270这个额外的背景下，不会对最终用户可见。4000： 01： 46，280--> 00： 01： 48，339在下一个视频中，我们会去和看看我们如何才能4100： 01： 48，350--> 00:01:50，500开始自定义我们反应的环境，以及4200:01:50，510--> 00:02:00，510作为添加一些敏感的元素，在我们的设计中。

結果 (中文) 3:

1
00:00: 00000——> 00:00:00770


2
00:00:00780——> 00:00:03682
其中一个主要的新功能，吸引8，让它

3
00:00:03692——> 00:00:05502
除了吸引以前的版本，

4
00:00:05512——> 00:00:08290
是你创造响应项目的能力
。
5
00:00:08300——> 00:00:11720
我所说的“敏感的项目，就是你要有一个单一的幻灯片。

6
00：00:11730——> 00:00:14474
你可以到幻灯片添加元素，你会选择

7
00:00:14484——> 00:00:18410
元素出现，在电脑，平板电脑，甚至移动设备。

8
00:00:18420——> 00:00:19837
这给你很多的控制，在

9
00:00:19848——> 00:00:23330
学习的环境，他们会通过你的特别培训。

10
00:00:23340——> 00:00：25369
如果你有学习者访问各种

11
00:00:25380——> 00:00:28950
设备你的训练，然后响应的项目，你是正确的。

12
00:00:28960——> 00:00:31000
主要从Adobe项目选择器，你所有的

13
00:00:31010——> 00:00:33840
做开始，在响应项目点击。

14
00:00:33850——> 00:00:37320
和Captivate会自动设置，顺应环境。

15
00:00:37330——> 00:00:38700
为了我们预览的几个

16
00:00:38710——> 00:00:42110
响应元件，然而，我们不打算从空白项目。

17
00:00:42120——> 00:00:44030
我们要使用一个Adobe的样品。

18
00:00:44040——> 00:00:46595
通过点击样本项目”按钮，在右上

19
00:00:46605——> 00:00:51140
角，然后我们去选择完美的照片，然后单击“打开”。

20
00:00:51150——> 00:00:53639
现在，图片完美的项目，是一个敏感的项目

21
00:00:53649——> 00:00:55942
，因为它是一个敏感的项目，有一些

22
00:00:55952——> 00:00:57804
其他的事情，我们有，那将使我们

23
00:00:57814——> 00:01:01020
预览，它将如何看待不同的设备。

24
00:01:01030——> 00:01:02790
吧，这开辟了移动视图。

25
00:01:02800——> 00:01:05319
在屏幕上我可以看到这根金条，这

26
00:01:05330——> 00:01:08899
金条是显示我，该移动视图将360像素宽。

27
00:01:08910——> 00:01:11338
我也要点击平板电脑图标的能力，以

28
00:01:11348——> 00:01:14770
看到这个特殊的幻灯片，将在平板设备上显示出来。

29
00:01:14780——> 00:01:17844
最后我可以点击桌面上的图标，看看它会

30
00:01:17854——> 00:01:22740
看1024像素，或是这张幻灯片会出现，在桌面计算机上。

31
00:01:22750——> 00:01:24756
你注意到我把这三个不同的

32之间
00:01:24766——> 00:01:27649
地区，，屏幕上方的颜色变化。

33
00:01:27660——> 00:01:28910
一件我想指出的那样，是

34
00:01:28920——> 00:01:31520
我们预览，和响应的设计工作。

35
00:01：31530——> 00:01:33314
你可以看到图像的一部分，那挂了，

36
00:01:33324——> 00:01:35970
什么实际上会显示给最终用户。

37
00:01:35980——> 00:01:40699
当我在这个预览模式，只有直接在这根金条将显示。

38
00:01:40710——> 00:01:42954
，意味着这些按钮的右边，在

39
00:01:42964——> 00:01：46270
这额外的背景，将不可见的最终用户。

40
00:01:46280——> 00:01:48339
在接下来的视频中，我们会去看看如何可以

41
00:01:48350——> 00:01:50500
开始定制我们的反应环境看，以及

42
00:01:50510——> 00:02:00510
添加一些响应元件，在我们的设计。