《网页设计基础》教案.doc

第一章 第一节 网站界面设计的认识 一、网站的主题定位 1、网站的主题选择 企业的性质决定网站的风格，企业的内容决定网站的主题。 2、网站题材选择的原则 ①主题要小而精 ②题材最好是自己擅长或者喜爱的内容 ③题材不要太滥或者目标太高 3、题材类别 题材类别 代表网站 产品展示类 TCL王牌 新闻类网站 中华新闻网 下载类网站 华军软件园 BBS聊天论坛 心的家园 二、页面的功能模块设计 1、网站名称（Logo） 2、广告条（banner） 3、主菜单（menu） 4、新闻（news） 5、搜索（search） 6、友情链接（links） 7、邮件和地址（ mailand address） 8、版权（copyright） 首页的设计步骤：①确定首页的风格和功能模块 ②设计首页的版 ③处理技术上的细节 网页界面设计（web interface design）------美观、用户便利、网站流程顺畅! 界面：字典上解释为两者间的界限、接点、共有连接的领域。例子：人与车直接接触的空间，方向盘（即界面）；再如：人和门，门把手（即界面）。过大过小都不好。 界面设计最重要的两点：①使用的便利性 ②美学的层面 界面设计相关用语 1、UI User Interface, 用户界面 即使用者界面的意思。实现互动是用户界面最主要的目的。 2、HCI Human-computer Interaction,人与计算机的交互作用 即，以人怎样做能更容易的掌握计算机的使用技术为目标，结果可以使界面技术得到飞跃和发展。 3、GUI Graphical User Interface,图形用户界面 图形用户界面是相对于言，通过图形构成用户与系统间的界面来实现的。 例如：在windows之前的DOS必须输入，而现在则不用。 五、网页界面的构成要素 1、① 网页浏览器（工具栏、地址栏、 状态栏、菜单栏）②导航要素（主菜单、子菜单、搜索栏、历史记录等）③内容（图像、标志、） 2、网页导航的构成要素 导航，是航海的意思。就是在网站的每个页面间自由地来去，即引导用户在网站中达到它所想到达的地方，这就是每个网站都包含导航要素的目的。一般来说，在网页的上端或左侧设置主要导航要素的情况比较普遍。 3、网页导航设计的原则 在网页使用的导航要素不应设计得太复杂，我们应把它设计的更直观、单纯、明了，让用户一下子就，这样才达到了设计的效果。 六、网页界面设计的特性 ① 使用的便利性 （不要只是美） ② 一贯性 例如菜单位置，不能上下乱串 ③ 创意性（要遵循规律） 七、作业 设计自己的个人主页。要求：功能模块完整，网页导航明确 第二章 第一节网基本方法 网页设计 1、网页设计念 网页设计是把进入网页页面的诸多构成要素（文字、照片或图像、图表、菜单等）在网页浏览器里有效的安排起来。 2、网计特征 首先，要充分考虑网站的目的及用户的环境，而后再加入网页设计人员富有创意的构思，这样才能有较好。难点一在于：由户各自的环境不同： 800*600（像素）分辨率 1024*768（像素）分辨率 其次，明确网站的目标是什么;再次是手绘草稿阶段。 3、主要构成原则 在构，基本上应该考虑：醒目性 可读性 明快性 造型性 创造性 醒目性------是用户把注意力集中到某网站并诱导其浏览时期看到的部分或内容。 可读性------使网站的内容更容易让人读懂。 明快性------准确、快速的转达网站的构成内容。 造型性------维持整体外形上的稳定性和均衡性。 创造性------体现网站的鲜明个性。 主要构成原则：统一、协调、流动、强调、均衡等方面。 统一：就是整个网站的构成要保持一贯性，不要给用户带来混乱感，应经可能地让用户用起来更方便。 协调：就是把网站的每个构成要素有机的结合起来，让人感觉既美观又方便实用。 流动：就是能让用户的视线自然而然地往他想移动的方向移动，同时界面的使用功能可以根据用户的爱好和便利，马上连接到用户想要浏览的下一项内容。 强调：就是把要突出的设计或内容通过活用色彩，留白等方式，在不影响整体的设计和连贯性的前提下，把该部分内容最大限度地突出出来。 均衡：就是在排列每个要素时要按照一定的顺序，并照顾到使用上的便利性和视觉角度的稳定感。 二、根据画面上整体内容的位置决 1、内容排列在画面左侧的页 800*600（像素）分辨率 纵向有滚动条，所以网页向设计的尺寸要比800像素小一些，通常情况下把横向设为580~780像素。 1024*768（像