静态设计页面的制作课程设计大学毕业设计论文.docx

《静态设计页面的制作课程设计大学毕业设计论文.docx》由会员分享，可在线阅读，更多相关《静态设计页面的制作课程设计大学毕业设计论文.docx（24页珍藏版）》请在冰豆网上搜索。

静态设计页面的制作课程设计大学毕业设计论文

存档资料成绩：

华东交通大学理工学院

课程设计报告书

所属课程名称网页设计与网页制作

题目　　静态设计页面的制作　　　　　　　　　　

分院　电信分院　　　

专业班级信管2班

学　　号20120210450221　　　　　　　

学生姓名熊武　　　　　　　

指导教师魏建红　　　

2014年12月29日

序号

项目

等　　　级

优秀

良好

中等

及格

不及格

1

课程设计态度评价

2

出勤情况评价

3

任务难度评价

4

工作量饱满评价

5

任务难度评价

6

设计中创新性评价

7

论文书写规范化评价

8

综合应用能力评价

综合评定等级

课程设计（论文）评阅意见

评阅人　职称

2014年12月29日

目录

第一章课程设计内容及要求4

第二章课程设计目的及流程5

第三章课程设计方法及步骤6

第四章课程设计的部分代码及截图10

第五章课程设计心得27

第六章参考文献28

第一章课程设计内容及要求

一.课程设计题目

用已经学过的网站开发技术及开发工具DW，根据网站首页效果图，利用DIV+CSS设计出一个《网站首页》。

二.课程设计内容及要求

内容有：

1．建立站点；2．结构分析；3．搭建框架；4．切割效果图；5．布局页面——头部和导航；6．布局页面——侧边栏；7．布局页面——主体部分；8．底部和细节调整

要求有：

运用DIV+CSS设计出一个静态页面，做到简洁，清晰，明了。

第二章课程设计目的及流程

一.课程设计目的：

1.通过课设的制作，来加深同学对网页设计的认识和制做。

同时也加强了对同学的实际操作能力。

2.要尊重浏览者体验，网站不是做给自己看的。

一.课程设计流程：

第三章课程设计方法及步骤

一.课程设计方法：

1.建立站点

打开DW，建立名为website站点

2.结构分析

◆头部

◆LOGO

◆导航栏

◆内容框

✓左边部分内容

Ø上面部分

Ø下面部分

✓右边部分内容

✓中间部分

✓下面部分

◆尾部

3.搭建框架

4.切割效果图

5.布局页面——头部和导航

6.布局页面——侧边栏

7.布局页面——主体部分

8.底部和细节调整

第四章课程设计的部分代码及截图

1、html代码

头部和导航栏

足球天下