原创力文档- 1、本文档共40页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
《HTML5 网页设计》期末大作业
题 目： 山水
专 业：
班 级：
姓名
学 号：
姓 名：
时 间：
2
目录
一：需求分析：1
二：详细设计2
css 文件——all.css： 2
1.介绍桂林4
网页运行结果：10
2.介绍桂林景区10
网页运行截图：13
3.介绍桂林的历史13
网页运行结果：16
4. 介绍桂林美食17
网页运行截图：19
5.介绍桂林代表人物19
网页运行结果：22
6.介绍桂林资源22
1
网页运行截图：25
三：课程总结与感想：25
一：需求分析：
1. 功能需求：此网页设计初衷为借助互联网宣传桂林地区的旅游业，能
够打破传统旅游业宣传的局限性，网站涵盖全面介绍，包括景点、人文
历史、自然风光、基础设施建设，是一个完整的旅游网站。借助互联网
宣传，降低单个旅游企业的营销推广费用，为桂林旅游业提供新的机遇
以及提高桂林的知名度，为桂林旅游业做出创新性发展。
2. 软件需求：HBuilder
HBuilder 是 Dcloud 推出的一款支持 Html5 和 Web 开发 IDE.HBuilder 的
编写用到了 Java、c、Web 和 Ruby。HBuilder 本身主体是由 Java 编写，
它基于 Eclipse，所以顺其自然地兼容了Eclipse 的插件。
快，是 HBuilder 的最大优势，通过完整的语法提示和代码输入法、代码
块等，大幅提升 HTML、js、CSS 的开发效率。是学习网页设计的入门软
件。
2
3. 使用说明：
1.进入首页查看桂林简介，并有五个界面个可点击链接，可感觉自己像
浏览相应的部分进行点击方可查看。
2.桂林介绍分六板块（景点、美食、文化、人物、历史、建设、学校、
自然）
景点部分为桂林全貌视频＋简介
美食为介绍桂林美食的图片
文化部分为介绍桂林当地特色民族传承并配有相应图片
人物部分为当地名人
历史部分为当地自古至今的历史全解
自然部分为介绍当地矿物资源、自然资源、动物资源、植物资源
建设部分为当地特色建筑并配有图片
学校部分为当地著名大学
3.桂林经济部分全面阐述了当地经济发展现状
4.行政区域为桂林市行政区划图
5.图片部分为桂林精美选图
3
二：详细设计
此次作业，我做了我喜欢的城市桂林，希望通过我的介绍，能够有
更多的人喜欢这座城市。这个网页总共有六个子页面，包含了首页桂林
简介，以及一些必须打卡的景点，当地的特色的美食，历史文化等。
css 文件——all.css：
ul,li{list-style:none;}
a{text-decoration:none;color;black;}
#focus{
width:100%;
height:400px;}
#focus .box{
width:100%px;
height:400px;
margin:0px auto;
overflow:hidden;
position:relative;}
#focus .box-1 ul{padding:0px;margin:0px;}
4
#focus .box-1 ul li{
width:100%px;
height:400px;
positi
文档评论（0）