实验1-1
（一）实验目的
熟悉网站的基本风格与风格特点
（二）实验工具
1、网络设备（互联网/其他终端连接设备）
2、计算机设备
3、系统编辑工具（work、画图工具）
（三）实验内容
上网访问10个国内外的商务网站，寻找可以体现网站主题的代表性词语，了解网站的主题与网站的整体风格，主题与风格的搭配。
（四）实验结果
一、 游戏网站
游民星空（http://www.gamersky.com/）
游民星空是一个国内知名的游戏网站，提供网络游戏，电脑单机游戏，电视游戏的最新游戏资讯、游戏攻略和下载等。“进入游戏”体现了网站的主题，游戏导航清晰，网站以黑色为主色调，以黄色的关键字为标题，主题突出鲜明，让人一看就是游戏专业网站。首页设置人性化，各个板块分门别类，冷暖色搭配合理，编排合理，查看方便；而且免去了注册回复等步骤即可下载，或发表评论。网站编辑也较为活跃，游戏新闻及相关的技术性资讯它以游戏资源丰富而吸引游戏网民关注。
游侠网（http://www.ali213.net/）
游侠网是国内游戏信息介绍与评论为主的，“游侠网已与几乎所有厂商和媒体形成了良好的合作关系，网站上也开设了专区，及时发布最新信息。“资讯”体现了网站主题以白色为背景，“游侠网”鲜明的标题字体引人注目，导航没有那么明确，让人一看以为是游戏网站，实质是游戏信息网站。网站伊始介绍游戏辅助标题，下面标题框内介绍游戏的类型和游戏名称以26个字母分类。游戏的各个板块就是介绍各类型游戏的信息，以红色鲜明的字体为大标题引人注意，游侠网的网页动画设计、各种活动策划在网站内都卓越的成效。文字、图形、动画搭配，冲击受众视觉。网站宣传与主题有些不协调。
二、 网上书店
亚马逊
（http://www.amazon.cn/%E5%9B%BE%E4%B9%A6/b/ref=topnav_storetab_b?ie=UTF8&node=658390051）
亚马逊网性质是基本的网上书店。中英文结合的网站图标代表网站的形象，“图书”体现网站主题，导航突出，在搜索框内输入要寻找的书籍就可以了，以白色为背景色，蓝色字体搭配协调。网站简洁的排版，在网站左边排列书的类型，关注书籍排列网站中间，让人一目了然，主题与风格搭配协调，让人一看就知道这是一个网上书城。
当当网（http://book.dangdang.com/）
当当网是全球最大的中文网上图书音像商城，以中文及拼音为网站图形，网站分类明确，“全球最大的中文网上书店”体现了网站主题，导航清晰，色调五彩缤纷、搭配协调，主题突出，模块排列明细清晰。白色的背景色，加以五彩字体及图片结合，字体鲜明，让顾客注意关注。主题与风格搭配具有东方人简洁明了的习惯，让人清晰可辨。网站宣传与主题相符。
三、 旅游网站
携程旅行网（http://www.ctrip.com/）
携程旅行网提供酒店预定、机票预订、度假预订、商旅管理、高铁代购以及旅游资讯在内的全方位旅行服务。网站以蓝黄色的海豚和中文结合，明确的表达了网站形象，“旅游目的地”代表词体现了现在主题，蓝色的导航栏为顾客提供了格式服务，主题鲜明突出，整体色调以白色为主、和蓝色相间，协调有致。以简单排列顾客需求和各地不同日期机票价格，网站简洁明了，提供相应服务尽显其中，各板块合理搭配，不多余，服务分类仔细。体现了风格与主题相符。
艺龙旅行网（http://www.elong.com/）
艺龙旅行网是中国领先的在线旅行服务提供商，为消费者提供酒店、机票和度假等全方位的旅行产品预订服务。网站主题标志展示了企业文化、价值等形象，“酒店团购”词句体现网站主题，导航简单清楚，整体色调以白色为主，与其他颜色搭配协调，网站清晰明亮。网站以简单的布局、明亮的字体陈列其功能，用突出的字眼表达，服务分类详细，网站宣传与主题有些不一致，搭配有些不协调。
四、 知名企业
联想（http://www.lenovo.com.cn/）
联想的主题是计算机，通过标题这些链接都是计算机方面的信息。整个网页都是围绕着计算机这一主题，无论是个人及家庭用户、成长型企业等都是强调这一主题，十分的突出了自己的主题。页面整洁配以靓丽的图片，使得整体色调十分协调。这一类的大型企业的导航都是十分的清晰的。 以大字体和鲜艳字体吸引网民眼球，用图片来说明网站要表达的信息，简单易懂，与主题搭配协调。
戴尔（http://www.dell.com.cn/）
戴尔致力于倾听客户需求，提供客户所信赖和注重的创新技术与服务的直销电脑网。网站的标志图形体现了企业的文化价值、形象等，用图片作为导航，清晰大体，突出了主题。在设计上采用简单的图片排列，图片显示需要了解的内容，内容明确，简单易懂。色彩鲜明，符合人们审美观。网站宣传与主题相符，让人一看就知道它是一个电脑直销网站。
五、 证劵网站
华泰证劵（http://www.htsc.com.cn/htzq/index/index.html）
华泰证劵是股票投资理财网站。网站图形体现了网站的责任形象，网站名称体现了网站主题，导航中规中矩，整体色调协调，主题突出鲜明，用FLASH图片诠释网站信息。让网民更方便了解信息，蓝色为主色调更加突出网站意韵，用简单直白的图片说明。网站宣传与网站主题有些不相符，有些让人误解。
国海证劵（http://www.ghzq.com.cn/ghzq/index.html）
国海证劵是证劵投资、理财、交易等综合服务公网站。网站标识体现了网站主题，网站图形体现了企业文化、责任等信息，蓝色大字体的导航清晰大体，色调简洁明亮，色彩搭配合理，主题突出，网站采用FLASH图片与文字信息结合宣传网站主体信息，风格体现与主题相符。
实验1-2
（一） 实验目的
比较网页布局的方法，了解页面排版特点
（二） 实验工具
1、网络设备（互联网/其他终端连接设备）
2、计算机设备
3、系统编辑工具（work、画图工具）
（三）实验内容
在网上找出4种不同版面布局的网站结构形式，并从消费者的角度比较这些网站版面布局之间的优势和劣势。
（四）实验结果
国字型布局
中国政府网（http://www.gov.cn/）
网站上面的是标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。
优势：介绍的内容丰富多样，易于让消费者寻找到自己需要的信息。信息的完整性，有利于浏览者连接到寻找的相关信息资源。网站清晰、整体性好，使人浏览起来心情愉快。
劣势：字体小，不易寻找。采用了颜色各异，风格不同的图片、文字、动画，使页面五彩缤纷，严重干扰了浏览，获取信息很困难。页面太满、太堵，没有给读者一点空间。
“三”型布局
亚马逊
（http://www.amazon.cn/%E5%9B%BE%E4%B9%A6/b/ref=topnav_storetab_b?ie=UTF8&node=658390051）
三栏布局网站布主要是把页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。
优势：突出自己的特色，突出自己的优势，方便浏览者获取信息。布局规范化，条理化，受众浏览起来更加有效率，有力的提升网站的形象。布局部分与整体相统一，给到访者整体美的效应、有生气。整齐与平衡，满足人们的视觉上的整体的平衡感。
劣势：网站主页色彩过于简单，字体色彩突出，没有美感，浏览者心情受影响。字体小，不易与浏览着寻找信息。整体形象粗糙，冷冰冰的，毫无生气，无法给到访者留下深
刻的印象。
FLASH型布局
万宝路
（http://www.marlboroclassics.valentinofashiongroup.com/index.html）
Flash引导页是企业网站的第一窗口，决定客户对企业文化第一印象认知度的关键页面，页面的布局和页面风格的设定，对网站整体定位起着决定性的作用。在设计风格上体现企业的行业特点与个性突出的特色，做到卓尔不群。
优势：FLASH形象是浏览者访问网站所看到的第一张纯粹展示企业形象的页面，该页面使用FLASH可以实现声、光的动感技术，突出展示企业的标志性形象或品牌形象，给访客以视觉冲击力，建立对网站和企业良好的第一印象。整个FLASH短片在风格上清新明快，符合最新审美观，用流行元素渲染企业文化、经营理念和个性，制作精细，张驰有度，让
到访者对网站和企业有一个最初步的认识。内容上着重展示企业logo、公司名称、公司服务与产品等信息，让到访者了解企业形象与实力。
劣势：页面的漂亮而不顾受众的使用的不方便。采用这种技术或者动画，造成浏览上由于受带宽的限制而非常的慢。将按钮溶入到页面的动画中去，倒是比较漂亮了，整体感强了。但是受众有时候却找不到按钮，造成困难。
封面型
acer（http://www.acer.com.tw/ac/zh/TW/content/home）
封面型网站布局的网页结构常常很简单，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。
优势：内容较少，富有变化和清晰的视觉效果给到访者一个美的感觉。
合理的安排，使页面达到平衡，给人留下广阔的思考空间，给人回味。网页上的各种信息的表达统一到网站综合形象的整体里面来，给人留下深刻的独特的形象。突出自己网站的优势，发挥自己的网站的特点，给浏览着清晰的视觉冲击。完美的图形设计，形式上要丰富有条理，使页面更丰富，更有生气，看起来就不感到枯燥。
劣势：网站将按钮溶入到页面的图片中去，倒是比较漂亮了，整体感强了。但是受众有时候却找不到按钮，造成困难。图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡，会失去美感，没有给受众美的视觉。
因篇幅问题不能全部显示，请点此查看更多更全内容