01第一章网页设计概述_教案

《01第一章网页设计概述_教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教案首页授课题目（章节或主题）：第一章网页设计概述教学目的与要求：了解网页设计基础知识，掌握网页的构成要素，理解网页设计的特征与原则。教学重点：网页的构成要素教学难点：网页设计的特征与原则教学过程：一、组织教学：5分钟二、引入新课：5分钟三、讲授新课：85分钟四、课堂练习：80分钟四、小结：5分钟第一章网页设计概述L1、组织教学：调试设备、准备素材；清点学生人数，做好考勤L2、导入新课：通过展示网页案例，引入新课L3、讲授新课：一、网页的基本功能与特性（一）、功能1、信息传播新闻信息、商业信息、文化信息——文字、声音、图像、视频、动画2、交流与反馈留言板、BBS

2、论坛3、管理与控制网上商城（如：淘宝、当当、卓越亚马逊等购物管理）、OA系统软控制（如：工作流程控制、管理控制）硬件控制（如：Modem、路由器的控制）（二）、特性1、传播性2、审美性3、技术性二、网页的构成要素网页作为一种新兴媒体，包含的要素有（一）、内容要素：文字、图形、声音、视频、动画等，以及Java、Active控件等制作特殊效果及交互功能（表单）的元素。（二）、形式要素：标志（logo）、通栏广告（banner）、图标、背景、条幅广告、弹出窗口、浮动图（层）、导航栏、信息栏、登录栏、调查/反馈栏、搜索/查询栏、版权栏（三）、构成要素：页面、框架、表格、

3、行、列、单元格、层、时间线（四）、技术要素：超链接、源代码、脚本语言、数据库三、网页设计的特征与原则网页界面设计应时刻围绕“信息传达”这一主题来开展。根本上来讲它是一种以功能性为主的设计。（一）、特征1、设计以功能为主2、形象明确、易于接受3、形式简洁（二）、原则1、内容先导原则·Web站点需要传输的最重要的消息是什么？·哪一种多媒体方式能最有效地说明它？·在信息列表中，哪个信息需要特别关注？·哪个信息需要反复强调？·实现这个方法的最好途径是什么？·这个消息与其他部分怎样平衡？2、内容决定形式原则·什么样的访问方式将使用户的数目最多？·他们将使用什么样的计算机？

4、·他们是家庭用户还是办公用户？·他们用的是什么浏览器？·用以选择文件格式、软件、插件和浏览器支持的最小配置是什么？·能确定用户需要的最小配置吗？3、有效性与审美性结合原则·要考虑带宽的问题。·要注重色彩的搭配问题。·要考虑适应不同浏览器，不同分辨率的情况。·要让浏览者容易找到要找的东西，使网页内容便于阅读。·站点内容要精、专，及时更新。·提供交互性。·简单即为美。针对不同的用户群，有着不同的服务方向，但有一点是可以肯定的，需要恰当的设计——没有好的或坏的设计，只有是否合适、是否恰当的设计。这成为了目前网页设计的一种标准。延伸阅读：人们经常问我：“如果想确保网站容

5、易使用最重要的是什么？”答案很简单既不是“重要的内容要放在两次点击之内”，也不是“采用用户的语言”，甚至也不是“保持一致”。而是⋯⋯“别让我思考！”多年来．我一直在跟人们说这是我的可用性第一定律。看过的网页越多我就越坚信这一点。这是最最重要的原则——它是在Web设计中判断什么有用什么没用的终极法则．如果你只能记住一条可用性原则那么就记住这一条！它意味着设计者应该尽量做到当我看一个页面时它应该是不言而喻、一目了然、自我解释的。我应该能明白它——它是什么？怎样使用它？——而不需要花费精力进行思考。不过我们说的到底有多不言而喻？呃，充分的不言而喻，就好像你隔壁的邻居，

6、她对你的网站主题毫无兴趣，也几乎不知道如何使用后退按钮，但她仍然可以看一眼你的主页，然后说：“噢这是XXX”，（如果运气好的话她会说：“噢这是XXX。真是太好了！”当然这是另外一回事了。)这样来看：当我看到一个不需要思考的网页时，脑袋里面浮现的会是：“嗯这是XXX，那是XXX，我想要的东西在这里。”当我看到一个需要思考的网页时，头脑里面浮现的东西都会加上一个问号。创建一个网站的时候，你要做的就是去掉这些问号。四、网站设计制作的基本流程（一）、前期策划和内容组织1、网站需求分析2、网站整体风格定位3、网站内容组织（二）、网站页面的设计制作1、寻找网页的创意2、利用

7、图像软件设计效果图3、利用网页编辑软件制作网页4、利用网页动画软件制作动画（三）、网站页面的技术实现1、网页制作中的其他常用工具2、网页特效的具体技术实现L4课堂练习：1、鉴赏优秀网页的设计2、上网分析不同网站网页的构成要素L5、教学小结：