静态网页制作（Dreamweaver） 静态网页制作（Dreamweaver） 教学案例1.docx

教学案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 教学案例一、赏析各种类型网站 网站可以分成多种类型，分类方法也有多种。根据网站的用途分类，有门户网站（综合网站）、行业网站、娱乐网站等；根据网站的持有者分类，有个人网站、商业网站、政府网站等；根据网站的商业目的分类，有营利型网站和非营利型网站等。 鉴赏一个网站，我们一般从以下两个方面着手，一 是网站的主题，所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。第二 是网站的首页。所谓网站的首页，是指打开一个网站后看到的第一页。 1. 赏析综合性门户网站（/） 综合性门户网站资源比较丰富，内容比较综合。其中新浪网作为中国互联网门户网站的领航者，是中国网民上网冲浪的首选 门户网站。新浪网站首页如图1-25所示。 新浪网站首页的布局：典型的 “国”字形布局，整体设置大方得体，具有门户风范。 网站首页风格：典型的实用主义风格，从页面上的分割上可以很明确地感到这一点。除了左侧的要目提示和顶端的导航条使用了新浪的标志性黄色以外，其他的板块均未使用抢眼的色彩，整体风格明朗化，给人实在的感觉。 图1-25 综合性门户网站 2. 赏析电子商务型网站（/） 随着国内Internet使用人数的增加，利用Internet进行网络购物的消费方式已渐流行，市场份额也在迅速增长，电子商务网站也层出不穷，其中， 淘宝网的发展成为成功的典范。 淘宝电子商务网站首页如图1-26所示。 淘宝网页面布局：从页面布局来分析，页面顶部是主导航栏，左右两侧是二级导航条、登录区、有哪些信誉好的足球投注网站区等，中间是主内容区，底部是友情链接及版权信息。 淘宝网站风格：整体风格给人充满活力又不失稳重、严谨、可靠。色彩运用以橙色为主色调，是令人振奋的色彩，很容易感染浏览者的情绪，提升浏览者的购买欲望。 图1-26 商务类网站 3. 赏析校园系部信息网站（/） 校园网是各种类型网络中一大分支，有着非常广泛的应用，并且在门户网站在各个领域的影响作用日益增强，每个学校、系部都应该有自己精彩的门户网站，随着时代的进步，信息的社会化，学校作为教育的前沿地带，校园系部信息网站的建设有着重要的意义。某学院计算机系网站首页效果图，如图1-27所示： 该系部网站首页的整体布局为：“上、中、下”三个大版块，中间主体版块又分为“左、右”两个版块。 该网站风格定位：以蓝色为主色调，通过调整单一色彩的饱和度和透明度使得主体蓝色产生变化的方式，在蓝色中搭配白色，增加了网站视觉的层次感，给人以清新、爽朗的感觉。 图1-27 某学院计算机系网站首页效果图 学习网站建设，从一开始就要学会登录不同类型网站学习优秀网页设计，为学习制作网站奠定基础。