一章网页设计概述教案.docx 6页

一章网页设计概括教课方案 一章网页设计概括教课方案 PAGE / NUMPAGES 一章网页设计概括教课方案 教课方案首页 授课题目（章节或主题） ： 第一章 网页设计归纳 教课方案目的与要求： 认识网页设计基础知识，掌握网页的构成要素，理解网页设计的特色与原则。 教课方案重点： 网页的构成要素 教课方案难点： 网页设计的特色与原则 教课方案过程： 一、组织教课方案： 5 分钟 二、引入新课： 5 分钟 三、解说新课： 85 分钟 四、课堂练习： 80 分钟 四、小结： 5 分钟 1 / 6 第一章 网页设计归纳 L1 、组织教课方案： 调试设备、准备素材；清点学生人数，做好考勤 L2、导入新课： 经过显现网页案例，引入新课 L3、解说新课： 一、网页的基本功能与特色 （一）、功能 1、信息流传 新闻信息、商业信息、文化信息——文字、声音、图像、视频、动画 2、交流与反响 留言板、 BBS 论坛 3、经管与控制 网上商城（如：淘宝、当当、优秀亚马逊等购物经管） 、OA 系统软控制（如：工作流程控制、经管控制）硬件控制（如： Modem、路由器的控制） （二）、特色 1、流传性 2、审美性 3、技术性 二、网页的构成要素 网页作为一种新兴媒体，包含的要素有 （一）、内容要素： 文字、图形、声音、视频、动画等，以及 Java、Active 控件等制作特别收效及交互功 能（表单）的元素。 （二）、形式要素： 标志（ logo）、通栏广告（ banner）、图标、背景、条幅广告、弹出窗口、浮动图（层） 、 导航栏、信息栏、登录栏、检查 /反响栏、搜寻 / 盘问栏、版权栏 2 / 6 （三）、构成要素： 页面、框架、表格、行、列、单元格、层、时间线 （四）、技术要素： 超链接、源代码、脚本语言、数据库 三、网页设计的特色与原则 网页界面设计应时辰围绕“信息传达”这一主题来睁开。根本上来讲它是一种以功能性为主的设计。 （一）、特色 1、设计以功能为主 2、形象明确、易于接受 3、形式简洁 （二）、原则 1、内容先导原则 ·Web 站点需要传输的最重要的信息是什么？ ·哪一种多媒体方式能最有效地说明它？ ·在信息列表中，哪个信息需要特别关注？ ·哪个信息需要屡次重申？ ·实现这个方法的最好路子是什么？ ·这个信息与其他部分怎样平衡？ 2、内容决定形式原则 ·什么样的接见方式将使用户的数目最多？ ·他们将使用什么样的计算机？ ·他们是家庭用户还是办公用户？ ·他们用的是什么阅读器？ ·用以选择文件格式、软件、插件和阅读器支持的最小配置是什么？ ·能确定用户需要的最小配置吗？ 3、有效性与审美性结合原则 3 / 6 ·要考 的 。 ·要侧重色彩的搭配 。 ·要考 适 不同样 器，不同样分辨率的情况。 ·要 者简单找到要找的 西，使网 内容便于 。 ·站点内容要精、 ，及 更新。 ·供应交互性。 · 即 美。 不同样的用 群，有着不同样的服 方向，但有一点是可以必然的，需要合适的 —— 没有好的或坏的 ，只有可否合适、可否合适的 。 成 了目前网 的一种 范。 延伸 ： 人 常 我：“若是想保证网站简单使用最重要的是什么？” 答案很 既不是“重要的内容要放在两次点 之内” ，也不是“采用用 的 言”，甚至 也不是“保持一致。” 而是?? “ 我思虑！” 多年来．我素来在跟人 是我的可用性第必然律。看 的网 越多我就越 信 一点。 是最最重要的原 ——它是在 Web 中判断什么适用什么没用的 极法 ．如 果你只能 住一条可用性原 那么就 住 一条！ 它意味着 者 尽量做到当我看一个 面 它 是不言而 、如数家珍、自我 解 的。 4 / 6 我应该能理解它——它是什么？怎样使用它？——而不需要开销精力进行思虑。 但是我们说的终究有多不言而喻？ 呃，充分的不言而喻，就忧如你近邻的邻居，她对你的网站主题毫无兴趣，也几乎不 知道怎样使用退后按钮，但她依旧可以看一眼你的主页，尔后说： “噢这是XXX ”（若是运， 气好的话她会说：“噢这是XXX 。真是太好了！”自然这是别的一回事了。 ) 这样来看： 当我看到一个不需要思虑的网页时，脑袋里面浮现的会是： “嗯这是XXX ，那是 XXX ， 我想要的东西在这里。 ” 当我看到一个需要思虑的网页时，脑筋里面浮现的东西都会加上一个问号。 创办一个网站的时候，你要做的就是去掉这些问号。 四、网站设计制作的基本流程 （一）、 先期策划和内容组织 1、 网站需求解析 2、 网站整体风格定位 3、 网站内容组织 （二）、 网站页面的设计制