、建立站點后，在文件夾上右鍵新建一個文件，改名為音樂制作網頁，然后雙擊進入網頁，首先，插入表格，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代碼)。