网页的设计基础.pptVIP

* 网页设计基础 主要内容 1、WWW基础 2、网页分类 3、网页设计软件与编程语言 4、Web站点的规划与设计 网页设计基础 1、WWW基础 　1)信息的组织形式 (1)、网页 (2)、网站 　　 (3)、站内目录结构 网页设计基础 1、WWW基础 　2)超文本与超链接 　　　所谓“超文本”是指信息的组织形式不是简单的顺序排列，而是复杂的网状交叉索引方式，对不同来源的信息加以连接。可连接的有文本、图像、动画、声音或影像等，而这种链接关系则称为“超链接”。 网页设计基础 1、WWW基础 　2)超文本与超链接　　　 网页设计基础 1、WWW基础 　3)统一资源定位器（URL,Uniform Resource Locator) 　　　URL四部分组成：网络协议、域名、路径、网页文件。其基本形式为： 　　　“How://Who/where/what”。 　　例如：/index.htm 网页设计基础 1、WWW基础 　4)WWW信息浏览方式　　　 浏览器 服务器 网页设计基础 2、网页的分类 　1)静态文本和图片 　2)网页动画 　3)动态内容和网页特效 　4)交互式网页内容 静态网页 动态网页 网页内容不会随着浏览者的不同或浏览时间的不同而改变，要改变网页内容，必须由设计者在设计状态下改变。 网页内容会随着浏览者的不同或浏览时间等的不同而改变。 网页设计基础 3、网页编辑软件和编程语言 　1) 网页编辑软件 　 2) 静态网页编程语言 3) 网页特效编程语言 Microsoft FrontPage DreamWeaver HTML(Hypertext Markup Language) CSS(Cascading Style Sheet) XML(eXtensible Markup Language) VBScript JavaScript 网页设计基础 3、网页编辑软件和编程语言 　1) 网页编辑软件 　2) 静态网页编程语言 　3) 网页特效编程语言 　4) 交互式网页编程语言 　5) 网页设计辅助工具 ASP(ActiveX Server Page) PHP(Hypertext Preprocessor) JSP(Java Server Page) Photoshop Firewoke Flash 网页设计基础 4、Web站点的规划与设计 　　为了提高网页的视觉吸引力，有效地传达信息，给人以审美感受，网页文件的创意非常重要。只有做好网页文件的规划与创意，才能很好地组织起丰富的网页素材以实现网页设计的目标。 网页设计基础 4、Web站点的规划与设计 　1)明确网站的目标和用户需求 (1)、公司、单位信息发布 　　 (2)、出版物、即电子报刊 　　 (3)、个人主页 　　 (4)、在线购物站点 　　 (5)、专题介绍 　　 (6)、实用信息服务 网页设计基础 4、Web站点的规划与设计 　2)素材的准备与组织 　3)站点结构规划 (1)、分级结构 　　 (2)、线性结构 　　 (3)、Web结构 网页设计基础 4、Web站点的规划与设计 网页设计基础 4、Web站点的规划与设计 网页设计基础 4、Web站点的规划与设计 网页设计基础 4、Web站点的规划与设计 　4)网页组成 (1)、标题 　　 (2)、正文 　　 (3)、插图 　　 (4)、背景 　　 (5)、动画 　　 (6)、网页特效 *