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