1、新 疆 天 山 职 业 技 术 学 院教 师 课 程 教 案 手 册（2016 2017 学年 第 二 学期）新疆天山职业技术学院教务处教师姓名 王 欣 娜课程名称 网页设计与制作-Dreamweaver 实用教程授课班级 15W 计信、15Z 计信所属部门 信息技术学院新疆天山职业技术学院教案编写要求与说明新疆天山职业技术学院课程教学基本信息表课程名称 网页设计与制作 面向专业 计算机信息管理课程类型 专业课 总学时 80 理 论学时 48 实践学时 32授课班级 15W 计信、 15Z 计信 共 2 班使用教材 网页设计与制作-Dreamweaver 实用教程 北京出版社 课程教学目标（知
2、识、能力、情感）知识目标：1、了解 Dreamweaver CS3 软件并熟悉界面；2、了解网站建设工作流程；3、掌握网页制作工具软件的使用；4、掌握网页的基本制作方法；5、掌握网页动画制作工具 Falsh；6、了解网站的测试、发布和管理。能力目标：1、具有创建和管理站点的能力。 2、具备进行综合网站规划的能力。 3、具备进行综合网站设计的能力。素质目标：1、理论结合实践，培养动手能力；2、具有团队意识，协作完成任务；3、具有责任感，主动承担任务；4、具有分析问题和解决问题的能力。参考主要书目及资料1、网页设计与制作 -Dreamweaver 实用教程，丁爱萍编，北京出版社2015 年 7 月
3、2、网页设计与制作，董洁编，清华大学出版社 2012 年 8 月；3、网页设计案例教程，朱艳丽编，清华大学出版社 2012 年 9 月教研室审核意见负责人：年 月 日院部审查意见负责人：年 月 日教务处检查意见负责人：年 月 日新疆天山职业技术学院课程教案首页课程名称 网页设计与制作 授课时间 2.29-3.4授课班级 15W 计信、 15Z 计信 授课序次 第 一 周 第 1 次课授课题目 第 1 章网站策划 1.1 网页规划设计基础 学时数 80授课类型 理论课 实训课 一体课 其他 周学时数 3+2学习（教学）标准（知识、能力、素质）知识目标：1、了解网站可行性分析的主要内容；2、了解网
4、站定位的主要因素；能力目标：1、会分析目标客户的需求和竞争对手的网站素质目标：1、培养学生良好的学习意识教学方法 讲授法、多媒体辅助教学法、讨论法、练习法、归纳法教学重难点教学重点：网站可行性分析的主要内容、定位的主要因素教学难点：理解网站可行性分析的主要内容参考资料或相关网站1、网页设计与制作 -Dreamweaver 实用教程，丁爱萍编，北京出版社2015 年 7 月2、网页设计与制作，董洁编，清华大学出版社 2012 年 8 月；3、网页设计案例教程，朱艳丽编，清华大学出版社 2012 年 9 月教学媒体 多媒体课堂设计（教学内容、过程、方法） 时间分配教学过程第 1 章网站策划 1.1
5、 网页规划设计基础网站包含着众多内容各异，错综复杂的网页，这些网页的内容组织，材料收集和处理工作通常可以从两个方面入手。一是根据所需发布的信息确定主题，每个主题由专人负责收集相关资料和内容。二是组织、精选一些能突出本网页特色的内容，烘托和突出主题，使本页面与网站其他网页有明显的不同。网站内容丰富，信息含量大，应该运用一定的方式将其条理化，同时在一定程度上加以归纳后重复利用，使网页较为整齐，脉络清楚，读起来也有重点。1、通过需求分析进行业务选择：（1）信息中介类（2）企业展示类导入新课（5 分钟）通过提问了解学生对网页设计规划的了解掌握学生课前预习情况（15 分钟）（3）开放型商务（4）内部型商
6、务2、了解网上活动所对应的网站内容和功能：（1）企业展示类商务形式的核心（2）企业展示类商务网站的内容要求（3）企业展示类商务网站的功能要求3、网站的可行性分析：（1）建设成本和收益可行性分析（2）网站运营成本可行性分析（3）网站功能及相关技术可行性分析4、网站的定位（1）确定建立网站的目的（2）择自身网站所属领域（3）明确自身网站的目标对象（4）确定网站定位（竞争定位、形象定位、功能定位）5、网站的规划（1）明确网站的目标（2）选择合适的域名和网站名称（3）选择恰当的网站功能（4）设计网站技术解决方案（5）规划网站内容（6）设计网站测试和发布方案（7）制定网站推广策划（8）安排网站维护措施（
7、9）指定网站财务预算6、撰写网站规划报告（封面、目录、前言、正文：市场分析、网站目的及定位、网站技术解决方案、网站结构、内容和功能；网站、网页设计、费用预算、网站维护、网站发布与推广等）补充内容：1、各类网站的设计总体框架（1）门户类网站（ 2）产品类网站（3）娱乐类网站（ 4）游戏类网站（5）时尚类网站（ 6）音乐类网站（7）杂志类网站（ 8）传记类网站（9）个人类网站2、网页赏析举例说明各个网站的特点。（1）新疆天山职业技术学院（2）百度搜索（3）腾讯（4）Pixar 动画工作室（5）故宫博物院（6）网易（7）柯达相机（8）唯品会（9）Rabbit 游戏主要内容讲解及浏览网站（90 分钟）
8、欣赏完上面不同主题不同风格的网站之后我们可以得出一些结论：1、网页的组织结构网页的内容和组织取决于网站的主题和定位。确定了网站的定位和模式，就可以对网页的内容进行组织、规划和布局。2、首页的结构首页一般包含主题、徽标、企业精神、经营理念、旗帜广告、首页链接、最新报道、联系方式、招贤纳士和栏目简介等。3、一般页面的结构一般页面也称子页面，其结构往往是依据要表现的内容而定，形式比较单一。页面的主题突出，取向性强，主要用于描述同一类事情。4、网站页面的组织结构一般来说，设计网站常常采用顺序结构、层次结构、网状结构或复合结构来组织页面。建设网站的第一步是收集资料，分门别类，将这些素材合理地分配到由超级
9、连接组织的不同的网页中，使得自己的网页能够吸引众多的浏览者，网页的内容的有效组织是必不可少的。组织网页的方法 1.突出个性；2. 具有可读性； 3.完整性强；4.布局合理；5.重要信息放置在首页。课后任务1.怎样保证网页界面设计主题的鲜明性？2.建立网页之初，该如何规划网站内容？ 3.打开互联网，选择一个网站，根据所学知识分析、评测之。教学后记新疆天山职业技术学院课程教案教学流程 教学内容与过程 教学方法 学生活动 时间分配新课导入大家对网址、网站并不陌生，每一个网站的内容以及设计、布局都不相同，如果要你给某一公司设计网站，你要如何给这个网站定位并撰写网站的规划报告？讨论法 思考 5 分钟预习
10、考核1、大家平常用过哪些网站？各有什么特点？2、大家所浏览的这些网站当中，都具有什么功能？针对性是否强？3、网站之间是否有竞争性？4、网站需求有哪些类型？5、网站的规划包括哪些内容？6、网站需求有哪几种类型？7、什么是 CI？8、如何给网站定位？9、网站形象包括哪些内容？10、网站规划包括哪几个方面？11、网站应具备哪几个功能？12、信息发布型企业网站内容包括哪些？13、网站测试内容包括哪些？14、网站定期维护包括几个方面？15、商务网站规划报告中包含哪些内容？讨论法回答讨论15 分钟讲授新课第 1 章 网站策划1.1 网页规划设计基础1、业务选择2、网站的功能及内容3、网站的可行性分析及定位
11、4、网站的规划及撰写网站规划报告讲授法多媒体辅助教学法笔记讨论归纳90 分钟目标检测1、网页与网站有何不同？请举例说明。2、网页构成的基本元素是什么？ 3、说出自己熟悉的 3 个网页，并试分析它的归类。讨论法练习法分析练习改正20 分钟归纳小结本节主要讲解网页规划设计基础，让学生初步了解与网页网站相关的基本概念，通过系统的学习掌握网站的需求及可行性分析，对今后的学习打下基础，使学习学习起来有据可循。归纳法思考推理判断10 分钟课后任务说明1、总结、归纳所学知识点2、预习 1.2 章节内容 笔记 5 分钟教学自评新疆天山职业技术学院课程教案首页课程名称 网页设计与制作 授课时间 3.7-3.11
12、授课班级 15W 计信、 15Z 计信 授课序次 第 二 周 第 2 次课授课题目 第 1 章 网站策划 1.2 网站设计流程 学时数 80授课类型 理论课 实训课 一体课 其他 周学时数 3+2学习（教学）标准（知识、能力、素质）知识目标：1、了解网站栏目与板块设置、整体风格的设计方法；2、了解网站目录结构与连接结构的基本要求；能力目标：1、熟悉网页设计的流程和注意事项2、会对网站风格进行基本设计、会进行网页色彩搭配及布局素质目标：1、培养学生良好的学习意识教学方法 讲授法、多媒体辅助教学法、讨论法、练习法、归纳法教学重难点教学重点：网站栏目与板块设置、目录结构与首页设计教学难点：网站风格的
13、设计、首页的设计参考资料或相关网站1、网页设计与制作 -Dreamweaver 实用教程，丁爱萍编，北京出版社2015 年 7 月2、网页设计与制作，董洁编，清华大学出版社 2012 年 8 月；3、网页设计案例教程，朱艳丽编，清华大学出版社 2012 年 9 月教学媒体 多媒体课堂设计（教学内容、过程、方法） 时间分配教学过程第 1 章网站策划1.2 网站设计流程网页设计与网站主题之间的关系归纳起来有三点，第一，设计应满足主题的要求，应该为主题服务；第二，设计使艺术和技术交融，应该是艺术和技术的完美结合。就是说，在保证“ 美” 的前提下，不丧失网站的 “功能” ；第三，无论是“ 美” ，还是
14、 “功能”，都是为了更好地表达网站的主题思想。网页设计的优秀与否，取决于设计师对主题的理解与掌握程度，好的页面设计肯定是服从于网站主题，鲜明地突出网站的诉求主题。要使网页从形式上获得良好的诱导力，可以通过对网页的空间层次、主从关系、视觉秩序以及彼此之间的逻辑性来把握运用。导入新课（5 分钟）通过提问了解学生对网页设计规划的了解掌握学生课前预习情况（15 分钟）网页的内容和组织取决于网站的主题和定位。确定了网站的定位和模式，就可以对网页的内容进行组织、规划和布局。1、确定网站栏目与板块：（1）紧扣主题（2）设立一个最近更新或网站指南栏目（3）设立一个可以双向交流的栏目（4）划分栏目时的注意事项2
15、、确定网站整体风格（ Logo、标准色彩、标准字体、宣传标语、统一图片、设计花边、条、点）3、确定网站目录结构（1）不重要将所有文件都存放在根目录下（2）按栏目内容建立子目录（3）在每个主目录下都建立独立的 images 目录（4）目录的层次不要太深4、确定网站的链接结构（1）树状链接结构一对一（2）星状链接结构一对多5、首页的设计（1）确定首页的功能模块（2）设计首页的版面6、网页设计布局的原则（1）画出草图（2）粗略布局（3）定案7、配色（1）颜色的基本知识（2）非彩色和彩色的搭配（3）网页色彩搭配的技巧8、网页布局的原则（1）正常平衡（2）异常平衡（3）对比（4）凝视（5）尽量用图片解说9、见的版面布局（1） “厂” 型结构布局（2） “口” 型布局（3）堆成对比布局（4）POP 布局10、色彩的心理感觉及网页色彩搭配原理：色彩是自然美、生活美、艺术美的重要组成部分。它代表着情感（绿色代表生命，红色代表热情，白色代表纯洁，蓝色代表深邃） ，代表着生活。没有色彩的世界是死寂而平淡的。在主题明确的前提下，网页可以用丰富的色彩来烘托主题，让浏览者耳目一新的感觉。给人清新，如坐春风，吃人生果，让人感觉身上三万六千个毛孔都渗透着激情。但多变的色彩不要干扰了浏览者的易读，不可以主要内容讲解及浏览网站（90 分钟）
