![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=1739041708-MhJSdhmWLqfXRaGVeVpxfyaeDN8UnQYu-0-642ae3052af1aeebf4ef5a4677af7062)
图2-46
步骤2:在文档中插入文本框。这时可以看到文档中已经插入所需的文本框样式,如图2-47所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00051003.jpg?sign=1739041708-QxqT6dP2n0Wgr5n0xtY2OAspKvjZd7ck-0-b35d1abbd51d05cb5617f686d2332ea2)
图2-47
步骤3:输入文本框内容。删除插入的文本框中的内容,重新输入用户所需的文本内容即可,如图2-48所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052001.jpg?sign=1739041708-zEU9UAlEnHgxXCtoJWwjfCeapQBEf7E5-0-6966ca40759f538b3193cdd6a2449658)
图2-48
(2)编辑文本框
在文档中插入文本框后,可以根据需要对文本框进行相应的编辑操作,具体操作如下。
步骤1:设置文本字体。选中文本框后,切换至“开始”选项卡,单击“字体”选项组中的“字体”下三角按钮,选择所需的字体样式,如图2-49所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052002.jpg?sign=1739041708-eIf50DWADp2h1e6uzAAzmCmcbiekI8Jt-0-29c531b51b19c627c0c3c82297eb4238)
图2-49
步骤2:设置文本字号。单击“字号”下三角按钮,选择合适的字号大小,如图2-50所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052003.jpg?sign=1739041708-ToH5A8jcStxJ495uXgQRNh8zF8RfmT51-0-9ca34fc1c09282364d0f5fc8dc60b0e9)
图2-50
步骤3:调整文本框大小。选中文本框,将光标移至文本框右下角,待变为双向箭头时,按住鼠标左键进行相应的移动拖放,设置合适的文本框大小,如图2-51所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052004.jpg?sign=1739041708-uGu42ulWUlJWMjzmKzCy889ri1YPbtSa-0-c27aac8ce535fa5aecc5266fe7885e78)
图2-51
步骤4:移动文本框。选中文本框,按住鼠标左键不放,移动到合适位置后释放鼠标,即可移动文本框,如图2-52所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00052005.jpg?sign=1739041708-W2CjgqdGrozDxLCnekdboyr0UAQ4Yh8T-0-d4fe8b689de8b2a8b17f60580d56d02e)
图2-52
步骤5:为文本框应用艺术字样式。选中文本框后,切换至“绘图工具-格式”选项卡,单击快速样式下三角按钮,选择合适的艺术字样式,如图2-53所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053001.jpg?sign=1739041708-RHXN0ST9bCPMlZnUR5WHTL5TBwK4OpcE-0-56929b3661150cdc4a203761aaca62d2)
图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=1739041708-i9h0pqCmJ20W42HCcjnUJQa8JnwTdOsh-0-eb86d4829c65dc1579258b84c9fe3c5e)
图2-54
步骤2:选择SmartArt图形样式。在打开的“选择SmartArt图形”对话框中,选择合适的图形类型,单击“确定”按钮,如图2-55所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053003.jpg?sign=1739041708-eQefsnGxhGAqLdnEwyfuLuPwbGGXf01W-0-6dd295ccc73ffb084f187523df9e1a3e)
图2-55
步骤3:查看结果。返回文档中,可以看到插入的SmartArt图形样式,如图2-56所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00053004.jpg?sign=1739041708-LkAgPH0Yr94ivIuDz6hxJ036h2GxObat-0-bb180bb999f48928d5a048f763d707e5)
图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=1739041708-OKNK9dwsDZ74Uh30Qsb7vNgjLC998THM-0-d2205ba0cb61fdb1408641dce2ae9bac)
图2-57
步骤2:更改SmartArt图形大小。选中SmartArt图形后,将光标放在图形的右下角,待变为双向箭头形状时,按住鼠标左键不放进行拖动,拖动到适当位置释放鼠标,即可更改其大小,如图2-58所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00054002.jpg?sign=1739041708-84dlxeCAwGWmb2a0J9KQ1VwzJvRFAExR-0-17148d3f5a2e11a49535d1e2b77aeb96)
图2-58
知识点拨:其他显示/隐藏文本窗格的方法
选中SmartArt图形后,单击图形左侧的箭头折叠按钮,即可打开或隐藏文本窗格,如图2-59所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00054003.jpg?sign=1739041708-p2Wx79YPf4miyihN4pGinJLw5oHGUmRD-0-742c0aa9e2a21034176117360d5501ca)
图2-59
步骤3:设置文档纸张方向。选择“文件>打印”选项,在“打印”面板中设置文档的纸张方向为“横向”,如图2-60所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055001.jpg?sign=1739041708-lMQzlN3GVO1r7oQx9HfZV3NHHTaYuicK-0-e4b69ae18bc1e25d64c0e0d9b1410ac5)
图2-60
步骤4:设置SmartArt图形环绕方式。选中SmartArt图形后,单击图形右上角的“布局选项”按钮,在打开的面板中选择图形的环绕方式,如图2-61所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055002.jpg?sign=1739041708-OVCACmm85Gb0HF8C2knVHN3h1RKCs44i-0-bf421b79cebf8c012dce7f3c388ae89f)
图2-61
步骤5:移动SmartArt图形。选中SmartArt图形后,待光标变为十字箭头形状时,按住鼠标左键不放进行拖动,即可移动SmartArt图形,如图2-62所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055003.jpg?sign=1739041708-rVn4vy5EHAgpPu3GqQd4IXlNgCfeXQVY-0-c3bde2de91163720fa4efa3716d5ebc4)
图2-62
(3)在SmartArt图形中添加形状
在工作表中插入SmartArt图形后,若图形中的形状不够,可以在SmartArt图形中添加形状,具体操作如下。
步骤1:选择插入形状的位置。选中插入的SmartArt图形,切换至“SmartArt工具-设计”选项卡,单击“创建图形”选项组中的“添加形状”下三角按钮,选择插入形状的位置,如图2-63所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055004.jpg?sign=1739041708-PGRicKiShKR6FVGjRTCjDThX5E9oUESK-0-22cc76a9dce03e516358f060e5efce5f)
图2-63
步骤2:查看效果。根据需要插入多个形状,效果如图2-64所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00055005.jpg?sign=1739041708-LpLsjBkgDtn3AJleYeVahFewF9XaZW4h-0-809e4f871cfa801711face0ce1160ce9)
图2-64
知识点拨:将SmartArt图形恢复到初始状态
选择SmartArt图形后,切换至“SmartArt工具-设计”选项卡,单击“重置”选项组中的“重置图形”按钮。
(4)在SmartArt图形中输入文字
在文档中插入SmartArt图形后,根据需要输入电商网站订单流程的相关内容,具体操作如下。
步骤1:打开文本窗格。打开要输入SmartArt图形文字的文档,单击图形右侧的展开按钮,打开文本窗格,如图2-65所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056001.jpg?sign=1739041708-EBsEInSn2Te7WS6pt7It8Gzfbsy0VsPE-0-902b932c0fe373b02139130bffbb0e9e)
图2-65
步骤2:在文本窗格中输入文字。在展开的文本窗格中,将光标定位到需要输入文本的地方,然后输入相应的文本内容,如图2-66所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056002.jpg?sign=1739041708-5W9tX7mqYTXBQnWuzrp8VApc2svrngx9-0-86919d5e77d5f34aea4dcad24b30de0b)
图2-66
步骤3:在形状上输入文字。单击SmartArt图形中的形状,直接输入文本内容,然后,单击文本窗格右上角的“关闭”按钮,如图2-67所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056003.jpg?sign=1739041708-USExU9bx6f2kVKZexOsTYc2lR9yZQgz9-0-c1da0bb6881584998d0d993f87ee5c22)
图2-67
步骤4:查看效果。在编辑区中查看输入文本后的图形效果,如图2-68所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00056004.jpg?sign=1739041708-VlzaI0fBUbaBsWu88SICmArHYNDSdask-0-19ec87e8482f80b8ffa769a12fe60f6c)
图2-68
2.2.3 美化流程图
创建SmartArt图形后,还可以对其进行相应的美化操作,具体操作如下。
步骤1:设置文本字体字号。选中SmartArt图形后,在“开始”选项卡下的“字体”选项组中对文本的字体字号进行设置,如图2-69所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057001.jpg?sign=1739041708-wPex3MMUu4tyujB62Xj0P59hMbmw6o75-0-89618e2d83a15c3cf0468d6880498873)
图2-69
步骤2:为文本应用快速样式。切换至“SmartArt工具-格式”选项卡,单击“艺术字样式”选项组中的快速样式下三角按钮,选择合适的文本艺术字样式,如图2-70所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057002.jpg?sign=1739041708-870tqZ5VePRd5d2wplC3WN3hyJXv4Tvv-0-675da148a1203b1e72203ca1c73b9cb1)
图2-70
步骤3:设置SmartArt图形颜色。切换至“SmartArt工具-设计”选项卡,单击“SmartArt样式”选项组中的“更改颜色”下三角按钮,在下拉列表中选择合适的SmartArt图形颜色,如图2-71所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057003.jpg?sign=1739041708-JsoCxrUSAS3SPz3f8kbu71Yn3DHiNBoy-0-6e58b569198d1e190524d82cb51d1fcc)
图2-71
步骤4:设置SmartArt图形外观样式。单击“SmartArt样式”选项组中的“其他”下三角按钮,在下拉列表中选择SmartArt图形的总体外观样式,如图2-72所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00057004.jpg?sign=1739041708-4hwpDfIMpjuJqYIzEHLmJVQKE2pqlsKN-0-3506418a3069702cfbdfdd6f31281e4f)
图2-72
2.2.4 更改流程图样式
创建SmartArt图形后,如果创建的图形不符合要求,还可以更改图形样式,具体操作如下。
步骤1:重新选择流程图样式。选中SmartArt图形后,切换至“SmartArt工具-设计”选项卡,单击“布局”选项组中的“其他”下三角按钮,在下拉列表中重新选择所需的图形样式,这里选择“垂直流程”样式,如图2-73所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00058001.jpg?sign=1739041708-img4AyWviEabh92ppgyV3bZZpTnXWaDh-0-3f6cf42328fd3689dd54c9d042c6569b)
图2-73
步骤2:查看最终效果。选中标题文本框,在“绘图工具-格式”选项卡下“形状样式”选项组中单击“形状轮廓”下三角按钮,选择“无轮廓”选项,最终效果如图2-74所示。
![](https://epubservercos.yuewen.com/4F1A13/9248524303115501/epubprivate/OEBPS/Images/img00058002.jpg?sign=1739041708-627OwNBad8IgpH7syra17H6xg1COc2JK-0-84ceb3d97d8896da68b92f5e68e98291)
图2-74