第四章网站设计与评价要点详解.pptVIP

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