Web网页设计设计报告样文Word格式文档下载.docx
《Web网页设计设计报告样文Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《Web网页设计设计报告样文Word格式文档下载.docx(28页珍藏版)》请在冰豆网上搜索。
5)、整个站点必须有良好的导航系统。
6)、考虑页面与屏幕的分辨率问题。
3、设计报告要求
1)、设计报告要有封面、有页码;
2)、设计报告必须在2011年12月23日提交;
3)、设计报告必须交打印文档。
指导教师签名
年月日
二、指导教师评语:
三、成绩评定
指导教师签名
一、课题名称:
二、设计时间:
2011年12月12日——2011年12月23日
时间安排:
12月12日——12月22日设计、编码
12月23日:
书写设计报告、提交
三、设计环境
硬件:
多媒体机房
软件:
+AspWebServer+Access2003+Flash+PS
四、设计目的:
1、进一步巩固和加深“Web网页设计”课程的基本知识,了解ASP动态网页设计知识在实际中的应用。
2、综合运用“Web网页设计”课程和先修课程的理论及生产实际知识去分析和解决问题,进行的相关训练。
3、学习ASP动态网页设计的一般方法,了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式,培养正确的设计思想和分析问题、解决问题的能力,特别是网站功能规划的能力和实现相关功能的能力。
1)、数据库、表的设计
2)增加模块、修改模块、删除模块的代码编写
4、通过能系统的分析、系统设计、数据库设计和功能的实现等,培养ASP动态网页设计的基本技能。
五、设计要求
1、独立完成课程设计。
2、要求熟练掌握Dreamweaver的操作使用,AspWebServer的安装与配置
3、熟练掌握Access数据库的设计基本方法。
4、站点主题自拟(体育、军事、茶叶、个人站点等)站点风格自行设计、布局简洁美观,站点内容健康详实,站点图片与网页内容贴近主题。
5、文档结构清晰,不得出现中文的文件夹名字以及中文的网页名字
6、所有网页必须给标题命名,整个站点必须有良好的导航系统
六、设计内容与步骤
1、网站的规划与设计
1)网站定位(面向人群,涉及范围)
该网站是一以学校为设计的简易型网站,主要在于能实现对文件的管理与控制,所以它主要面向学院的同时,该网站是由ASP设计的,程序简洁明了易于修改,这就更便于操作者进行管理了,对技术要求不高,另外,本网站的功能在于对文件以及内容进行增加、删除、查找、修改。
能满足学院的基本需求。
2)网站简介
该网站主要是实现网页与数据库的连接从而达到在网页上对数据库里面的内容进行增加、删除、查找、修改。
从而达到对数据库进行网页化管理,使得管理效率更高。
3)网站的栏目规划(总体结构设计)
本网站主要分为三大块;
包括栏目、新闻、用户。
其中用户与栏目基本上相近而新闻在实现添加上要复杂一点,具体如下:
4)网站的数据设计与规划
5)网站的文档结构图
6)网站主要页面及核心代码
生成主页:
<
%@LANGUAGE="
VBSCRIPT"
CODEPAGE="
936"
%>
!
--#Includefile="
"
-->
DOCTYPEhtmlPUBLIC"
-3CTYLE1{
color:
#9900CC;
font-weight:
bold;
font-size:
xx-large;
}
.STYLE4{color:
#9900FF}
body{
background-color:
#00FFCC;
/style>
/head>
body>
tablewidth="
1036"
border="
0"
align="
center"
bgcolor="
#BCFEF4"
>
<
tr>
tdwidth="
1030"
height="
183"
valign="
top"
#00FF99"
pclass="
STYLE1"
imgsrc="
admin/tupian/images/"
width="
1021"
196"
/>
/p>
/td>
/tr>
tdheight="
50"
middle"
objectclassid="
clsid:
D27CDB6E-AE6D-11cf-96B8-0000"
codebase="
99"
46"
paramname="
BGCOLOR"
value="
movie"
admin/flash/"
quality"
high"
embedsrc="
quality="
pluginspage="
type="
application/x-shockwave-flash"
>
/embed>
/object>
108"
490"
943"
517"
223"
rowspan="
3"
217"
250"
formid="
form1"
name="
method="
post"
action="
211"
65"
label>
用户
inputname="
yonghuming"
text"
id="
/label>
43"
密码
mima"
password"
61"
inputtype="
submit"
Submit"
登录"
/table>
/form>
353"
151"
200"
40"
本站首页<
103"
tableheight="
7"
cellspacing="
cellpadding="
95%"
tbody>
--#includefile="
/tbody>
41"
系部动态<
137"
35"
10网络<
114"
td>
347"
38"
11网络<
113"
193"
36"
10多媒体<
142"
37"
11多媒体<
tdalign="
<
45"
1024"
20"
palign="
class="
STYLE13"
四川机电职业技术学院@版权所有地址:
攀枝花市东区马家田路65号邮编:
617000电话:
6251819<
15"
ahref="
target="
_blank"
style2="
style2"
蜀ICP备05006533号<
/a>
/body>
/html>
如此则首页生成了效果如下:
生成栏目管理:
%
ifsession("
logo"
)="
then
("
)
else
-3CTYLE2{
#FF0000;
#99FFCC;
1034"
342"
form"
477"
栏目
name"
Submit2"
增加"
formaction="
320"
1"
#99CC66"
栏目管理<
新闻管理<
用户管理<
新闻添加<