数字信号处理综合设计性实验报告
广州大学
《数字信号处理实验》
综合设计性实验
报告册
实验项目数字音频信号的分析与处理
学院机械与电气工程学院年级专业班电子信息工程姓名学号成绩
实验地点电子楼316 指导老师黄高飞
《综合设计性实验》预习报告
实验项目：数字音频信号的分析与处理
一引言：
数字信号处理技术在音频信号处理中的应用日益增多，其灵活方便的优点得到体现。分频器即为其中一种音频工程中常用的设备。
人耳能听到的声音频率范围为20Hz~20000Hz，但由于技术所限，扬声器难以做到在此频率范围内都有很好的特性，因此一般采用两个以上的扬声器来组成一个系统，不同的扬声器播放不同频带的声音，将声音分成不同频带的设备就是分频器。
二实验目的：
1．复习巩固数字信号处理的基本理论；
2．利用所学知识研究并设计工程应用方案。
三实验原理：
数字信号处理技术在音频信号处理中的应用日益增多，其灵活方便的优点得到体现。分频器即为其中一种音频工程中常用的设备。
人耳能听到的声音频率范围为20Hz~20000Hz，但由于技术所限，扬声器难以做到在此频率范围内都有很好的特性，因此一般采用两个以上的扬声器来组成一个系统，不同的扬声器播放不同频带的声音，将声音分成不同频带的设备就是分频器。下图是一个二分频的示例。
图8.1 二分频示意图
高通滤波器和低通滤波器可以是FIR或IIR类型，其中FIR易做到线性相位，但阶数太高, 不仅需要耗费较多资源，且会带来较长的延时；IIR阶数低，但易出现相位失真及稳定性问题。
对分频器的特性，考虑最多的还是两个滤波器合成的幅度特性，希望其是平坦的，如图8.2所示：
图8.2 分频器幅度特性
由于IIR的延时短，因此目前工程中大量应用的还是Butterworth、Bessel、Linkwitz-Riley 三种IIR滤波器。其幅频特性如图8.3所示：
图8.3 三种常用IIR分频器的幅度特性
巴特沃斯、切比雪夫、椭圆等类型的数字滤波器系数可通过调用MATLAB函数很方便的计算得到，但Bessel、Linkwitz-Riley数字滤波器均无现成的Matlab函数。
为了使设计的IIR滤波器方便在DSP上实现，常将滤波器转换为二阶节级联的形式。
设计好分频器后，为验证分频后的信号是否正确，可用白噪声信号作为输入信号，然后对分频后的信号进行频谱分析。
四实验内容：
任意选择两种类型的IIR数字滤波器，设计一个二分频的数字分频器，已知系统的采样率为48000Hz。
（1）分频点为2000Hz；
（2）要求给出类似图8.3的幅频特性图，分频器的幅频响应平坦，在分频点处最多不能超过3dB的偏差；
（3）滤波器必须是二阶节形式；
（4）给出相位特性图；
（5）用频谱分析的方法验证设计好的分频器；
（6）对选用的两种类型的滤波器效果进行对比。
五重点问题：
如何实现滤波器
六参考文献：
《数字信号处理原理实现、应用》
广州大学
原始数据记录表
学生姓名孔志荣学号1107400052 同组人
班别电信2班专业通信学院机械与电气工程
实验项目数字音频信号的分析与处理指导老师黄高飞
实验进行时间 2014 年 6 月23 日时至时；实验地点室温湿度天气
原始数据记录：
备注：
注：此表格必须附在《实验报告》内一并交给任课老师。
《综合设计性实验》实验报告
实验名称：
摘要：
一引言：
数字信号处理技术在音频信号处理中的应用日益增多，其灵活方便的优点得到体现。分频器即为其中一种音频工程中常用的设备。
人耳能听到的声音频率范围为20Hz~20000Hz，但由于技术所限，扬声器难以做到在此频率范围内都有很好的特性，因此一般采用两个以上的扬声器来组成一个系统，不同的扬声器播放不同频带的声音，将声音分成不同频带的设备就是分频器。
二实验要求：
任意选择两种类型的IIR数字滤波器，设计一个二分频的数字分频器，已知系统的采样率为48000Hz。
（1）分频点为2000Hz；
（2）要求给出类似图8.3的幅频特性图，分频器的幅频响应平坦，在分频点处最多不能超过3dB的偏差；
（3）滤波器必须是二阶节形式；
（4）给出相位特性图；
（5）用频谱分析的方法验证设计好的分频器；
（6）对选用的两种类型的滤波器效果进行对比。
三实验仪器：
Matlab 7.0
四实验步骤：
任意选择两种类型的IIR数字滤波器，设计一个二分频的数字分频器，已知系统的采样率为48000Hz。
（1）分频点为2000Hz；
（2）要求给出类似图8.3的幅频特性图，分频器的幅频响应平坦，在分频点处最多不能超过3dB的偏差；
（3）滤波器必须是二阶节形式；
（4）给出相位特性图；
（5）用频谱分析的方法验证设计好的分频器；
（6）对选用的两种类型的滤波器效果进行对比。
五数据处理及实验结果表示：
wc=4000/48000;
N=3;
[B1,A1]=cheby1(N,3,wc);
[Hl,wl]=freqz(B1,A1);
fl=48000*wl/(2*pi);
subplot(5,1,1); semilogx(fl,20*log10(abs(Hl)));
set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
hold on
[B2,A2]=cheby1(N,3,wc,'high');
[Hh,wh]=freqz(B2,A2);
fh=48000*wh/(2*pi);
semilogx(fh,20*log10(abs(Hh)));
set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
hold off
B=conv(B1,A2)+conv(B2,A1);
A=conv(A1,A2);
[H,w]=freqz(B,A);
f=48000*w/(2*pi);
subplot(5,1,2);semilogx(f,20*log10(abs(H))); set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
subplot(5,1,3);zplane(B1,A1);
subplot(5,1,4);zplane(B2,A2);
subplot(5,1,5);zplane(B,A);
3阶切比雪夫1型滤波器
wc=4000/48000;
N=3;
[B1,A1]=butter(N,wc);
[Hl,wl]=freqz(B1,A1);
fl=48000*wl/(2*pi);
subplot(5,1,1); semilogx(fl,20*log10(abs(Hl)));
set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
hold on
[B2,A2]=butter(N,wc,'high');
[Hh,wh]=freqz(B2,A2);
fh=48000*wh/(2*pi);
semilogx(fh,20*log10(abs(Hh)));
set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
hold off
B=conv(B1,A2)+conv(B2,A1);
A=conv(A1,A2);
[H,w]=freqz(B,A);
f=48000*w/(2*pi);
subplot(5,1,2);semilogx(f,20*log10(abs(H)));
set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
subplot(5,1,3);zplane(B1,A1);
subplot(5,1,4);zplane(B2,A2);
subplot(5,1,5);zplane(B,A);
3阶巴特沃斯滤波器
wc=4000/48000;
N1=1;N2=2;
[B1,A1]=butter(N1,wc);
[B2,A2]=butter(N2,wc);
B3=conv(B1,B2);
A3=conv(A1,A2);
[Hl,wl]=freqz(B3,A3);
fl=48000*wl/(2*pi);
subplot(5,1,1); semilogx(fl,20*log10(abs(Hl))); set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
hold on
[B4,A4]=butter(N1,wc,'high');
[B5,A5]=butter(N2,wc,'high');
B6=conv(B4,B5);
A6=conv(A4,A5);
[Hh,wh]=freqz(B6,A6);
fh=48000*wh/(2*pi);
semilogx(fh,20*log10(abs(Hh)));
set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
hold off
B=conv(B3,A6)+conv(B6,A3);
A=conv(A3,A6);
[H,w]=freqz(B,A);
f=48000*w/(2*pi);
subplot(5,1,2);semilogx(f,20*log10(abs(H))); set(gca,'XLim',[100,20000]);
set(gca,'YLim',[-40,10]);
subplot(5,1,3);zplane(B1,A1);
subplot(5,1,4);zplane(B2,A2);
subplot(5,1,5);zplane(B,A);
2级巴特沃斯滤波器
六实验结果分析：
滤波前：
滤波后：
可以看出滤波后幅度明显增大，回放时声音与原声音没太大出入。
七实验心得：
学会使用多种滤波器构造方法，如巴特沃斯二阶滤波器，切比雪夫，把幅频曲线用更好的方式来观察器衰减情况。
八参考文献：
数字信号处理——原理、实现与应用
vf课程设计实验报告模板
vf 课程设计实验报告模板 经济管理学院 学生信息管理系统的设计与实现 09年12 月28 日 、课程设计的目的和意义 当今，人类正在步入一个以智力资源的占有和配置，知识生产、分配和使用为最重要因素的知识经济时代，为了适应知识经济时代发展的需要，大力推动信息产业的发展，我们通过对学生信息管理系统的设计，来提高学生的操作能力，及对理论知识的实践能力，从而提高学生的基本素质，使其能更好的满足社会需求。 学生信息管理系统是一个简单实用的系统，它是学校进行学生管理的好帮手。 此软件功能齐全，设计合理，使用方便，适合各种学校对繁杂的学生信息进行统筹管理，具有严格的系统使用权限管理，具有完善的管理功能，强大的查询功能。它可以融入学校的信息管理系统中，不仅方便了学生信息各方面的管理，同时也为教师的管理带来了极大地便利。 我们进行本次课程设计的主要目的是通过上机实践操作，熟练掌握数据库的设 计、表单的设计、表单与数据库的连接、SQL语言的使用和了解它的功能：数据定 义、数据操纵、数据控制，以及简单VF程序的编写。基本实现学生信息的管理, 包括系统的登录、学生信息的录入、学生信息的浏览、学生信息的查询、学生信息的修改和学生信息的删除，并对Visual FoxPro6.0 的各种功能有进一步的了解，为我们更进一步深入的学习奠定基础，并在实践中提高我们的实际应用能力，为我们以后的学习和工作提供方便，使我们更容易融入当今社会，顺应知识经济发展的趋势。 - 1 -
、系统功能设计 通过该系统可以基本实现学生信息的管理，包括系统的登录、学生信息的录 入、学生信息的浏览、学生信息的查询、学生信息的修改和学生信息的删除。系统 功能模块如下图所示。 学生信息管理系统主界面 登录 管理 学学学学学 生生生生生 信信信信信 息息息息息 录查浏修删 入询览改除 三、系统设计内容及步骤 3.1创建项目管理文件 1.启动foxpro 系统，建一个项目管理器，命名为“学生管理”。 哑 目f ■ 也 电 岂同左 矣 氏H. 0 存 JI 蛋誤曾
数字信号处理实验报告
数字信号处理作业提交日期：2016年7月15日
实验一 维纳滤波器的设计 第一部分 设计一维纳滤波器。 (1)产生三组观测数据，首先根据()(1)()s n as n w n =-+产生信号()s n ，将其加噪(信噪比分别为20,10,6dB dB dB )，得到观测数据123(),(),()x n x n x n 。 (2)估计()i x n ，1,2,3i =的AR 模型参数。假设信号长度为L ，AR 模型阶数为N ，分析实验结果，并讨论改变L ，N 对实验结果的影响。 1 实验原理 滤波技术是信号分析、处理技术的重要分支，无论是信号的获取、传输，还是信号的处理和交换都离不开滤波技术，它对信号安全可靠和有效灵活地传递是至关重要的。信号分析检测与处理的一个十分重要的内容就是从噪声中提取信号，实现这种功能的有效手段之一是设计一种具有最佳线性过滤特性的滤波器，当伴有噪声的信号通过这种滤波器的时候，它可以将信号尽可能精确地重现或对信号做出尽可能精确的估计，而对所伴随噪声进行最大限度地抑制。维纳滤波器就是这种滤波器的典型代表之一。 维纳（Wiener ）是用来解决从噪声中提取信号的一种过滤（或滤波）方法。这种线性滤波问题，可以看做是一种估计问题或一种线性估计问题。 设一线性系统的单位样本响应为()h n ，当输入以随机信号()x n ，且 ()() () x n s n v n =+，其中()s n 表示原始信号，即期望信号。()v n 表示噪声，则输出()y n 为()=()()m y n h m x n m -∑，我们希望信号()x n 经过线性系统()h n 后得到的()y n 尽可能接近 于()s n ，因此称()y n 为估计值，用?()s n 表示。 则维纳滤波器的输入-输出关系可用下面表示。 设误差信号为()e n ,则?()()()e n s n s n =-,显然)(n e 可能是正值，也可能是负值，并且它是一个随机变量。因此，用它的均方误差来表达误差是合理的，所谓均方误差最小即 它的平方的统计期望最小：222?[|()|][|()()|][|()()|]E e n E s n s n E s n y n =-=-=min 。而要使均方误差最小，则需要满足2[|()|]j E e n h ?=0. 进一步导出维纳-霍夫方程为：()()()()*(),0,1,2...xs xx xx i R m h i R m i R m h m m =-==∑ 写成矩阵形式为：xs xx R R h =，可知：1xs xx h R R -=。表明已知期望信号与观测数据的互相关函数以及观测信号的自相关函数时，可以通过矩阵求逆运算，得到维纳滤波器的
信息科学与工程学院综合性设计性实验报告
重庆交通大学信息科学与工程学院 综合性设计性实验报告 专业：通信工程专业11级 学号：0204 姓名：何国焕 实验所属课程：宽带无线接入技术 实验室(中心)：软件与通信实验中心 指导教师：吴仕勋 一、题目 OFDM系统的CFO估计技术 二、仿真要求 要求一：OFDM系统的数据传输 ①传输的数据随机产生； ②调制方式采用16QAM； 要求二：要求对BER的性能仿真 设计仿真方案，比较两个CFO的性能（基于CP与基于训练符号Moose），并画出不同SNR下的两种估计技术的均方差（MSE）性能。
三、仿真方案详细设计 1、首先OFDM技术的基本思想和现状了解。认真学习OFDM技术的基本原理，包括OFDM系统的FFT实现、OFDM系统模型、OFDM信号的调制与解调、OFDM信号的正交性原理，根据PPT及网上查阅资料加以学习。其次，了 解OFDM的系统性能，包括OFDM系统的同步技术及训练序列等。 2、同步技术：接收机正常工作以前，OFDM系统至少要完成两类同步任务： ①时域同步，要求OFDM系统确定符号边界，并且提取出最佳的采样时钟，从而减小载波干扰(ICI)和码间干扰(ISI)造成的影响。 ②频域同步，要求系统估计和校正接收信号的载波偏移。在OFDM系统中，N个符号的并行传输会使符号的延续时间更长，因此它对时间的偏差不敏感。对于无线通信来说，无线信道存在时变性，在传输中存在的频率偏移会使OFDM 系统子载波之间的正交性遭到破坏。 3、载波频率的偏移会使子信道之间产生干扰。OFDM系统的输出信号是多个相互覆盖的子信道的叠加，它们之间的正交性有严格的要求。无线信道时变性的一种具体体现就是多普勒频移引起的CFO，从频域上看，信号失真会随发送信道的多普勒扩展的增加而加剧。因此对于要求子载波严格同步的OFDM 系统来说，载波的频率偏移所带来的影响会更加严重，如果不采取措施对这种信道间干扰（ICI）加以克服，系统的性能很难得到改善。 OFDM系统发射端的基本原理图OFDM信号频谱 4、训练序列和导频及信道估计技术 接收端使用差分检测时不需要信道估计，但仍需要一些导频信号提供初始的相位参考，差分检测可以降低系统的复杂度和导频的数量，但却损失了信噪
数字信号处理实验报告
实验一MATLAB语言的基本使用方法 实验类别：基础性实验 实验目的： （1）了解MATLAB程序设计语言的基本方法，熟悉MATLAB软件运行环境。 （2）掌握创建、保存、打开m文件的方法，掌握设置文件路径的方法。 （3）掌握变量、函数等有关概念，具备初步的将一般数学问题转化为对应计算机模型并进行处理的能力。 （4）掌握二维平面图形的绘制方法，能够使用这些方法进行常用的数据可视化处理。 实验内容和步骤： 1、打开MATLAB，熟悉MATLAB环境。 2、在命令窗口中分别产生3*3全零矩阵，单位矩阵，全1矩阵。 3、学习m文件的建立、保存、打开、运行方法。 4、设有一模拟信号f(t)=1.5sin60πt,取?t=0.001,n=0,1,2,…,N-1进行抽样，得到 序列f(n),编写一个m文件sy1_1.m,分别用stem,plot,subplot等命令绘制32 点序列f(n)(N=32)的图形，给图形加入标注，图注，图例。 5、学习如何利用MATLAB帮助信息。 实验结果及分析： 1）全零矩阵 >> A=zeros(3,3) A = 0 0 0 0 0 0 0 0 0 2）单位矩阵 >> B=eye(3) B = 1 0 0 0 1 0 0 0 1 3）全1矩阵 >> C=ones(3) C = 1 1 1 1 1 1 1 1 1 4)sy1_1.m N=32; n=0:N-1; dt=0.001; t=n*dt; y=1.5*sin(60*pi*t); subplot(2,1,1), plot(t,y); xlabel('t'); ylabel('y=1.5*sin(60*pi*t)'); legend('正弦函数'); title('二维图形'); subplot(2,1,2), stem(t,y) xlabel('t'); ylabel('y=1.5*sin(60*pi*t)'); legend('序列函数'); title('条状图形'); 00.0050.010.0150.020.0250.030.035 t y = 1 . 5 * s i n ( 6 * p i * t ) 二维图形 00.0050.010.0150.020.0250.030.035 t y = 1 . 5 * s i n ( 6 * p i * t ) 条状图形
设计性实验报告格式
大学物理设计性实验报告 实验项目名称：万用表设计与组装实验仪 姓名：李双阳学号：131409138 专业：数学与应用数学班级：1314091 指导教师：＿王朝勇王新练 上课时间：2010 年12 月 6 日
一、实验设计方案 实验名称：万能表的设计与组装试验仪 实验时间：2010年12月6日 小组合作： 是 小组成员：孙超群 1. 实验目的：掌握数字万用表的工作原理、组成和特性。 2. 掌握数字万用表的校准和使用。 3. 掌握多量程数字万用表分压、分流电路计算和连接；学会设计制作、使用多量程数字万用表 2、实验地点及仪器、设备和材料： 万用表设计与组装实验仪、标准数字万用表。 3、实验思路（实验原理、数据处理方法及实验步骤等）： 1． 直流电压测量电路 在数字电压表头前面加一级分压电路（分压电阻），可以扩展直流电压测量的量程。 数字万用表的直流电压档分压电路如图一所示，它能在不降低输入阻抗的情况下，达到准确的分压效果。 例如：其中200 V 档的分压比为： 001.010*********==+++++M K R R R R R R R 其余各档的分压比分别为： 档位 200mV 2V 20V 200V 2000V 分压比 1 0.1 0.01 0.001 0.0001 图一 实用分压器电路 实际设计时是根据各档的分压比和总电阻来确定各分压电阻的，如先确定 M R R R R R R 1054321=++++=总 再计算200V 档的电阻：K R R R 10001.021==+总，依次可计算出3R 、4R 、5R 等各档的分压电阻值。换量程时，多刀量程转换开关可以根据档位调整小数点的位置，使用者可方便地直读出测量结果。 尽管上述最高量程档的理论量程是2000V ，但通常的数字万用表出于耐压和安全考虑，规定最高电压量限为1000V 或750V 。
数字信号处理实验报告一
武汉工程大学 数字信号处理实验报告 姓名：周权 学号：1204140228 班级：通信工程02
一、实验设备 计算机，MATLAB语言环境。 二、实验基础理论 1.序列的相关概念 2.常见序列 3.序列的基本运算 4.离散傅里叶变换的相关概念 5.Z变换的相关概念 三、实验内容与步骤 1.离散时间信号（序列）的产生 利用MATLAB语言编程产生和绘制单位样值信号、单位阶跃序列、指数序列、正弦序列及随机离散信号的波形表示。 四实验目的 认识常用的各种信号，理解其数字表达式和波形表示，掌握在计算机中生成及绘制数字信号波形的方法，掌握序列的简单运算及计算机实现与作用，理解离散时间傅里叶变换，Z变换及它们的性质和信号的频域分
实验一离散时间信号（序列）的产生 代码一 单位样值 x=2; y=1; stem(x,y); title('单位样值 ') 单位阶跃序列 n0=0; n1=-10; n2=10; n=[n1:n2]; x=[(n-n0)>=0]; stem(n,x); xlabel('n'); ylabel('x{n}'); title('单位阶跃序列');
实指数序列 n=[0:10]; x=(0.5).^n; stem(n,x); xlabel('n'); ylabel('x{n}'); title('实指数序列');
正弦序列 n=[-100:100]; x=2*sin(0.05*pi*n); stem(n,x); xlabel('n'); ylabel('x{n}'); title('正弦序列');
随机序列 n=[1:10]; x=rand(1,10); subplot(221); stem(n,x); xlabel('n'); ylabel('x{n}'); title('随机序列');
设计性实验报告
计算机与信息工程学院设计性实验报告 一、 实验目的 1．掌握线性时不变系统的两种描述形式—传递函数描述法、零极点增益描述法。 2．掌握两种描述形式之间的转换。 3．掌握连续和离散系统频率响应的求解 二、 实验仪器或设备 装MATLAB 软件的计算机一台。 三、 实验内容 1. 生成20个点的单位脉冲信号、单位阶跃信号，并记录下函数命令和波形。 2. 生成占空比为30％的矩形波。 3. 将连续系统 4)(s )21)(s (s 3) 1)(s -(s 0.5H(s)++++=转化为传递函数模型的描述形式。 4. 将离散系统 4-3-2-1--2 -10.5z 0.9z -1.3z 1.6z -12z 5z 3H(z)++++=转化为传递函数和零极点增益模型的的描述形式。
四、实验步骤（包括主要步骤、代码分析等） 1. 生成20个点的单位脉冲信号、单位阶跃信号，并记录下函数命令和波 形。 程序： clear,clc,close %清除变量空间变量，清除命令窗口命令,关闭图形窗口 t=-10:9; %取20个点 ft1=(t==0); %单位脉冲信号函数 ft2=(t>=0); %单位阶跃信号函数 subplot(1,2,1),stem(t,ft1,'m-o') %图像窗口1行2列的第1个子图绘制单位脉冲信号图形 title('20个点的单位脉冲信号'); %设置标题为“20个点的单位脉冲信号” subplot(1,2,2),stem(t,ft2) %图像窗口1行2列的第2个子图绘制单位阶跃信号图形 title('20个点的单位阶跃信号'); %设置标题为“20个点的单位阶跃信号” 2. 生成占空比为30％的矩形波。 程序： clear,clc,close %清除变量空间变量，清除命令窗口命令 x=0:0.001:0.6; %设置变量x的值范围 y=square(2*pi*10*x,30); %用square函数得到占空比为30％的矩形波 plot(x,y,'m'); %绘制矩形波的图像
CSS页面布局及样式设计实验报告
实验项目名称： CSS页面布局及样式设计 （所属课程：web系统与技术） 学院：计算机学院专业班级：11级计科信息姓名：学号： 实验日期：实验地点：A06-404 合作者：指导教师：李 本实验项目成绩：教师签字：日期： 一、实验目的 （1）掌握CSS中的定位属性使用方法。 （2）掌握DIV+CSS的页面布局方式。 （3）掌握CSS中的常用属性的使用方法。 （4）理解CSS的样式构造。 二、实验条件 安装Web开发环境的微机。 三、实验内容 （1）重新对聊天室的注册页面、登陆页面和聊天页面进行页面布局。 （1）对聊天室的注册页面、登陆页面和聊天页面进行样式设计。 四、实验步骤 （1）注册页面使用CSS将注册表单居中显示，表单内嵌入表格将文本与输入域格式化显示，表单内使用label标签。 （2）登录页面中添加div层用于显示在线用户数。 （3）登录页面使用div将登录表单，在线用户数，logo图片，超链接等页面元素重新定位布局。 （4）聊天页面改用div标签并使用CSS的position定位属性进行布局，框架内的独立页面使用float属性进行布局。 （5）使用CSS设置三个页面的背景颜色或背景图片。 （6）注册页面使用CSS设计所有输入框和提交按钮的样式。 （7）登录页面使用CSS设置的超链接的字体和下划线、登录表单使用圆顶角、在线用户数使用图片数字，使用CSS设计登录按钮的显示样式。
（8）聊天页面中使用CSS设计信息发送表单和发送按钮的样式，设计用户信息列表和聊天信息段落的的显示样式。 五、实验结果 注册界面效果图及代码：