【製圖幫助】基本音畫貼的製作（一）(ZT)

最基礎的音畫貼由一張圖片和一首樂曲組成。

一、學習基礎html代碼。

W3Schools Online Web Tutorials - English

http://www.w3schools.com/

w3school 在線教程 - 中文

http://www.w3school.com.cn/

我們經常會用到的標識符號，如

二、製作音畫貼所需的免費工具和網站。

1.“光影魔術手” - 圖片處理工具，用於調整圖片的大小、添加文字及邊框，還可以做更多特效處理。
免費，下載鏈接：

光影魔術手

2.“Format Factory” - 格式工廠。顧名思義，用於音頻、視頻的格式轉換、壓縮。如將wma轉為mp3，給mp3檔做壓縮，等等。更多的功能，童鞋們可以自己深入學習、了解。
免費。官網地址：

http://www.formatoz.com/

有了圖片、音樂，就需要上傳到相關網站，取得url地址。

3.圖片上傳地址，免費的有兩個：

A.tinypic網站，可以上傳圖片、視頻到此網站。官網地址：

http://tinypic.com/

B.picturetrail網站，一樣可以上傳圖片、視頻到該網站，但圖片處理功能更為強大，有多種特效提供使用，比如3D, 圖片跑馬燈等等。

http://www.picturetrail.com/

4.音樂上傳 - 文學城提供影音文件上傳鏈接：

http://bbs.wenxuecity.com/legacy/upload.php

這樣，分別得到了圖片、音樂的url地址，保存起來。
接下來就需要html editor來編輯、製作html文本了。

5.免費的兩款html editor.

A.notepad - 大多數童鞋應該不會陌生。

Start - All Programs - Accessories - Notepad.

notepad製作完文本，保存時要把後綴txt改為html。

B.Notepad++ - 功能更為強大，除了可以編輯、製作html文本，還可以製作CSS, as, js等等其他文本。
官網地址：

http://notepad-plus-plus.org/

製作好文本後，保存時在“save as type”的下拉菜單裏選擇“Hyoer Text Markup Language file”。
保存好文件，點擊打開這個html文件，在發表之前做local test，查看效果並作適當修改。

http://bbs.wenxuecity.com/music/662769.html