《web网页设计课程设计报告.docx》由会员分享,可在线阅读,更多相关《web网页设计课程设计报告.docx(5页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、web网页设计课程设计报告 web开发技术课程设计 学院:工学院 专业:软件工程 班级: 1401 姓名:兰欣 学号: 2022011029 指导教师:姬广永 2022年12月31日 工学院课程设计评审表 web开发技术课程设计任务书 新疆行网站的设计 1设计目的 随着我国经济的迅速发展,人们的生活水平有了显著提高,假日经济和旅游经济已成为人们消费的热点。各地也把旅游业当作本地经济发展的重要支柱之一,从而带动别的经济产业的快速发展。旅游网站也就成为了各旅游胜地和旅行社对外宣传中不可缺少的工具,它的内容对于旅游胜地的宣传和旅游地的项目的开发的决策起着非常重要的作用。新疆拥有丰富的地域优势和民族民
2、俗文化旅游资源,该网站通过首页、新疆简介、风土人情、吃在新疆、路线选择五个页面,文字与图片搭配来介绍新疆旅游。 2网站规划 网站的类型:旅游网站 网站主题:新疆行 网站风格:网站以蓝色为主色调,以白色为辅色,布局简单明了,突出新疆风景秀丽原生态。 使用的技术:Html、Div、CSS、JavaScript、Photoshop 网站栏目:首页、新疆简介、风土人情、吃在新疆、路线选择 网站结构示意图: 3站点首页设计 首页采用导航在主视觉下方的布局,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。在导航条下划分左中右三个内容区,分别用风景与简洁的文
3、字来吸人眼球。在图片的选择上,一是体现出新疆旅游景点的特色,而是与主色调蓝色相呼应,是整体更协调。 网站主页效果图 首先在网上搜集大量的图片和文档进行整理,对进行图像处理,并制作了一些图像,进行保存用于网页设计。用Div对页面进行布局,用CSS对页面进行控制,最后再添加超链接以及特效。 主页源代码 新疆行 首页 新疆简介 风土人情 吃在新疆 路线选择 今日推荐 喀纳斯河 吐鲁番 天山天池 var box =new PPTBox(); box.width =390; /宽度 box.height = 260;/高度 box.autoplayer = 3;/自动播放间隔时间 /box.add(url:图片地址,title:悬浮标题,href:链接地址) box.add(url:images/1.jpg) box.add(url:images/2.jpg) box.add(url:images/3.jpg) box.add(url:images/4.jpg)