摘要为顺应市场需求，立足高校文化，利用互联网技术来满足大学生生活各方面的需要。本人创意设计了嘻游记网站，该网站定位为面向校内同学提供020服务。本毕业设计首先进行市场调研，开展目标客户群及竞争对手分析，接着确定了网站结构；最后，借助Photoshop>Dreamweaver等工具软件设计实现了网站首页及所有子页面，完成了嘻游记网站前端设计。关键词：嘻邮记；前端设计；网站ThisdocumentisproducedbyfreeversionofPrint2Flash.Visitwww.print2flash.comformoreinformation目录引言.........................................................11设计背景...................................................21.1网站设计背景............................................21.2嘻邮记简介.............................................21.3设计目的................................................22设计需求分析...............................................32.1市场调研分析...........................................32.2目标客户群分析.........................................42.3竞争对手分析...........................................53工具简介...................................................73.1网页设计制作工具-Dreamweaver.....................................................73.2网页图片处理工具-Photoshop.......................................................73.3网页布局美化CSS..............................................................................84网站结构设计...............................................94.1网站结构................................................94.2网站栏目主题介绍.......................................95网站前端页面设计实现......................................105.1首页布局...............................................10ThisdocumentisproducedbyfreeversionofPrint2Flash.Visitwww.print2flash.comformoreinformation5.2首页效果图.............................................105.3LOGO设计..............................................125.4导航栏设计.............................................125.5banner设计............................................135.6其他页面设计制作.......................................14总结.........................................................21致谢.........................................................22参考文献.....................................................23Thisdocumentisproducedbyfreev