海南计师作业报告.pdfVIP

一、系统需求分析：

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