静态网页制作（Dreamweaver） 静态网页制作（Dreamweaver） 企业案例17.docVIP

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例十七、游戏网站 一、案例整体目标及要求 （一）案例目的 通过通过案例培养学生的动手能力，提高网页制作能力和水平，灵活运用HTML+CSS+DIV、JavaScript技术，本案例的主题是游戏网站。 （二）案例要求 网页以游戏界面为主题，采用HTML+CSS+DIV、table来网页布局，它大致分为5个模块。大体结构是上、中、下，网页的head部分和结尾部分是不动的。 二、案例解决方案 1、head部分 分为主页、关于、网络日志、图库、联系我们等个6模块。 效果图： 2、首页 效果图: 《1》首先看到的是3张醒目带有轮播特效的图片。 《2》下面显示则是找到的一些比较火的游戏任务使用无缝滚动的图片。（利用js脚本，将图片放到表格中，实现图片滚动的效果）。 关键代码如下： div id=top class=callbacks_container ul class=rslides id=slider3 li img class=img-responsive src=images/1.jpg alt= /li li img class=img-responsive src=images/2.jpg alt= /li li img class=img-responsive src=images/1.jpg alt= /li /ul /div /div div class=col-md-9 g-views ul id=flexiselDemo3 li div class=biseller-column img src=images/s1.jpg/ /div /li li div class=biseller-column a class=lightbox href=#goofy img src=images/s2.jpg/ /li li div class=biseller-column a class=lightbox href=#goofy img src=images/s3.jpg/ /li li div class=biseller-column a class=lightbox href=#goofy img src=images/s1.jpg/ /li li div class=biseller-column a class=lightbox href=#goofy img src=images/s2.jpg/ /li li div class=biseller-column a class=lightbox href=#goofy img src=images/s1.jpg/ /li li div class=biseller-column a class=lightbox href=#goofy img src=images/s2.jpg/ /li /ul 效果截 = 3 \* GB3 ③底部则显示的是版权信息及邮箱。（在版权信息后面加入了超链接邮箱可以直接发送邮件） 关键代码： h3关于我们/h3 p当一个人玩游戏的时候，他玩的是什么？ 流行的答案是“寂寞”。而根据罗切斯特大学的研究，游戏之所以让人上瘾是因为它满足了人的心理需要。不管是寂寞论还是心理论，根本上都是说，