![Word/Excel/PPT办公应用教程从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/968/916968/b_916968.jpg)
2.2 制作电商网站业务流程图
目前企业发展面临激烈的市场竞争,为了改善竞争条件,建立竞争优势,很多企业纷纷将目光投向电子商务。本节将介绍应用Word的文本框和SmartArt图形功能,制作电商网站业务流程图的操作方法。
2.2.1 设计流程图标题
下面介绍应用Word 2013的文本框功能设计电商网站业务流程图的标题。
(1)插入文本框
应用Word的文本框可以突出显示所包含的内容,非常适合展示重要的文字,如标题等。下面介绍在文档中插入文本框的具体操作。
步骤1:选择文本框样式。新建文档并命名为“电商网站业务流程图”,打开文档并切换至“插入”选项卡,单击“文本”选项组中的“文本框”下三角按钮,在下拉列表中选择合适的文本框样式,如图2-46所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00051002.jpg?sign=1739502883-OU7pKqKweI4q54ERMsypCc6lpnwtV7Pe-0-1adf2ff51dc107a7f871eeee6b66ef6c)
图2-46
步骤2:在文档中插入文本框。这时可以看到文档中已经插入所需的文本框样式,如图2-47所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00051003.jpg?sign=1739502883-nk87zbnOdBGLBQwPXYCI63VnCQ1OZqSa-0-eb873d54c2022e6d2f826a880fde9bcc)
图2-47
步骤3:输入文本框内容。删除插入的文本框中的内容,重新输入用户所需的文本内容即可,如图2-48所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052001.jpg?sign=1739502883-adAw6U15Hk6IjLeo2ud0ManbMKXlyYG4-0-3efe509c36d01b0967535af4d49f2975)
图2-48
(2)编辑文本框
在文档中插入文本框后,可以根据需要对文本框进行相应的编辑操作,具体操作如下。
步骤1:设置文本字体。选中文本框后,切换至“开始”选项卡,单击“字体”选项组中的“字体”下三角按钮,选择所需的字体样式,如图2-49所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052002.jpg?sign=1739502883-bBExviKvLLLqDKt4yEwKrsegyUoNQynq-0-0a5fea85b3be6b9be9dfe5dcabc78af5)
图2-49
步骤2:设置文本字号。单击“字号”下三角按钮,选择合适的字号大小,如图2-50所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052003.jpg?sign=1739502883-lvUoWkl2vObzwXUP8QzhPPavD7Ep8Ic9-0-7311f2b94e456966e1732427acf6bc0e)
图2-50
步骤3:调整文本框大小。选中文本框,将光标移至文本框右下角,待变为双向箭头时,按住鼠标左键进行相应的移动拖放,设置合适的文本框大小,如图2-51所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052004.jpg?sign=1739502883-iUDt3d0AbihlqlfjXjB7OaLV0gr0scyF-0-79f63b5ab9d56e60500ef32358cde3c8)
图2-51
步骤4:移动文本框。选中文本框,按住鼠标左键不放,移动到合适位置后释放鼠标,即可移动文本框,如图2-52所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052005.jpg?sign=1739502883-50de1D8sHjSSdoTD5yHaz7J3ZOPpDAR9-0-6f01027e0f3db5c7e8464afdaad02782)
图2-52
步骤5:为文本框应用艺术字样式。选中文本框后,切换至“绘图工具-格式”选项卡,单击快速样式下三角按钮,选择合适的艺术字样式,如图2-53所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053001.jpg?sign=1739502883-Mf5u7bEiP7DPtOaZgP9W1wq6fwwU1J7G-0-c3ef650693385f74a52749b70a2139a0)
图2-53
2.2.2 绘制流程图
要创建电商网站业务流程图,应用Word的SmartArt图形无疑是最佳的选择。在工作中,我们经常使用SmartArt图形来描述流程、关系、列表、层次结构或循环效果,SmartArt图形是信息和观点的视觉表现形式,能够快速有效地传达信息。
(1)插入SmartArt图形
步骤1:打开文档。打开“电商网站业务流程图”文档后,切换至“插入”选项卡,单击“插图”选项组中SmartArt按钮,如图2-54所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053002.jpg?sign=1739502883-2YerZ5zqcA9AlfsIemhl3GKmcXNeuKSE-0-ef91f68132ec37d4d9106de453512b20)
图2-54
步骤2:选择SmartArt图形样式。在打开的“选择SmartArt图形”对话框中,选择合适的图形类型,单击“确定”按钮,如图2-55所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053003.jpg?sign=1739502883-proHEMytDUj7S1dlAH0tOrtJCTAHXX87-0-1af39b0df3d5367abfb0fb067c2d6a9b)
图2-55
步骤3:查看结果。返回文档中,可以看到插入的SmartArt图形样式,如图2-56所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053004.jpg?sign=1739502883-xxaMzWdD0dCOXYhCY2sGI0E1fwZTu15v-0-176bff9677a25a68b7ece2293861e8f6)
图2-56
知识点拨:SmartArt图形类型的选择
“列表”用于展示任务、流程或工作流中的顺序步骤;“流程”用于展示时间线或流程的步骤;“循环”用于展示重复连续的流程;“层次结构”用于展示决策树或创建组织架构图;“关系”用于描述关系;“矩阵”用于展示部分如何与整体相关联;“棱锥图”用于展示成比例的关联性上升与下降情况;“图片”用于将图片转换成SmartArt图形;“Office.com:”用于显示Office.com中SmartArt图形。
(2)设置SmartArt图形格式
在文档中创建SmartArt图形后,可以根据需要对SmartArt图形格式进行设置,具体操作如下。
步骤1:显示/隐藏文本窗格。创建SmartArt图形后,切换至“SmartArt工具-格式”选项卡,单击“创建图形”选项组中的“文本窗格”按钮,隐藏文本窗格,若要显示,则再次单击“文本窗格”按钮即可,如图2-57所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00054001.jpg?sign=1739502883-kQcy4Ae3tbqokIFTV3GFetVplYVSztE0-0-7aae8c65f8cff0cf91a532954aaa090f)
图2-57
步骤2:更改SmartArt图形大小。选中SmartArt图形后,将光标放在图形的右下角,待变为双向箭头形状时,按住鼠标左键不放进行拖动,拖动到适当位置释放鼠标,即可更改其大小,如图2-58所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00054002.jpg?sign=1739502883-rnueirPhTcZsE86jPCxmGiXVrNcRk0Wa-0-73a5d1992e84db91c6e72d319c057b87)
图2-58
知识点拨:其他显示/隐藏文本窗格的方法
选中SmartArt图形后,单击图形左侧的箭头折叠按钮,即可打开或隐藏文本窗格,如图2-59所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00054003.jpg?sign=1739502883-HJwDODTGhnHoG54dwzp5JI90bUJTLBTK-0-f49da094a7838ec0391e10f8149c933a)
图2-59
步骤3:设置文档纸张方向。选择“文件>打印”选项,在“打印”面板中设置文档的纸张方向为“横向”,如图2-60所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055001.jpg?sign=1739502883-dU9VuwDVokAjghHxzagN3WixwAgzRWdF-0-b9e2f0157e98e9ec19a2d4ff7f8d51c5)
图2-60
步骤4:设置SmartArt图形环绕方式。选中SmartArt图形后,单击图形右上角的“布局选项”按钮,在打开的面板中选择图形的环绕方式,如图2-61所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055002.jpg?sign=1739502883-eQIX6FiNy7yf5QZZqPjaZCeJHTVm2ecb-0-4358b6c621a059e67ff55281ce9a346a)
图2-61
步骤5:移动SmartArt图形。选中SmartArt图形后,待光标变为十字箭头形状时,按住鼠标左键不放进行拖动,即可移动SmartArt图形,如图2-62所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055003.jpg?sign=1739502883-Y6LHnUaWldzxwk5uBrghbetr5d3yaCbq-0-54bdd45012f26d03417ef1e9d9c08715)
图2-62
(3)在SmartArt图形中添加形状
在工作表中插入SmartArt图形后,若图形中的形状不够,可以在SmartArt图形中添加形状,具体操作如下。
步骤1:选择插入形状的位置。选中插入的SmartArt图形,切换至“SmartArt工具-设计”选项卡,单击“创建图形”选项组中的“添加形状”下三角按钮,选择插入形状的位置,如图2-63所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055004.jpg?sign=1739502883-1bwvd712Z0rt32Qj67CkKtQl8qxwTTFY-0-674a305056c2f39012550f04445180fb)
图2-63
步骤2:查看效果。根据需要插入多个形状,效果如图2-64所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055005.jpg?sign=1739502883-zBYrJIw04cKNHNBdiPjRQzr1nZL8mk7a-0-63e33cce69ed05957033e103ffca7cae)
图2-64
知识点拨:将SmartArt图形恢复到初始状态
选择SmartArt图形后,切换至“SmartArt工具-设计”选项卡,单击“重置”选项组中的“重置图形”按钮。
(4)在SmartArt图形中输入文字
在文档中插入SmartArt图形后,根据需要输入电商网站订单流程的相关内容,具体操作如下。
步骤1:打开文本窗格。打开要输入SmartArt图形文字的文档,单击图形右侧的展开按钮,打开文本窗格,如图2-65所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056001.jpg?sign=1739502883-3y430L9cWe8rw7iCKz1Lmpb7IYyl69pT-0-50b0382d77bc3904a5287d5a2eeaf0af)
图2-65
步骤2:在文本窗格中输入文字。在展开的文本窗格中,将光标定位到需要输入文本的地方,然后输入相应的文本内容,如图2-66所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056002.jpg?sign=1739502883-9sfprmtFXoBc5DZfBe3lszTW2mKriczX-0-51f07b6e1d3222c21cf0d862386843b2)
图2-66
步骤3:在形状上输入文字。单击SmartArt图形中的形状,直接输入文本内容,然后,单击文本窗格右上角的“关闭”按钮,如图2-67所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056003.jpg?sign=1739502883-HYOQZebBQXgaSB5nf4OICyOGJIC358CD-0-680c6cda8eb9e26a88c27a7432d6a23d)
图2-67
步骤4:查看效果。在编辑区中查看输入文本后的图形效果,如图2-68所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056004.jpg?sign=1739502883-q9VWOpYtiwt8ki2JaSbaWDfMvsiVQdbw-0-6a3d74a53ddab5425d5504c3f48bcaf5)
图2-68
2.2.3 美化流程图
创建SmartArt图形后,还可以对其进行相应的美化操作,具体操作如下。
步骤1:设置文本字体字号。选中SmartArt图形后,在“开始”选项卡下的“字体”选项组中对文本的字体字号进行设置,如图2-69所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057001.jpg?sign=1739502883-b1S8Y5Yw2yKlt8wmcwu04kKIHf79MpFL-0-151c3916bf81d3a951987fc9bfeb5fc8)
图2-69
步骤2:为文本应用快速样式。切换至“SmartArt工具-格式”选项卡,单击“艺术字样式”选项组中的快速样式下三角按钮,选择合适的文本艺术字样式,如图2-70所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057002.jpg?sign=1739502883-C4TkwfMdXty49eXow1QrijgWk4Pp4WDr-0-15cda2c1d601ec33431360c6bd2fd24d)
图2-70
步骤3:设置SmartArt图形颜色。切换至“SmartArt工具-设计”选项卡,单击“SmartArt样式”选项组中的“更改颜色”下三角按钮,在下拉列表中选择合适的SmartArt图形颜色,如图2-71所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057003.jpg?sign=1739502883-iHYGQCQak8GivrIilluwswk3HoA5fRsf-0-bdf52be0a233cf719510f8ad8e247c8c)
图2-71
步骤4:设置SmartArt图形外观样式。单击“SmartArt样式”选项组中的“其他”下三角按钮,在下拉列表中选择SmartArt图形的总体外观样式,如图2-72所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057004.jpg?sign=1739502883-S7SyzHzEJokSIhBfELNdUBAV3vGXJkIo-0-a20a70dc077a42c16fa059a8a8935786)
图2-72
2.2.4 更改流程图样式
创建SmartArt图形后,如果创建的图形不符合要求,还可以更改图形样式,具体操作如下。
步骤1:重新选择流程图样式。选中SmartArt图形后,切换至“SmartArt工具-设计”选项卡,单击“布局”选项组中的“其他”下三角按钮,在下拉列表中重新选择所需的图形样式,这里选择“垂直流程”样式,如图2-73所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00058001.jpg?sign=1739502883-22ur29mWSBel15Kk6AjsdUzGrMXXYPqw-0-f23e7fba3855a6f27dc9ebb881488d39)
图2-73
步骤2:查看最终效果。选中标题文本框,在“绘图工具-格式”选项卡下“形状样式”选项组中单击“形状轮廓”下三角按钮,选择“无轮廓”选项,最终效果如图2-74所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00058002.jpg?sign=1739502883-gkwMNK2GuMcx2CpqQ6UYwIL7ScvKS0Qd-0-4cf8ad0c4b75c17fd247e21e203e612d)
图2-74