第四章网站设计与评价.ppt

打开欣赏一个优秀网站,思考下列问题: 1、网站的主题和网站的名字各是什么? 2、网页上都有哪些元素? 3、分析网站的栏目结构和链接关系? 一、构成网页的元素一、构成网页的元素 1 1、、文字与图片文字与图片:构成网页最基本的元素:构成网页最基本的元素 2 2、、超级链接超级链接 3 3、、动画动画:格式为:格式为 GIF GIF 4 4、、音频音频:格式为:格式为 MIDI MIDI 、、 WAV WAV 、、 MP3 MP3 5 5、、视频视频:格式为:格式为 RM RM 、、 AVI AVI 、、 MPG MPG 6 6、、动态内容动态内容: : 主要包括主要包括查询、留言板、论坛、聊天室查询、留言板、论坛、聊天室等等二、网站、网页、主页的概念二、网站、网页、主页的概念网站是由一些互相关联的网页构成的一个整体。网页是利用各种软件或开发工具制作而成的文件, 它可以传递文字、图片、声音等各种信息。网页静态网页:用 HTML 代码组成的文件,用于发布无需用户参与、内容固定的信息。 HTML 语言、 Dreamweaver 、 Frontpage 、 Office2000 等工具编制。动态网页动态表现网页: 常用制作技术有: GIF 动画、 Flash 、 JavaScript 动态内容网页:通过一定的计算机编程语言实现与用户的实时交互,生成内容发生变化的网页。常用制作技术有: CGI 、 ASP 、 JSP 、 PHP 一个网站通常包含多个网页,其起始网页称为主页( home page) 也叫首页, 主页文件名必须为 index. htm 或 网站的主要栏目结构与链接关系第一层第一层第二层第二层第三层第三层清华新闻清华新闻校长致辞校长致辞学校概况学校概况学校沿革学校沿革主页主页院系设置院系设置师资队伍师资队伍教育教学教育教学三、网站的结构三、网站的结构 1、树形 2、星形 3、混合型主页一级子页一级子页一级子页二级子页二级子页二级子页主页一级子页一级子页一级子页二级子页二级子页二级子页主页一级子页一级子页一级子页二级子页二级子页二级子页网站三种结构比较网站三种结构比较链接太多, 访问者容易迷失方向浏览效率低缺点访问者可方便到达自己需要的页面, 并清楚知道自己所处的位置。浏览方便访问者随时可以切换到自己想看的页面条理清晰优点混合型星形树形静态网页工作原理: 当用户发出访问静态网页请求后,该请求根据网址或超级链接所指定的位置,找到存有所需网页的服务器。服务器收到请求后,检查服务器上是否存在此文件,如果有则将文件送出。客户端在收到服务器返回的文件后,由浏览器进行解读,并将结果显示在屏幕上。客户端服务器端发送 URL 请求给服务器返回静态 HTML 页面动态表现网页工作原理: 当用户浏览带有 gif 、 flash 动画的动态表现网页时,所有的动态内容都会从服务器端下载到客户端,由用户浏览器进行解读,并将结果显示在屏幕上。动态内容网页工作原理: 当用户浏览带有交互内容的动态内容网页时,用户先在交互页面中输入需要查询的信息,提交后,浏览器将用户请求发送给 WEB 服务器; WEB 服务器接到客户端发来的请求后,运行相应的 ASP 或 JSP 程序,并向数据库服务器发出查询请求;数据库服务器将查询结果返回给 WEB 服务器; WEB 服务器将查询结果返回给用户浏览器,由用户浏览器进行解读,并将结果显示在屏幕上。客户端 Web 服务器(1) 发送请求(3) 返回结果数据库服务器(2) 发送请求(4) 返回结果