- 1、本文档共29页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
一、系统需求分析:
1、行业分析
网页设计行业日新月异,设计师和开发人员都需要紧跟潮
流。但有些时候,要不断接纳新的潮流有点难,因为每当我们抓
住潮流,潮流又变了。我们能做的只有加快速度,预测下一个趋
势是什么。可惜的是,未卜先知在我们这行不太容易成功,所以
我们不得不依靠分析技能,但好在总会有一些迹象帮我们描绘未
来的蓝图,我们所要做的就是把点点滴滴连结起来。
2、系统需求分析
的智能化,让像个人电脑一样,具有独立的操作
系立的运行空间,可以由用户自行安装软件、游戏、导航
等第服务商提供的程序,并可以通过移动通讯网络来实现无
线网络接入,所以响应式网页必然是一个很大的发展趋势。
3、功能要求
网页要实现响应式布局,响应式布局是EthanMarcotte在
2010年5月份一个概念,简而言之,就是一个能够
兼容多个终端——而不是为每个终端做一个特定的版本。这个概
念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和
更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势
所趋”来形容也不为过。随着越来越多的设计师采用这个技术,我
们不仅看到很多的创新,还看到了一些成形的模式。
4、界面要求
内容齐全,简洁明了。
二、系统设计
1、界面布局设计
通过Bootstrap.css中一些设计好的样式,以及自己定义
的一些css样式进行整体框架的设计,每个页面都有最基本的三
个板块:导航、中间内容以及页脚。
2、数据库结构设计
在大宇服务器建立相应的数据库表,表的每一个数据项与网
页中的量相对应,实现数据库的查找与存取。
3、画功能流程图和模块图
个人主页
首页相册留言板
三、实施
1、环境准备
电脑一台,并且装有DreamweaverCS6或者其他代码编辑
软件。
2、程序设计语言
Html、css、javascript、jquery、php
3、各模块文件名说明
css文件夹存放了bootstrap.css文件以及自己定义的
一些css文件代码。Js文件夹里存放了js文件代码和jq的文
件代码。Img里存放网页中出现的。
4、系统各文件路径说明
首页:大宇服务器web/dtwy/index.heml
资料:大宇服务器web/dziliao/index.heml
相册:大宇服务器web/dxiangce/index.heml
5、各文件代码.(提醒:重要代码必须写注释语句)
!DOCTYPEHTML
html
head
title罗海南的个人主页/title
linkhref=css/bootstrap.cssrel=stylesheet
type=text/cssmedia=all
linkhref=css/style.cssrel=stylesheet
type=text/cssmedia=all/
metaname=viewportcontent=width=device-width,
initial-scale=1
metahttp-equiv=Content-Typecontent=text/html;
charset=utf-8/
metaname=keywordscontent=LadiesResponsiveweb
template,BootstrapWebTemplates,FlatWebTemplates,
AndriodCompatiblewebtemplate,
SmartphoneComp
您可能关注的文档
- 评分心理学高级试卷页n paper 2 hl markscheme.pdf
- 砀山市场控失尿素会方案.pdf
- 文案竣工程说明.pdf
- 高中英语 Unit 5 Music规范训练1 新人教版必修2.doc
- 高中英语 Unit 3 The Million Pound Bank Note Section Ⅱ Learning about Language课时精练 新人教版必修3.doc
- 高中英语 Unit 1 Nothing ventured,nothing gained Period 1 Warming Up,Pre reading&Reading课时精练 新人教版选修10.doc
- 高考地理一轮总复习 必考点专练8 水循环、洋流及其影响(含解析)鲁教版.doc
- 高中英语 Unit 5 Canada“The True North”Section Ⅰ Warming Up Reading课时精练 新人教版必修3.doc
- 高中英语 Unit 4 Learning efficiently单元综合测试 新人教版选修10.doc
- 高考地理一轮总复习 必考点专练7 大气运动、天气与气候(含解析)鲁教版.doc
- 高中英语 Unit 2 King Lear Period 1 Warming Up,Pre reading&Reading课时精练 新人教版选修10.doc
- 高中英语 Unit 1 Cultural Relics规范训练1 新人教版必修2.doc
- 高中英语 Unit 2 Sailing the oceans单元综合测试 新人教版选修9.doc
- 高中英语 Unit 1 Breaking records Period 2 Learning about Language Using Language同步精练 新人教版选修9.doc
- 高考地理一轮总复习 第五单元 第1讲 人口增长与人口问题配套试题(含解析)鲁教版.doc
- 高中英语 Unit 3 The Million Pound Bank Note单元综合测试 新人教版必修3.doc
- 高考地理一轮总复习 阶段回头练一自然地理(含解析)鲁教版.doc
- 高中英语 unit 3 Computers规范训练2 新人教版必修2.doc
- 高中英语 unit 2 The Olympic Games规范训练2 新人教版必修2.doc
- 高考地理二轮复习 专题十四 主要产业农业、工业活动.doc
文档评论(0)