网站设计与评价ppt课件.ppt

第 章网站设计与评价 河南蝶动网络 一 构成网页的元素1 文字与图片 构成网页最基本的元素2 超级链接3 动画 格式为GIF4 音频 格式为MIDI WAV MP35 视频 格式为RM AVI MPG6 动态内容 主要包括查询 留言板 论坛 聊天室等 二 网站 网页 主页的概念 网站是由一些互相关联的网页构成的一个整体 网页是利用各种软件或开发工具制作而成的文件 它可以传递文字 图片 声音等各种信息 一个网站通常包含多个网页 其起始网页称为主页 homepage 也叫首页 index htm 网页 静态网页 用HTML代码组成的文件 用于发布无需用户参与 内容固定的信息 HTML语言 Dreamweaver Frontpage Office2000等工具编制 动态网页 动态表现网页 常用制作技术有 GIF动画 Flash JavaScript动态内容网页 通过一定的计算机编程语言实现与用户的实时交互 生成内容发生变化的网页 常用制作技术有 CGI ASP JSP PHP 静态网页工作原理 当用户发出访问静态网页请求后 该请求根据网址或超级链接所指定的位置 找到存有所需网页的服务器 服务器收到请求后 检查服务器上是否存在此文件 如果有则将文件送出 客户端在收到服务器返回的文件后 由浏览器进行解读 并将结果显示在屏幕上 客户端 服务器端 发送URL请求给服务器 返回静态HTML页面 动态表现网页工作原理 当用户浏览带有交互内容的动态内容网页时 用户先在交互页面中输入需要查询的信息 提交后 浏览器将用户请求发送给WEB服务器 WEB服务器接到客户端发来的请求后 运行相应的ASP或JSP程序 并向数据库服务器发出查询请求 数据库服务器将查询结果返回给WEB服务器 WEB服务器将查询结果返回给用户浏览器 由用户浏览器进行解读 并将结果显示在屏幕上 客户端 Web服务器 1 发送请求 3 返回结果 数据库服务器 2 发送请求 4 返回结果 1 网页排版一般都用 控制文本 图片 动画 视频位置A 表格B 段落C 层D 章节2 下面是一些因特网上常见的文件类型 请指出哪个文件类型一般代表WWW页面文件 Ahtm或htmlBtxt或textCgif或jpegDwav或au3 HTML的正式名称是 A 主页制作语言B 超文本标识语言C WWW编程语言D JAVA语言4 超级链接不可以指向 A 音乐文件 B 图片文件 C 某个网页 D 某台电脑5 下列文件类型中 不属于声音文件的是 A MIDI文件 B WAV文件 C MP3文件 D AVI文件6 在下列图像格式中 可以提供动画功能的是 A GIF B JPG C TIFF D BMP7 主页的默认文件名通常为 A 主页 htm B zhuye htm C index htm D first htm8 下列关于网页的说法不正确的是 A静态网页是一种用HTML代码组成的文件 往往用于发布无需用户参与 内容固定的信息 B动态网页包括动态表现网页和动态内容网页 C动态网页就是页面中包含GIF动画或FLASH动画的网页 D动态内容网页是通过CGI ASP JSP PHP等计算机编程语言 实现与用户的实时交互 生成内容发生变化的网页 E百度贴吧 BBS论坛 聊天室 留言板等网页都是动态内容网页 A B A C D D A C C 建网站的步骤 第一层第二层第三层主页 网站的栏目结构和链接关系 走进一中教育科研教师园地学生地盘 学校简介学校领导文学天地学生荣誉 1 树形 主页一级子页一级子页一级子页二级子页二级子页二级子页 三 网站的结构 1 树形 2 星形 3 混合型 主页一级子页一级子页一级子页二级子页二级子页二级子页 主页一级子页一级子页一级子页二级子页二级子页二级子页 2 星形 3 混合型 网站三种结构比较 2 下列关于网站结构的说法不准确的是 A浏览树形结构的网页时 必须一级一级地进入 一级一级地退出 B树形结构的网页条理清晰 但浏览效率低 C星形结构是指在每个页面上都设置一个共同的超级链接枢纽 D混合形网页的链接太多 访问者容易迷失方向 D HTML 超文本标记语言 JavaScript 客户端脚本语言DHTML 动态超文本标记语言FlashCGI 通用网关接口ASP 动态网页技术PHP 脚本语言JSP 动态网页技术 7 下面扩展名为的文件不属于网页文件 A HTM B JPG C ASP D JSP B 四 常用的网站建设技术 五 网站的策划与设计具体过程1 网站主题和内容的选择与定位 1 选择自己最熟悉 最擅长的题材 2 网站的主题要小而精 3 内容要有创新 4 网站的名称要易记 健康 有特色 5 兼顾网站主要访问群体的兴趣和浏览习惯等2 网站栏目的设计设置原则 一要紧扣主题二要突出重点3 网站的风格设计 1 色彩的选择和搭配 2 图片的选择 3 字体的设计 4 语言的风格4 网站内容的收集和筛选5 网站结构和超级链接的设计6 网页的布局网页布局 国字型 拐角型 标题正文型 左右框架型 上下框架型 综合框架型 封面型 flash型及变化型等设计网页布局的主要参考要素有 平衡 呼应 对比 疏密7 网站建设技术和工具的选择 六 网站发布 流程是 1申请网站存放空间 2申请域名 3发布网站 七 网站管理 网站发布之后要做的工作主要有管理 更新和维护等工作八 网站评价 1网站的主题和内容2网站的易用性3网站功能的可用性4网站的风格5其他因素 网站的安全性 可扩展性和用户支持等 总结 建网站的步骤 4 关于网站建设 下面哪种说法是不够正确的 A 网站内容应该精炼 以使用户在较短的时间内捕获到网站的核心内容B 网站应加强管理与维护 以保证网站内容常 新 不衰C 网站版面的设计应该别具匠心 风格独特 以体现站点拥有者的文化底蕴D 网站版面的设计应大量使用音频 视频等多媒体信息 以造成视觉冲击 D 5 网页要呈现的内容很多 如何合理的放置信息 使之看起来井井有条 主次分明 这主要是下列哪项工作 A 选定网页制作工具B 栏目设置C 版面设计D 语言确定6 在网站建设中下列几个过程是必须经历的 1 规划网站结构 并确定设计风格 标志 主色调 文字效果 栏目设置和版面布局 2 发布网站 3 网页制作 4 了解网站运行环境 选择网站开发工具 5 确定网站主题 收集素材 你认为网站建设比较合理的流程是 a 1 2 3 4 5 b 5 1 4 2 3 c 1 4 5 2 3 d 5 1 4 3 2 C D 4 4分 学校网站要制作宣传网页 简要写出网页作品制作的一般过程 4 本题4分 答出一条给1分 确定主题 l分准备素材 l分设计网站结构 规划网页布局 l分制作完成网页 l分 二 判断题 本题l0小题 每小题l分 共l0分 在答题卡相应位置上 把正确的打上 错误的打上 21 按覆盖范围分类 国际互联网属于广域网 22 利用搜索引擎检索信息时 使用不同的关键词检索的结果是一样的 23 通过 网上邻居 可以访问局域网中的共享资源 24 OSI参考模型共有七层 25 www qq com是错误的互联网域名 2