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

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例一、设计和制作计算机系部网站 一、案例整体目标及要求 （一）案例目的 通过实践项目培养我们的动手能力，提高网页制作能力和水平，灵活运用HTML+CSS+DIV、JavaScript技术，学新的知识，案例的主题是百合婚纱店网站。 （二）案例要求 网页以百合婚纱店网站为主题，采用HTML+CSS+DIV、table来网页布局，它大致分为5个模块。大体结构是上、左、右，网页的head部分和left部分是不动的。right部分来显示不同页面的内容。 二、案例解决方案 效果图: ①首先看到的是婚纱店首页，然后是网站的主题馆，可以链接到详细信息。 截图效果：首页的爆款专区 = 2 \* GB3 ② 关键代码如下： div id=hzz div id=zhz div id=xh1 div id=bao爆款专区/div div id=hun婚纱nbsp;nbsp;nbsp;nbsp;礼服nbsp;nbsp;nbsp;nbsp; 男士礼服nbsp;nbsp;nbsp;nbsp;配饰 nbsp;nbsp;nbsp;nbsp;彩妆nbsp; nbsp;nbsp;nbsp;旗袍nbsp;nbsp;nbsp;nbsp; 花童装nbsp;nbsp;nbsp;nbsp;摄影器材nbsp; nbsp;nbsp;nbsp;珠宝首饰 /div/div div id=h1qimg src=images/cc.jpg /div div id=h2qimg src=images/ccc.jpg //div div id=h3qimg src=images/m.jpg //div div id=h4qimg src=images/vh.jpg //div /div div id=yhz div id=xh2div id=bao优惠专区/div/div div id=a1 div id=a2 div id=xh3div id=dw最浪漫的选择/div/div div id=xh4div id=xxhimg src=images/mm.jpg //divdiv id=xxh2上海巴黎婚纱让您览无遗的幸福美丽，在这儿一！仅需1999元 /div/div /divdiv id=dddd/divdiv id=a2 div id=xh5div id=dw最浪漫的选择/div/div div id=xh6div id=xxh1img src=images/xxh.jpg //divdiv id=xxh3一般寓意爱情永恒，以及那定格瞬间的美丽。仅需1999元 /div/div /div/div /div/div div id=v1div id=bao1本店介绍/div div id=hun1婚纱nbsp;nbsp;nbsp;nbsp;礼服nbsp;nbsp;nbsp;nbsp; 男士礼服nbsp;nbsp;nbsp;nbsp;配饰 nbsp;nbsp;nbsp;nbsp;彩妆nbsp; nbsp;nbsp;nbsp;旗袍nbsp;nbsp;nbsp;nbsp; 花童装nbsp;nbsp;nbsp;nbsp;摄影器材nbsp; nbsp;nbsp;nbsp;珠宝首饰 /div/div 效果截图： 关键代码如下： div id=v1div id=bao1本店介绍/div div id=hun1婚纱nbsp;nbsp;nbsp;nbsp;礼服nbsp;nbsp;nbsp;nbsp; 男士礼服nbsp;nbsp;nbsp;nbsp;配饰 nbsp;nbsp;nbsp;nbsp;彩妆nbsp; nbsp;nbsp;nbsp;旗袍nbsp;nbsp;nbsp;nbsp; 花童装nbsp;nbsp;nbsp;nbsp;摄影器材nbsp; nbsp;nbsp;nbsp;珠宝首饰 /div/div div id=yh1 img src=images/dddddddd1.jpg / /div/div div id=v2div id=bao2本店介绍span id=bb2祝福墙/span/div /div div id=bb div id=bb1div id=bb3img src=images/