网页制作课程设计文档模板.docx

上传人:b****1 文档编号:2791910 上传时间:2023-05-04 格式:DOCX 页数:39 大小:2.40MB
下载 相关 举报
网页制作课程设计文档模板.docx_第1页
第1页 / 共39页
网页制作课程设计文档模板.docx_第2页
第2页 / 共39页
网页制作课程设计文档模板.docx_第3页
第3页 / 共39页
网页制作课程设计文档模板.docx_第4页
第4页 / 共39页
网页制作课程设计文档模板.docx_第5页
第5页 / 共39页
网页制作课程设计文档模板.docx_第6页
第6页 / 共39页
网页制作课程设计文档模板.docx_第7页
第7页 / 共39页
网页制作课程设计文档模板.docx_第8页
第8页 / 共39页
网页制作课程设计文档模板.docx_第9页
第9页 / 共39页
网页制作课程设计文档模板.docx_第10页
第10页 / 共39页
网页制作课程设计文档模板.docx_第11页
第11页 / 共39页
网页制作课程设计文档模板.docx_第12页
第12页 / 共39页
网页制作课程设计文档模板.docx_第13页
第13页 / 共39页
网页制作课程设计文档模板.docx_第14页
第14页 / 共39页
网页制作课程设计文档模板.docx_第15页
第15页 / 共39页
网页制作课程设计文档模板.docx_第16页
第16页 / 共39页
网页制作课程设计文档模板.docx_第17页
第17页 / 共39页
网页制作课程设计文档模板.docx_第18页
第18页 / 共39页
网页制作课程设计文档模板.docx_第19页
第19页 / 共39页
网页制作课程设计文档模板.docx_第20页
第20页 / 共39页
亲,该文档总共39页,到这儿已超出免费预览范围,如果喜欢就下载吧!
下载资源
资源描述

网页制作课程设计文档模板.docx

《网页制作课程设计文档模板.docx》由会员分享,可在线阅读,更多相关《网页制作课程设计文档模板.docx(39页珍藏版)》请在冰点文库上搜索。

网页制作课程设计文档模板.docx

网页制作课程设计文档模板

 

 

Web编程基础课程设计报告

 

课题名称凯美丽美容机构整站设计

姓名

班级

指导教师

成绩

 

信息技术与工程系

二〇一〇年六月

一、总体设计

1.1网站定位与总体设计

公司企业名称:

凯美丽美容机构

建网目的:

宣传企业形象、提高管理效率、提高经济效益

网站进度要求:

一周

需要的栏目(请根据您的建站需求修改填写以下内容)

一级栏目

二级栏目

栏目功能要求

1.

集团介绍

集团构架

集团理念

集团文化

集团风采

采用自定页面生成系统

2.

量子医学

量子医学详述

本机构对量子医学的应用

使用产品图片展示功能

3.

产品专区

产品图片

产品生产公司

产品用途

产品适用人群及注意事项

使用产品图片展示功能

4.

加盟指南

加盟项目

加盟细则

使用产品图片展示功能

5.

专家在线

专家简介

沟通平台

使用图片展示功能

6.

官方论坛

选用新闻信息发布系统

7.

联系我们

公司地址

联系方式

乘车路线

客户资料

产品/服务图片资料:

客户提供的所有素材包括公司logo和产品服务图片,都刻成光盘形式供设计使用。

网站Banner设计

468*60Gif图片、760*90像素Jpg图片(不限以上格式)

网站风格设计:

1.美观大方2.简洁实用3.粉红浪漫4.红色喜庆5.蓝色魅力6.苹果树下

7.香橙浓郁8.冷色蓝调9.灰色轨迹10.紫色雅致11.黑白搭配12.节日风格

13.绿色清爽14.流行时尚15.古典怀旧(以美观大方为主,其它风格仅供参考)

参考网站

1、

网站制作资料

1、新闻信息发布系统2、产品图片展示功能3、访问统计(计数器)

4、访客留言管理功能5、友情链接管理功能6、投票调查管理功能

7、在线招聘管理功能8、产品在线订单系统9、广告发布管理功能

10、自定栏目管理功能11.数据库在线备份功能12、网站信息设置管理

13、自定页面生成系统14、会员管理系统功能15、模板修改管理功能

16、站内信息检索系统17、文件上传管理功能18、社区论坛管理系统 

选定的功能模块:

1、2、12、13、(请填写选定的功能模块代号)

(各功能模块说明详见)特殊功能要求:

其他设计及制作要求

公司企业简介:

凯美丽美容机构是一家具有国际标准化正式注册的美容机构。

拥有先进的医疗设备,专业的美容服务和行业的最新资讯。

企业公司产品服务内容:

美容护理,出售美容产品

产品/服务图片资料:

客户提供的所有素材包括公司logo和产品服务图片,客户都刻成光盘形式供设计使用。

创意简述

1.该公司是美容机构,整体感觉按照客户提供的需求划分,通过清晰的布局和直观的图片展现方式直接提供给客户。

2.主要采用蓝色魅力的感觉让浏览者感觉到舒适、优雅、美丽而且不失商业特点

3.网站的主图主要是给人感觉优雅美丽,让浏览者体会到行业的直观感受

其他参考资料清单

KML-WD-20071120项目立项打包文件

客户签名

凯美丽美容机构

承接方签名

填表日期

2010年6月20日

1.2网站各栏目说明

画出网站结构,以文字说明各部分的功能。

1、主要分类

首页

集团介绍

量子医学

产品专区

另盟指南

专家在线

官方论坛

功能说明:

作为主要业务进行有效的分类和功能的简单理解。

可使浏览者通过点击快速

1.3网站新增功能或特效

原有网站没有的各类特效,如Flash,特效JS等

如果小组完成的是图片转换为网页的题目,可以补上没有效果图的网页。

二、网站建设

2.1网站进度表安排

编号

工作任务

计划完成时间

完分成百比

负责人

1.

完成首页

6.30

2.

集团介绍

6.27

3.

量子医学

6.25

4.

产品专区

6。

25

5.

加盟指南

6.27

6.

2.2小组分工安排

说明小组每个人所负责的网页。

石晓明本站首页叶德顺集团介绍张嘉鸿量子医学王洁召加盟指南

2.3网站的实现

对整个网页的开发过程,应包括页面的截图,对代码进行说明(包括页面布局div块说明,主要CSS布局代码,其它效果代码等等)

列出未解决的问题。

网页主要分为以下几个逻辑块:

id名

如图所示;

主要代码如下:

1、

HTML代码:

 

滚动公告:

中新网1月1日讯台当局“总统府”今天召开记者会回应胡锦涛对台谈话,肯定大陆对台政策展现新思

 

COPYRIGHT(C)凯美丽美容机构ALLRIGHTSRESERVED.

CSS代码:

--

#footer{

border-top:

6pxsolid#DEDEDE;

margin-top:

260px;

padding:

8px;

background-color:

#EEEEEE;

text-align:

left;

width:

1003px;

height:

50;

}

#container{

margin:

0px;

padding:

0px;

width:

1003px;

height:

40px;

}

#zhong{

background-color:

#F1F3F2;

margin:

0px;

padding:

0px;

width:

1003px;

height:

40px;

background-color:

#F1F3F2;

}

#b{

margin:

0px;

padding:

0px;

text-align:

left;

width:

610px;

position:

relative;

top:

0px;

left:

-197px;

}

#f{

position:

relative;

top:

30px;

left:

-111px;

}

#g{

position:

relative;

top:

0px;

left:

160px;

}

 

#j{

position:

relative;

top:

160px;

left:

-180px;

}

#k{

position:

relative;

top:

-73px;

left:

0px;

}

#l{

position:

relative;

top:

-73px;

left:

-190px;

}

#m{

position:

relative;

top:

-73px;

left:

-190px;

}

#o{

position:

relative;

top:

65px;

left:

0px;

}

#p{

position:

relative;

top:

5px;

left:

100px;

}

#q{

position:

relative;

top:

-52px;

left:

-70px;

}

#y{

background-image:

url(images/fen.jpg);

background-repeat:

repeat-x;

background-position:

leftbottom;

top:

0px;

left:

10px;

text-align:

left;

}

2、

HTML代码:

加盟指南

 当前位置:

首页>>加盟指南

   新闻中心

正文内容:

COPYRIGHT(C)凯美丽美容机构ALLRIGHTSRESERVED.

 

CSS代码:

#tou{text-align:

center;

padding:

0px;

width:

1003px;

height:

0px;

position:

relative;

top:

0px;

left:

0px}

#tou1{

padding:

0px

width:

1003px;

height:

0px;

position:

relative;

top:

-17px;

left:

0px;

}

#tu{background-image:

url("images/lmzuo1.jpg");

padding:

0px;

width:

220px;

height:

27px;

position:

relative;

top:

0px;

left:

0px;}

#tu1{

background-image:

url("images/lmjianbian2.jpg");

text-align:

center;

width:

150px;

height:

500px;

position:

relative;

top:

0px;

left:

0px;}

#alltu{

background-image:

url("images/lmjianbian1.jpg");

padding:

0px;

width:

220px;

height:

600px;

position:

relative;

top:

410px;

left:

-380px;}

 

#mian{

text-align:

left;

padding:

0px;

width:

700px;

height:

750px;

position:

relative;

top:

-190px;

left:

110px;

}

#jiameng{

text-align:

left;

background-image:

url("images/lmzhongshangtiao1.jpg");

padding:

0px;

width:

700px;

height:

25px;

position:

relative;

top:

0px;

left:

-29px;

}

#houmian{

text-align:

left;

padding:

0px;

width:

700px;

height:

50px;

position:

relative;

top:

1px;

left:

-29px;

}

#zuihoumian{

border-top:

6pxsolid#DEDEDE;

margin-top:

0px;

padding:

8px;

background-color:

#EEEEEE;

text-align:

left;

width:

1003px;

height:

50;

position:

relative;

top:

-330px;

left:

20px;

}

3、

HTML代码:

加盟指南

 当前位置:

首页>>加盟指南

   新闻中心

COPYRIGHT(C)凯美丽美容机构ALLRIGHTSRESERVED.

 

CSS代码:

#tou{text-align:

center;

padding:

0px;

width:

1003px;

height:

0px;

position:

relative;

top:

0px;

left:

0px}

#tou1{

padding:

0px

width:

1003px;

height:

0px;

position:

relative;

top:

-17px;

left:

0px;

}

#tu{background-image:

url("images/lmzuo1.jpg");

padding:

0px;

width:

220px;

height:

27px;

position:

relative;

top:

0px;

left:

0px;}

#tu1{

background-image:

url("images/lmjianbian2.jpg");

text-align:

center;

width:

150px;

height:

500px;

position:

relative;

top:

0px;

left:

0px;}

#alltu{

background-image:

url("images/lmjianbian1.jpg");

padding:

0px;

width:

220px;

height:

600px;

position:

relative;

top:

410px;

left:

-380px;}

 

#mian{

text-align:

left;

padding:

0px;

width:

700px;

height:

750px;

position:

relative;

top:

-190px;

left:

110px;

}

#jiameng{

text-align:

left;

background-image:

url("images/lmzhongshangtiao1.jpg");

padding:

0px;

width:

700px;

height:

25px;

position:

relative;

top:

0px;

left:

-29px;

}

#houmian{

text-align:

left;

padding:

0px;

width:

700px;

height:

50px;

position:

relative;

top:

1px;

left:

-29px;

}

#zuihoumian{

border-top:

6pxsolid#DEDEDE;

margin-top:

0px;

padding:

8px;

background-color:

#EEEEEE;

text-align:

left;

width:

1003px;

height:

50;

position:

relative;

top:

-330px;

left:

20px;

}

.

4、

HTML代码:

加盟指南

/>


当前位置:

首页>>加盟指南

    任何困难和挑战都无法挫败伟大的中国和伟大的中国人民

展开阅读全文
相关搜索
资源标签

当前位置:首页 > PPT模板 > 商务科技

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2