编写程序框架图片教程可以分为以下几个步骤：
抓特征
四框：终端框（圆角矩形），输入框（平行四边形），输出框（平行四边形），判断框（菱形）。
一线：流程线，用于连接各个框图元素。
文字说明：对框图中的元素进行文字说明，增强可读性。
明规则
顺序结构：框图一般从上到下、从左到右的顺序画。
判断结构：判断框具有超过一个出口，用于表示条件判断。
循环结构：循环框用于表示重复运算，循环开始和结束分别用圆形和矩形表示。
依步骤
确定算法步骤：根据算法逻辑，确定每一步的操作。
绘制框图：按照顺序结构、判断结构和循环结构的规则，逐一绘制框图元素。
添加文字说明：在每个框图元素旁边添加文字说明，解释其功能和作用。
示例：求任意数的绝对值的算法框图
输入 ：输入一个实数 \（ x \）。判断：
判断 \（ x \） 是否大于等于 0。
是
：则 \（ y = x \），跳转到步骤 4。
否：则 \（ y = -x \），跳转到步骤 4。
输出：
输出 \（ y \）。
结束：
结束算法。
框图表示 ``` 开始 │ ▼ 输入x │ ├─ 是 │ ├─ 输出y │ └─ 否 ├─ 输出y └─ 结束 ``` 示例：一元二次方程求根算法框图输入
：输入三个实数 \（ a \）, \（ b \）, \（ c \）。
计算
利用求根公式求出大根 \（ M \）：\[ M = \frac{-b + \sqrt{b^2 - 4ac}}{2a} \]
利用求根公式求出小根 \（ N \）：\[ N = \frac{-b - \sqrt{b^2 - 4ac}}{2a} \]
输出：
输出 \（ M \） 和 \（ N \）。
结束：
结束算法。
框图表示 ``` 开始 │ ▼ 输入a, b, c │ ├─ 计算大根M │ ├─ 计算小根N │ └─ 输出M, N │ └─ 结束 ``` 示例：循环结构的应用输入
：输入一个整数 \（ n \）。
循环
当 \（ n \） 大于 0 时，执行以下步骤：
输出 \（ n \）。
\（ n = n - 1 \）。
输出：
输出循环结束的信息。
结束：
结束算法。
框图表示
```
开始
│
▼
输入n
│
├─ 循环开始
│ ├─ 输出n
│ └─ n = n - 1
│
└─ 循环结束
└─ 输出循环结束
```
通过以上步骤和示例，你可以掌握编写程序框架图片的基本方法和技巧。希望这个教程对你有所帮助!