、建立站点后，在文件夹上右键新建一个文件，改名为音乐制作网页，然后双击进入网页，首先，插入表格，17行，2列，表格宽度和表格粗细都为0，确定。选中表格，下边的对齐方式为，居中对齐

2、选中第一个格，按住Ctrl键再选中第二个格，右键，表格，合并单元格，点击插入，图像，选择建的站点下的素材，确定

3、用刚才的方法合并第二行单元格，填写导航栏文字，选择拆分，找到对应代码位置，填写空格代码 在文字前后都添加空格，使导航栏文字间隙均匀，下边背景颜色改为紫色

4、编写下一行文字，背景颜色为绿色，金曲列表文字，下边，HTML，格式为标题5，歌曲下载文字，下边，HTML，格式为标题3，找到代码中金曲列表文字对应位置，添加空格代码

5、在歌曲下载文字后面插入，图像，选择下载图标图片，点击图片，选择连接指向你的歌曲MP3文件

6、在每个格中加入歌名，每个都要插入，布局对象，Div标签，然后添加歌曲名称

7、右半部分，前两行合并，插入布局对象，添加文字那女孩对我说，HTML格式改为标题2，然后将下边剩余所有行合并，插入布局，添加歌词

8、选择歌词，将HTML的格式改为标题5

9、点击代码，找到歌词位置，复制空格，在每一行歌词前面招贴空格，刷新一下，使歌词居中一些

10、按F12预览

小伙伴们，有没有看懂呢，看不懂可以去看视频呦！

　用HTML怎么制作网页呢?静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计 ‍ ,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的。

　　一、网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

　　二、网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

　　三、网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

　　四、网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;

　　五、网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件(如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。 其中： (1) html文件包含：其中index.html是首页、其他html为二级页面; (2) css文件包含：css全部页面样式,文字滚动, 图片放大等; (3) js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等(个别网页中运用到js代码)。