网站设计与管理 教学课件 作者 赵守香 第 5 章 网页设计(3).ppt

《网站设计与管理 教学课件 作者 赵守香 第 5 章 网页设计(3).ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、电子商务网站规划与设计（十七）建立页面连接流程公众页面流程设计管理员页面流程设计建立页面连接流程这是描述众多分散的页面之间联系的重要步骤，也是分支序列的形式化。所划分的页面之间应该根据其相互调用的关系建立链接。通常实现一个网站功能的页面组的链接关系构成一个链接网。而各个功能的链接网合并就组成了整个网站的链接网。建立各个功能的链接子网它主要沿用了页面划分的成果。在进行页面划分时，采用基于分支序列的方法，在很大程度上已经反映了各个页面的链接关系，根据所划分好的页面的相互功能调用关系来建立链接关系，实现链接子网的建立。注意调用的双向性和调用的条件，即对于相互响应的页面，其链接

2、是双向的，并且是有条件的（根据传递的参数所确定）。建立网站整体链接网将各子网合并成一个整体，实现整个网站的页面链接流程。在合并时，是通过修改接口页面或者通过导航系统来实现的。修改接口页面是为了使同一层次而分属于不同功能的页面建立联系，或者为了联系上下级关系的功能而进行的。导航系统通常使网站各分别独立的功能实现横向联系。公众页面流程设计页面的自我链接：页面为一个内容很长的信息列表或一个分类的列表，在一个屏幕内不能将信息显示完毕时；或者需要显示的内容是经过分类的，一页应该只显示一个类别的时候。对两个页面进行双向链接：当一个页面提供数据给另外一个页面处理时（例如一个表单提交数据

3、给一个操作性页面），对数据进行处理的页面有可能对不合格的数据要求重新输入，这时处理数据的页面同样地指向提交数据的页面。页面的自我链接这种情况在需要进行列表的时候出现最多。通常都采用由服务器处理参数来实现动态刷新的html效果。在我们的商业网站例子中，有几个页面是需要进行自我链接的：如新闻三级栏目列表、新闻内容、社区讨论的文章列表等等。新闻三级栏目列表应该总是显示当前已经选定的三级栏目及其新闻条目，并且应该提供同一级别的其他栏目的链接。页面的自我链接在处理方法上，就是采用了将栏目号作为参数传递回自身而刷新页面的方法实现的。新闻内容页面的自我链接主要是为提供相关新闻链接而设的

4、。社区讨论的文章列表页面在文章过多，一页显示不完时，可采用分页显示技术，设计一个利用页号为参数的页面实现动态地刷新访问者当前所看到的内容，通过自我链接来显示所有文章页面的双向链接这种情况实际上就是在分支序列的基础上，将异常信息的页面合并到操作页面后所形成的形式。这种情况多见于一个进行输入操作的页面和一个进行数据处理的页面之间的链接。新闻浏览的页面链接流程建立网站整体流程较为紧密的合并方式是采用修改接口页面的方法：从两个具有一定关系的功能（同级的或者上下级的）各自的流程中抽取功能相同或者相似的页面组成一个页面（即舍弃其中一方，然后将它的功能加入到另外一方中），同时完成加入接

5、口参数、调整数据的完整性等工作，实现两个功能的合并。较为松散的合并方式是通过导航系统实现的：只需要建立一个公共性质的导航页面，或者在需要合并的功能中各自加入到对方的链接，无须对页面的内核进行调整。功能流程合并的例子新闻浏览和发表评论的合并这两个功能之间属于上下级的关系，它们之间的接口页面是新闻内容页面。在新闻显示内容之后提供发表评论的链接入口，当访问者要发表评论时，点击相应的按钮，新闻内容页面就会将有关的参数（当前访问者的身份，当前所阅读的新闻编号、新闻主题、所属栏目等等信息）传递给发表评论的表单页面，待访问者填写后一并交由系统进行处理。用户登录和新闻浏览的合并显然这两个

6、功能之间没有必然的联系，在合并时，我们只需要在首页给出两者相应的链接入口，并在导航系统中建立两个相应的功能类别即可。制作网站页面流程图页面流程图是由划分好的页面单元和连接单元之间的箭头以及图例等元素组成的。绘制页面流程图的步骤：流程图标题。通常在版面的左上方，采用较显眼的字体和颜色标出。绘制页面流程图的步骤结点。流程内的每个页面是图中的一个结点，通常用方框来表示。方框内写有页面的文件名字。为了区别一般的页面和操作性页面，以不同的颜色或底纹作为两种结点方框的底色。箭头。箭头由一个结点指向另外一个结点，表示页面流程的链接方向。自我链按时箭头的尾部和头部都指向同一个结点，形成环

7、型；双向链接时，可以采用两根箭头，也可以采用一根两头都有箭头的箭头（建议）。箭头旁应该标出该箭头所属流程路线的流程号。绘制页面流程图的步骤图例。结点底色说明：指出哪种底色是一般页面，哪种底色是操作性页面，流程路线说明：给每条流程路线标号，列出标号和路线的对应关系。图例置于正图的下方。留意以下注意事项：版面的安排。箭头的安排。页面流程图网页设计第一步：设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须