…
《Photoshop平面设计与制作》课程标准
课程名称：《Photoshop平面设计与制作》
课程编号：JSJ24
适用专业：计算机广告
学时：240学时
一、课程概述
《Photoshop》课程是我校计算机平面设计 ,电子商务专业中的一门必修课，是一门重要必修课程。本课程开设于中专一年级，学生在学习了本课程后，具有一定的图像综合处理能力，可胜任图像设计等相关操作岗位的部分工作，同时激发了他们对后续专业课程的学习兴趣。
学好这门课程，不仅是学生掌握图像处理基础知识的需要，同时，也为今后学习平面设计中其他软件（如CorelDraw、Illustrator）打下基础。在学习本课程的过程中，能大大提高学生的审美观和对专业的学习兴趣，对学生树立牢固的专业思想有积极的意义。
)
二、课程设计理念
Photoshop软件教学过程中应注重培养学生的思考和动手能力，把知识点穿插在实例中进行教学，一方面启迪学生去思考实例是如何实现的，另一方面让学生通过操作完成实例的创作。使学生在轻松愉快的过程中完成学习任务，掌握Photoshop的使用。教师应重视实例的选择，要求实例能突出知识点，操作的难度适中，通过教学过程中对学生的启迪和帮助完成教学任务。
三、课程设计思路
（一）以图像设计岗位实际操作能力培养为重点
1. 基于电脑平面图像制作工作过程，选择教学内容、设计教学方法，符合现代中职教育理念。
按照计算机平面图像制作工作过程选取课程内容。采用任务驱动、案例教学、研究性学习等教学方法，有效的调动起学生的积极性，激发学生的学习兴趣, 培养学生的探索精神, 提高学生的动手能力, 发展学生的创新思维。根据教学内容合理安排教学案例的大小，顺序，使得案例任务之间是相互关联、循序渐进螺旋式上升过程，便于学生对所学知识有一个系统的理解和认识。
2.注重职业岗位能力培养
计算机图像设计是一个相对独立的职业岗位，因此在教学过程中不仅仅以学习软件为最终目标，同时也注重让学生掌握平面设计的特点、主题、构思、创意，激发学生的积极性和创作热情，应用软件创作好图像为目的职业岗位能力培养，实现岗位就业零距离。
-
3.实施工学结合教学模式
在整个教学过程中实施工学结合教学模式，将工学交替贯穿始终。
（二）充分体现职业性、实践性和开放性的要求
１. 职业性：体现为满足计算机平面图像制作需要，选择当今计算机软件发展的最新成果，应用Photoshop软件为教学主要软件，最终完成图像制作工作全过程。以计算机平面图像制作能力为职业培养目标，避免进行单纯的软件教学。
2. 开放性：表现在Photoshop具有强大的图形图像功能，能够进行图像编辑、图像合成、校色调色及特效制作，具有“繁、杂、灵活、多变”的知识特征。在有限的学时内，必须对理论进行精选，“必需、够用”为度，选择常用的命
令、功能、选项、参数进行整合。
3.实践性：体现专业需要和专业知识安排组织教学，形成五大内容板快的实践教学体系，每一板块的理论部分少而精，用大量实例和练习来巩固掌握软件的操作和技能。教学不以说教、讲解为主，而是以实际操作训练为主要授课形式。
四、课程目标
（一）知识目标
，
1、掌握绘图工具的基本方法；
2、掌握图像处理命令；
3、图像处理命令在创作中应用；
4、掌握图像的输出。
（二）技能目标：
1、了解和掌握Photoshop基本理论和基本常识；
2、熟练掌握Photoshop的各种工具；
3、熟练使用Photoshop操作界面和功能命令；
；
4、了解Photoshop中各种特效命令
5、理解计算机中颜色的表示方法和图像的颜色模式；
6、掌握Photoshop软件使用环境下的创意设计；
7、培养学生的审美水平和创意设计能力；
8、能独立完成、自主创意一个作品；
（三）情感目标：
1、培养学生的独立操作能力
2、培养学生的团队协作精神；
%
3、培养学生的工作、学习的主动性。
4、培养学生具有创新意识和创新精神
5、提高学生的艺术修养
五、课程内容与教学要求
Photoshop图像处理是广告设计与制作专业的一门主干课程，也是高职高专广告设计专业、室内设计技术专业的一门必修软件课。该软件是目前在市场上最流行的图形图像处理软件。本课程是高技能人才培养的核心课程。
六课程学时分配
第一章项目一、认识Photoshop、项目二、图像的绘制与处理
通过任务的实践，掌握文件的基本操作方法，掌握Photoshop的一些基本操作方法和基本技巧，养成认真的学习态度，明确学习目标
<
第二章项目三、图层的应用
通过任务的实践，掌握图层的概念及作用；会使用图层面板；能进行图层的基本操作
第三章项目五、路径和文字工具的应用
通过任务的实践，掌握钢笔工具、自定义形状工具的使用方法；学会使用直接选择工具修改路径、前景色填充路径以及画笔描边路径
第四章项目六、蒙板的应用
了解剪切蒙版的作用；掌握剪切蒙版的使用方法
第五章项目七、滤镜的应用；项目八、颜色调整了解滤镜的种类，掌握各种滤镜的使用方法
掌握Photoshop调色工具和命令，学会使用调整图层第六章通道和批处理
了解通道的原理和分类；通道和颜色模式之间的关系
七、教学建议
（一）教学原则
1.坚持以实践带动理论的教学，努力消除教学中的僵化思想，挖掘学生的潜质，真正的做到理论与实践相结合；
2.本课程的教学采用多媒体教学，及时上机操作，并结合具体的设计课题或实例进行教学，解决设计制作中遇到的实际问题，以实践带动理论的教学。
3.本课程的教学采用多媒体教学，及时上机操作，并结合具体的设计课题或实例进行教学，解决设计制作中遇到的实际问题，以实践带动理论的教学。
（二）教学方法
1．任务驱动教学法。“任务驱动”是以探索问题来引动和维持学习者的学习兴趣，教师把要完成的教学内容设计成一个或多个具体的任务，让学生通过完成这些任务，掌握教学内容，达到教学目标。
2．案例教学法。案例教学法是在Flash教学过程中，
以紧密联系实际的例子作为被剖析的对象，教师和学生共同参与案例的分析、讨论并寻找到实现的途径。一方面不断扩大学生的视野，增长案例分析的技巧；另一方面学生探索思考理论如何运用实际，从而及时有效地促进了理论向实践的转化，真正达到理论与实践的结合。
3.自主学习法。自主学习法是学生在教师的指导下进行自学，获得书本知识，发展能力(特别是自学能力)的一种教学模式。教师通过给自学提纲，提供一定的阅读材料和思考问题的线索，启发学生进行独立思考，形成一种良好的探求领悟、发现、创造的习惯，并促进创造思维能力的发展。
4．项目教学法。项目教学法是通过具体项目的设计制作，发现问题、解决问题，并将所学知识再应用到实践。通过实训基地的考察调研，了解Photoshop人才在社会上的需求情况以及广阔的就业前景，然后引导他们把知识点分类整理，转换成项目。通过完成自己设计的项目(在教师指导下完成)，让学生熟悉艺术作品的设计全过程，解决学生将来在实际就业中可能存在的经验不足的问题，达到深化学习内容、提高理论知识和实践能力的目的，是一个学习、探索、创新、提高的过程。
“教学有法，但教无定法”，在教学过程中各种方法应互相
渗透，教师应根据教学目标、教学内容和学生的接受能力等实际情况，创造性地灵活运用各种教学方法，提高课堂教学效果，提高教学质量。
八、考核标准
（一）考核对象：计算机广告专业.。
（二）考核要求：考核的重点是考察学生对Photoshop软件的知识和技术的掌握，在此基础上，提高分析问题和解决问题的能力；提高学生的艺术修养，为艺术设计做好铺垫；毕业后具备较强的实践能力、创新能力和创业能力。
具体考试要求分为几个层次：了解、理解、掌握。（三）命题原则：
1.在教学大纲和考核说明所规定的内容和要求之内命题。在教学内容范围之内，按照理论联系实际原则，考察学生对所学知识应用能力的试题。
2.上机是考核学生实际动手能力，考核学生将各章节知识技能的综合应用。
3.试题的难易程度和题量适当，按难易程度分为四个层次：容易占20%，较易占40%，较难占20%，难占20%。题
量安排以大多数考生能在规定的考试时间内做完并有一定时间检查为原则。
（四）试题题型：
Photoshop是一门实践性非常强的科目，所以考核的方式按上机操作的方式进行。上机操作题：给出原始图像和效果图像，让学生运用所学知识和技能进行设计处理。这类题目主要考察学生的实际动手能力。
（五）考核形式：
期评成绩采用百分制，60分以上（含60分）为合格，包括平时成绩、期中考试成绩、期末考试成绩三个方面。平时成绩包括平时表现、平时作业、平时测试，占考核总成绩的30%；期中考试采用闭卷笔试，考核学生理论基础知识掌握程度，占考核总成绩的30%，答题时限90分钟；期末考核采用闭卷上机，考核学生操作熟练程度以及软件综合运用的能力，占考核总成绩的40%，答题时限90分钟。
《网页设计与制作》课程标准 课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课
2015年 1 月编 一、适用专业 计算机应用技术（3年制中职，5年制高职） 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具；
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架； 3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的 使用技巧； 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版； 5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页； 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧； 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果； 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理； 9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的 动态效果； 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式； 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录；能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
一、实验介绍 实训项目一姓名字体设计 二、实验目的； 运用所学的字体与版式设计的思维与方法，按照字体与版式设计的要求，设计属于自己姓名的字体设计，培养自己对字体与版式设计的理解与认识，锻炼字体设计的各方面能力。 三、实验环境； 机房电脑操作，PS AI软件 四、实验任务； 做自己的姓名设计，通过名字的创意设计来展示自己的内在个性，充分认识字体创意的重要性。 五、实验原理及步骤； 创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1）简要的实验操作步骤 2）实验完成情况说明； 3）实验过程中存在的问题； 4）实验心得。
一、实验介绍 实训项目二实题项目的字体与版式设计 二、实验目的； 熟练掌握书记封面设计的版式设计形式和特征，能独立完成设计作品。 三、实验环境； 机房电脑操作，PS AI软件 四、实验任务； 书记封面设计一副 1.根据实题项目独立完成设计作品 2.版式设计要有创意，体现个性风格 3.注重形式美感，体现版式设计的完整性 4.表现技法不限，要求制作工艺精湛 五、实验原理及步骤； 选定主题——创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1）简要的实验操作步骤 2）实验完成情况说明； 3）实验过程中存在的问题； 4）实验心得。
一、实验介绍 实训项目三 二、实验目的； 熟练掌握书记封面设计的版式设计形式和特征，能独立完成设计作品。 三、实验环境； 机房电脑操作，PS AI软件 四、实验任务； 书记封面设计一副 5.根据实题项目独立完成设计作品 6.版式设计要有创意，体现个性风格 7.注重形式美感，体现版式设计的完整性 8.表现技法不限，要求制作工艺精湛 五、实验原理及步骤； 选定主题——创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1）简要的实验操作步骤 2）实验完成情况说明； 3）实验过程中存在的问题； 4）实验心得。
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于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) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
文字编排设计 文字的编排伴随着文字的诞生而产生。简单而言，文字的段落排列就是文字的编排。中国古代的文字编排方式一般是采用由上往下先竖排；再由右往左换列的阅读方式，一直到近现代受西方影响出现先从左向右横排、再自上往下换行的排列方式。而在传统书法的书写中，至今仍然保留着竖写的方式。西方在历史上也曾出现过第一行从左到右，第二行从右到左的文字排列方式。随着社会的发展，文字作为信息的载体，既传播信息又要能让人们方便快捷的阅读，并加深印象。因此，人们越来越开始重视文字的编排方式。文字编排也由简单的文本排列，发展为多样化的排列方式，加深了对文字编排理论的研究，从而出现编排设计这一概念。 第一节文字编排的定义功能目的 辞海对编排的解释是按照一定的次序排列先后。而英文中编排一词layout有规划、设计、(书刊等)编排、版面、配线、企划、设计图案、(工厂等的)布局图等众多的意思。所谓文字编排也称为版面设计就是在进行视觉、广告、编辑、印刷等美术设计时，如何将文字、图形、图案、标识等平面造型的构成要素，给与视觉的整理与配置，使其成为具有最大诉求效果的构成技术。在编排设计中文字的字体及其编排形式作为构成版式的基本元素之一，体现了版面的整体风格。而版式设计的功能和目的也是为了更好的传播信息，加强印象。 第二节文字编排的原理原则 一．文字编排的基本原理 文字编排即把各种元素在一个给定的空间中组合排列，达到良好的视觉传达作用，而各种元素都可以抽象为简单的点线面组合，通过对点线面的研究来对版面进行布局，使版面视觉流畅，层次丰富，主体鲜明。 二．文字编排的原则 变化统一 变化统一在形式美法则中是一个总的原理，所谓变化，是指要素的各个构成部分相互不同，而统一可以解释为将各个部分和谐、正确的应用在一个完整体中。变化与统一是两个对立面，他们是共存的。变化增了物体的丰富性，而统一强调物体的整体性。人类在创造美的活动中，总是在尽可能寻求变化统一。使单调的丰富起来，是复杂的统一起来。变化的绝对性和统一的相对性使它们处在人们认识的不同层次上 文字编排时要注意主体观念和整体观念。 主体观念：版式编排设计的最终目的是使版面产生清晰的条理性，用良好的组织来更好的突出主题，达到最佳的诉求效果。因此，在对文字进行版面编排时，要通过各种手法如对比、虚实、主从关系等来突出主题、突出主体，把握各元素之间的逻辑层次关系，从而达到良好的效果。 整体观念：在对版面上各元素进行编排的时候，要以周密的组织和定位来使版面比表现一种秩序感。注意版面内在结构性的完整，即使是采用散点构图的形式时，也要注意形散而神不散。 第三节文字编排的形式法则 一．单纯次序
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下： 老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）
文字是构成版面设计的基本元素，各种字体、字号、字距、行距给我们带来了不同的视觉感受和心理反映，赋予了版面以无限的魅力，因此研究版面中的文字使用，显得尤为重要。 一、字体 在雕版印刷术发明之前，书籍上的文字全靠手抄，这种方式具有一定的局限性，大大影响了书的批量生产以及书的传播。随着宋代雕版印刷的盛行，字体逐渐地得到了发展。 1、宋体 所谓宋体字，是后人对宋代雕版印刷中书体的指称，其笔画特征在当时并不是十分明显，其特征真正定型于明代，因此日本也称其为“明朝体”。宋体基本笔画特征出自于楷体，其中包括点、横、竖、撇、捺、勾、挑、折等笔画。字体特点概括为：横平竖直、横细竖粗、横画及横、竖画连接的右上方有顿角，撇如刀、点如瓜子、捺如扫等，结构饱满、端庄典雅、整齐美观。 宋体字既适用于印刷刻版，又适合人们的基本阅读需要，因此一直沿用至今，而且成为了当今设计中最常使用的字体之一。在宋体的基础上发展出了系列接近的字体，如：特粗宋、粗宋、大标宋、小标宋、报宋、书宋、中宋、仿宋、长宋、宋黑等。其中特粗宋、粗宋、大标宋、小标宋、中宋由于横竖笔画粗细对比较大，不适合于大篇幅地排印正文，因此通常用于标题字的设计，报宋、书宋、长宋适合排印长篇正文，仿宋多用于排印引言、图注等说明性文字。 2、黑体 随着无饰线西文字的出现，20世纪初在日本出现了一种新的印刷字体——黑体，也称“方头体”、“平体”。其特点:横竖笔画粗细一致，没有宋体字角的装饰性，结构严谨、笔力遒劲、庄重醒目、严肃且富有现代感。黑体字系列通常有：特粗黑、粗黑、大黑、中黑、细黑、中等线、细等线等。其中特粗黑、粗黑、大黑、中黑适用于编排标题，细黑、中等线、细等线适用于编排正文。 3、楷体 楷体是在楷书技术上规范出来的一种字体，与手写体相近似，流畅和谐，富有韵味。通常用于正文及说明性文字。 近年来，字体设计者又将一些手写字体及POP字体也加工为电脑用字，如行楷、隶书、魏碑、舒体、琥珀体、彩云体、竹节体等。 在纷繁复杂的字库里选择合适的字体进行版面编排尤为重要，设计时应反复斟酌，不可随意使用。如笔画复杂、字形过于生动、活泼等字体不适于排印正文，否则就容易使阅读者产生视觉疲劳，再如有些变体字体本身就存在间架结构失调、笔画不统一、缺乏美感等问题，使用这类字体只会对整体版面起到破坏作用，因此选择字体过程中应当要谨慎。 二、字体的使用 初学者对字体使用没有经验，往往认为字体种类越多设计就会显得越丰富，因此同一版面中会出现多种字体，这样恰恰会造成版面的复杂与凌乱。其实在同一版面中，字体的使用不宜过多。通常来说，即便同一版面中有多种不同层级的信息，最多也就使用两三种不同字形的字体即可。至于信息之间的区分，可以通过文字的字号、颜色以及同字形但不同笔画粗细的字体来加以区别。 三、字距、行距 字距和行距对版面设计的文本编排以及整个版面效果具有重要的影响。 通常来说，正文的字符间隔一般设定为“0”，但有时为了营造版面的节奏感与情趣性，也需要对部分文字的字距进行调整，以求得丰富的视觉效果，如：标题字的设计，广告语的设计等。 行距的设定应视设计的具体情况而定，一般在字高的1/2到1个字高之间，小行距的文字阅读通常没有大行距文字疏朗，但却对节省版面空间起着决定性的影响。 这里要强调的是，字距和行距二者之间是有着密切的联系的。从阅读的流畅性角度看,行距必须大于字距，否则就会造成文字阅读上的不连接性。然而，现代设计中，有些设计师为了故意造成局部文字阅读的障碍性，有时也采用行距等于字距或行距小于字距的设计手段，那种耐人寻味感往往也能收到一些奇效。 四、字号
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.doczj.com/doc/0611254701.html,等）下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素，查看其源代码，收藏到收藏夹中，将其设 为主页。 4、制作一个简单的网页sy1-1.html，用记事本编辑，网页标题为“熟悉HTML文档的结构”， 内容为司空曙的《江村即事》，如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。（可参考第二章内容）
实验二 Dreamweaver基本操作（一） 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统，Dreamweaver CS3软件，内部组成局域网，外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”，包含以下几 个文件和文件夹：图片文件夹（images）；音乐文件夹（sound）等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件，从提供的网 页原始素材中把相关文字复制到该网页文件中，并进行适当的文字设置，结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html，效果如图所示。 ●标题文字大小用
标记； ●作者信息文字大小为24像素，字体为幼圆，颜色为红色； ●古诗文字大小为24像素，字体为隶书，颜色为蓝色； ●在作者信息后加一条水平线，居中，水平线宽度为浏览器的30%，水平线的粗细为20 个像素，颜色为棕色；网页设计与制作课程试卷(五) 一、单项选择题 (本大题共40小题，每小题2分，共80分) (1) Photoshop中，下列__D_____操作不能提交图像变换。 A. 按Return键 B单击选项栏中的“提交”按钮 C. 在变换选框内双击 D在变换选框外双击 (2) Photoshop 中，利用蒙板制作淡出效果的方法为____C____。 A.添加蒙板后使用橡皮图章工具 B.添加蒙板后使用钢笔工具 C.添加蒙板后使用渐变工具 D.添加蒙板后使用填充工具 (3) 下列情况不属于冷色彩的是______A___。 A.黄色 B.蓝色 C.绿色 D.蓝绿 (4)下列情况不属于色彩联想性的是______D__。 A.蓝色——天空 B.黑色——黑夜 C.红色——喜事 D蓝色— —高科技 ^ (5) 创建浮动广告的路径应使用__C______. A.“窗口”—>“时间轴”—>“添加行为”命令 B. “窗口”—>“时间轴”—>“录制层路径”命令 C. “修改”—>“时间轴”—>“录制层路径”命令 D.“修改”—>“时间轴”—>“添加行为”命令 6）下列关于层的说法，不正确的一项是___D_____。 A.在DreamweaverMX中，层用来控制网页中元素的位置 B.层可以放置在网页的任何位置 C.层以点为单位精确定位页面元素 D.层中可以包含任何HTML文件中的元素 (7)要打开网页时弹出一个信息框，可以使用新建行为中的___B____。 A.打开测览器窗口 B.弹出信息 C.调用JavaScript D.播放声音 (8)要上传整个站点，要选定整个站点文件可以按的键是___A_____。 A.Ctrl+A B.Ctrl C.Shift D.Shift+A (9)检查测览器的兼容性应选的选项是_____D__。 A.搜索 B.验证 C.链接检查器 D.目标测览器检 查 (10)下列属于合法IP的是_____A__。 A.202.96.1.2 B.257.33. 21.5 C .33.23.99 D.10001111 (11)在模板中，由DreamWeaverMX自动建立的是____D___。 A.可编辑区域 B.可选区域 C.重复区域 D.锁定 区域 (12)在DreamWeaverMX中有___B____种方法可以建立基于模板的网页。 A.2 B.3 C.4 D.5 (13)模板文件的扩展名为______C_。 A.lbi B.htm C.dwt D.asp (14)下列不是FlashMX的选取工具的是___D____。 A.箭头工具 B.图标是空心箭头的工具 C.套索工具 D.手形工具
网页设计与制作课程标 准 公司内部编号：（GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于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) 掌握动态网页的概念及简单动态网页的制作方法
活动二字体设计与版面设计 教学设计（一） 设计思路 本单元属于“设计?应用”活动，本教学活动安排二课时。通过教师的讲述、演示，加上大量图片解析，使学生经过课堂练习之后，对基本字体的分类及特征，创意字体的构思及类型有一定的理解，从而达到独立绘写的水平，并能掌握版式排版的一般方法。 教学目标 1.学习字体设计的知识，了解黑体、宋体等基本美术字体的笔形特征和写法；了解变体美术字的创意方法。 2.学习版面设计的基本知识。从设计和创意美术字的过程中，发展学生的形象思维，使学生充分体会美术与自己的学习、生活息息相关。学习用美术语言表达思想，提升审美文化素养。 教学重点 掌握美术字体设计的基本知识、技巧、方法。 教学难点 美术变形体设计的创意。 教学过程
教学设计（二） 教学目标 1.学习字体设计的知识，了解黑体、宋体等基本美术字体的笔形特征和写法；了解变体美术字的创意方法。 2．学习版面设计的基本知识。从设计和创意美术字的过程中，发展学生的形象思维，使学生充分体会美术与自己的学习、生活息息相关。学习用美术语言表达思想，提升审美文化素养。 教学重点 掌握美术字体设计的基本知识、技巧、方法。 教学难点 美术变形体设计的创意。 教学过程 第一课时 一、导入 展示学生课前收集的各种带有美术字体设计的商标、广告、印刷品。 学生选派代表发表不同的观点。 二、讲解常用美术字体的基本特点。 1.欣赏同一字的不同美术字体的设计作品。 学生分组讨论：黑体、宋体、变形字的特点。 选派代表，文字总结。 板书： 黑体,笔划方头方尾，笔划粗细一致，醒目有力。 宋体,挺直、秀丽，笔划横细竖粗，起笔收笔都有明显的顿迹。 变形字,有意识地将某些笔画实行夸大、缩小、移位来获得新颖的效果。 2.欣赏中外优秀的字体设计作品。 3.教师与学生共同讨论。 三、自评和互评 学生谈谈本课的体会。 四、学生作业，练习字体设计。 第二课时 1.欣赏学生上节课设计的作品，复习导入。
《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/0611254701.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/0611254701.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML
版式设计中字体的运用 摘要 汉字是中华民族文化的重要组成部分。在汉字不断的发展过程中,不同的字体演变同样可以说是一种字体设计过程,他在人们的设计思维中得到不断的创新与巩固。在国内任何视觉设计中,汉字、图形和色彩都是其三大构成元素。汉字排列组合的形式、字体的选择,以及字体大小色配置的好坏,都直接影响其版面的视觉传达效果。现代汉字是继宋版书后的印刷字体中发展而来。随着时代的发展和人们审美与实用需求的变化,汉字在传递中不断简化,并形成高度符号的艺术特色。而文字发展到今天,它固然还是一种交流的工具,是传递信息的载体,但已经超越了这一局限,它带给我们更多的是视觉冲击力和深刻的表现力。因此,汉字设计是增强视觉传达效果,提高作品的诉求力,赋予版面审美价值的一种重要构成因素。 关键词：版式设计、字体、元素、排列 Abstract Chinese characters are an important part of Chinese national culture. Chinese characters in the process of development, different fonts evolution can also be said to be a font design process, he is in people's design thinking is constant innovation and consolidation. In the domestic any visual design, Chinese characters, graphics and colors are the three major elements. Chinese characters permutation and combination form, the choice of font, and font size color configuration is good or bad, have a direct impact on the layout of the visual effect. Modern Chinese characters is the second song edition book printing fonts and development. With the development of the times and people's aesthetic and practical needs change, Chinese characters in transmission to continue to simplify, and formed a highly symbolic artistic characteristics. While the text to the development of today, it is still a tool for communication, is a carrier to transmit information, but it is beyond this limitation, it brings us more visual impact and deep expressive force. Therefore, Chinese characters design is to enhance the visual effect, improve the works of the appeal, give a layout of aesthetic value of an
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
1版面中的视觉心理 2版面中的视觉平衡 3版面中的视觉对比 4版面中的视觉比例 5版面中的视觉空白 6版面中的视觉统一 第三章：版面构成的基本形式 1 全版式 （1）直立式（2）水平式 （3）倾斜式（4）交叉式 （5）散点式（6）背景式 （7）网底式（8）上下式 （9）左右式（10）三角式 （11）中心式（12）包围式 （13）文字式（14）字画式 （15）切入式（16）突破式 （17）点式（18）指引式 2分割式 （1）上下分割和左右分割 （2）十字分割 （3）平行分割和旋转分割 （4）曲线分割和自由分割 3出血式 （1）部分出血 （2）全部出血 第四章：以图片为主的版式设计 1主题性图片（图片实例） 2寓意性图片（图片实例）
3夸张性图片（图片实例） 4图片的编排（图片实例） （1）镶嵌式 （2）斜置式 （3）C式 （4）L式 （5）U式 （6）N式 （7）中轴于纵轴式 （8）并置（反复）式 （9）强调式 （10）自由组合式 第五章：以文字为主的版式设计 1文字的字体、字号（图片实例） 2文字的空间、虚实关系（图片实例） 3辅助性文字用途（图片实例） 4文字的编排（图片实例） （1）线性排列（图片实例） （2）图形排列（图片实例） （3）点形排列（图片实例） （4）对称排列（图片实例） （5）自由排列（图片实例） 第六章：图文相结合版式设计 1图形与文字的比例关系 （1）大图形中文字的比例（图片实例） （2）图文面积均等（图片实例） （3）小图形中文字（图片实例） 2 图形与文字的位置关系（图片实例）
第七章：版式设计在作品中的应用 1版式设计在广告设计中的应用（图片实例） 2版式设计在书籍装帧中的应用（图片实例） 3版式设计在包装设计中的应用（图片实例） 4版式设计在网页设计中的应用（图片实例） 第八章：常见的版式设计问题与解决办法 1文字方面的问题与解决办法（图片实例） （1）字体滥用 （2）随意变形 （3）编排无序 2图形方面的问题与解决办法（图片实例） （1）主次不分、杂乱无章 （2）图形缺乏主体形态 3色彩方面的问题与解决办法（图片实例） （1）色调不统一 （2）空间层次混乱 4整体布局的问题与解决办法（图片实例） （1）文字与图形冲突 （2）没有视觉流程 第九章：版式设计作品欣赏 （1）国内优秀版式设计作品 （2）国外优秀版式设计作品 （内容包括：报纸广告、招贴、cis手册、包装、宣传版面、封面、店面、电子课件、网页、毕业设计等） （二）学生构思设计 （三）学生间互相交流，老师辅导、分析、讲评 四课程教学条件 （一）师资
字体与版式设计课程标 准 Document serial number【NL89WT-NY98YT-NC8CB-NNUUT-NUT108】
《字体与版式设计》课程标准 一、课程性质与定位 本课程是广告设计与制作（平面广告）专业的行业通用能力培养课程，是校企合作开发的基于广告设计中视觉传达工作过程的课程。结合我院的办学理念，通过广泛的市场调研，确定了我院对广告设计与制作专业培养目标的定位为，培养学生适应广告行业服务第一线需要的，德、智、体、美全面发展，以平面广告创意、制作为核心能力，并兼具一定的广告策划和经营技能，可从事平面广告的策划、创意、制作、发布等工作岗位的高技能专门人才。 二、课程目标 总体目标：教学模拟真实场景，通过本课程的教学实施，学生应该能够根据市场设计需求，将自己或团队的创意策划意图，熟练的绘制草图，并运用相关软件表现出来，并且进行设计成品的完成。培养学生能够掌握文字与版式设计理论和设计
技巧；熟练运用设计软件设计作品；制作标志设计完整稿及完成报告提案。培养学生热爱生活，增强学生社会责任感；培养学生具有团队协作，坚强的毅力和吃苦耐劳的精神；培养学生具有严谨，诚信的职业品质和良好的职业道德；培养学生分析问题，解决问题的能力以及灵活应变的能力。 1、专业能力目标 （1）具有培养学生综合应用所学软件的能力的作用。 （2）培养学生的实践运用能力及创新精神，提高学生的设计创意能力。 （3）培养正确的设计理念、设计方法和设计实现能力。 （4）在引导学生学习各类设计风格的同时促进学生设计表达的发展。 （5）能够熟练掌握至少一种图形编辑软件。 （6）掌握基本知识、培养学生的职业生涯可持续发展能力。 （7）把握平面广告设计的各种创意与方法和表现手法。提高学生职业岗位适应能力。 2、方法能力目标 （1）制定广告字体设计方案能力。
一、填空题（ 2‘ *5 ） 1、 题干网站由网页构成，并且根据功能的不同，网页又有____和动态网页之分。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案静态网页 网站由网页构成，网页有静态和动态之分。所谓静态网页是指用户无论何时何地访 答案说明问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 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 分 答案对 答案说明 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash 等。 关键字认识网页
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求