《网页设计与制作》课程设计任务书

南阳理工学院网页设计与制作课程设计题目：网页设计与制作专业：系别：班级：姓名：学号：指导教师：20 年月日网页设计与制作课程设计任务书一、题目：HTML语言＋DIV＋CSS网站布局设计二、目的要求：2.1目的1、了解网页设计基础知识，熟悉网页设计与制作的流程及方法。

2、掌握网站发布的方法。

3、熟练掌握HTML语言，学会利用CSS样式设计网页,掌握用CSS+DIV制作标准化网页。

2.2要求做一个个人网站，介绍自己的基本情况。

要求用html+div+css布局设计。

每个页面要求内容、结构、表现相分离。

CSS样式表可以用内部样式表和外部样式表，但不能用行内样式表。

所有与表现相关的全部用CSS实现。

网站要有名称，名称自定，有logo图片，与网站标语，首页的页脚处要加入版权信息。

在网站中单独做一个页面，页面中包含一个调查表，设计内容为别人对你的网站的评价。

网站目录结构合理，图片放images文件、音乐或歌曲放入music文件夹等，没有中文和其他特殊字符的文件夹名称或网页文件名。

有网站导航菜单，用列表实现。

网站的栏目应该有：首页、我的家乡、我的大学、关于我、联系方式、网站调查表，如有其他栏目自己增加。

每个栏目都要有单独的页面。

站点至少要有二层结构，页面数不得少于5页。

首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。

主页文件名应该使用index.htm或index.html。

其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。

要仔细考虑网站定位。

分析面向的潜在访客群体的需求特点，选择内容和版式。

网站主题突出、内容丰富。

网站风格统一，设计适合于主题的LOGO。

各页面设计合理、美观，有创意。

不要太花哨或太孩子气。

要有网页平面设计过程，不要只是各种元素的随意拼凑。

各个页面之间的链接要合理有效，路径要正确（相对路径）。

页面制作要简洁、大方、美观、实用。

绝对禁止相互抄袭，一经发现，成绩均为0分。

XXX学院男生宿舍X号楼综合布线系统设计方案设计单位：设计指导：宿舍布线系统的设计一、综述A.布线系统将贯穿雨1~5楼的各个平面。

主要为语音、数据、图像等系统信号提供高性能传输路由。

B.作为一个综合性的线路平台，应具有一定的兼容性和开放性，可满足各类通讯及计算机等传输需要和网络结构，提供一个标准化、高带宽、低成本的网络环境。

C.系统应具有开放的模块化结构，可灵活地进行资源分配，线路管理、变更和扩展。

D.系统应提供一个安全、有序。

便于管理的设备安装及连接环境，可快捷简便地进行系统安装和运行。

E.在充分考虑目前应用情况下，以高起点和适度超前的原则来规划本系统。

为各种高性能应用踢狗充足的传输带宽，为日后系统的升级提供充足的空间。

F.宿舍楼基本情况：楼层面积约为16*9米，且已有中国移动和中国电信的无线网络热点分布。

二、具体布置系统包括工作区子系统、配线(水平)子系统、干线子系统、设备问子系统、管理子系统和建筑群子系统。

1.工作区子系统。

工作区子系统是由学生信息插座到计算机网络的连接线缆。

学生宿舍的房间设置一般为6人间其内部语音及网络数据点的位置不像大开问办公那样难以布置，因室内床位布置均已确定，很容易确定其数据端口的位置。

日前宿舍布置一般为上铺居住，床铺下设置学习书桌，因此数据端安装在书桌下，高度为0．3 m。

应根据校方的要求，选择数据端口的安装数量。

对于要求较高的，每个学生书桌下方设置一个数据端口，房间内公共部位设置一个电话端『_J。

要求较低的，可每两个同学共用一个数据端口，然后采用交换机分别接引至电脑。

其优点是减少了水平引来线路和保护管线(槽)，缺点是影响网络速度，需自加分配没备。

除考虑数据端r]的位置外，还需相应布置供电电源插座，间距应为0．2 m。

2.配线(水平)子系统配线(水平)子系统由楼层配线架(FD)至信息插座之间的线缆、信息插座(含转换点及配套设施)组成，它将偻层弱电竖井内配线架与每个宿舍室内的信息插座相连。

课程设计指导书《网页设计与制作》计算机工程学院2017《网页设计与制作》课程设计指导书一、课程设计时间2012年12月29日~2013年1月11日二、专业班级计算机应用11级1班三、课程设计目的1.巩固、深化和扩展学生的理论知识与专业技能；2.提高综合应用所学知识的能力和动手能力；3.培养系统设计的整体思想；4.培养学生解决实际问题的能力及其基本工作素质；5.学习编写技术文档；6.培养独立学习、吸取他人的经验、探讨技术的习惯；7.训练和培养团队协作精神和共同开发网站的综合能力.四、课程设计内容1.制作一个完整的网站，包括站标、导航、版权及个页面具体内容。

2.网站主题由自己决定，所做网站主题一定要表达一的主题、一定的意义，如个人网站、班级网站、求职网站、协会网站等。

3.运用所学，在页面中插入文本、图像、表格、超级链接、多媒体对象等各种对象，并合理设置他们的属性参数。

4.运用框架、AP DIV、DIV、CSS样式、行为等技术布局、格式化各种对象，实现动画及网页特效。

比如动态下拉菜单、可拖动的图片、滚动新闻、滚动的文字、显示-隐藏层，设置状态条文字，制作音乐网页，插入Flash电影等。

五、课程设计步骤1.课程设计准备、制定设计计划。

（1）分组：每一组选定一名组长，组长负责组织本组成员挑选课程设计课题及课程设计期间的考勤；（2）选题：确定网站主题，各小组成员进行任务分工；（3）根据课程设计时间的长短制定一个切实可行的网站开发计划。

2.指导教师根据各组选题下达课程设计任务书。

3.准备素材，收集与主题相关的文字、图像、动画、音乐等资料。

4.课程设计阶段（1）设计网站的内容结构、目录结构和链接结构，设计首页及其页面的板式结构。

（2）创建本地网站，建立网站的目录结构。

（3）制作首页。

（4）只做二级主页。

（5）制作内容页。

（6）创建超级链接。

（7）测试与浏览网页。

（8）书写课程设计报告书。

（9）课程设计答辩。

七、完成时间1.第16周周，确定分组，并将各组选题交指导教师。

课程设计任务书一、设计目的本学期的《网页设计》以站点的设计为主，理论学习服务于主题与内容。

在课程设计周完成一个站点的设计与制作，从而达到以下两个目的：（一）学会使用Dreamweaver CS3、HTML、Fireworks、Flash规划站点、制作网页。

并在站点的设计中掌握一定的实用性和技巧性的技术。

（二）根据个人的设计主题，培养出查阅有关资料的习惯，强化自学能力，为进一步提高个人的素质打下基础。

二、设计过程要求（一）纪律：上机过程中遵守纪律及有关上机规定，不得浏览无关网站，尤其是不健康的站点。

课程设计过程中的表现，将作为最终评定成绩的参考。

（二）内容：网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或自定题目，如：个人展示，宿舍生活，班级主页或文学、体育、旅游、美食等专题性站点，但建议根据个人的预期就业目标选择。

课程设计结束后可将自己所设计的网站拷贝带走，作为就业自荐的一份材料或作品。

（三）保存：设计结果及有关素材要及时上传至个人空间。

（四）要求：所设计的网站要求具有实用性和较好的创意，并尽可能应用到所学的知识，同时尽可能减少到其它站点的链接。

通过个人对资料的查阅，力所能及地利用一些好的脚本程序。

（五）考核：考核分两部分进行。

首先，网站设计的实际成果；其次，写出《课程设计报告》，在设计报告中要写明设计的主题、个人的构思与创意、采用的技术方法、使用的特殊脚本程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。

在设计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。

1、内容：20分（1）网站题材及内容是否符合本次设计的要求；（2）对选材的把握及处理是否符合内容的需要，对选材阐述的深度是否专业、精辟；（3）网站的选材是否全面、详细、充实、相关信息是否丰富。

2、版面：20分（1）版面是否简洁，主要指文本、图案是否整齐美观；（2）布局是否合理，主要指网站的结构是否科学，栏目设置是否合理，导航是否分明，是否方便查阅；（3）色彩，指色彩搭配是否协调，有层次感，且有利于浏览阅读。