Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >网络拓扑图怎么画最好?

网络拓扑图怎么画最好?

作者头像
网络工程师笔记
发布于 2023-12-28 03:55:15
发布于 2023-12-28 03:55:15
1.2K0
举报

画拓扑图的方式有很多,在线软件,Visio,PPT,都是方法。

问题是你要怎么从0到1,怎么样用拓扑图完美地把你的网络逻辑结构、思路呈现出来。

没经验的朋友真的不知道从哪里上手。

今天就给你来一篇绘制拓扑图详解,从一页白纸开始,教你怎么从0到1亲手绘制一张拓扑图。

01、什么是网络拓扑(Topology)?

网络拓扑是用于描述计算机网络环境(计算机、主机、网络设备等线路连接情况)的一种制图。一般将拓扑分为两类:

1) 物理拓扑

描述网络各节点的物理连接情况。

2) 逻辑拓扑

描述网络环境的逻辑结构(本文档主要探讨此种拓扑的绘制)。

在计算机网络领域,网络拓扑是一个非常重要的工具。

掌握专业的拓扑绘制技巧是从事数通工程的一个基本要求,一个专业的、规范的网络拓扑不仅仅能够清晰的、直观的呈现网络的逻辑结构,更有利于项目实施、运维管理、排错等等,也能够很好的呈现数通工程师的职业软技能。

数通工程要调得了设备排得了错写的了文档,更要画得一手文艺、骚气蓬勃的拓扑:

02 网络拓扑的常见绘制工具

1)Powerpoint

适合中小型网络拓扑绘制;小巧方便,扩展性强,实用性强

适合讲演及方案演示、实施方案、实施报告等交付材料,使用范围较广。

2)Visio

适合大型拓扑绘制;工业标准。功能强大、信息容量强大,便于打印、喷绘。

02、拓扑图案例分析

01 Case1

上图用于描绘一个F5负载均衡器的典型双臂组网场景。由于此处是为了描述F5双臂组网的实现机制,因此拓扑呈三层架构:防火墙、核心层的交换机与F5、服务器

同时用红色、蓝色线条及标注文字区分F5上对内及对外的VLAN,拓扑中只标注相关的信息元素,简洁明了。

02 Case2

同样是典型的分层结构,只不过线条更多是直线,层次感较好。

03 Case3

04 Case4

两个站点的网络通过两台路由器互联。

03、拓扑图绘制步骤

以下是在PPT上绘制拓扑的大体步骤,当然,这只是个参考或建议:

1. 首先在纸上画个草稿,熟练之后,做到拓扑在心中

2. 通过辅助手段描绘拓扑框架,利用好线条和框架色块(可根据业务逻辑进行区块的划分)

3. 放置设备图标

4. 标记信息元素、添加文字标注

5. 完成整体绘制

下面看一个例子:

这是一个典型的三层结构的网络,拓扑的大体框架还是非常好分辨的。

01 绘制拓扑框架

首先用辅助线条描绘出网络的大体框架,这个框架出来了,网络结构也就清晰了。

02 绘制主要线缆

在框架的基础之上,绘制主要的连接线缆。

03 去除辅助线

在上面的绘制过程中,为了保证线条绘制的精确性和对成型,使用了一些辅助线条,在这一步中由于主题线条已经绘制好了,因此可以将辅助线条删除。

04 放置设备图标

将设备图标放置到拓扑中,可做适当调整。保持设备图标的对齐和分布。

在绘制的时候其实有许多技巧可以提高拓扑的绘制效率。

例如灵活使用PPT的图标平移,灵活使用PPT的图标分布及对齐功能等。

05 填充其他节点及元素

填充其他图标及信息元素,主体拓扑出来后,这一步实际上就变得非常轻松了。

06 填充信息标注元素

填充信息标注,例如设备名称,线缆类型等等。如果要求严格,可以再添加图例标注等信息。

以上所谓步骤,只是提供一个拓扑绘制的大致思路,并非所有的拓扑都需要照搬照抄上述步骤来绘制,有些拓扑异常复杂,更非简单几步就能完成。

根据物理网络环境,结合客户业务逻辑结构,最终落地成逻辑的网络拓扑图,其实体现的是工程师对客户网络环境、网络需求、网络协议等的综合理解。

04、拓扑图绘制要点

01 绘制规范摘要

● 准确呈现网络逻辑结构

● 网络层次分明易读,设备使用情况及互联情况清晰

● 网络关键节点信息完善、准确

● 重点突出,节点元素可适当取舍

● 图例注释完善,拓扑格式统一

● 符合工业规范(如果是工程制图)

02 绘制注意事项

● 先构图、再框架、接着设备和标示

在绘制规模较大的网络拓扑之前,先把网络结构理解一下,再结合业务逻辑考虑如何来构图,这是非常重要的。

如果前期构图弄的好,拓扑画出来会非常专业和高效。

● 图标大小、标示位置要合理

在绘制的时候,图标的大小及摆放位置是非常需要注意的,如果没有细致的控制,拓扑出来的感觉就会凌乱和不专业。

拓扑呈现完整、格式统一、布局整洁不凌乱。

● 拓扑元素要规范

最好使用同一的图标库,例如华为的网络图标库,就统一用华为图标。

03 PPT操作技巧

1、快捷键

✦ Ctrl按住不放,拖动图标进行复制

✦ Ctrl+Shift按住不放,拖动图标进行平移复制

✦ Ctrl+Shift+Alt按住不放,拖动图标手柄进行以中心为基准的等比放大

2、图形相关

✦ 层叠;快速移动;中心点为轴心等比放大

✦ 自由图形

✦ 自动对齐、排列

3、线条相关

自由曲线

… …

自由图形:

怎么样,听到这,是不是悟了?

画拓扑其实就是这么简单,整个小作业给你们,不熟悉的朋友可以照着下面的图练习一番啊。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-12-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 网络工程师笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Zabbix 网络拓扑图配置(学习笔记十五)
“zabbix network map”可以简单的理解为动态网络拓扑图,可以针对业务来配置zabbix map,通过map可以了解应用的整体状况:服务器是否异常、网络是否有故障、应用当前什么状态。如果你不需要这些东西,至少你可以通过network map绘制一张网络拓扑图。看看效果
用户5760343
2022/05/24
2.1K0
Zabbix 网络拓扑图配置(学习笔记十五)
大佬都是怎么画交换机拓扑图的?都给你整理好了
经常有小伙伴在问各类型拓扑图的问题,怎么设计,怎么配置,或者让群里的大佬帮忙看看,这图有没有啥问题的……
网络工程师笔记
2022/02/28
2.9K0
大佬都是怎么画交换机拓扑图的?都给你整理好了
基于 HTML5 Canvas 绘制的电信网络拓扑图
电信网结构(telecommunication network structure)是指电信网各种网路单元按技术要求和经济原则进行组合配置的组合逻辑和配置形式。组合逻辑描述网路功能的体系结构,配置形式描述网路单元的邻接关系,即以交换中心(或节点)和传输链路所组成的拓扑结构。常见的网络拓扑结构有星型结构、总线结构、环形结构、树形结构、网状结构、混合型拓扑以及蜂窝拓扑结构等,本文的例子主要描绘的是总线型拓扑,在显示上相对其他的结构类型来说更清晰明了,绘制起来也非常容易。 虽然题目起的名字是电信网络拓扑图,几乎所
HT_hightopo
2018/07/09
1.9K0
网络拓扑图是什么意思?网络拓扑图有哪些分类?
在很多大型企业中都是拥有着非常多的计算机设备的,相信在企业中工作过的人们都是知道企业中的很多计算机都是互连在一起的,计算机共处于一个局域网中能够更加方便地不同计算机之间的传输,计算机互连之后还可以进行很多更加方便的操作,让企业内部的联系更加紧密。那么一般计算机之间都是通过什么方式来连接在一起的呢?这个时候就需要使用到网络拓扑结构,使用不同拓扑结构的就会形成网络拓扑图,那么网络拓扑图是什么意思?网络拓扑图有哪些分类?下面小编就为大家来详细介绍一下。
用户8739405
2021/07/09
5K0
电信网络拓扑图自动布局
本文介绍了电信网络拓扑图自动布局的相关内容,包括两种布局方案:AutoLayout和ForceLayout。AutoLayout提供几套固定的布局算法,让用户根据不同的需求选择不同的布局算法,如圆形布局和对称布局。ForceLayout则是根据节点之间存在互斥力,相互连接的节点间存在引力,来动态布局节点的。
HT for Web
2018/01/03
2.5K0
电信网络拓扑图自动布局
Cisco、Juniper、华为、H3C、锐捷多厂商怀旧网络拓扑设计图标,老网工的记忆
昨天在整理电脑文件的时候,偶然发现有个文件夹里存放的是一些厂商的网络拓扑设计图标,原本想直接删掉的,不过还是决定分享给有需要的朋友,之前也分享过主流厂商的图标:
网络技术联盟站
2023/03/01
6.1K0
Cisco、Juniper、华为、H3C、锐捷多厂商怀旧网络拓扑设计图标,老网工的记忆
网络拓扑图基础入门
为什么要画拓扑图? 答:拓扑图可以向用户或者他人表达我们的设计思想与理念,以及展示设计的特点/目的/功能。对于我们系统规划人员来说无论是做网络规划/系统设计/网络管理,画拓扑图是一个最基本能力; 对于我们网络管理员来说,画拓扑图/排列图可以记录企业网络连接/设计/规划等一系列重要资料,为管理和后期排错,故障解决,例行维护以及交接(与继任者)减轻负担
全栈工程师修炼指南
2020/10/23
2.7K0
快速开发基于 HTML5 网络拓扑图应用1
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用,HT 内部封装了一个拓扑图形组件 ht.graph.GraphView(以下简称 GraphView)是 HT 框架中 2D 功能最丰富的组件,其相关类库都在 ht.graph 包下。GraphView 具有基本图形的呈现和编辑功能,拓扑节点连线及自动布局功能,电力和电信等行业预定义对象,具有动画渲染等特效,因此其应用面很广泛,可作为监控领域的绘图工具和人机界面,可作为一般性的图形化编辑工具,可扩展成工作流和组织图等企业应用。简单说来
HT_hightopo
2018/07/06
1.5K0
在线自定义编辑网络拓扑图
为了方便,该项目使用的是项目中的json数据,所以在编辑后需要将请求数据拷贝出来,覆盖到拓扑图节点json数据中。
拿我格子衫来
2022/01/24
2.5K1
在线自定义编辑网络拓扑图
快速开发基于 HTML5 网络拓扑图应用
本文主要介绍了如何使用 HTML5 的 SVG 元素和 JavaScript 来实现网络拓扑图的动态交互效果。首先介绍了基于 SVG 的图形元素,然后讲述了如何利用 JavaScript 来控制 SVG 元素的样式、位置、大小、颜色等属性,最后通过一个具体的案例演示了如何使用这些技术实现网络拓扑图的动态交互效果。
HT for Web
2018/01/03
2.1K0
快速开发基于 HTML5 网络拓扑图应用
什么是网络拓扑?网络拓扑有哪些类型?
平时经常听到网络拓扑这个名词哈,本文瑞哥带大家详细了解一下网络拓扑,包括网络拓扑的几大类型。
网络技术联盟站
2022/06/20
4.1K0
什么是网络拓扑?网络拓扑有哪些类型?
ECharts+BaiduMap+HT for Web网络拓扑图应用
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用,后来在ECharts的Demo中看到了有关空气质量的相关报表应用,就想将百度地图、ECharts和HT for Web三者结合起来
HT_hightopo
2018/07/09
1K0
Visio软件下载,Visio流程图设计软件2021激活工具,Visio下载
Visio是一款流程设计和图解工具软件,能够帮助用户创建各种类型的图表、流程图和平面图等。由于其强大的功能和简单易学的操作,越来越多的用户开始使用该软件。本文将介绍Visio软件的使用方法,以帮助读者更好地了解和掌握该软件的操作和应用。
用户10413399
2023/04/13
3.3K0
设备拓扑图
今天领导派了一个小活,要求我将公司的物联网平台的网络拓扑图画出来。做一个数据展示的页面,集成到现有的iot平台上。
拿我格子衫来
2022/01/24
4.2K1
设备拓扑图
原 HTML5 网络拓扑图整合 OpenL
在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web 的整合。 HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与ArcGIS、百度地图以及Googl
HT_hightopo
2018/06/05
1.9K0
快速开发基于 HTML5 网络拓扑图应用--入门篇(一)
计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点,把传输介质抽象为一条线,由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系,是建设计算机网络的第一步,是实现各种网络协议的基础,它对网络的性能,系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的形式与方法;在网络中的工作站和服务器等网络单元抽象为“点”;网络中的电缆等抽象为“线”。影响网络性能、系统可靠性、通信费用。 拓扑还分为:总线拓
HT_hightopo
2018/07/06
1.3K0
HTML5 网络拓扑图性能优化
本文介绍了一种用于处理网络拓扑图的组件,该组件可以在浏览器中快速绘制复杂的拓扑图,支持节点和边的动态交互,并且可以快速响应操作,提高用户的工作效率。
HT for Web
2018/01/03
1.8K0
HTML5 网络拓扑图性能优化
能快速构建和定制网络拓扑图的WPF开源项目-NodeNetwork
大家好,我是沙漠尽头的狼,今天介绍一个WPF开源项目-NodeNetwork,它可以帮助我们快速构建和定制网络拓扑图。
沙漠尽头的狼
2023/03/19
1.3K0
能快速构建和定制网络拓扑图的WPF开源项目-NodeNetwork
011.Zabbix的拓扑创建
Map的作用是将各种设备用网络拓扑图的方式展示,在Zabbix中,拓扑的展示通过手动方式添加。
木二
2019/07/26
9080
超干货!全国31所名校网络拓扑图全分析(高清版)
那些个说自己没有案例参考的,不知道怎么设计美观的,毫无头绪的……这下总有参考物了吧?
网络工程师笔记
2022/10/31
3.3K0
相关推荐
Zabbix 网络拓扑图配置(学习笔记十五)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档