电子商务网站建设与维护
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

模块三:制作实务

一、如何收集网站上的素材

1.文字素材的收集

网站上有大量的文字,有时需要将其收集起来,成为电子商务网站制作的素材。那么如何收集呢?成熟的网站制作人员必会的方法有两种:

一种是复制粘贴的方法。就像 Word 软件使用一样,把网上需要的文字选中、复制之后,再粘贴到Word文档中。这是最简便、最常用的方法。

另一种是先编辑再复制的方法。有的网站为了保护自己的文字不被他人复制,采用了防复制的代码。对这类网页,只要将其调入DreamWeaver等网页制作工具中进行编辑,然后再复制即可。

2.图片素材的收集

网站上有大量的图片,有的可以直接使用,有的则需要修改后才能使用,还有的供制作时参照。如何下载网页上的图片呢?必须掌握的方法有两种:

一种是单一图片文件下载。将鼠标移至网页的图片上,单击鼠标右键,选择“图片另存为”即可。这是最常用的方法,其最大的特点是便捷。

另一种是批量下载页面上所有图片。首先进入IE临时文件夹,清空该目录中全部文件,然后打开欲下载图片的网页,该网页中所有图片均会自动下载到IE临时文件夹中;之后,再将所有图片文件选中,复制到自行指定的目录中即可。

友情提醒

IE临时文件夹在哪里?依下列步骤即可找到:打开IE浏览器,单击“工具”→Internet选项→浏览历史记录→设置→查看文件。

3.动画素材的收集

网页上的动画一般有两种格式:一种是GIF格式;另一种是Flash格式。对于GIF格式的动画,可以直接通过单击鼠标右键另存的方法实现动画的下载。对于 Flash 格式的动画则不能直接下载,这与上文中批量下载页面上所有图片方法完全相同,即打开网页时,网页上所有的图片、Flash动画等全部下载到了IE临时文件夹,只需要将所有Flash文件复制到指定的文件夹中即可完成Flash文件的批量下载。

二、如何将整个页面存成图片

在实际学习网页制作过程中,通常需要参照各类网页,集思广益,形成自己的网页制作思路。对网上浏览时遇到的优秀配色方案、精美版式,需要及时以图片格式保存下来。但由于网页长度往往超过一屏,无法使用传统的复制屏幕的方式保存,也不能使用一般的抓图软件实现,以下两种方法是网络公司最常用的两大抓图“特技”。

1.通过专用抓图工具SnagIt实现

在众多的抓图工具中,SnagIt 不但功能强大,而且设计了专门针对网页抓图的功能,特别是针对超长网页的抓图,极其方便。其操作步骤如下:

(1)打开目标网页,启动SnagIt,进入抓图界面,如图1.6所示。

图1.6 SnagIt抓图界面

(2)在基本捕获配置文件中选择“滚动窗口(网页)”。

(3)单击“捕获”按钮,位置在右下角,即右下角的大红色按钮。

(4)SnagIt 自动关闭,出现先前打开的浏览器窗口;当红框出现后,在网页的左上角单击,光标改变形状后,将光标下移至屏幕最底端,屏幕将自动滚动至网页尾部,此时单击鼠标右键,结束图像捕捉。

(5)图像捕获后,软件自动进入SnagIt捕获预览窗口,单击工具栏中“另存为”将网页存储到硬盘中。注意最好选择JPG格式。

2.通过流行的遨游浏览器来实现

计算机系统默认的浏览器是IE浏览器,目前火狐狸、遨游等浏览器以其功能强大、简便易用而广泛使用在计算机上。遨游浏览器(华军软件园有最新版本供免费下载)与其他浏览器相比有一项突出的功能,该浏览器能够把网页以图片的形式保存下来,具体操作方法如下:

(1)启动浏览器,打开欲保存为图片的网页。

(2)单击浏览器右侧“屏幕截图”,打开截图功能菜单,单击“截图选项”设置,确定保存路径、保存格式,一般保存格式为JPG格式,保存路径可以自行设置目录。

(3)根据需要进行截图,如需要将整个网页保存为图片,则单击菜单“当前页面截图”,其组合键为“Ctrl+F2”。