网页制作期末作品要求

《网页设计技术》课程设计2014-2015学年第一学期电商20131、电商20132班一、设计形式个人完成制作，要求一人一题。

二、设计技术网页布局采用DIV+CSS设计，Dreamweaver（含插件）＋HTML＋JavaScript + 网页设计辅助软件（Photoshop图像处理、网页特效、Flash动画等）三、设计主题根据自己的兴趣爱好完成课程设计，可以发挥自己的创意、张扬自己的个性。

以下是一些参考主题：1、个人网站：介绍自己的学习、生活、兴趣、爱好、特长、作品等；2、企业宣传网站：介绍企业形象、相关产品、企业文化、相关活动等；3、电子商务网站：为某一知名企业重新设计一个网站；4、旅游网站：介绍自己家乡风光、风土人情、景点等；5、校园网站：介绍自己的学校、系、班级等；6、课程网站：介绍某一课程的教学信息资源、学习交流等；7、休闲娱乐网站：介绍音乐、动漫、游戏、体育、书籍等。

8、其他任何你感兴趣的主题。

四、基本要求1、主题鲜明，思想明确，内容健康，积极向上；要突出主题，全站点围绕一个主题及其相关内容进行设计，设计思路清晰，明确表达设计意图。

2、各栏目功能明确，方便使用，页面内容清晰明了。

3、子页面及父页面方便返回访问，打开/关闭窗口方便。

4、网页上的图片、表格和框架等元素不变形，不错位。

5、没有空链接和错误链接，也没有多余的无效图片。

6、页面设计美观大方，图片使用得当，色彩协调，布局合理。

7、页面具有较强的个人设计创意。

注意网页的适用性和丰富适当的艺术表现力，在艺术的表现上及技术与艺术的平衡上有进步和创意。

8、编写网站的策划书。

在网页建设前进行需求分析、确定网页的目的和功能，并根据需要对网页建设中的技术、内容、费用、测试、维护等做出策划。

网页策划对网页建设起到计划和指导的作用，对网页的内容和维护起到定位作用。

具体格式和样例见附件。

五、具体要求1、网站策划书合格后才能进行具体的设计实现。

2、首页以index.htm或index.html命名，主页需显示制作者的详细基本信息（学校、系别、班级、姓名、QQ或邮箱等联系方式）。

网站设计与制作期末作品要求（XXXX）一、人员分配：每个网站作品为每个学生独立完成。

二、作品要求：作品应具备以下基本功能，并且要有良好的人机交互性和界面1)用户注册模块、用户登录模块、用户留言模块。

2)信息列表页面和信息详细内容页面及具体网站的功能。

3)母版页设计，主题的应用。

三、详细设计要求：严禁抄袭，如有雷同，均作零分处理1、系统需用或Linq技术连接SQL数据库，实现实现动态连接。

2、合理使用标准控件、数据控件和验证控件、状态管理。

3、在用户界面设计时使用主题、母版页、及网站地图与页面导航等技术，使得界面美观，操作方便，能实现良好的人机交互。

4、用C#语言进行编程，无语法错误，并且在后台代码中要做必要的注释，注意类的编写与使用。

5、主页页面，主页结构中要用母版页设计；6、注册新用户页，具有用户名重复检测、用户名为空不能注册、两次录入密码一致性检查、密码强度提示等功能，要有图片上传功能；7、信息列表和信息详细内容要能实现分页显示；8、后台管理信息页面，至少要完成以下主要功能：1）用户管理：用户信息的增删改查；密码框要加密码强度提示；2）信息记录的增删改查；3）数据库的用户管理表中至少有包含：超级管理用户admin,固定其密码也为admin，具有对整个站点的最高管理权限；还要包含设计者名字得用户（用户名为名字汉语拼音首字母缩写，密码同用户名）。

四、上交时间及文案要求1、提交时间:作品上交的时间为第18周最后两次课。

未交者则视为本门课程0分。

2、上交内容：作品+设计文档1）作品：以一个可运行的网站（数据库必须分离好）形式上交，网站的命名采用：班级_学号_姓名的形式2）设计文档：格式要规范，内容包括：系统简介、功能模块的设计与分析、数据库设计、项目使用说明等。

命名采用：班级_学号_姓名的形式。

五、可选参考题目，若无合适的题目可自拟（参考题目有限，请每班的学习委员统计班上每个同学的题目，并与另外的班级进行商量比对，注意：不得超过两个同学选择同一题目，并且选择同一题目的同学，在设计与制作过程中必须自己独立完成，如果发现雷同，均作零分处理）。

《网页设计与制作》期末课程设计要求一、具体要求1、主题（5分）网站主题自定，内容健康，个性突出，主题明确。

2、名称（logo）（10分）名称要体现网站主题，要正气、易记、有特色，根据主题特色设计网站标志。

3、内容（20分）要求内容较丰富，紧扣主题，积极向上，对用户有一定吸引力；不能有反动、暴力等不道德、不健康的内容，具有一定的艺术性、趣味性和知识性。

4、网站的栏目版块及功能（20分）a)要有导航栏。

b)不少于3个栏目，每个栏目不少于3个页面；超级链接的结点点通率100%；c)网页中必须有原创元素，包括PS图片、Flash动画，提交时将源文件（如.psd，.fla）一起提交。

d)网页底部必须有作者的姓名、电子邮件、地址等联系信息。

5、界面风格、创意（10分）显示分辨率以800*600为显示标准。

页面整体美观，界面清楚、整洁，使用布局、色彩、图案、标志、文字、声音、视频、动画、样式、版权等符合主题、搭配协调、前后统一。

页面布局要合理，美观、易扩充，疏密要得当，浏览和查询方便，页面导航方便、快捷。

6、网站的文件结构（15分）a)目录层次：不要将所有文件都存放在根目录下；按栏目内容建立子目录；目录的层次不要太多，建议不要超过3层。

b)文件命名要求：网页首页文件名为index.html；网页中的各种文件夹和文件名均使用小写英文字母和阿拉伯数字组合，不得使用中文、标点符号或其他特殊字符；名字不要太长，尽量做到“见名知意”。

c)合理使用文件音频、视频等文件使用合理，不要滥用，应注意其文件大小，以防影响浏览速度；不含与网页无关的文件。

d)整个网站包括主页不少于10个页面，网站总大小不得超过3M。

7、技术性（20分）网站中必须使用到的技术（知识点）：a)布局b)模板c)CSS样式d)超链接二、网页制作报告要求（以书面和电子文档形式与网站一同上交）1.大作业文档的主要内容包括（设计目的，开发环境，系统功能结构图，主要界面和实现代码，心得体会及设计总结），见大作业模板文档。

建立一个网站，以介绍中国茶文化为主题，要求如下：1、以自己学号姓名为名创建站点根文件夹。

网站所有网页文件及素材都放在该文件夹下，分类存放网站中的资源，存放图片的文件夹命名为images，网站首页命名为index.html。

2、首页上有茶的历史、茶的种类、茶与健康、十大名茶、茶艺茶道几个栏目。

3、网站中有自己设计的跟主题相符的图形和动画，并把源文件保存在网站根文件夹下。

4、各页面通过超级链接相联系，页面及父页面方便返回访问，没有空链接和错误链接。

5、使用样式表(css)对表格或文字、链接进行修饰,使页面统一风格。

6、在页面中，插入文字、图片、表格、超级链接、表单、多媒体等各种对象，网页中部分页面可应用行为或者网页特效。

7、页面具有较强的个人设计创意,色彩搭配鲜明,内容布局合理。

8、用Word书写的说明文档包括制作网站的整个过程，从网站结构到最后测试，要求结构合理，条理清晰，语言流畅，在文档中适当位置插入网站中的各个页面图像。

9、考试作品请于2015年6月26日17：40之前提交到ftp://192.168.40.14/涂俊英/2014-2015-2/Web设计基础/0143017541/期末考试作品。

10、考试作品从主题与内容（共20分）、网页常规技术（共40分）、素材处理（共20分）、网页创意（共10分）、说明文档（共10分）五个方面评分。

具体如下：一、主题与内容（共20分）1、建立站点，图片存放在文件夹images中。

（5分）2、主题鲜明，题材合适，内容能很好为主题服务。

（15分）二、网页常规技术（共40分）1、要求应用表格或框架来组织排版，页面布局合理，页面内容清晰明了。

（10分）2、各页面通过超级链接相联系，页面及父页面方便返回访问，没有空链接和错误链接。

（5 分）3、站点下要求有一个主页文件(index.html)。

（5 分）4、使用样式表(css)对表格或文字,链接进行修饰,使页面统一风格。

网页设计作品要求及评分标准作品要求1 作品要体现出我院学生拼搏向上的朝气，作品主题鲜明，作品大小不超过10M，页面深度必须在2层及以上，子页面数量12个以上，原则上不设主题，同学们可以自由发挥，但必须主题健康。

2自定一个站点名称，以静态网页格式为主。

要求主题鲜明突出，创意新颖，页面结构美观，还可以具有一定的幽默效果。

3 同学们在作品中应建立Word 文档文件readme.doc，附上作品简介、姓名、性别、学校、所在班级、通讯地址、联系电话等。

4 作品中所有文件均要以字母或阿拉伯数字命名，包括（各文件夹、网页文件、图片文件、Flash文件等等）文件名及其后缀名；不要用中文命名。

作品制作规范符合要求；作品首页请一律采用index.htm；网页中不允许出现真实的人名或者信息。

5作品以U盘形式上交，写清楚姓名、所在班级、学号等，直接交到老师手上；6作品必须自行设计、制作，不得抄袭，不得套用网上或相关网页制作软件的模板，不得由他人代替或盗用他人作品，否则，取消其成绩并通报批评。

网页设计作品评分细则一、内容（20分）1、内容健康、充实且积极向上；内容具有观赏性、普及性、艺术性、可读性，语言文字有特色。

（5分）2、突出主题，全站点围绕一个主题及其周边内容进行建设。

（10分）3、设计思路清晰，明确表达设计意图。

（5分）二、结构(15分)1、框架及表格结构清楚合理，页面内容清晰明了。

(5分)2、子页面及父页面方便返回访问，打开/关闭窗口较为轻易。

(5分)3、没有空链接和错误链接。

(5分)三、版面与视觉感受(40分)1、浏览页面时不得出现乱码，无因布局不合理而出现的表格错位情况。

(5分)2、图片使用得当，网页内各个元素搭配合理，色彩搭配协调，页面美观。

(10分)3、使用级联样式表（css）对表格或文字、链接进行修饰，使页面既能统一风格，又可突出主题。

(10分)4、使用css中的"扩展"修饰页面或页面中图片或flash为原创作品。

《网页创意设计》期末作品要求网站主题：自定。

可介绍个人、班集体或学校，生活与学习、专业信息、个人爱好等信息；可用于物品、协会、企业、事业单位等的宣传；可为一个小型的公司站点，个人网店；可为一专题发布站点（如垃圾的处理、环境污染、公信度等）。

内容及基本要求：1、制作一个完整的小型网站，内容结构安排合理；内容围绕主题展开，丰富而新颖，且能突出主题；页面内无设置错误，运行流畅，适合访问者的浏览习惯，网站至少要有8个页面，网页文档中无大块空白，无错别字。

2、网站的主文件夹以自己的学号及姓名命名。

3、原则上，作品容量不超过10MB4、在提交作品的同时要提交作品说明书，此文档主要体现该网站基本结构及各个模块的功能分析。

要清楚表述出网站的整体设计意图及其功能，列举网站设计中使用的技术，列举每个网页文件的名称及其功能，不少于300字。

5、如有雷同作品，一律按零分处理。

6、网站文件夹和作品说明书放置在一个文件夹中，该文件夹命名为学号+姓名，在18周星期三统一上交。

详细制作设计：一、平面设计1.整体结构：本地站点信息设置正确，网站整体设计思路清晰，链接结构合理，主题鲜明，便于浏览。

2. 色彩搭配及布局：色彩搭配合理，设计美观大方，形式效果与主题相应，布局紧凑美观，版块结构清晰。

3. 图象效果：界面美观、设计富有新意。

4.创意：页面具有较强的个人设计创意，包括网页整体风格创意，色彩搭配，内容布局。

二、内容质量1. 资源丰富性：能有效的运用动画、视频、音频等多媒体技术，生动且有效展示与主题相关的内容。

网站中所用资源（图片、文本）可以是原创，可借鉴，但不可使用下载的整张网页。

站点结构清晰，网页命名正确，站点中包含全部所用资源，不包含无用资源。

2.实用性：内容切近网页主题，文章行文流畅,主次分明、简洁可视、内容构架系统科学、合理，逻辑关系清晰。

3.结构清楚合理，有统一的导航条；整体结构有一定的连贯性，每一页都有返回首页的标志；没有空链接；没有错误链接；三、技术运用1、基本技术运用：网页制作规范，导航明确，便于用户使用；网站技术构架安全、稳定，链接无误；使用css+div的网页布局技术，合理利用行为设置等技术，扩充网站内容与浏览效果。

《网页设计与制作》期末大作业要求一、总体要求要求制作一个表达某一主题的网站，综合运用本课程所学的知识，网站必须有鲜明的主题，清晰的布局，原创的内容，可以从网上下载部分资料，但不得超过整个内容的20%，绝对不允许直接从网上下载一个网站，一经发现，记为0分，该作业占期末总评70%。

二、网页设计选题课程设计题目遵循每人一题的要求，不允许题目重复。

1）内容不限，但要求主题思想明确；网站内容可以是个人主页，班级主页，学院主页，电子商务，环境保护，求职，教育，校园生活，传统美德，文学，爱好等。

2）严禁选择任何反动的、消极的，不合法的主题三、网页设计要求1、最少包括5个网页，首页命名为index.html或index.asp，主页中要有自己的学号和姓名（放在版权信息处）；图12、每个网页中要求有文字，图片，超级链接，背景图片等。

3、要有一个包含用表单收集信息的页面（恰当选择文本框、单选钮等表单域制作）网页制作一实训指导，P52，P91。

4、网页编辑工具可使用Dreamweaver，photoshop等；5、网站各个页面风格统一，图文并茂，颜色搭配合理，注意一个网页的颜色最好不超过3种；6、网站分辨要求800*600或1024*768为准；7、网站中各种文件分类存放，目录结构清晰，网页文件按照栏目分别存储在不同的文件夹中，所有文件夹，文件必须使用英文小写字母，不要使用汉字，在网页中要使用相对路径，保证所外链接的图片，网页等能正常打开。

7、完成作业的方法1）确定主题；2）根据主题确定网站风格和具体内容；3）组织文字资料、图像、动画等素材；4）根据网站风格及每页内容确定文字格式，对图像，动画等处理以适合在网页中使用；5）使用Dreamweaver等工具制作网页。

四、网页设计报告书可从以下几方面书写网页设计报告书：1、项目概述（包括项目背景，项目内容，项目设计重点（网页的总体结构，网页的版式设计，整个风页的主色调，修饰网页的代码及CSS）等）；2、项目设计（项目主题的选择，网页的版面及风格设计等）；3、项目实施（素材的收集与整理，项目的制作等）4、结束语：总结制作过程中的经验。

《网页设计基础》期末项目作品要求
1.内容健康、丰富，能体现大学生的精神风貌，参考主题如：名人名家、风景
名胜、美食、诗词、社团协会、企事业部门网站、团购网站、淘宝网站、各类文化传承网站……等等；
2.网页整体色彩协调和谐，能让人产生一定的美感（可参考网上的网页模板）；
3.图片文字能体现网站主题，文字大小、行距、颜色设置合理，界面布局合理；
4.采用CSS+DIV布局页面和制作导航，采用外部样式；
5.网页页面总数不少于5个，各个页面需有导航可互相访问，页面结构不能完
全相同；
6.网站设计注意规范：
●主页命名规范：统一为index.html
●图片放专门的图片文件夹中：images或pictures或photos
●各网页文件和图片的命名要规范和可读性强，以字母开头
●提交的网站中不出现与网站无关的图片和文件等
7.其它要求：页脚写上自己的班级姓名学号，网站不能有雷同，如有雷同视为
抄袭。

网页设计制作期末作品
一、制作规则要求
1.设计制作静态网页，扩展名htm或html，作品主题随意，但以健康、积极向上的主题为选
题。

2.网页要求布局合理、页面美观、选材精当、规模适宜。

3.恰当运用表格、框架、CSS、行为等设计页面，但不要求实用所有的布局方式，可使用以
上布局的某一种或多种。

4.能灵活运用图片处理软件制作网页元素，全部网页必须原创，使用他人的图片必须把原图
级你所处理的图都保存到images文件夹中。

5.网站有一个一级页面，至少有4个二级子页面，三级子页面数量不限，并保证超级链接能
顺利执行，网站主页命名为：index.html
6.设计一个与主题贴切的网站标志logo，并且设计导航，与各网页正确链接。

7.网站根文件夹名为”学号+姓名”，内建images文件夹，将所有的图形图像素材放在该文件夹内。

8.网页中至少有一个动画素材或图形图像素材为选手制作。

源文件一并上传。

所有文件名（包括图片、视频、音频、动画、文本、网页）都必须使用英文小写字母或阿拉伯数字。

二、作品上传要求
1.将站点打包上传，并以网站根文件夹名称命名。

2.在上传的压缩包以自己的学号、姓名命名。

3.上传下自己的班级里。