要画编程的课程图片，你可以遵循以下步骤：
确定图形化工具
选择一个合适的图形化工具来绘制编程图。常见的工具包括流程图绘制工具（如Microsoft Visio、Draw.io等）和UML工具（如Enterprise Architect、StarUML等）。
确定图表类型
根据需要表示的程序逻辑和流程，选择合适的图表类型。例如，流程图适合表示程序的执行顺序和条件判断，UML类图适合表示程序的类和对象关系。
绘制图形元素
使用图形化工具绘制相应的图形元素。例如，在流程图中，可以使用矩形表示开始和结束节点，使用箭头表示流程的执行顺序，使用菱形表示条件判断等。
连接图形元素
根据程序的逻辑流程，使用合适的连接线将图形元素连接起来。连接线可以表示程序的控制流程，例如，箭头表示从一个节点到另一个节点的执行顺序。
添加注释
在编程图中添加必要的注释，以便更清晰地说明程序的逻辑和流程。注释可以包括文字描述、变量名、函数名等。
调整布局
根据需要，调整编程图的布局，使其更易于理解和阅读。可以调整图形元素的位置、大小和间距，以及调整字体大小和颜色等。
细节完善
检查编程图是否准确无误，是否能够清晰地表示程序的逻辑和流程。根据需要，进行必要的修改和调整。
示例
流程图示例
确定步骤：
确定程序的主要步骤，如输入数据、处理数据、输出结果。
绘制框：
使用矩形表示每个步骤。
连接箭头：
使用箭头连接各个步骤，表示执行顺序。
添加注释：
在每个步骤旁边添加简短的文字描述。
UML类图示例
确定类：
确定程序中的主要类，如用户、订单、支付等。
绘制类框：
使用矩形表示每个类，并在框内写上类名。
绘制关系：
使用不同类型的箭头来表示类之间的关系，如继承、关联、聚合等。
添加注释：
在每个类或关系旁边添加简短的文字描述。
工具推荐
流程图工具：Microsoft Visio、Draw.io、Lucidchart
UML工具：Enterprise Architect、StarUML、Visual Paradigm
通过以上步骤和工具，你可以有效地绘制出清晰、易于理解的编程课程图片。