《网站设计》课程设计说明书
一、课程设计的目的
《网站设计》课程设计是软件技术专业集中实践性环节之一，是学习完《高级语言程序设计》和《多媒体技术》课程后进行的一次全面的综合练习，其目的在于掌握网页设计的基本技能、加深数据库基础知识的理解，掌握使用sql2000、access建立数据库的基本方法，初步掌握图像处理以及简单的动画制作，为今后从事网站开发和毕业设计打好基础。
二、课程设计内容及要求
1、内容要求
“博客”。“博客”的英文为“WEBLOG”，WEBLOG是WEB LOG 的缩写，中文意思是＂网络文章＂，简称“网志”，后来缩写为BLOG，而BLOGGER（博客）则是写BLOG的人。具体说来，博客（BLOGGER）这个概念解释为使用特定的软件，在网络上出版、发表和张贴个人文章的人。
2、设计要求
1）使用HTML语言进行网页的布局和设计，可以使用文本文档，也可以使用Dreamweaver或Frontpage等网页设计工具。
2）使用CSS样式对网页的格式与外观进行定义。
3）使用客户端脚本来验证窗体数据的准确性。
4）使用ASP+Access实现网页的简单交互效果。
5）图像及多媒体动画的制作。
3、课程设计说明书
要求学生根据题目的基本要求，设计美观大方，完成课程设计说明书。
三、课程设计任务
1、使用HTML语言进行网页布局，使整个网页布局美观协调。
2、使用CSS样式进行网页的外观与格式的设计，要求字体的大小、颜
色，表格的边框、线型，边空与行高，背景图像与水印，超级链接的变化都在CSS文件或内嵌的CSS样式中进行定义。
3、网页中至少包含一个框架文件。
4、学会使用客户端脚本实现某些特效。（如字体的左右上下移动，图片
的翻转移动等）。
5、使用Photoshop、Fireworks进行简单图像处理，要求整个课程设计中
图像至少要有5幅是自己制作或处理的。
6、动态网页设计
（1）下面为“博客”经常采用的版面，请参照下面的页面布局，自行
（2）自行设计页面的主题颜色
（3）需要结合access数据库，用来存放发表的文章和用户的留言以及评论等内容
（4）自行建立页面，页面应该包括以上的所有栏目
四、文档格式
1、网站分析
选择一个自己比较满意的页面，通过观摩外观、HTML代码分析、ASP代码分析，总结归纳出其中的优秀之处应用与自己的网页设计过程。在写课程设计报告时，结合使用情况进行举例分析。
2、网页布局与外观
结合1-2个制作实例，通过例举HTML源代码，对HTML源代码进行分析，例举源代码所起到的作用进行分析论述。
结合1－2个制作实例，对网页的颜色搭配，图片摆放位置，图片的无缝拼接等制作技巧进行分析论述。
结合1－2个制作实例，通过例举CSS源代码，对CSS源代码进行分析，例举CSS源代码所起到的作用进行分析论述。
3、数据库的设计以及表与表之间的关系
4、主要技术问题探讨
这部分内容主要是在书写ASP程序代码的过程中，对碰到的问题结合所学的知识加以论述（不要简单的源代码粘贴，要对源代码结合实现的功能进行分析论述）。
5、结束语
写出完成本课程设计的心得，掌握web开发的主要技能。有哪些收获，还需要哪些改进的地方。
五、开发环境
1、网页布局DW或记事本
2、图形图像Photoshop或Fireworks
六、课程设计时间
课程设计时间为2周（2学分）
七、课程设计说明书编写规范
课程设计说明书的编写要做到内容完整、条理清楚、算法清晰、文字通顺、字体工整，源程序的书写格式应符合规范。
课程设计说明书必须用钢笔、签字笔书写。纸张规格为16K，表明页次，装订成册。
八、课程设计的考查
由指导老师根据学生完成任务的情况、课程设计说明书的质量和课程设计过程中的工作态度综合打分。成绩评定实行优秀、良好、中等、及格和不及格五个等级。不及格者不能得到相应的学分，需要重新做课程设计，经指导老师考核及格后，方可取得相应学分。
考核具体操作方式
1、要求：
（1）要求学生首先讲解本人设计的大致内容及设计的主导思想。
（2）进行网页的演示，要求边演示边说明。
2、分数的具体分配情况：
（1）说明书25分；
（2）讲解15分；
（3）回答问题20分；
（4）上机演示15分；
（5）源代码15分；
（6）平时成绩10分；
3、具体考核时间：本学期七、八周，平均每人15分钟。
最终成绩由百分制对应转换变成等第评定。
九、设计小结
十、用户使用说明及参考文献
十一、附录
1、系统软盘
2、课程设计评定表
《网站设计》课程设计成绩评定表
网页设计与制作教程 第一章基础篇 1.INTERNET和WWW INTERNET的功能和应用 1．信息的获取与发布 2．电子邮件 3．网上交际 4．电子商务 5．网络电话 6．网上事务处理 7．远程登陆 8．文件传输 9．电子公告版 10．全球信息网 11．INTERNET的其他应用 WWW简介 1．网页，网页文件和网站 2．HTTP和FTP协议 3．超文本和超链接 4．INTERNET地址 5．域名 6．统一资源定位器（URL） 7．HTML 常见网络浏览器----IE 第二章网站建设概论 （1）信息类网站 （2）交易类网站 （3）有偿信息类网站：101网校、 （4）功能型网站 （5）综合类网站 2.根据网站的性质分类： （1）政府网站 （2）企业网站 （3）商业网站 （4）教育科研机构网站 （5）个人网站 （6）非赢利机构网站 （7）其他类型的网站 3.根据在大型搜索引擎上的设置分类 4.娱乐和休闲类网站；商业与经济类，艺术，人文，健康，医药，政府，政治类，电脑与 网络类，社会和文化，科学与教育类，参考资料类 2.1.2网站建设的步骤 1．制作环境的准备：1）设备：扫描仪，数码相机，打印机2）完善系统环境3）备齐网页开发工具软件，网页制作工具，服务器端程序开发工具及一些实用的辅助工具。。。4。
备齐素材制作和加工软件，包括对图形，动画，刘媒体和声音进行处理的素材制作和加工软件 5）备齐常用的网站发布工具，如FTP文件传输软件 2.网站目标的确定：对象：访问者的类型；主题明确，数据充分。保持目标的简洁 3.网站主题，风格和创痍点的确定 1）主题选材要小而精 2）擅长或感兴趣的内容 ）选题不要太滥：因特网上只有第一，人们记不住第二第三名 2）网站的风格：CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等诸多因素 1）确信风格是建立在有价值的内容上的 2）需要彻底弄清楚站点给人的印象是什么 3）在明确网站印象后，开始努力建立和加强这种印象：1）标志（LOGO）2）色彩3）标准字体4）醒目标准口语5）统一图片处理效果7）使用网站特有的图标；使用自己设计的花边，线条和点；；9）展示网站的荣誉和成功作品10）告诉网友关于个人真实的故事和想法3）网站的创意（准备期，孵化期，启事期，验证期，形成期） 4.网站结构的确立：1）网站结构的确立2）网站目录的设置3）网站链接结构的设置：树状连接结构；星状链接结构3）两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定：DREAMWEA VER和FRONTPAGE，PHOTOSHOP，FIREWORKS，动画制作工具：FLASH，COOL 3D；网页特效工具，网页特效精灵，有声有色 7.网站的建设 1）申请E---MAIL帐号 2）申请网页空间：1。打开虎翼网空间申请主页 3）域名注册：对于个人网站，在申请免费网页空间的同时也完成了域名的注册 4）网页制作：先简单后复杂，布局先大后小，制作网页时要多灵活运用软件配备的设计模板，这样可以大大提高制作效率 8。网站的测试（看看有没有问题）和上传（将网站发布到WEB服务器，网页制作工具本身具有FTP功能） 9。网站的宣传和推广（搜索引擎上注册，与别的网站交换链接，运用网络广告） 10.网站的更新和维护：必须不断给它补充新的内容，才能够长期吸引住浏览者 2.1.3 网站设计的原则 1）网站主题不要多于三个：小而精，定位小 2）网站的标准色彩不要超过三种 3）重视网站目录结构的创建（创建目录的原则百度上找出来）：不要将所有文件都存在根目录下，目录层次不超过三层，不要使用过长的目录名，尽量不要使用中文目录名 4）链接层次不要超出三层（便于维护） 5）网页长度应限定在三个整屏以内 6）表格的嵌套层次要控制在三层左右（表格插入表格里） 7）网站导航要清晰 2.优秀网站的五大要素 1）网站内容丰富 2）页面下载速度快（网页简单，不要大量图片）
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
一、填空题（2‘*5） 1、 题干由网页构成，并且根据功能的不同，网页又有____和动态网页之分。知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案静态网页 答案说明 由网页构成，网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 题干Web标准是一系列标准的集合，主要包括结构、_____和____。知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案表现和行为 答案说明 Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。 关键字Web标准3、 题干HTML中文译为________________，主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案超文本标记语言 答案说明 HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 关键字HTML语言简介 4、 题干HTML语言主要是通过_______________对网页中的文本、图片、声音等容进行描述。
知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案HTML标记 答案说明HTML中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 关键字HTML语言简介 5、 题干在建设中，HTML用于搭建页面结构，CSS用于设置页面样式，__________用于为页面添加动态效果。 知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案JavaScript 答案说明考察对JavaScript的理解 关键字JavaScript语言简介 二、判断题（2‘*10） 1、 题干因为静态网页的访问速度快，所以现在互联网上的大部分都是由静态网页组成的。知识点编号 题目类型判断题 难度等级简单 权重分值2分 答案错 答案说明 现在互联网上的大部分都是由静态网页和动态网页混合组成的，两者各有千秋，用户在开发时可根据需求酌情采用。 关键字认识网页 2、 题干网页主要由文字、图像和超等元素构成，但是也可以包含音频、视频以及Flash等。知识点编号 题目类型判断题 难度等级简单 权重分值2分 答案对 答案说明网页主要由文字、图像和超等元素构成。当然，除了这些元素，网页中还可以包含
网页设计与制作实例教程
习题答案
第 1 章 网页与网站基础
一、选择题
1．A 2．B
二、判断题
1．√ 2．×
三、问答题
略
3．C 3．√
4．C 4．×
5．A 5．√
第 2 章 网页规划设计
一、选择题
1．D 2．A 3．C 4．A 5．C
二、判断题
1．× 2．× 3．× 4．√ 5．√
三、问答题
1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体 需求分析。（每个阶段可再详细描述。）
2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容
3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的 诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个 色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略）
第 3 章 初识网页制作软件
一、选择题
1．C 2．C
3．B
二、填空题
1．代码、拆分、设计 2．文件、资源、规则 3．超级链接
三、操作题
略
第 4 章 制作网页内容
一、选择题
1．D 2．B
二、判断题
1．√ 2．√
三、操作题
略
3．A 4．D 5．ABD 6．D 3．× 4．√ 5．√ 6．√
7．B 8．D 9．A 10．A 7．√ 8．√ 9．× 10．√
第 5 章 设置网页超级链接
一、选择题
1．D 2．D
二、判断题
1．× 2．×
3．A 4． D 5． C 3．× 4．√ 5．×
第 6 章 使用 CSS 样式美化网页
一、选择题
1．B 2．C 11．A 12．A
3．C 13．C
4．B 14．D
5．A 6．D 7．D 15．D 16．A 17．A
8．D 9．B 10．C 18．B 19．D 20．D
二、简答题
1．× 2．× 3．× 4．× 5．× 6．× 7．√ 11．× 12．× 13．× 14．√ 15．√ 16．√
8．× 9．√ 10．√
第 7 章 规划布局网页
一、选择题
1．B 2．A
二、简答题
3．B
4．B 5．D
.
..
.
网页设计与制作实例教程
习题答案
第 1 章 网页与基础
一、选择题
1．A 2．B
二、判断题
1．√ 2．×
三、问答题
略
3．C 3．√
4．C 5．A 4．× 5．√
第 2 章 网页规划设计
一、选择题
1．D 2．A 3．C 4．A 5．C
二、判断题
1．× 2．× 3．× 4．√ 5．√
三、问答题
1．答：需求分析一般包括三个阶段的容：背景分析、总体需求分析、具体需求分析。 （每个阶段可再详细描述。）
2．答：可从以下几个方面来阐述设计的原则：①日期、时间和数字；②欢迎词；③弹 出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦；⑧主页容
3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的 诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个 色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略）
第 3 章 初识网页制作软件
一、选择题
1．C 2．C 3．B
..
..
..
..
.
..
.
二、填空题
1．代码、拆分、设计 2．文件、资源、规则 3．超级
三、操作题
略
第 4 章 制作网页容
一、选择题
1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A
二、判断题
1．√ 2．√ 3．× 4．√ 5．√ 6．√ 7．√ 8．√ 9．× 10．√
三、操作题
略
第 5 章 设置网页超级
一、选择题
1．D 2．D
二、判断题
1．× 2．×
3．A 3．×
4． D 5． C 4．√ 5．×
第 6 章 使用 CSS 样式美化网页
一、选择题
1．B 2．C 11．A 12．A
3．C 13．C
4．B 14．D
5．A 6．D 7．D 15．D 16．A 17．A
8．D 9．B 10．C 18．B 19．D 20．D
二、简答题
1．× 2．× 3．× 4．× 5．× 6．× 7．√ 11．× 12．× 13．× 14．√ 15．√ 16．√
8．× 9．√ 10．√
第 7 章 规划布局网页
一、选择题
1．B 2．A 3．B 4．B 5．D
二、简答题
..
..
..
..