《网页设计与制作》课程教学改革探索Word格式文档下载.docx

1、网页设计与制作网页与网站设计原则教学改革中图分类号：G71 文献标识码：A 文章编号：1672-3791（2014）03（a）-0209-02内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作， 故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教 深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业 生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国 务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思 想的指导下完成了专业定位，重新制定了

2、人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了网页设计与制作课程。1网页设计与制作课程现状及存在的问题根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网 站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有 良好的艺术触觉和美术色彩搭配功底，深刻理解web 标准，熟悉CSS+DIV 模式，能手写XHTML 及CSS 样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver 等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页

3、的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页 设计的目的，达到了艺术与技术的和谐统一。1为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将网页设计与制作课程规划为必修课安排在大一下学期 开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以 往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学 生掌握了 XHTML、css+div、JavaScript 等网页制作技术，可没有遵循网站与网页设计原则， 致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。2

4、网页设计与制作课程改革思路以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。2紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页 设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。3网页设计与制作课程教学改革方案以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，3让学 生在 32 学时讲授+32

5、学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。 结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上 是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。3.1教学内容的编排按照 WEB 标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将网页设计与制作课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML 基础

6、知识、css+div、javascript。网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块 的教学，首先让学生掌握网站的3C 设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C 设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景 图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解， 让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调 网页与网站设计原则，让学生对3C 设计原则及页面设计要点有

7、更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。其他三个模块为网页设计与制作课程的技术范畴。通过XHTML、css+div、javascript 的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页 布局应用CSS 美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、 布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的 技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到

8、技术与设计的和谐统一。4网页设计与制作课程考核体系本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情 况。将平时表现，上机项目完成情况、综合项目的开发情况相结合，从而得出学生的最终成绩。考核方案设计如下。平时表现 10 分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3 分。上机实验 40 分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3 分）；包含表单的简单网页设计（3 分）；利用框架进行简单网页设计（3 分）；利用CSS 样式表美化网页（10 分）；利用表格进行网页布局（3分）、利用DIV 进行网页布局（5 分

9、）、利用DIV 嵌套表格进行网页布局（5 分）；利用javascript实现网页特效（5 分）。综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50 分）设计要求（25 分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3 级别（5 分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10 分）；logo、banner 的设计应突出主题，与页面风格相协调（5 分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5 分）。技术要求（25 分）：站点文件组织规划合理，主页必须以index 命名（2 分）；代码书写符合 XHTML 语法规范（3

10、 分）；用 Div 对网站进行总体布局，局部布局可用表格（6 分）； 用css 进行页面的美化，对样式的定义统一写在外部样式表中（6 分）；多媒体元素运用得当，适合网络传输（3 分）；页面中包含有JavaScript 实现的特效（5 分）。5结语改革后的网页设计与制作课程重视学生网页设计能力的培养，在每一次的教学实践环 节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导 自己的制作行为。在此原则的指导下，74 名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为12.6% ，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的网页设计与制作课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。参考文献1邵小兰.浅析网页设计中的艺术设计J.科技资讯，2011（15）：14.2王晓红，周立.网页设计与制作课程教学改革J.北京联合大学学报：自然科学版，2006（4）：90-92.3吕立霞.以产品开发为工作过程的静态网页设计课程改革J.当代教育论坛，2011（4）：116-118.