web课程设计

课程设计(论文)任务书

信息/软件学院 　学　　院　　 软件工程 　专　　业 20##－1/2/3/4 班　　　

一、课程设计(论文)题目　XXX网站设计 　　

二、课程设计(论文)工作自 20## 年 12 月27日起至 20## 年 12月 28 日止。

三、课程设计(论文) 地点: 科技楼

四、课程设计(论文)内容要求：

1．本课程设计的目的

通过课程设计，达到：1）加深web技术基本概念的了解；

（2）灵活使用html标记，css技术，javascript技术；（3）巩固相关的理论知识；

（4）培养学生分析、解决问题的能力；（5）提高学生的科技论文写作能力。

2．课程设计的任务及要求

1）基本要求：

运用html标记，css，javascipt技术完成一个完整网站的设计。每人完成5-10个页面，要求

1）网页没有错误；2）利用css技术使得网站风格统一；3）灵活运用javascript使网页生动。

2）课程设计论文编写要求

（1）理论设计部分以课程设计论文的形式提交，格式必须按照课程设计论文标准格式进行

书写和装订。

（2）课程设计报告（论文）包括目录、绪论、正文、设计小结、参考文献、附录等

3）课程设计评分标准：

（1）考勤与学习态度：20分

（2）理论理解与课程设计报告论文：30分；

（3）动手操作与程序设计：30分；

（4）设计论文答辩：20分。

4）参考文献：

（1）w3school，W3School 简体中文版（网上在线版：http://www.w3school.com.cn/）

5）课程设计进度安排

1．准备阶段（2学时）：选择设计题目、了解设计目的要求、查阅相关理论资料

2．设计阶段（2学时）：设计方案选型

3．实验阶段（8学时）：按预先设计的方案在实验室完成相关的设计任务

4．撰写课程设计论文阶段（8学时）：总结课程设计任务和设计步骤，撰写课程设计论文

6）选择课程设计题目具体要求：

可选题目：

1）XXXXX网站设计（注：“XXXXX” 自定）

2）其他自定义题目（需指导教师审定）

课程设计报告要求至少有如下：

1）网站总体规划；

2）具体网页中用到的css相关技术说明；

3）在具体网页中用到的javascript相关技术说明；

学生签名： 20## 年 6 月 10 日

课程设计(论文)评审意见

（1）考勤与学习态度（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）；

（2）理论理解与课程设计报告论文（30分）：优（　）、良（　）、中（　）、一般（　）、差（　）；

（3）动手操作与程序设计　　（30分）：优（　）、良（　）、中（　）、一般（　）、差（　）；

（4）设计论文答辩　　（20分）：优（　）、良（　）、中（　）、一般（　）、差（　）；

（5）格式规范性及考勤是否降等级：是（　）、否（　）

评阅人：　　　职称：讲师

2011 年 12 月 29 日

网站结构

部分代码

＜style type="text/css"＞

＜!--

body {

font: 100% Verdana, Arial, Helvetica, sans-serif;

background: #643234;

margin: 0;

padding: 0;

text-align: center;

color: #660000;

}

.twoColHybLtHdr #container {

width: 75%;

background: #FFFFFF;

margin: 0 auto;

border: 1px solid #000000;

text-align:center ;

}

.twoColHybLtHdr #header {

background:black;

hanfu.jpg

padding: 10 100px;

text-align:left ;

}

.twoColHybLtHdr #header h1 {

margin: 0;

padding: 0px 0;/

}

.twoColHybLtHdr #sidebar1 {

float: left;

width: 12em;

background: #EBECDB;

padding: 20px 0;

}

.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {

margin-left: 15px;

margin-right: 20px;

}

.twoColHybLtHdr #mainContent {

margin: 0 20px 0 13em;

}

.twoColHybLtHdr #footer {

padding: 10 10px;

background:#DDDDDD;

}

.twoColHybLtHdr #footer p {

margin: 0;

padding: 10px 0;

}

/* Miscellaneous classes for reuse */

.fltrt {

float: right;

margin-right: 18px;

}

.fltlft {

float: left;

margin-right: 8px;

}

.clearfloat {

clear:both;

height:20;

font-size: 10px;

line-height: 20px;

}

.twoColHybLtHdr #container #sidebar1 p {

font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

}

--＞

＜/style＞

＜marquee width="800" ＞

＜p＞---------------------坦领襦裙----------------------------------袄裙-------------------------------------对襟襦裙--------------------------------交领襦裙-----------------------------齐胸襦裙----------------------------------------------柯子裙----------------------------------------褙子----------------------＜/p＞

＜img src="新建文件夹/U领襦裙1.jpg" alt="U领襦裙1" width="299" height="463" /＞

＜img src="新建文件夹/袄裙24.jpg" alt="袄裙" width="322" height="464" /＞

＜img src="新建文件夹/对襟襦裙18.jpg" alt="" width="295" height="463" /＞

＜img src="新建文件夹/交领襦裙14.jpg" alt="交领襦裙" width="246" height="463" /＞

＜img src="新建文件夹/齐胸襦裙73.jpg" alt="齐胸襦裙" width="302" height="463" /＞

＜img src="新建文件夹/柯子裙5.jpg" alt="柯子裙" width="315" height="463"/＞

＜img src="新建文件夹/0bbef31f3a292df5629eed56bc315c6035a873e0.png" alt="褙子" width="370" height="463"/＞

＜/marquee＞