昆明理工大学网页设计实训报告

《昆明理工大学网页设计实训报告》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、计算机基础操作实验报告实训成绩批阅教师日期实训报告课程名称多媒体技术专业班级电信1311学号2013118504111学生姓名杨幼周指导教师殷群2016年12月16日1网页设计与制作一.网页设计方向及内容的选定我的家乡位于云南省昆明市，这是一个四季如春，天空蔚蓝的城市，并且昆明有历史文化古迹，有特色鲜明的城市地标，还有美味可口的独特美食。所以我选择昆明作为网页的主体内容，通过介绍昆明的概况，首先让旅行者有个初步认识，然后通过昆明的美食，地标，历史等依次介绍昆明的旅游优势。希望通过该网页设计能够大体的反映出昆明的特点，并且为旅行者提供一个旅行的参考。二.网页设计

2、中网站的风格选择通过搜集相关资料，网页设计的风格分类大概可分为以下几类。1.时尚类适用于精品、时尚、饭店旅馆、服饰、婚纱…等产业。需要特别注重视觉效果的行业别。时尚风格类型的设计特色呈现出简约、精致、高质感。线条的运用上大致用弧度表现，比较少使用线条。另外照片的运用上建议使用高解析度、饱和度高、鲜明对比色为主，较能表现出高质感的感觉。2.科技类顾名思义，此类型一般适用于高科技、机械、电子、多媒体…等产业。科技类型大多使用大量动画特效、多媒体音效及线条并结合主打商品或服务，来传达企业之高科技技术和专业度。3.商业类商业网站制作适用于任何类型的企业，为目前最多数类

3、型的网站。此类型网站的风格偏向简单且网站主题明确为主，不做过度华丽的版面设计或使用过多的动画，以增加网站浏览速度进而提高搜寻排名。4.古典风商用于企业形象或主要商品风格偏向中国风或欧洲古典风的企业。这种类型的网站设计将以复古风格结合的花纹底图或图腾效果来表现柔美复古感。若是属于中国风的网站，通常在设计上会使用一些毛笔字和印章烙印的图片来传达中国文化。5.大众风适用于主要客群为年轻族群的企业。因大众风格的网站在设计上会较为活泼有创意，使用大量几何图形构成鲜明活泼的版面，因此在颜色的使用上也会较多元化。6.休闲风适用于休闲农场、观光景点、户外餐厅…等企业。此类型的

4、网页设计大多会使用户外的素材，如蓝天白云、天空、树木、绿地等等…来营造出休闲的风格。2计算机基础操作实验报告7.活泼型适用于主题乐园、童装、学校…等客群以幼童或年轻人为主的企业。根据相关的网站主题，确定相应的风格。我所要设计的网页是介绍旅游为主的地方性网页，所以选用的是“休闲风”的网页设计风格。按照“休闲风”的一些要素，在选择图片上就刻意的选择了一些符合“休闲风”风格的图片。三.网页布局的确定通过搜集相关资料，网页设计的风格分类大概可分为以下几类。1.“国”字型也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站

5、的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。2.拐角型这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。3.标题正文型这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。4.左右框架型这是一种左右为分别两页的框架结构，一般左面是

6、导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。5.上下框架型与上面类似，区别仅仅在于是一种上下分为两页的框架。6.综合框架型上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了3网页设计与制作框架结构。7.封面型这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主

7、页，如果说处理的好，会给人带来赏心悦目的感觉。8.Flash型其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。9.综合变化型即上面几种类型的结合与变化。本次设计选用的结构较为简洁，但是简洁的结构能直观的反应出网页主题，并且方便使用者使用，不存在一些使用复杂的问题。4计算机基础操作实验报告四.多媒体素材的选用网页设计的素材，根据具体的布局，以及所需要表现的内容，根据自己的生活经验和结合网络上的评分，选定了一些特色鲜

8、明的素材。例如小锅米线，昆明桥香园是最