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

第四章 网站设计与评价;本章重点： 1、了解网站的基本结构，了解静态网页与动态网页的工作原理及常用的网站建设技术。 2、能够基本运用FrontPage中的工具创建一个简单的网站。 3、了解网站是如何发布、管理、更新和维护。;基本概念;构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。;基本概念;基本概念;基本概念;树状结构：整个网站以主页作为中心，向外分散出多个分支。 树状结构是目前网站所采用的主要形式之一，它结构清晰，访问者可以根据路径清楚的知道所在位置。但在建立枝干的层次时，最多不应超过四个。 ;线性结构：线状结构是网站最简单的结构方式，网页一层层链接起来，逻辑清晰。 单向线状只提供往下一层网页的链接； 双向环状除了像单向线状那样链接外，还可以倒着从网页3回到网页2，从网页2回到网页1。 无论是单向线状还是双向环状都不能在网页之间自由跳跃链接。 ;网状结构：在网络结构中有一个主页，所有的网页都可以和主页进行链接，同时，各个网页之间也随意链接。网页之间没有明显的结构，像一张网一样，可相互链接，随意跳转。 如果网页信息内容不能科学分类，访问者容易在网页跳转过程中迷失方向，很难快速找到所需要的信息。 ;网页制作工具;网页制作工具;网页制作工具; 确定网点主题 设计网站风格（标志，主色调，文字效果，版面布局） 规划网站结构 了解网站运行环境 选择网站开发工具 分配网站开发任务 ;一、建立站点;1、表格、框架布局网页 ;所谓框架是将一个浏览器的窗口分割成两个或两个以上的窗格，每个显示区域叫做一个框架。 每个框架可以显示一个独立的网页， 一般情况下，可以用框架来保持网页中固定的几个部分，如网页大标题、链接按钮等，剩下的框架用来展现所选择的网页内容。 框架网页的创建与其基本操作 “文件-新建-框架网页”;2、添加网页元素——编辑文字;3、添加网页元素——插入图片;4、添加网页元素——插入动画（GIF格式）;5、添加网页元素——插入动画（Flash）;6、添加网页元素——插入视频;7、添加网页元素——插入背景音乐;8、建立超链接;设置文本超链接的方法;设置整张图片超链接的方法 ;超链接的颜色;9、保存及预览网页文件;1、网页中的内容的检查： 拼写错误、内容与栏目的一致性等 2、网站中页面链接状态检查： 要保证每一个网页有入口，有出口 （可结合“报表与超链接”视图检查） 3、网站中所用到的多媒体元素检查： 格式恰当、大小合适 4、外观测试 版面布局、文字效果、动态效果等 要在不同的浏览器中进行测试;网站的发布;确定IP地址及端口号 （一般采用如图设置）;确定网站所在的文件夹位置 （一般采用英文命名）;确定网站主页文件名，并将其升到顶端 ;1、局域网内本机发布 （1－2）利用IIS的虚拟目录在局域网内可实现一个IP地址发布多个网站。 用户通过“IP地址/（虚拟目录）别名”访问网站。;;;;;;网站的发布;网站的维护与管理;此课件下载可自行编辑修改，供参考！ 感谢您的支持，我们努力做得更好！