网页设计教案新版2013.pptVIP

网页设计的标准流程 8、 页面代码编写,或在网页编辑软件中制作 9、 网站整体使用性测试 10、网站的发布与上传 11、后期更新与维护 jadidc.co.kr 第二章 网页设计的基本概念 Copyright ? 2006-2010 Janeqi, All Rights Reserved 一、互联网使用调查 我们常访问哪些网站？ 我们常用网上哪些工具？ 这些网站或工具为何吸引我们？ 二、相关基础知识 什么是网页？ 　　　网页是一个适合万维网，并且可以通过一个网络浏览器被访问的信息资源。这种信息通常是HTML格式的，并且可以提供通过超文本链接到其他网页去的导航。 二、相关基础知识 什么是网页设计？ 网页设计是通过互联网，以适合被网络浏览器或其他基于网络的图形用户界面解释和显示的技术形式（例如链接标示语言）来概念化、策划、建模，并执行电子媒体内容传递的过程。 二、相关基础知识 网页和网站的区别是什么? 网页是指因特网上的一个单一页面. 网站是一组被某个人群或组织控制的一组页面的集合. 二、相关基础知识 因此,一个网站的设计比一个网页的设计要复杂许多. 设计师必须要考虑网站结构,功能和用户使用性方面的诸多问题. 三、相关名词解释 WWW （World Wide Web）万维网 　　　是建立在客户机／服务器模式之上，以 HTML语言和HTTP协议为基础，能够提供面向各种 Internet服务的用户界面的信息浏览系统。 FTP　(File Transfer Protocol) 文件传输协议 　　　是人们从Internet上获取远地主机文件的主要手段。(Upload/Download) 三、相关名词解释 UI (User Interface) 用户界面 是指人与系统的连接空间，通过此界面用户能够与该系统取得交流和互动，从中获得所需信息。 UE (User Experience) 用户经验,或用户体验 用来描述当一个用户使用某一个产品或系统时所拥有的全部经验和满意度，它多数通常指软件和商业主题的联合，例如在线销售，但它适用于交互设计的所有结果. 三、相关名词解释 Web usability 网页可用性 网页可用性是一个综合的方法,它和通过互联网传输信息的有效性差不多，它和终端用户与在线（或离线）软件的流畅交互有关. HTML (Hyper Text Markup Language) 超文本链接标示语言 三、相关名词解释 URL（Uniform Resource Location） 统一资源定位 域名后缀－ .com .cn . .org .gov .edu .uk .kr .jp 第三章 网页的特点及其设计原则 Copyright ? 2006-2010 Janeqi, All Rights Reserved 一、网页设计的特点 1、交互性（interaction） 网络媒体与传统媒体的最大不同就在于它的即时交互性。在网络环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。 2、多维性（multi-dimension） 多维性源于超级链接，它主要体现在网页导航的设计。超级链接的出现使网页的组织结构更加丰富，浏览者可以在各种信息与主题之间自由跳转，从而打破了人们接受信息所固有的线性方式。 3、多种媒体的综合性 （integration of multi-media） 网页设计是一种综合了文字、图像、声音、视频、动画、富媒体等多种视听元素的综合艺术。 4、版式的不可控性 （uncontrollability of layout ） 网络浏览者使用的显示器分辩率大小会影响版式的呈现效果，造成不同浏览者的显示误差，这一点在设计当中需要考虑到。 一、网页设计的特点 5、艺术与技术结合的紧密性 （combination of art and technology） 设计是主观和客观共同作用的结果，是在自由和不自由之间进行 的，设计者不能超越自身已有经验和所处环境提供的客观条件来进行设计。 一、网页设计的特点 1、文字 背景不影响文字 文字大的足够阅读,但不过大 信息的层次清晰到完美 文字栏的宽度比一本书要窄,使在屏幕上阅读更容易 二、好的网页设计的特点 2、导航 导航按钮和导航条容易理解和使用. 导航的一致性贯穿整个网站. 导航按钮和导航条提供给访问者一个线索,他们在哪儿,他们当前在网站的什么页面. 框架,如果使用的话,不令人讨厌. 一个大的站点有一个目录或者站