《web开发技术》课程设计
学院:工学院
专业:软件工程
班级: 1401
姓名:兰欣
学号: 2014011029
指导教师:姬广永
2015年12月31日
工学院课程设计评审表
《web开发技术》课程设计任务书
新疆行网站的设计
1设计目的
随着我国经济的迅速发展,人们的生活水平有了显著提高,假日经济和旅游经济已成为人们消费的热点。各地也把旅游业当作本地经济发展的重要支柱之一,从而带动别的经济产业的快速发展。旅游网站也就成为了各旅游胜地和旅行社对外宣传中不可缺少的工具,它的内容对于旅游胜地的宣传和旅游地的项目的开发的决策起着非常重要的作用。新疆拥有丰富的地域优势和民族民俗文化旅游资源,该网站通过首页、新疆简介、风土人情、吃在新疆、路线选择五个页面,文字与图片搭配来介绍新疆旅游。
2网站规划
网站的类型:旅游网站
网站主题:新疆行
网站风格:网站以蓝色为主色调,以白色为辅色,布局简单明了,突出新疆风景秀丽原生态。
使用的技术:Html、Div、CSS、JavaScript、Photoshop
网站栏目:首页、新疆简介、风土人情、吃在新疆、路线选择
网站结构示意图:
3站点首页设计
首页采用导航在主视觉下方的布局,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。在导航条下划分左中右三个内容区,分别用风景与简洁的文字来吸人眼球。在图片的选择上,一是体现出新疆旅游景点的特色,而是与主色调蓝色相呼应,是整体更协调。
网站主页效果图
首先在网上搜集大量的图片和文档进行整理,对进行图像处理,并制作了一些图像,进行保存用于网页设计。用Div对页面进行布局,用CSS对页面进行控制,最后再添加超链接以及特效。
主页源代码
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i }
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"})