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

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例二十二、清水岩网站 一、案例整体目标及要求 （一）案例目的 flash动画和网页特效等提高学生运用所学的理论知识和技能、最终提升学生开发网站的综合能力。 （二）案例要求 使用CSS+DIV对网页进行布局，通过合资模型设置网页元素的显示效果，以JavaScript特效提升网页动态效果。 二、案例解决方案 1、页面导航 分为清水岩、公司简介、产品一览、新闻中心、联系我们、在线留言、招商加盟七个模块。 效果图： 关键代码： ul lia href=index.htmlspan清水岩/span/a/li lia href=gongsi.html公司简介/a/li lia href=cp.html产品一览/a/li lia href=liebiao.html新闻中心/a/li lia href=lianxi.html联系我们/a/li lia href=liuyan.html在线留言/a/li lia href=wenzhang.html招商加盟/a/li /ul 2、首页 效果图: 3、公司简介 效果图: 关键代码 title清水岩护肤品公司简介/title link href=style/css.css rel=stylesheet type=text/css / script type=text/javascript src=js/jquery-1.7.2.js/script script type=text/javascript src=js/script.js/script link href=style/style.css rel=stylesheet type=text/css / /head body div class=content div class=head div class=logoimg src=images/logo.jpg //div div class=nav ul lia href=index.htmlspan清水岩/span/a/li lia href=gongsi.html公司简介/a/li lia href=cp.html产品一览/a/li lia href=liebiao.html新闻中心/a/li lia href=lianxi.html联系我们/a/li lia href=liuyan.html在线留言/a/li lia href=wenzhang.html招商加盟/a/li /ul /div div class=n_navbg div class=n_nav a href=#首页nbsp;/a a href=#公司介绍/a /div /div div class=n_cp div class=n_cp_1img src=images/about_03.jpg //div /div /div div class=main div class=box div class=box_left ul lia href=#公司简介/a/li lia href=#品牌发展/a/li lia href=#新闻动态/a/li lia href=#联系我们/a/li lia href=#在线留言/a/li lia href=#招商加盟/a/li /ul /div div class=box_right p河北省石家庄市商贸有限公司/p span河北省石家庄市商贸有限公司专门从事纯天然植物护肤产品的研发、制造、销售，加盟与服务。利用国际img class=box_right_a1 src=images/about_1_03.jpg /尖端的提纯技术，在国内率先将植物成份和植物精油运用于护肤产品在全国以有加盟店二十余家，针对肌肤的老化等问题，依托瑞士尖端生物科技和传承百年的中医精髓护肤配方配合，成全国以有加盟店二十余家，针对肌肤的老化等问题，依托瑞士尖端生物科技和传承百年的中医精髓护肤配方配合，成功研制活细胞护肤系列产品，真正的帮助细胞恢复平衡，提高细胞组织修复与复原能力，彻底解决随着年龄的增长，皮肤出现的暗黄、皱纹、色斑、松弛等问题。凭着卓越的功效和领先的技术，Rinsing Rocke(清水岩)活细胞护肤系列产品赢取了顾img class=box_right_b2 src=images/about_2_