1、第一步，在Hbuilder中新建一個(gè)項(xiàng)目，然后把視頻素材給保存到其中某個(gè)文件夾注意，雖然html5支持插入視頻，不過對視頻格式有要求，視頻編碼格式必須是H264或者是AVC的才可以在網(wǎng)頁中播放哦一般MP4格式的視頻都可以，少量。

2、看看有沒有你想要的，我通常在這上面找。

3、1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級2然后用img嵌入到網(wǎng)頁，嵌入其中的一張，另外一張待會切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會產(chǎn)生切換反應(yīng)，因?yàn)闆]有用JS4如圖，獲取im。

4、left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過渡transitionleft 03s 然后讓class為menu active的元素設(shè)置 left設(shè)置為0就可以了 ，在這期間可以加一個(gè)過渡。

5、1首先，打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽中，輸入js代碼setTimeoutfun，120*1000functionfun$#39video#39attr#39controls#39，13瀏覽器。

6、3然后我們新建一個(gè)HTML的網(wǎng)頁 4我們點(diǎn)擊修改點(diǎn)擊頁面屬性快捷鍵是CTRL+J 5我們在下邊和右鍵都能看見頁面設(shè)置 6第一個(gè)修改背景顏色，我們選擇背景顏色，然后確定和應(yīng)用就換了 7我們要是選擇背景圖片就找到我們素材，點(diǎn)擊添加。

7、我們就拿微信的打飛機(jī)為例，首先把微信的安裝包下下來，apk文件，或者ipa文件，把后綴名改成rar，然后用winrar解壓出來ipa解壓后素材很好找，資源都放在一個(gè)目錄下，直接用縮略圖來找就能找到需要的圖片素材，有些是單獨(dú)一。

8、如何制作自己的網(wǎng)頁鏈接html語言做網(wǎng)頁鏈接最快最簡單的做網(wǎng)頁鏈接就是用html語言在桌面上新建一個(gè)txt文檔打開txt文檔，里面插入如下網(wǎng)頁鏈接代碼即可上面代碼中都是一對對出現(xiàn)的，這是最簡單的html語言，反斜杠。

9、GIF動(dòng)畫最常在H5動(dòng)效里當(dāng)擔(dān)loading導(dǎo)航條，熱門小標(biāo)簽等元素，要把控圖片大小和精度之間的平衡，所以它一般用于制作小細(xì)節(jié)的動(dòng)畫H5頁面承載GIF圖片的方式相對以下要介紹的其他方法，是最省成本，最為簡便的只需要以背景圖片。

10、素材的準(zhǔn)備為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的同理，小編也準(zhǔn)備了一些與網(wǎng)頁主題密切相關(guān)的圖片，用于做為實(shí)現(xiàn)圖片滾動(dòng)效果的素材打開Dreamweaver8，新建一網(wǎng)頁文件，并保存。

11、1千庫網(wǎng) 千庫網(wǎng)是國內(nèi)提供免費(fèi)PNG圖片的素材先驅(qū)網(wǎng)站，經(jīng)過1年多的高速發(fā)展，目前該網(wǎng)站不僅僅擁有500萬優(yōu)質(zhì)PNG免摳元素，還有300萬精品背景素材和700萬模板素材獲得超過百萬設(shè)計(jì)師的喜愛和5000多家企業(yè)的信賴，網(wǎng)站定位。

12、題主是否想詢問“html為視頻設(shè)置素材圖片并顯示播放時(shí)間的代碼是什么”是“BGSOUND”1尋找需要制作的視頻原素材，圖片素材多種多樣，利用搜索引擎尋找即可2導(dǎo)入素材到素材庫中，使用無損剪輯工具導(dǎo)入，本地錄屏3。

13、里邊有些圖片地址是需要你自己換的，ok了 lthtml ltbody ltstyle daohang marginauto widthauto height30px backgroundurlimages導(dǎo)航背景jpg repeatx daohang span paddingleft20px lt。

14、我?guī)湍銓懗鰜砹?，純CSS代碼能實(shí)現(xiàn)的最好效果了，看代碼吧lthtmlltheadltstyle type=quottextcssquotdivfixedwidth50pxheight212pxdisplayblockmargin0px padding0pxpositionfixedright5pxbottom5px。

15、一個(gè)不太一樣的素材網(wǎng)站源庫素材網(wǎng)，簡單介紹一下其他素材資源網(wǎng)站大多只是依賴于搜索找到你想要的素材，這個(gè)網(wǎng)站在搜索基礎(chǔ)上添加了父源子源同源的概念假設(shè)你找到一個(gè)有著近30張素材的平面設(shè)計(jì)。

16、1首先下載安裝Dreamweaver，打開后，新建一個(gè)網(wǎng)頁，一般選擇“HTML”建立網(wǎng)頁選擇“經(jīng)典”界面，有助于我們更便捷使用插入圖像選擇素材添加點(diǎn)擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等下面我修改圖片大小做示范。