江苏广播电视大学
计算机应用专业(专科)
《网页主页制作》课程设计教学大纲
一、教学目的
该课程是《网络信息制作与发布》的后续课程，也是其实践性环节。课程设计是课程教学中的一项重要内容，是完成教学计划达到教学目标的重要环节，是教学计划中综合性较强的实践教学环节，它对帮助学生全面牢固地掌握课堂教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。《网络信息制作与发布》是一门实用性和实践性都很强的课程，课程设计环节应占有更加重要的地位。
本课程设计应达到以下教学目的：
1．使学生对于网络信息及网络信息发布有更加深入的理解；
2．提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力；
3．提高学生的网页设计与制作能力；
4．使学生进一步掌握网络信息发布的原理，及网络信息发布所需的软件、硬件条件；
5．使学生掌握利用软硬件资源发布一个具体网站的操作过程。
二、设计内容
本课程设计要求学生完成一个小型专业网站的建设与发布。
1．学生根据自己的兴趣爱好或专长，确定一个网站主题；
2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；
3．自行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构；
4．利用FrontPage2000或其它网页制作软件设计制作各个页面；
5．测试完成的网站；
6．充分利用能够得到的软硬件资源，将网站发布到内部网或Internet上。
三、设计要求
1．整个课程设计的各个环节都要求学生自己动手；
2．确定的网站主题应大小适中、内容健康、具有时代气息；
3．网站提供的信息应与网站主题相符合；
4．网站LOGO与网页风格应该协调一致，网站结构应层次分明，内容重点突出；
5．页面设计难度不得低于实验教材中实验十一的要求。
6．网站应易于维护，要求学生掌握使用1-2种网站维护工具；
7．对课程设计进行总结，撰写课程设计报告；
8．课程设计时间为3周，学分为3学分。
四、课程设计报告（文档）
课程设计报告是课程设计工作的总结和提高，课程设计报告应该反映出作者在课程设计过程中所做的主要工作及取得的主要成果，以及作者在课程设计过程中的心得体会。
（一）课程设计报告主要内容
课程设计报告的写作方法是多种多样的，并没有一个固定的格式，对于本课程设计，应该包括以下几个主要部分：
1．网站的主题说明；
2．网站的总体规划与网站的结构框图；
3．网站LOGO说明与各级网页风格说明；
4．典型网页的设计过程与样例；
5．网站发布过程说明；
6．网站维护操作步骤；
7．提出对网站的改进意见；
8．网站网址（如果发布到Internet网站上，需要提供网站网址）；
9．将网站的1~3级页面打印存档。
（二）课程设计报告编写基本要求
1．每个学生必须独立完成课程设计报告；
2．课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确；
3．课程设计报告后应附参考文献；
4．要求文字、有关网页打印，装订成册。
注：本课程设计可与实验教材中的实验十一（网络信息制作与发布综合实验）结合起来做。
附录：实验十一（网络信息制作与发布综合实验）
实验十一 网络信息制作与发布综合实验
【实验目的】
通过本实验，学生应能正确利用所学过的知识，完成实验中所提出的任务，达到综合运用、掌握网络信息制作与发布的基本技术的目的。
【实验条件】
在安装有FrontPage2000并联网的微机机房进行。
【实验内容】
设计制作一个以音乐为主题的个人网站，并将它发布到网上。
【实验步骤】
一、总体架构设计
1．根据个人网站的性质与任务，进行栏目的策划，并为自己的网站取一个名字。
参考栏目设计方案：
（1） 音乐季风——有关音乐创作、演出、唱片市场等方面的动态和新闻；
（2） 我爱XXX——某个音乐家（歌手、乐队）的专题介绍；
（3） 名歌金曲——歌词或音乐下载（可使用音频信息）；
（4） 星闻联播——一些著名音乐人的个人信息；
（5） 旋律人生——对于音乐或人生的感悟，主要内容可为一些与此相关的散文、小品等；
（6） 发烧音响——关于音乐器材等的知识介绍；
（7） 以歌会友——一个互动性的栏目，可为留言板、BBS等；
（8） 关于自己——介绍自己的个人信息；
（9） 音乐百宝——与音乐有关的工具，如软件、屏幕保护、墙纸等；
2．进行网站结构的规划，确定网站的层次数，画出网站的结构框图。
二、资料收集
1．根据栏目设计，收集有关材料。
参考网站：
music.163.com
ent.sina.com.cn
http://www.av-world.com.cn/music/
http://www.wanwa.com/
http://www.0music.net/
http://music.263.net/
http://music.zhaodaola.com/
http://www.76enet.com/
http://idp.soyou.com/yinle/head/
http://go8.163.com/~edenjz/main.html
http://www.xmusics.net/
http://www.asiamp3.com/
http://www.newagemusicenter.com/index.htm
http://www.shengna.com/
http://www.ting365.com/
2．将收集的材料，按栏目进行分类。
3．对收集的材料进行提炼加工，以符合自己的需要。
三、网页设计
1．上网浏览不同音乐网站的内容和风格，根据你的优势或喜好确定个人网站网页的设 计风格。
（1）要求设计网站的标志；
（2）采用互补色，同类色，邻近色以及一些颜色的明暗变化，完成页面的色彩搭配以及页面的布局。
（3）确立每个页面之间的链接和整体导航的统一。
2．具体设计时，可以参考某个优秀的网站进行页面的设计或者完全自己设计。其步骤如下：
（1）观察所选择参考网站的特点，并进行有效的改造。
（2）在草图上仔细推敲各层页面。
（3）在图像处理软件中，完成各级页面效果的实现。
3．进行各级页面的设计，同时考虑与所需制作软件的结合。
参考实例（见图10-1）：
图10-1 音乐个人网站主页参考实例
主页分析：
1．网站配色
本主页采用互补色（橙和深蓝色），同类色（黄和绿），邻近色（橙和绿）以及一些颜色的明暗变化，构成了非常丰富的色彩效果。清新、活泼，适合音乐网站的感觉。
2．导航设计
主页左侧为总的导航条，特别增加了网站地图，如果内容繁多，还可以增加索引。在主页上，页面的右侧还有每个栏目的介绍。
3．风格统一
在次级页面保持配色设计中的任何两种，配以黑色，可以达到色彩上的统一。左侧的导航条保持在二级页面里。每个页面的同一位置安排网站标志以及网站地址说明。
四、网站发布
1．申请空间
在提供个人网站主页空间的网站申请存放你的个人网站的空间和管理帐号。
2．发布网站
利用FrontPage2000（也可用其它网站发布工具）的站点发布功能发布设计好的个人网站内容。
3．验证发布成果
打开浏览器，在URL栏输入你的个人网站的网址，验证个人网站是否发布成功。
【实验报告】
（1）个人网站的结构框图。
（2）几个典型页面的设计过程。
（3）个人网站的发布步骤。
（4）个人网站的网址。