1、建立站点后，在文件夹上右键新建一个文件，改名为音乐制作网页，然后双击进入网页，首先，插入表格，17行，2列，表格宽度和表格粗细都为0，确定。选中表格，下边的对齐方式为，居中对齐
2、选中第一个格，按住Ctrl键再选中第二个格，右键，表格，合并单元格，点击插入，图像，选择建的站点下的素材，确定
3、用刚才的方法合并第二行单元格，填写导航栏文字，选择拆分，找到对应代码位置，填写空格代码 在文字前后都添加空格，使导航栏文字间隙均匀，下边背景颜色改为紫色
4、编写下一行文字，背景颜色为绿色，金曲列表文字，下边，HTML，格式为标题5，歌曲下载文字，下边，HTML，格式为标题3，找到代码中金曲列表文字对应位置，添加空格代码
5、在歌曲下载文字后面插入，图像，选择下载图标图片，点击图片，选择连接指向你的歌曲MP3文件
6、在每个格中加入歌名，每个都要插入，布局对象，Div标签，然后添加歌曲名称
7、右半部分，前两行合并，插入布局对象，添加文字那女孩对我说，HTML格式改为标题2，然后将下边剩余所有行合并，插入布局，添加歌词
8、选择歌词，将HTML的格式改为标题5
9、点击代码，找到歌词位置，复制空格，在每一行歌词前面招贴空格，刷新一下，使歌词居中一些
10、按F12预览
小伙伴们，有没有看懂呢，看不懂可以去看视频呦！
Adobe Dreamweaver 新版详细安装教程-Adobe Dreamweaver 新版win10网站设计软件Adobe Dreamweaver 新版详细安装教程-Adobe Dreamweaver 新版win10网站设计软件全版本安装包（mac windows系统） 学习教程如下:
首先，打开浏览器，在地址栏中输入
安装包下载：?pwd=3n77访问
Adobe Dreamweaver 是一款强大的网站设计软件，它可以帮助您快速创建具有响应式布局、动画效果和多媒体功能的现代化网站。以下是 Adobe Dreamweaver 新版在 Windows 10 上的详细安装教程。
步骤一：下载 Adobe Dreamweaver 新版首先，您需要从 Adobe 官方网站上下载最新版的 Adobe Dreamweaver。在下载页面上，选择适合您操作系统和处理器架构的版本。如果您的系统是 64 位的 Windows 10，那么您应该选择 64 位的 Adobe Dreamweaver 版本。
步骤二：运行安装程序一旦下载完成，双击安装程序，运行 Adobe Dreamweaver 安装向导。在安装向导的第一个屏幕上，您将看到 Adobe Reader 和 Adobe Acrobat Reader 的可选项。如果您已经安装了这些程序，则可以取消勾选它们。
步骤三：选择安装位置接下来，您需要选择 Adobe Dreamweaver 的安装位置。默认情况下，它将安装到 C 盘的 Programs Files 文件夹下。如果您想要将其安装到其他位置，请单击“更改”，然后选择目标文件夹。
步骤四：等待安装完成现在，您只需要等待安装程序自动完成安装过程。时间长度取决于您的计算机配置和当前系统负载。在安装完成后，您将看到一个安装成功的消息。
步骤五：启动 Adobe Dreamweaver一旦 Adobe Dreamweaver 安装完成，它将自动将一个快捷方式添加到您的桌面上。双击该快捷方式，您将看到 Adobe Dreamweaver 的启动画面。您现在已经准备好开始建立自己的网站。
总之，在 Windows 10 上安装 Adobe Dreamweaver 新版是非常简单的。只需要遵循上述步骤，您就可以在几分钟内完成安装并开始使用这个功能强大的网站设计工具。
DW全名Dreamweaver，是网页三剑客之一，也是曾经使用很广泛的一款IDE。
它具有很多IDE不具备的三视图，是网页设计和网页美工的得力助手。
虽然其在windows上的优化不及mac，但是新版本的DW还是相当流畅。
多的也不说了，这款教程的面相群体的网页设计、网页美工、前端初学者、淘宝美工。
领取方式点击我的头像点击关注点击 私信发送 DW教程