《网络编辑实务-网络信息内容建设与运营（第2版）》 课件4.2网络专题页面设计

4网络专题的策划与制作4.1网络专题策划4.2专题的制作——专题网页设计教学目标了解网络专题的制作流程，可独立实施网络专题的选题、策划、栏目设置和框架设计。 4.1.4专题制作流程Axure软件界面大致可以分为8个区域，分别为菜单栏区域、工具栏区域、页面区域、元件库区域、母版区域、工作区域、检视区域、页面概要区域，如图2所示。

软件界面专题制作软件Axure专题页面的设计制作封面新闻二十大专题/getSubjectById/9815

管理专题页面关系清晰展示专题的结构页面区域用来管理页面和显示页面专题首页的设计制作Axure基本元件AxureRP软件里默认内置了基本元件有20种，表单类元件有7种，菜单与表格元件有4种，标记元件有9种。

元件库栏头设计（图片元件）专题的标题区，通常用图片来体现，也叫Banner。要求主题清晰鲜明文字表述准确情绪表达到位导航栏设计（矩形元件）1.标题元件的使用

标题元件可以用来作为一段文字的标题，也可以用来作为某个区域的标题说明。大家都设计过自己的简历，常把“个人信息”“教育经历”“工作经验”这类文字加粗起强调作用，这时就可以使用标题元件。 Axure提供了一级标题、二级标题、三级标题3个元件，一级标题元件是32号字、加粗、黑色（333333），二级标题元件是24号字、加粗、黑色（333333），三级标题元件是18号字、加粗、黑色（333333）。

标题1、标题2和标题3元件2.文本标签元件和文本段落元件的使用

文本标签元件是单行文本元件，文本段落元件是多行长文本元件。如果只有一行文本选择文本标签

元件，如果有多行文本可以使用文本段落元件。

文本标签和文本段落元件3.水平线和垂直线元件的使用水平线和垂直线是很灵活的两个元件，用它们可以设置一条水平线或者垂直线，可以利用工具栏快捷按钮编辑这两个元件，设置横线和垂直线的颜色、线框、线条样式和箭头方向。

水平线和垂直线元件新闻列表设计（线段、标题、文本、中继器元件）4 中继器元件中继器元件可用来显示重复的文本、图片、链接，可以模拟数据库的操作，进行数据库的增删改查。经常会使用中继器来显示新闻列表、商品列表信息、联系人信息、用户信息等。

1.中继器编辑区2.数据集3.交互——每项加载时，设置文本/设置图片5.动态面板元件动态面板有多个状态，支持在同一个区域内放置多个状态的内容。每个状态本身是一个页面。任何时候一个动态面板只能显示一种状态，第一个状态为默认状态。通过交互“设置面板状态”动作来切换动态面板的状态。在状态变化时支持一些简单的过场动画。6.内联框架元件内联框架支持嵌入外部资源在元件中，包括互联网网页、音视频文件、网页地图等。网络视频:分享-通用代码-找到src的值（‘’引号里面的内容）例<iframeheight=498width=510src='/embed/XNTA5NDI1MTc2NA=='frameborder=0'allowfullscreen'></iframe>

嵌入视频8表单类元件的使用表单类元件是用在设计表单时经常会用到的元件，如登录、注册表单等。

表单类元件包括文本框、多行文本框、下拉列表框、列表框、复选框、单选按

钮、提交按钮。

表单型元件9母版Axure的母版解决重复制作原型某个类似功能的问题，制作一次母版，其他页面进行复用。在Axure原型设计工具的左下角区域是Axure的母版区域。

单击“新增母版”按钮可以新增一个母版，也可以单击鼠标右键选择“添加”。将页面中的元件转换为模板。在母版上单击鼠标右键的选项里，除了可以进行新增母版