《网页设计与制作》最终作品要求

《网页设计与制作》课程设计要求最终提交：《网站策划报告》一份及独立制作网站一个使用所学知识独立制作一个网站，网站的主题可以是文学、音乐、影视、自我介绍（求职）、家乡介绍等。

1．作业基本要求（1）站点目录层次分明，管理有序，无多余的文件和文件夹，不能将内容都放在站点根目录下，不要使用中文，为每种类型文件都建立一个独立的目录。

（例如images、css、swf、MP3、flv文件夹用于存放图象、样式、flash动画、音频文件及flash视频,目录的层次不能没有，但必须尽量少，以便于管理。

）首页命名应为index.html或default.html，其它文件命名不使用中文及带空格的文件名。

（2）网页数为8页以上（网页数量不足扣分，缺少2张以上视为无效作业）（3）传站点压缩文件，压缩文件命名方式：学号+姓名）（4）主页必须包含内容要求：a)主页上有flash按钮、鼠标经过图像或跳转菜单，跳转菜单中有如下链接b)主页上最少有5个栏目（一级页面）的导航链接，首页用表格进行页面布局（其它页面必须使用表格或DIV、层）(5)内页内容类型相近的要使用模板，此项目加分10%(6)正确合理的使用CSS文件设置文字、图片、页面的样式，正确合理使用ID、类、标签、复合选择器，此项目加分10%(7)网站内容结构不少于三层2. 创意加分：在完成标准要求的前提下，对作业有独创性及设计美观的作业跟据情况给予加分。

方法如下：（1）思想性、科学性主题明确，内容积极、健康向上，文字内容通顺，无错别字（2）创造性素材获取及其加工属原创、主题表达形式新颖，构思独特、巧妙，具有想象力和个性表现力，内容、结构设计合理（3）技术性选用制作工具和制作技巧恰当，导航和链接准确、页面浏览速度快（4）艺术性反映出作者有一定的审美能力，完美运用各种形式表现主题，有感染力、界面美观、布局设计独到，富有新意。

Xingtai Polytechnic College《网页设计与制作》—相关规范网站设计规范（通用）一、设计风格1、依照网站的定位确定整体的设计风格。

2、主体框架页面、内容页尽量采用方型结构。

禁用长距离的斜线及弧线结构，可允许小范围内的斜线及弧线。

封面页、专题页可不受此限制。

3、设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧，拐角可以有曲线变化。

拐角块最大不得超过18像素。

同一页面弧度尽量保持一致。

4、各主要栏目之间要求使用一致的布局，包括一致的页面元素；一致的导航形式，使用相同的铵钮，相同的顺序。

可跟首页有变化。

5、首页及各级页面都必须带有网站的LOGO(建议小于150×54)，并链接到网站首页。

6、统一按兼容分辨率800*600设计。

为了使显示更友好，建议使用778或者760 px设计。

7、网站页面长度建议1屏半到2屏。

原则上长度不超过3屏，宽度不超过1屏。

根据用户习惯和网站需要，国内中文网站综合类、门户类(包括垂直门户)网站可设计超过3屏。

二、图形设计规范1、图片标准尺寸全尺寸banner为468×60px，半尺寸banner为234×60px，小logo为88×31px 另外150×68、120×90，120×60也是标准尺寸，网站logo一般控制在150×54以内，客户要求或特殊广告图片可另定尺寸。

建议首页存储大小不得超过150K(包括图片)，其它页面经压缩后尺寸不得超过70K。

2、图片的分类及命名规则(1) 名称分为头尾两两部分，用下划线隔开。

(2) 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

(3) 一般来说:⏹放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner⏹标志性的图片我们取名为：logo⏹在页面上位置不固定并且带有链接的小图片我们取名为buttonXingtai Polytechnic College《网页设计与制作》—相关规范⏹在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu⏹装饰用的照片我们取名：pic⏹不带链接表示标题的图片我们取名：title⏹依照此原则类推。

《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。

通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。

同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。

1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。

教学时各模块既有独立性, 又有关联性。

独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。

《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。

本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。

2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。

1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。

《网页设计与制作》课程设计课程设计是课程教学中的一项重要内容，是完成专业教学计划，达到教学目标的重要环节，课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节，它对帮助学生全面掌握课堂教学内容，培养学生实践和实际动手能力，培养团队协作，人际交往等素质的提高具有很重要的意义，《网页设计与制作》是一门实用性和实践性都很强的课程，课程设计应占有更重要的地位。

一、课程设计任务针对计算机各专业岗位技能要求，进行网页设计与制作项目工作，培养学生计算机操作的能力和用计算机设计网站的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素质。

二、课程设计目的课程设计总的目的在于加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，是学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。

具体的课程设计应达到以下目的：1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。

4．培养学生团队协作和人际交往方面的能力。

5. 培养相关知识和技能的综合应用能力。

三、课程设计的要求《网页设计与制作》的课程设计课题选择应从专业网站建设的实际出发。

具体要求如下：1. 网站的选题可以是教师的项目，也可以是自选项目。

2. 学生是课程设计环节的主体，教师只起辅助引导、协调作用。

3. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。

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

主页文件名应该使用index或default等。

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

《网页设计与制作》课程标准一、课程性质本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程，是在《图形图像处理》《程序语言设计》等课程基础上，开设的一门理论与实践相结合的专业课程，其任务是让学生掌握网页设计的基础知识与基本技能，为《多媒体作品设计软件应用》等后续课程的学习奠定基础。

二、学时与学分72学时，4学分。

三、课程设计思路本课程按照立德树人根本任务要求，突出核心素养、必备品格和关键能力，兼顾中高职课程衔接，高度融合网页设计与制作知识技能的学习与职业精神的培养。

1依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力，按照知识与技能、过程与方法、情感态度与价值观三个维度，突出项目操作能力和解决问题能力的培养，结合本课程的性质和职业教育课程教学的最新理念，确定本课程目标。

2.根据“中等职业学校数字媒体技术应用专业'工作任务与职业能力'分析表”，依据课程目标和计算机软件测试员等工作的岗位需求，围绕网页设计与制作关键能力，反映数字媒体行业发展的新知识、新技术，体现科学性、适用性原则，确定本课程内容。

3.以创建一个完整的网络为主线，设置模块和教学单元，将网页设计与制作的基础知识、基本技能和职业素养有机融入，遵循学生认知规律，结合学生的生活经验，确定学习内容的顺序。

四、课程目标学生通过学习本课程，掌握网页设计与制作的基础知识与技能，能独立制作中小型的网站，并通过现代信息化的手段进行表现，初步形成良好的职业意识和职业素养。

1了解网页设计与制作相关的艺术、技术背景知识及发展趋势，能对网站制作产生学习兴趣。

2.熟悉网页制作原理及制作流程，掌握静态网站制作的基本方法。

3.掌握AdobeDreamWeaVer网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能。

4.了解动态网页的初步知识，能合理规划网站，并能根据要求正确创建数据库和数据表，完成网站制作。

《网页设计与制作》课程实践考核要求《网页设计与制作》课程是电子商务专业课程体系中的基础课程之一，是一门创意性和实践性很强的课程。

考生通过实践考试应该掌握电子商务网站设计的基本原则和基本方法。

能熟练地使用超文本标记语言HTML和FrontPage2000在网站中制作商务网站类的网页。

能用DHTML，JavaScript，VBScript等工具制作动态网页。

能熟练地使用通用的图像处理工具Photoshop处理网页制作中的图像素材。

能熟练地使用FTP和电子邮件下载和上传网页制作所需要的素材和制作好的网页。

能熟练地使用数据压缩工具WinZip来处理网页作所需要的素材和制作好的网页。

具体要求如下：一、网站的结构设计、站点风格的选择以及站点的建立网站的创作灵魂在于站点的建设者对网站的规划，网站的风格及网站的概念理解，因此考生在网页设计与制作时，必须站在网站设计的高度来进行。

1、了解网站设计的国际专业流程。

2、能合理地布局整个网站的结构。

有效地使用网站的主题图形、色调、文字、标志、图案等要素。

3、能利用网站设计原则和方法进行网站层次设计，能用Word文字处理软件将所设计站点的层次以及链接的结构勾勒出来。

4、能熟练地使用FrontPage2000建立一个简单的网站：（1）类型B2C，B2B，页面数：3页，其中一页为主页。

5、能熟练地使用ftp将远程服务器中制作网页的素材下载到本地机，并存放到网站指定的文件夹中。

6、能正确地安装数据压缩工具WinZip，并将已压缩的网页制作素材解压，放到网站指定的文件夹中。

7、能熟练地使用ftp将设计好的网站及其网页正确地上载到远程服务器指定的文件夹中。

二、网页的构图与色彩的使用重心平衡是网页设计时必须考虑的因素，有针对性的用色也相当重要。

因此，在网页设计与制作时，考生能够遵循相关的原则来进行。

1、掌握平面设计的基本技能。

理解页面平衡的概念，掌握处理页面失衡的方法，掌握页面布局的基本方法，能选择合适的页面尺寸，用Word文字处理软件将设计页面中所需要的各种元素（页眉、文本、页脚、图片、声音、动画、视频等）正确地勾勒出来。

《网页设计与制作》课程教学标准第一部分：课程性质、课程目标与要求《网页设计与制作》课程是数字媒体专业选修的一门重要的专业课，是学习后续课程的基础。

本课程是集理论与实践为一体的综合应用课程，主要向学生全面介绍与网页设计制作有关的知识，阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。

通过本课程的学习，学生能够规划建立站点，熟练利用网页制作工具制作出精美的网站，同时引导学生培养实践能力、自学能力，以及分析问题和解决问题的能力，为学习后续专业课程奠定坚实的专业基础。

第二部分：教材与学习参考书教材：《网页设计与制作—Dreamweaver CS5标准教程》，修毅洪颖邵熹雯编著，人民邮最出版社参考资料：1. 《HTML4.0参考手册》（电子版）2. 《CSS参考手册》（电子版）3. 《JavaScript参考手册》（电子版）4. 《HTML5、CSS和JavaScrtip开发》，孙鑫付永杰编著，电子工业出版社第三部分：教学内容纲要和课时安排本门课程通过理论与实践相结合的方式，通过一个案例逐步引导学生掌握网页制作的知识，在案例教学中，提炼页面设计和创意方法和技巧。

教学内容纲要如下：（一）网页设计基础本章主要介绍HTML、网页浏览器的发展历史和HTML文档结构。

通过这一章的学习，学生能了解该课程的性质、目标和要求，了解web开发的相关概念，掌握HTML的文档结构和基本元素的编码。

本章的主要教学内容：1、互联网基础2、网页设计知识3、网页标准化技术4、网站设计软件5、网站制作流程6、HTML语言（二）Dreamweaver CS5基础本章介绍Dreamweaver CS5创建站点和管理站点功能帮助用户管理和控制站点中的各种资源。

通过这一章的学习，学生应能灵活掌握Dreamweaver CS5工具进行站点的创建。

本章的主要教学内容：1、Dreamweaver CS5工作界面2、创建网站框架3、管理站点文件和文件夹4、管理站点5、网页文档头部信息设置（三）页面与文本本章介绍文本的使用与处理，文本处理一般包括输入文本、设置文本字体大小和顔色、设置文本对齐方式等。

网页设计与制作课程标准课程代码：建议课时数：学分：适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。

其任务是：该课程主要涉及到网站建设规划与管理、语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。

通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过创建动态网站的操作技能。

.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。

学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。

它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。

具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。

了解网站平面设计的概念和过程。

了解的基本概念、基本格式、能编写一个网页；了解的工作原理；知道启动服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：配置备份与恢复、网络监视、日志管理。

学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。

网页设计与制作综合作业要求
1.作业任务：
设计并制作一个关于**主题的网站，要求页面数量不少于 5 个，其中一个页面是个人简介。

2.总体要求：
●网站主题鲜明突出，网页内容详实、科学、准确、积极、健康向
上，有创意；
●网页整体设计思路清晰，网页布局合理，风格明快；
●栏目结构清晰、界面简洁美观；
●网页文字及相关链接无错误，主页和其它各子页配合协调；
●栏目及版面设计，层次结构及链接结构明确，必须具有统一导航
条。

3.具体要求：
●以自己的学号建立站点，不同素材文件存放于不同的文件夹内，
如：图片文件夹命名为images。

●首页文件命名为： index.htm，作品中的其他文件和文件夹均使
用英文名或者是汉语拼音命名。

●网站logo以及所用图片及动画素材用Photoshop和Flash 软件
设计制作。

●使用表格做页面布局。

●个人简介页面内容要求：个人基本信息、照片、学习经历、学习
期望、未来设想等内容。

●能适当运用层、框架、行为、CSS 样式、声音、表单等设计技术。

●网站最终压缩文件大小要小于5Mb，因此需对大的素材文件做处
理后使用。

4.提交形式：
●将网站文件夹压缩成一个自解压的文件，命名为本人学号。

●将压缩文件提交给老师。

《网页设计与制作》课程标准一、概述（一）课程性质本课程是三年制高职艺术多媒体专业的专业课程，是一门实用性极强的课程。

课程以目前最常用的网页制作工具Dreamweaver为介绍对象，通过学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。

同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。

（二）课程基本理念《网页设计与制作》课程共分为九个项目，它们分别是：网页基础知识、制作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。

各项目之间既独立又相互联系：作为项目是独立的，但作为项目当中应用到的知识点，各项目之间又是有关联的。

在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。

当然，每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。

《网页设计与制作》课程可以在《计算机基础》、《PhotoShop图像处理》及计算机系相关专业课程如《计算机网络技术》、《数据库》等课程之后开设。

本课程作为多媒体艺术专业的一门专业课程，一般在2年级开设，此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。

（三）课程设计思路本课程定为校企合作课程，所以它的设计应体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识点融合在项目中。

学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。

它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

网页设计与制作课程考核题目与要求题目:一个静态网站的设计与制作综述:在课程结束前,利用本学期和上学期所学设计软件Dreamweaver、Flash、Photoshop 完成一个静态网站的设计与制作任务,初步具备整理素材、版面设计、规划和制作静态站点的能力。

要求:一、内容要求1.站点选题自定,内容要积极、健康,主题不宜过大,素材可以从互联网上获取和加工。

2.整个站点栏目应不少于5个即站点板块应最少包括5个板块,并在导航栏制作中体现,所有在站点中设计的板块都应能完整打开,不存在“死链”现象。

3.素材在选取时应与站点内容有关,文字素材杜绝错别字的出现,图像素材杜绝引用痕迹现象的出现。

4.站点首页命名一律采取index.html或default.html,各个子页面命名不要使用中文。

二、版面与布局要求1.站点整体在分辨率1024*768下设计,可将显示器调整为该分辨率,避免在不同分辨率下出现“错位”现象。

2.各个页面应大致包括以下组成部分:页眉(站点标志等信息)、导航区、主要内容编辑区、页脚(版权信息)。

可以根据要求增加相应组成部分,但以上区域必须全部体现。

3.主页的布局应在Dreamweaver或Photoshop下进行,布局可以采用左右型、上下型、“国”字型等布局形式,主页设计成功后可存储为模板,各个子页面参照主页模板设计。

4.布局结果应使站点各个页面整体效果美观简洁、整齐划一。

三、文字要求1.文字颜色一般采用黑色,标题字号大小为30像素,二级标题大小为12像素,正文采用14个像素,建议设置文字CSS,各个页面套用CSS节省修改时间。

2.文字应排版整齐,如有图像,注意文字与图像的位置关系。

四、页面Flash要求主页要求应设计有Flash元素,可放在页眉区,根据站点内容选定。

Flash应为使用Flash软件设计,可以下载相关素材,但需进行修改。

五、颜色要求站点颜色要求要有主色调,在色系使用上尽量不要超过3种颜色(不包括文字颜色),切忌“五颜六色”的站点。

网页设计与制作课程设计具体要求（1）成绩评定：●平时成绩占30%（其中：出勤10%，实验10 %，作业10% )，课程设计作品占70 % 。

（2）选题范围●网站主题突出、内容丰富；●参考《网页设计与制作》课程设计任务书（3）站点结构●站点结构必须符合网站设计的基本要求（4）页面要求●各页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。

●不要太花哨或太孩子气。

●各个页面之间的链接要合理有效●页面数8 ～10 页（5）内容要求要实现如下几个内容：●布局要合理、有序，色彩搭配要符合自己的主题内容●要有日期、星期显示●要有滚动的新闻模块●要有图片的翻转显示效果●要有飘动的浮动广告●状态栏上显示“XXX网站欢迎你的光临！！！”●要有登录、注册以及友情链接模块（6）数据库要求（选做的）●可以选择access数据库和SQL Server数据库●网站中要包含登录模块和注册模块，且运行良好。

（还可以再增加留言板模块）（7）JavaScript要求●利用JavaScript语言实现相关一些特效（8）多媒体要求●网站中某些页面要实现某些视频的播放，某些页面可以添加背景音乐●要求自己制作Flashpaper动画，且将其运用到自己的网页中●网站中要至少包含一个图像查看器，用来展示相关图片●相关视频大小:每个视频大小不得超过6M（9）文本和图片的要求●文本大小合适●图片清晰、切片合理、用PS处理得当●必须要有PS的源文件●图文搭配合理，可以制作“交换图像”效果●文章段落行间距合适（10）HTML和CSS要求●代码结构清晰，无垃圾代码●网站中要求部分内容利用CSS来实现（11）课程报告要求●课程报告要严格按要求进行写作，必须注意其规范性。

网站整体要求学生独立完成，不得抄袭、不得拷贝。

XX学院课程标准《网页设计与制作》适用专业：电子商务编制单位：电子商务教研室2020年6月《网页设计与制作》课程标准课程名称：网页设计与制作课程类型：考查课学时学分：51学时开设学期：第三学期一、课程概述（一）课程性质本课程是电子商务专业所开设的一门专业基础课。

通过本课程学习让学生在已掌握计算机基础、计算机网络等基本计算机技能的基础上进一步掌握网页设计开发技能，同时培养了学生网站建设与运营能力，使其具备从事网站编辑相关岗位的职业能力。

本课程前置课程有计算机基础、网络基础等，后续课程为商务网站开发与维护、移动互联网应用等课程。

（二）课程设计的理念1.行动导向的课程理念《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。

充分发挥学生的主体性作用，使学生积极主动参与工作过程；2．学生主体，过程导向的教学理念在教学中体现学生主体、过程导向的理念，按照“项目教学法”设计和实际工作过程一致的学习任务单，学生通过《个人网站》《博客》《旅游网站》及《立名咨询网》这四个模拟型项目的设计与开发，分阶段实现不同任务，达到“做中学”目的；教师成为任务的安排者、检查者和引导者，学生按照任务单上的要求完成相应的工作任务。

通过工作任务的实施，不但培养了学生的职业技术能力，而且培养了学生自主解决实际问题的方法能力，提高了学生的岗位责任感和成就感。

3．建构主义知识观学习观理念在知识传授过程中体现建构主义的知识观，学习是一个积极主动的建构过程，最好的学习是个性化学习，最好的教育是自我教育。

学生在适宜的工作环境（实训中心）中，经历一系列的学习性工作任务，让学生主动建构自己的经验和知识体系，受益终生。

（三）课程设计思路《网页设计与制作》课程开发建设贯彻以下设计思路：我们根据企业对系统管理员岗位的职业要求，以网站设计项目开发过程为典型工作任务，设计了与本课程紧密相关的《网页设计与制作工作调查表》，通过收集整理行业企业专家的反馈信息，经过课程小组的分析讨论形成《典型工作任务分析表》，再经过广泛的分析论证，确定了网站开发与维护的工作流程。

《网页设计与制作》课程标准前言：《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。

本课程定位于WEB技术开发工作岗位。

它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用，一、课程的说明：通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。

为今后从事网页设计与制作、网站开发和管理奠定基础。

在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。

二、课程内容与基本要求：该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：三、教学目标1、职业关键能力目标(1)掌握使用Photoshop进行图像处理的基本方法及操作技能(2)掌握DreamweaverCS5的基本知识及操作技能(3)掌握建立与管理站点的方法(4)掌握制作主要内容为文本的网页的方法(5)掌握在网页中插入与编辑图像的方法(6)掌握在网页中插入多媒体元素的方法(7)掌握表格处理与网页布局的方法(8)掌握创建超级链接的方法(9)掌握使用框架制作旅游网站的方法(10)掌握创建和使用模板的方法(11)掌握创建和使用库的方法(12)掌握在网页中添加AP Div的方法(13)掌握在网页中使用行为的方法(14)掌握HTML基础知识及通过代码修饰网页的方法(15)掌握使用CSS样式表修饰网页的方法(16)掌握动态网页的概念及简单动态网页的制作方法2、职业专门能力目标(1)通过完成相关的项目，掌握网页设计的基本工作流程。

(2)通过完成相关的项目，掌握网页设计常用工具的使用方法。

(3)通过完成相关的项目，掌握网页布局及美化的基本方法。

《网页设计与制作》课程设计要求及评分标准使用所学知识独立制作一个网站，网站的主题是家乡介绍（文化、生活、美食、娱乐、体育、风土人情。

）等，要求健康向上，制作效果美观、大方、和谐。

注意：不能涉及反动、黄色、赌博、传销、宗教等内容。

1．作业基本要求（1）站点目录要求层次分明，不能将内容都放在站点根目录下；不要使用中文；为每种类型文件都建立一个独立的目录。

（例如images文件夹用于存放图象,目录的层次不能没有，但必须尽量少，以便于管理。

）如下图（2）填写网站设计报告必须认真填写网站设计报告中的每一项，完成网站结构的设计说明，包括以下各项内容：1) 网站主题：必须围绕一个确定主题创建网站，否则成绩以不及格计。

2) 站点名称：必须为自己的站点命名，名称要紧扣站点主题，并反映在每个网页上。

3) 站点根文件夹：以网站主题名字的拼音首字母命名站点根文件夹，如网站主题为“小叶的天空”，则站点根文件夹名为“xydtk”。

4）文件与文件夹：网站内使用的图片放在images文件夹中,主页以index.htm命名,其它文件夹自已命名,要以有意义的英文字母来命名,不要使用中文,网页文件也要使用有意义的英文来命名。

（此部分不必写在网站设计报告中）5) 站点结构：分类存放网站中的资源，一律以树型目录结构表示并说明文件夹的用途。

6) 站点地图：以结构图方式给出网页的名称和各页面间的超级链接。

7) CSS、行为：说明制作、使用了几个CSS样式，说明CSS样式的名称，为什么内容添加、制作了什么行为。

8）网站设计报告要有电子稿，存放在站点中的根目录下，同时要上交一份打印稿，打印稿务必按以上各点要求，按顺序逐一清楚明了加以说明，附图说明也可以。

格式如下：2. 网站内容要求（1）网站至少要有8个页面，可以使用表格、框架（iframe）等来进行统一布局。

（2）网站的站标（Logo）使用自已制作的图像，网站名称自已命名，要跟网站的主题一致。

《网页设计与制作》要求及评分标准网站主题：自定。

可以介绍个人、班集体或学校，生活与学习、专业信息、个人爱好等信息；也可用于物品、协会、企业、事业单位等的宣传。

要求：1、要求制作完整的小型网站，并保证内容结构的合理安排；所有内容围绕主题展开，丰富而新颖，且能突出主题；页面内无设置错误，运行流畅，适合访问者的浏览习惯。

2、网站的主文件夹以自己的学号及姓名命名，如“2009050892张小宝”。

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

电子稿放在主文件夹下，同时上交打印稿（封面用统一格式）。

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

本评分标准采用100分制具体情况如下：一、平面设计（共30分）1. 整体结构（10分）：本地站点信息设置正确，链接结构合理，主题鲜明，便于浏览。

2. 色彩搭配（10分）：色彩搭配合理，设计美观大方，形式效果与主题相应。

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

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

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

三、技术运用（30分）1、基本技术运用（15分）：网页制作规范，导航明确，便于用户使用；网站技术构架安全、稳定，链接无误；合理利用行为设置等技术，扩充网站内容与浏览效果。

2、高级技术运用（10分）：含有数据库应用、信息发布动态功能、论坛、权限管理、调查统计等。

3、运行速度（5分）：注重技术选择，结合网络原因，合理选择文档、图形、媒体、行为等内容形式，防止页面打开过缓。

四、网页个性特点（共20分）1、选题独特性（10分）：能展示内容资源的独有性、独创性和特色性多方面价值，内容形式丰富，反映一定的竞赛主题观念和特色。

网页设计与制作课程标准课程编号：课程名称：网页设计与制作课程类型：专业课总学时：96学分：先修课程：设计素描、装饰色彩、构成、PhotoShOP等一、课程目的与任务本课程以就业为导向，面向社会所需多媒体设计与制作所需技术、技能型岗位人才所需，学习网页及网页动画制作规律。

网页设计是展现企业、单位形象、介绍产品和服务、体现企业、单位发展战略的重要途径，以设计站点的目的和用户需求作为本课程的学习目标，指导学生做出切实可行的设计计划，并学会根据消费者的需求、市场的状况、企业、单位、行业自身的情况等进行综合分析，以“消费者”为中心，而不是以“美术”为中心进行设计规划，养成良好的职业素质。

二、课程相关说明（一）课程简介网页设计与制作课程涵盖了HTML设计、CSSsVBSeriPt或JaVaSCriPt编程技术和ASP动态页面设计技术、DreamWeaVer等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。

通过对HTML、VBSCriPt编程技术、DreamweaverASP动态页面设计的学习，掌握综合应用网页设计的各种技能，培养学生的自我学习和动手能力，真正能使用所学的知识进行网站建设。

（二）成绩考核与评定平时成绩30%+考试成绩70%三、教学内容（96学时）第一章网页设计与制作基础（48学时）第一节Dreamweaver软件的概述本节应掌握：网页设计的设计语言熟悉：灵活使用设计视图和代码视图，并能正确操作了解：Dreamweaver软件的特点、界面第二节使用Flash制作动画素材本节应掌握：能够熟练掌握变形动画、运动动画及ACtiOn动画的制作过程及原理熟悉：变形、运动，ACtiOn动画的原理，动画文件的保存与导出，在DreamWeaVer中的运用了解：动画的原理、动画的发展，FIaSh的特点第三节Flrworks制作图片本节应掌握：理解掌握FIrWOrkS的切片，编辑图片及画布操作及处理图片的优化输出，并完成相关训练熟悉：FlrWorkS操作中的切片切片工具的运用了解：FlrWOrkS的特点第二章网页制作技术的应用（48学时）第一节创建主页制作空间本节应掌握：信息的插入，制作鼠标响应熟悉：在网页中插入水平线、版权信息、标题图片，对如何创建站点、网页文档，以及对超文本标记语言Html的理解了解：添加新字体第二节设计网页高级功能的使用本节应掌握：如何设计制作网页熟悉：设计网页、超链接、使用模板、描述层、行为表单等高级功能的使用了解：网页样式第三节网页版式设计本节应掌握：表格在网页版式设计中的运用熟悉：网页版设计的内容（文本设计、图像设计、网页版式的基本类型）了解：网页版式设计中的注意事项第四节网页色彩设计本节应掌握：理解色彩的对比关系，色彩的大小和形状、色彩的位置及色彩搭配熟悉：针对不同的网站，设计符合其特点的色彩搭配，严格遵循企事业单位、行业CIS形象识别系统中的色彩标准了解：网页设计中的色彩应用原则四、建议使用教材及参考书目教材：《网页设计与制作》，李京文等编著，高等教育出版社，2007年《网页设计与制作实训与考试指导》，李京文.高等教育出版社，2007年参考书：《ASP开发技术大全》，明日科技编著，人民邮电出版社.2007年。

====Word行业资料分享--可编辑版本--双击可删====《网页设计与制作》期末考核要求及评分标准一、内容要求（20分）1. 站点选题自定，明确且突出主题，全站点围绕此特定主题及周边内容进行建设（可以是个人主页形式的网站、也可选其他主题）。

（5分）2.设计思路清晰，明确表达设计意图。

（5分）3.内容充实且积极向上，具有观赏性、艺术性、可读性、语言文字有特色。

（4分）4.整个站点至少包括五个静态网页，即首页和四个子页，并在导航栏制作中体现，即至少四个子栏目和首页共五个导航栏目，且所有在站点中设计的导航都应能完整打开，不存在“死链”或“空链”现象。

｛要求：其中的一个子导航栏目必须命名为：设计思路，其页面内容主要是写出自己设计此网站的思路及过程：⑴如何选题，⑵素材搜集途径，⑶页面的色彩构图，⑷页面的布局方式，⑸设计方案。

｝（5分）5.站点首页命名一律采取index.html，各个子页面命名不要使用中文。

（1分）二、版面与布局要求（30分）表格、框架、层、模板等任一形式来进行页面布局；要求布局结构合理，页面内容清晰明了，布局样式自定。

（15分）2.布局结果应使站点各个页面整体效果美观简洁、整齐划一。

（15分）三、视觉感受要求（30分）1.浏览页面时不得出现乱码，无因布局不合理而出现的表格、层的错位情况。

（5分）2.图片使用得当，网页内各个元素搭配合理，色彩搭配协调，页面美观，建议可加入多种媒体元素。

（15分）3.建议使用CSS样式表对表格或文字、链接进行修饰，使页面既能统一风格，又可突出主题。

（5分）4.网页间链接要正确，每个子页都能跳转到其他页面或者首页，无死链接或空链接。

（5分）四、创意要求（20分）1.页面具有较强的个人设计创意。

（5分）2.网页整体风格创意、色彩搭配鲜明，内容布局合理，具有较强艺术性和技术性。

（15分）源-于-网-络-收-集。