精华内容
下载资源
问答
  • 1、Cisco网络拓扑图标库(Visio+PPT格式) 2、Juniper网络拓扑Visio图标库 3、Visio大全模具(含Cisco、IBM等常用拓扑图标) 4、华三H3C网络拓扑Visio图标库 5、华为HUAWEI网络拓扑图标库(Visio+PPT格式) 6、锐捷...
  • 网络拓扑图标模板,CISCO设备,VISIO模板可用
  • 主流网络设备厂商拓扑设计图标库,包含cisco、h3c、huawei、ruijie和juniper。
  • 此图标集合比较实用,文档中包括现用绝大部分的网络设备图标,可用于网络方案制作和拓扑图,
  • 网络拓扑图标库.ppt

    2020-08-19 17:16:27
    网 络 拓 扑 图 标 库:包含了187页的拓扑图标,基本涵盖了锁有网络设备,有抽象、具象、辅助等等
  • Cisco公司提供的各种网络拓扑图标,包括网络设备、主机存储设备、安全设备、人员、建筑物等等,十分齐全。
  • 网络拓扑图标,还是很全面的。基本还涵盖了大部分的Cisco的网络设备图标。对于画网络拓扑有很大帮助。网络拓扑图标,还是很全面的。基本还涵盖了大部分的Cisco的网络设备图标。对于画网络拓扑有很大帮助。网络拓扑...
  • 华为网络拓扑图标

    2018-07-17 16:52:19
    华为设备示意图标。可用于VISIO图纸。此图标库是经过修正更新后。 分墨蓝色和金黄色两套(只是颜色不同,图标是一样的)。 考虑到大家做胶片或做组网图时,常常要调用到其他产品线的图标,故把公司图标都综合在此图标...
  • 文档中包括现用绝大部分的网络设备图标,比较实用于网络方案制作和拓扑图介绍有
  • 网络拓扑图标,里面包含了路由交换设备,包括交换机、路由器、网桥等覆盖华为、华三、思科,另有安全设备,防火墙、入侵检测防御、上网行为、VPN、等,还有一些地标、建筑、人物等。覆盖面很广,可以参考。
  • 最全VISIO图标集-附网络拓扑图实例,包含各种设备拓扑图标 最全VISIO图标集-附网络拓扑图实例,包含各种设备拓扑图标 最全VISIO图标集-附网络拓扑图实例,包含各种设备拓扑图标
  • 锐捷网络设备图标

    2018-04-05 20:02:14
    锐捷网络官方网络设备图标,PPT版,用于画网络拓扑图。
  • 迈普网络图标库版本号:V1.0图标库目录抽象产品图标02路由器/交换机02语音设备03安全设备04/05传输设备06辅助图标07办公设备07服务器08无线图标09建筑图标10人物图标11网络云12线条
  • visio网络设备图标

    2015-08-13 10:36:39
    visio网络设备图标 包含路由器、交换机、sangfor的一些图标 画visio网络拓扑图时可以使用
  • 网络拓扑图是指由网络节点设备和通信介质构成的网络结构图。 什么是网络拓扑架构? 网络拓扑结构是指用传输媒体互联各种设备的物理布局,就是用什么方式把网络中的计算机等设备连接起来。 网络拓扑结构有哪些? ...

    什么是网络拓扑图?

    网络拓扑图是指由网络节点设备和通信介质构成的网络结构图。

    什么是网络拓扑架构?

    网络拓扑结构是指用传输媒体互联各种设备的物理布局,就是用什么方式把网络中的计算机等设备连接起来。

    网络拓扑结构有哪些?

    网络拓扑图给出网络服务器、工作站的网络配置和相互间的连接。

    网络拓扑结构主要有:

    星型拓扑结构。星型结构是指各工作站以星型方式连接成网。网络有中央节点,其他节点(工作站、服务器)都与中央节点直接连接。这种结构以中央节点为中心,因此又称为集中式网络。

    环形网络拓扑。环形结构多用于LAN。这种结构中的传输媒体从一个端用户到另一个端用户,直到将所有的端用户连成环型。数据在环路中沿着一个方向在各个节点间传输,信息从一个节点传到另一个节点。

    总线拓扑。总线结构是使用同一媒体或电缆连接所有端用户的一种方式,也就是说,连接端用户的物理媒体由所有设备共享,各工作站地位平等,无中心节点控制,公用总线上的信息多以基带形式串行传递,其传递方向总是从发送信息的节点开始向两端扩散,如同广播电台发射的信息一样,因此又称广播式计算机网络。各节点在接受信息时都进行地址检查,看是否与自己的工作站地址相符,相符则接收网上的信息。

    分布式拓扑结构。分布式结构的网络是将分布在不同地点的计算机通过线路互连起来的一种网络形式。

    树型拓扑结构。树型结构是分级的集中控制式网络,与星型相比,它的通信线路总长度短,成本较低,节点易于扩充,寻找路径比较方便,但除了叶节点及其相连的线路外,任一节点或其相连的线路故障都会使系统受到影响。

    网状拓扑结构。在网状拓扑结构中,网络的每台设备之间均有点到点的链路连接,这种连接不经济,只有每个站点都要频繁发送信息时才使用这种方法。它的安装也复杂,但系统可靠性高,容错能力强。有时也称为分布式结构。

    蜂窝拓扑结构。是无线局域网中常用的结构。它以无线传输介质(微波、卫星、红外等)点到点和多点传输为特征,是一种无线网,适用于城市网、校园网、企业网。

    混合拓扑结构。由星型结构或环型结构和总线型结构结合在一起的网络结构,这样的拓扑结构更能满足较大网络的拓展,解决星型网络在传输距离上的局限,而同时又解决了总线型网络在连接用户数量上的限制。

    网络拓扑图制作工具有哪些?

    Visio、PPT、华为eNSP


    网络拓扑工具安装

    目前我用到是Microsoft Visio 2016,下面附上下载链接,及安装教程。

    下载链接:https://pan.baidu.com/s/1Z7F40Q2TfS0JjdD2DOD_vQ  提取码:1024 

    安装教程:https://mp.weixin.qq.com/s/h7iTlkSEYMV6sp-CfFKkfA


    网络拓扑工具使用

    首先,打开Visio,文件,新建。

    然后选择空白绘图,点击更多形状,选择你想要添加的形状。

    拖动图标至空白绘图。工具栏选择连接线,文本,指针工具,可以切换鼠标工作方式。

    一个小型的网络拓扑图就做好了。


    华为Visio图标

    华为官网:https://www.huawei.com/

    安全设备:AntiDDoS网关下一代防火墙IDS&IPS

    传送网:MSTPRTNWDM_OTN

    交换机:数据中心交换机园区交换机

    接入网:BITS、MDU、ODN、OLT、ONT、机柜

    路由器:AR200_vss、ME系列、NE系列、PTN系列、接入路由器&物联网关

    无线局域网:AC、AP


    Cisco Visio图

    Cisco-官网:https://www.cisco.com/

    Cisco-中国:https://www.cisco.com/c/zh_cn/index.html

    Visio图标(内含Cisco、华为Visio图标):https://pan.baidu.com/s/1EinZ29L-kwnjEY_K4QYJHg 提取码:2021 


    Visio中添加Visio图标

    打开Visio,创建绘图,点击更多形状,选择打开模具。

    选择需要添加的模具。

    添加成功。

    好了,现在可以开始愉快地绘制网络拓扑图了。

     

    展开全文
  • 包含Cisco、华为、IBM、Juniper等主流IT设备厂商的各种VISIO图标
  • 思科网络工程设备图标2006版深蓝色.RAR ,网络拓扑图设计
  • 这波下了不亏,VISIO图标_PPT图标_VISIO网络设备图标库集合 含各种网络相关设备(如路由器、无线接入点、pon、交换机等设备)图标和相关环境图标,可用于机房设计图、网络拓扑图、程序设计图等图绘制,或用于ppt图示。
  • 网络拓扑是一种用于描述计算机网络环境(计算机、服务器主机、网络设备等线路连接情况)的一种制图。在计算机网络领域中,网络拓扑是一个非常之重要的工具,因此绘制网络拓扑图可以说是每个网络工程师包括IT运维人员...

    网络拓扑是一种用于描述计算机网络环境(计算机、服务器主机、网络设备等线路连接情况)的一种制图。在计算机网络领域中,网络拓扑是一个非常之重要的工具,因此绘制网络拓扑图可以说是每个网络工程师包括IT运维人员必备的一项技能了。一个专业规范的网络拓扑能够非常直观的呈现网络架构,在一个网络设计方案之中一张拓扑图就直接可以反映出此方案的好坏,也能从侧面体现出一个网络工程师的技术水平。

    935da0ac1dd4842245dada2ff605446f.png

    大多网络工程师们绘制网络拓扑图使用的一款软件叫做Visio,它是 Microsoft office软件系列中的负责绘制流程图和示意图的软件,是一款便于IT和商务人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件。使用具有专业外观的 Office Visio 图表,可以促进对系统和流程的了解,深入了解复杂信息并利用这些知识做出更好的业务决策。

    4661c5382b1a9ccdd74fd5082535f6ee.png

    我们只需点击几下鼠标即可在图表上创建数据链接,可将复杂信息简单化,便于传达信息。Visio让图表制作更加简单。无论你是希望在白板上快速记录集思广益得出的流程图、绘制IT网络图、构建组织结构图、记录业务流程,还是绘制平面布置图,Visio均可帮助你直观地呈现。

    d46eeaa2ec78d7398f24ee24dc6f8679.png

    绘制网络拓扑图也只是Visio众多功能中的一个功能,使用Visio绘制网络拓扑图,是一个记忆过程,也是一个整理过程。对于我们做系统集成、网络规划设计、网络管理员甚至最终的用户,经常将自己的想法以规划图的方式记录下来,是一个系统总结、归纳、整理的过程,更是一个学习、提高的过程。

    ca2ba0a7059ef80deb0f6f140dc33f53.png

    最后分享一下这款Visio软件以及本人多年收藏的大量厂商的图表库供进行选择绘制,Visio的安装使用和其他Office软件也一样,是非常简单容易上手的,相信大家都可以轻松掌握并画出精美的网络拓扑图来,需要的同学加个关注,私信回复关键字“visio”获取哈~

    0ac31c13b221bc2238012bba433c2891.png
    展开全文
  • 思科网络工程设备图标2008版浅蓝色.RAR,拓扑图规划工具
  • 最新最全visio2013网络拓扑图标包集合,包含Cisco、IBM等常用拓扑图标
  • visio图标 PPT图标 cisco H3C Ruijie,无线,路由器,交换机,比较全的网络拓扑图标
  • 网络拓扑PPT

    2012-09-17 18:33:11
    可以画网络拓扑图, PPT里有大量网络设备图标,让你画图更容易
  • H3C网络设备图标

    2009-06-10 11:51:41
    华为、h3c网络设备图标库,包括各种网络设备及云图图标,为网络拓扑画图提供方便。
  • Cisco 网络设备图标库,适用于网络规划拓扑图用
  • 最全的PPT网络设备图标库,包含主流厂商H3C、华为、思科,其中涵盖了拓扑图中基本上所有网络设备,分类清晰,各类设备均在各自的目录下。
  • Cisco网络设备图标库(2010版) 拥有Cisco网络设备全新图标的PPT文档——尤其适合经常使用PPT演示网络拓扑结构的兄弟姐妹们!^_^
  • 通常会挂载一堆图标来展示状态或告警信息,图标的信息量有限,有时需要更详细的面板,甚至以图表的形式展现,本文将结合最近客户提到的需求,使用 Qunee1.6 beta版本,实现拓扑图中设备信息的实时显示。 Qunee ...
    电信网管系统中,设备状态信息的实时展示非常重要,通常会挂载一堆图标来展示状态或告警信息,图标的信息量有限,有时需要更详细的面板,甚至以图表的形式展现,本文将结合最近客户提到的需求,使用 Qunee1.6 beta版本,实现拓扑图中设备信息的实时显示。

    Qunee 中ui 的定制非常灵活,每个图元节点都可以挂载多个 ui 控件,支持9X9=81种相对位置,单节点上能挂载多个 ui 元素,并进行排列和布局,另外每个 ui 元素可以绑定图元属性,属性变化,ui 元素会及时更新界面。
    网络设备数据流信息展示

    需求分析

    网络设备拓扑图,默认设备为普通节点,双击时展开,显示CPU,内存,流量等信息,使用柱状图和不同颜色的文字来展示,再双击变回普通节点 这里需要定制节点,普通模式下,节点包含图标和文字,展开模式下,节点主体变成一个圆角矩阵的面板,上面分布多个组件:图标,文字,柱状图等,其中柱状图可以参照之前 监控图例子中的BarUI,其他都有现成的组件可用,面板使用内置的Shape图形,图标依旧使用ImageUI,文字使用 LabelUI,位置分布则借助position和 anchorPosition 属性进行设置

    CPU 柱状图的实现

    此外,还需要将 CPU 的数值与柱状图绑定,这里用到Q.Element#addUI(ui, bindingProperties)函数,在第二个参数中设定数据绑定,如果有多个属性需要绑定可以使用数组,下面的例子将cpuBar的 data 属性与 node 的cpu属性进行了绑定,绑定后就可以通过node.set("cpu", 0.45)这样的方式对 ui 进行属性设置了

    以 CPU 柱状图为例,左边是文字,右边是柱状图,文字向右对齐,柱状图左对齐

    ui位置布局

    此外,还需要将 CPU 的数值与柱状图绑定,这里用到Q.Element#addUI(ui, bindingProperties)函数,在第二个参数中设定数据绑定,如果有多个属性需要绑定可以使用数组,下面的例子将cpuBar的 data 属性与 node 的cpu属性进行了绑定,绑定后就可以通过node.set("cpu", 0.45)这样的方式对 ui 进行属性设置了

    CPU 柱状图相关代码

    var cpu = new Q.LabelUI("CPU");
    cpu.position = {x: 27, y: 47};
    cpu.anchorPosition = Q.Position.RIGHT_MIDDLE;
    var cpuBar = new BarUI();
    cpuBar.position = {x: 30, y: 47};
    cpuBar.anchorPosition = Q.Position.LEFT_MIDDLE;
    node.addUI(cpu);
    node.addUI(cpuBar, {
        property : "cpu",
        propertyType : Q.Consts.PROPERTY_TYPE_CLIENT,
        bindingProperty : "data"
    });
    node.set("cpu", 0.56);
    实际使用中我们对函数做了封装,看起来会不太一样,下面是节点展开时的 ui 分布设置,主体为一个140 X 120的圆角矩形,上面分布多个文本,图标和柱状图
    var w = 140, h = 120, r = 10;
    var shape = Q.Shapes.getRect(-w/2, -h/2, w, h, r, r);
    this.image = shape;
    var gradient = new Q.Gradient(Q.Consts.GRADIENT_TYPE_LINEAR, ["#F4F4F4", "#FFFFFF", "#DFDFDF", "#E9E9E9"]);
    gradient.angle = Math.PI / 2;
    this.setStyle(Q.Styles.SHAPE_FILL_GRADIENT, gradient);
    this.setStyle(Q.Styles.SHAPE_STROKE, 0);
    this.setStyle(Q.Styles.SHAPE_OUTLINE, 1);
    this.setStyle(Q.Styles.SHAPE_OUTLINE_STYLE, "#C9C9C9");
    this.setStyle(Q.Styles.LAYOUT_BY_PATH, false);
    function addUIAt(node, ui, x, y, bindingProperty, value){
        ui.syncSelection = false;
        ui.zIndex = 1;
        ui.position = {x: x, y: y};
        ui.anchorPosition = Q.Position.LEFT_TOP;
        ui.fontSize = 10;
        var binding;
        if(bindingProperty){
            binding = {
                property : bindingProperty,
                propertyType : Q.Consts.PROPERTY_TYPE_CLIENT,
                bindingProperty : "data"
            }
        }
        node.addUI(ui, binding);
        return ui;
    }
    var icon = new Q.ImageUI(image);
    icon.size = this.iconSize;
    addUIAt(this, icon, 15, 12, "icon").anchorPosition = Q.Position.CENTER_MIDDLE;
    addUIAt(thisnew Q.LabelUI(name), 30, 5);
    addUIAt(thisnew Q.LabelUI(id), 30, 22).color = "#D00";
    addUIAt(thisnew Q.LabelUI("CPU"), 27, 47).anchorPosition = Q.Position.RIGHT_MIDDLE;
    addUIAt(thisnew Q.LabelUI("MEM"), 27, 65).anchorPosition = Q.Position.RIGHT_MIDDLE;
    addUIAt(thisnew BarUI(), 30, 47, "cpu").anchorPosition = Q.Position.LEFT_MIDDLE;
    addUIAt(thisnew BarUI(), 30, 65, "memory").anchorPosition = Q.Position.LEFT_MIDDLE;
    addUIAt(thisnew Q.LabelUI("Incoming:"), 71, 90).anchorPosition = Q.Position.RIGHT_MIDDLE;
    addUIAt(thisnew Q.LabelUI("Outgoing:"), 71, 106).anchorPosition = Q.Position.RIGHT_MIDDLE;
    var ui = addUIAt(thisnew Q.LabelUI(), 75, 90, "incoming");
    ui.anchorPosition = Q.Position.LEFT_MIDDLE;
    ui.color = "#C20";
    ui = addUIAt(thisnew Q.LabelUI(), 75, 106, "outgoing");
    ui.anchorPosition = Q.Position.LEFT_MIDDLE;
    ui.color = "#C20";

    大体效果

       设备状态信息面板

    进一步封装

    接下来进一步封装,实现普通模式和展开模式切换,并增加鼠标交互,双击进行切换 这里我们继承 Node,定义了一个CustomServerNode类,并增加了showDetail属性,默认为 true 表示展开状态,设置为 false 时则隐藏所有挂载的 ui,并设置image为图片,保留 image 和默认文本标签

    showDetail属性定义

    Object.defineProperties(CustomServerNode.prototype, {
        showDetail: {
            get: function(){
                return this._showDetail;
            },
            set: function(show){
                if(this._showDetail == show){
                    return;
                }
                this._showDetail = show;
                this.image = show ? this.shape : this.get("image");
                this.name = show ? "双击合并" : (this.get("name") + "\n" + this.get("id"));
                var uis = this.bindingUIs;
                if(uis){
                    uis.forEach(function(ui){
                        ui.ui.visible = show;
                    })
                    this.invalidate();
                }
            }
        }
    })

    增加双击交互

    graph.ondblclick = function(evt){
        var element = evt.getData();
        if(element){
            element.showDetail = !element.showDetail;
        }
    }

    运行效果

    网络设备数据流信息展示-展开合并

    在线演示

    http://demo.qunee.com/#VOIP Demo

    转载于:https://www.cnblogs.com/nosand/p/3965676.html

    展开全文
  • Visio绘制网络拓扑

    千次阅读 2020-05-27 17:46:59
    2、学会扩充 Visio 图库,使用自己组织的图标绘制网络拓扑图; 3、将Visio图嵌入到Office文档,将绘图结果输出为其它图形格式。 二、实验仪器设备或材料 Microsoft Visio 2013软件 三、实验原理 Visio系列软件是微软...

    实验名称 用Visio绘制网络拓扑图
    一、 实验目的
    1、熟悉Visio软件,学会使用Visio绘制网络拓扑图;
    2、学会扩充 Visio 图库,使用自己组织的图标绘制网络拓扑图;
    3、将Visio图嵌入到Office文档,将绘图结果输出为其它图形格式。
    二、实验仪器设备或材料
    Microsoft Visio 2013软件
    三、实验原理
    Visio系列软件是微软公司开发的高级绘图软件,属于Office系列,可以绘制流程图、网络拓扑图、组织结构图、机械工程图、流程图等。它功能强大,易于使用,就像Word一样。它可以帮助网络工程师创建商业和技术方面的图形,对复杂的概念、过程及系统进行组织和文档备案。Visio 2013可以通过直接与数据资源同步自动化数据图形,提供最新的图形,还可以自定制来满足特定需求。由于Visio市场占有率高,几乎成行业标准,第三方提供扩充图库产品时,往往把Visio作为首选,这使得Visio的图库扩充能够源源不断。Visio文件的后缀是.vsd,所以也称为VSD文件。
    四、实验内容与步骤
    点击更多形状,选择网络选项,勾选需要的模型,就可以有visio中自带的网络工程模型,如图1-1所示
    在这里插入图片描述
    图1-1 Visio绘制主界面
    选中连接线工具,可以将两台设备相连,右键连接线可以选择直线连接线达到美观效果
    在这里插入图片描述
    图1-2 连接线的选择
    两连接线相交会出现跨线情况,如果不想出现该效果,可以在“设计”→“板式”中的“连接线”选项框下,点击取消“显示跨线”即可,如图1-3所示。

    在这里插入图片描述
    图1-3 不显示跨线
    在Word中,可以通过“对象连接和嵌入(OLE)”方法把Visio 源图插入正文中。具体操作为“插入”→“对象”→“由文件创建”,然后找到.vsd文件,如图1-4所示。作为对象嵌入后,Visio源图成为Word的一部分,可以后续修改。也可以把转换成.jpg格式的图片文件直接插入正文中。
    在这里插入图片描述
    图1-4 插入对象
    另外有时候visio提供的图库不能满足我们正常的使用,所以需要自己去寻找更多的图标,可以在“更多形状”中,选择“打开模具”,添加自己下载的图库
    在这里插入图片描述
    图1-5 我的形状文件夹

    展开全文

空空如也

空空如也

1 2 3 4 5 6
收藏数 101
精华内容 40
关键字:

网络拓扑设备图标