如何在网页制作中将图片设置为滚动

1、素材的准备。为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的是必不可少的；

2、在电脑上找到并且打开Dreamweaver8，重新建立一个网页文件，并且把网页文件保存，且命名为“indexhtml"文件；

3、在完成网页文件保存和命名为“indexhtml"文件以后，切换至代码编辑界面，输入相应的程序代码；

4、新建一CSS样式表文件，并将该文件保存到与“indexhtml”相同的目录下，文件名称为“MyStylecss"；

5、在样式表文件"MyStylecss”文件的完成以后，打开样式表文件"MyStylecss”文件输入相应的程序代码；

6、在网页文件"indexhtml"中添加对该样式表的引用：“”，同时新建一个JS文件，并将该文件另存为“MoveEffectjs"；

7、在JS文件”MoveEffectjs“文件建立完成以后，同样打开JS文件”MoveEffectjs“文件输入程序的代码；

8、完成上述程序运行以后，在主页文件"indexhtml”中添加对该“MoveEffectjs”文件的引用，“”，打开“indexhtml”网页文件即可。

dw做轮播步骤如下：

1、首先打开你的dw，按快捷键ctrl+n创建一个新的网页。

2、点菜单栏上的表格，插入一个表格。

3、在属性栏设置表格的宽和高，这个表格用于添加轮播广告，所以宽和高都要符合我们的广告的宽和高。

4、然后点击插入添加一个可编辑区，这个区域在此例子中没用，只是为了能够保存模板，所以随意加一个即可。

5、点击文件，将该页面存为模板。

6、d出了另存为模板的对话框。

7、我们接着在这个模板中添加轮播广告。将光标放到你想添加广告的表格。选择命令，kaosweaver，advanced random images。

8、d出了对话框，我们设置好action和blidetime两个值得大小。random slideshow就是随机广告，blideshow timer指的是几秒钟切换一个。点击加号添加按钮。

9、选择你要添加的。

10、我添加了两个来示范。

11、点击ok以后我们就回到了模板页。你看不到轮播广告的，因为你需要新建页面来看。按快捷键ctrl+s保存。

12、我们新建一个页面，按快捷键ctrl+n，在d出的新建对话框中选择模板。选择banner轮播模板，这是我们刚才新建的模板。

13、创建了页面以后，我们点击拆分按钮，找到你添加的地方，我们修改一下路径，因为你要在本地测试，所以需要修改到本地的地址。

14、接着按快捷键F12,预览。看看第一幅图是刚打开的效果，一秒后自动切换到了第二幅图。

背景得知PicPick和其他截图软件一样，也有截取滚动窗口，就想去试试，如何使用这个功能。但是试了试，发现和普通的窗口截图效果一样，所以没搞懂这个截取滚动窗口和截取普通窗口，有何区别。解决过程去网上找了一下，有人提到说是，对于截取滚动窗口，是左键点击一下，就可以截取了。但是还是没看懂具体是如何 *** 作。但是经过折腾，终于搞懂了：截取滚动窗口的使用方法PicPick的默认的截取滚动窗口的快捷键是：Ctrl+Alt+PrintScreen。所以，找了一个滚动窗口，比如你去google中搜索关键字，然后打开的网页，右边有个窗口滚动按钮，可以鼠标拖动，实现下拉滚动屏幕的效果。在当前处于滚动窗口的前提下，Ctrl+Alt+PrintScreen，就可以打开PicPick的截取滚动窗口的功能了，其鼠标变成一个小手的样子，小手中间还有个向下的箭头，此时，在滚动窗口中间的任何位置，点击鼠标左键，然后截图软件就会自动地将窗口从你当前窗口的位置，滚动到最底部，然后将此部分页面的内容，截取下来。需要注意的是，我最开始测试此功能的时候，网页右边的垂直滚动条，是已经拉下来到最底部的，所以截取出来的图像，和普通的窗口截图，效果一样，看不到页面滚动到底部的动作效果。而你把页面右边的垂直滚动条拉到上面某个位置，比如最顶部，然后再用滚动截图，点击鼠标左键，就会自动将页面一点点滚动到底部，然后将整个页面的内容都截取下来，很是智能化。总结在截取滚动窗口的时候，先要保证你要截取的当前页面，是那种右边有垂直滚动条的滚动页面，而且垂直滚动条没有已经下来到最底部，而是在最顶端或者中间的某个位置，然后你此时点击当然滚动页面中间的任何一个地方，截图软件都会帮你自动从你当前滚动条的位置，开始向下滚动页面，直至滚动到最低端，然后会把整个页面都截取下来，这就是所谓的滚动截图。 滚动截图的目的问：既然普通的窗口（控件）截图已经可以截图画面了，为何还要弄个滚动截图的功能答：那是为了截图那种整个画面/页面大于整个显示器，而当前只能显示部分页面，但是你想要截取整个画面/页面。此时，就可以利用滚动截图，实现我们要的效果，即截取整个页面的内容。

---