商务网页实例项目11课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《商务网页实例项目11课件.pptx》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 商务 网页 实例 项目 11 课件
- 资源描述:
-
1、 内容提要Internet作为广告的载体有着其他媒体无可比拟的优越性,对于商务网站来说,广告更是不可或缺的内容。Internet上的信息浩如烟海,广告必须在最短的时间内抓住浏览者的注意力,否则浏览者很快就会跳过广告信息进入其他链接。心理学研究表明,动态画面比静态画面更具吸引力。本项目介绍的网页特效能增强网页的动感,为网页平添趣味,使网页生动活泼,更加引人注目,从而增加网页的广告效应和网络营销功能。1什么是网页特效网页特效是用网页脚本代码在网页中实现的特殊效果或者特殊功能的一种技术。丰富多彩的网页特效可以为网页增加各种效果。初学者按照说明也很容易成功地为网页添加网页特效。学会添加网页特效的过程也
2、能帮助网页初学者更加了解HTML语言的结构。它一般分为:时间日期类、页面背景类、页面特效类、图形图像类、按钮特效类、鼠标事件类、文本特效类、导航菜单类、页面搜索类、在线测试类、游戏类、综合类等。2实现网页特效的方法要想在网页中实现各种特效,就需要使用脚本语言。常见的网页脚本语言有JavaScript、VBScript等,通过在网页的HTML代码中添加实现相应效果的脚本代码就可以实现网页特效。活动活动1 1 学习网页特效的相关概念学习网页特效的相关概念 本书主要介绍使用JavaScript脚本实现常见的网页特效的方法。JavaScript是一种解释性的,基于对象的脚本语言。HTML网页在互动性方
3、面能力较弱,例如下拉菜单,就是浏览者单击某一菜单项时,自动会出现该菜单项的所有子菜单,用纯HTML网页无法实现;又如验证表单提交信息的有效性,用户名不能为空,密码不能少于6位,邮政编码只能是数字之类,用纯HTML网页也无法实现。要实现这些功能,就需要用到JavaScript。JavaScript是一种脚本语言,比HTML要复杂。不过即便你不懂编程,也不用担心,因为JavaScript写的程序都是以源代码的形式出现的,也就是说你在一个网页里看到一段比较好的JavaScript代码,恰好你也用得上,就可以直接复制,然后放到你的网页中去。正因为可以借鉴、参考优秀网页的代码,所以使JavaScript
4、本身也变得非常受欢迎,从而被广泛应用。原来不懂编程的人,多参考JavaScript示例代码,也能很快上手。JavaScript主要是基于客户端运行的,浏览者点击带有JavaScript的网页,网页里的JavaScript就传到浏览器,由浏览器对此作处理。前面提到的下拉菜单、验证表单有效性等互动性功能,都是在客户端完成的,不需要和Web服务器发生任何数据交换,因此,不会增加Web服务器的负担。几乎所有浏览器都支持JavaScript,如Internet Explorer(IE),Firefox,Netscape,Mozilla,Opera等。因此,在网页设计时可以放心使用JavaScript而不
5、用担心浏览者因浏览器不支持无法浏览网页。1为“贸贸女装网”主页“index.html”添加时间日期特效(1)活动分析在页面上显示当前日期,不但可以对浏览者起到提示作用,还能使网页的功能更加完善。要实现日期特效,必须使用JavaScript提供的日期时间函数,使用innerHTML方法在页面的相应位置显示日期和时间。另外,要使时间和日期能随现实日期时间动态改变,需要添加setInterval函数动态地改变当前时间和日期值。(2)知识讲解时间日期特效的代码及相关说明,见表11-1。活动活动2 2 制作滚动特效和时间日期特效制作滚动特效和时间日期特效 (3)动手操作步骤步骤1 前期准备前期准备打开D
6、reamweaver CS5软件,新建maomaonvzhuang站点,将本书配套资源中的文件夹“项目11素材活动2”中的所有文件及文件夹复制到maomaonvzhuang站点内。步骤步骤2 打开打开index.html页面,拆分单元格页面,拆分单元格1)使用Dreamweaver CS5打开“贸贸女装”网主页“index.html”。2)在“设计”视图中找到“您现在所在的位置”文字所在的单元格,单击鼠标右键,在弹出的快捷菜单中选择“表格”“拆分单元格”,在弹出的“拆分单元格”对话框中设置拆分为2列,如图11-1、图11-2所示。用鼠标拖动适当调整第二列的列宽。步骤步骤3 插入插入Div标签标
7、签1)将光标定位到拆分好的第2个单元格内,选择“插入”“布局对象”“Div标签”,在弹出的“插入Div标签”对话框中设置ID为“time”,如图11-3所示。2)将光标定位到Div内部,在属性面板中设置对齐方式为“居中对齐”。步骤4 添加脚本代码1)切换到代码视图,在标签之前插入下面的用于显示时间日期的showtime()函数脚本代码。2)在标签内添加onload事件,调用前面脚本中的showtime()函数,如下所示。整个脚本代码,如图11-4所示。步骤步骤5 保存测试保存测试保存页面,按键测试特效结果,如图11-5所示。2为“贸贸女装”网主页“index.html”添加滚动特效(1)活动分
8、析滚动特效可以在较小的页面版块中滚动显示较多的文字或图片内容,不但可以节约有限的网页版面,还能使文字和图片有动态的效果,达到吸引用户的目的。滚动特效的实现非常简单,只需在代码窗口中对要设置滚动的文字或图片两端添加和脚本代码即可。(2)知识讲解滚动标记的语法如下:对标记用法的相关说明,见表11-2。在实际应用时,滚动标记的各个参数并不是都需要指定。如果某项参数未指定,浏览器在执行时会使用默认值。(3)动手操作步骤步骤1 打开打开index.html页面,拆分单元格页面,拆分单元格 1)使用Dreamweaver CS5打开“贸贸女装”网主页“index.html”。2)在“设计”视图中找到“请登
9、录 免费注册 帮助中心”文字所在的单元格,单击鼠标右键,在弹出的快捷菜单中选择“表格”“拆分单元格”,在弹出的对话框中设置拆分为2列。用鼠标拖动适当调整第二列的列宽。步骤步骤2 输入文字,添加脚本代码输入文字,添加脚本代码1)将光标定位到拆分好的第1个单元格内,输入需要设置滚动的内容文字“您好,欢迎光临贸贸精品女装网,祝您购物愉快!”。2)切换到代码视图,在刚输入的滚动内容文字两端添加脚本代码,如下所示:整个脚本代码,如图11-6所示。步骤步骤3 保存保存测试测试保存页面,按键测试特效结果,如图11-7所示。互联网作为一个新兴的媒介,日益成为众多商家和企业宣传自身的重要平台,而铺天盖地的广告自
10、然也成为网站利益的重要组成部分。因此,如何制作精美的广告特效,从而吸引人们的注意,是网页设计者必须关注的问题。1活动分析随主页弹出的广告特效的实现方法很简单,思路如下:(1)制作广告页面使用Dreamweaver CS5制作广告页面,广告内容根据需要自行设计。将制作好的广告页面文件保存在站点目录中。(2)打开广告窗口window对象是浏览器对象中的顶级对象,代表了被浏览器打开的页面窗口,一个页面窗口就是一个window对象。运用window对象自身提供的open方法,就可以实现打开新窗口效果。活动活动3 3 制作弹出广告特效制作弹出广告特效(3)实现窗口弹出在打开HTML页面时,如果希望在页面
展开阅读全文