『壹』 求html兩個網頁的素材,每個2000行,<!--假期作業-->
建議你還是自己寫吧,到你出來工作了你就會發現多寫的好處了
『貳』 HTML網頁素材,老師要我們做5個網頁,沒有素材,我是大一新生,才學到css,求素材,或者做好的5
只要素材的話可以去站長之家 http://sc.chinaz.com/ 找些圖片什麼的
要是要完整網頁模板(人家做好的,你可以下載)可以去模板之家http://www.cssmoban.com/tags.asp?n=HTML
『叄』 html為視頻設置素材圖片並顯示播放時間的代碼
題主是否想詢問「html為視頻設置素材圖片並顯示播放時間的代碼是什麼」?是「BGSOUND」。
1、尋找需要製作的視頻原素材,圖片素材多種多樣,利用搜索引擎尋找即可。
2、導入素材到素材庫中,使用無損剪輯工具導入,本地錄屏。
3、將選定的素材拖動到下方軌道編輯處。
4、分別將圖片和視頻添加到不同的軌道上,圖片軌道一定要在視頻軌道的下方。
5、這樣視頻設置素材圖片並顯示播放時間就在htm1上完成了。
『肆』 求html 素材...
你算是找對人了
1、背景(下雨的,將下列代碼放入<body>中即可,很漂亮喔)
<script language="JavaScript">
<!--
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"grade\">");
document.write("/</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"grade\">");
document.write("/</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"grade\">");
document.write("/</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"grade\">");
document.write("/</font></div>");
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
-->
</script>
2、視頻或音樂播放器(<body>中,如果是視頻,要WMV格式的)
<embed src="周傑倫 - 跨時代.mp3" autostart="true" loop="infinite" width="400" height="300">
背景音樂:<bgsound src="周傑倫 - 跨時代.mp3" loop="2">
3、鏈接<a>原本是有下劃線的 你是不是要 一開始沒有下劃線 滑鼠放上去顯示下劃線 字體還變會色呢?在</head>下加入
<style>
a{text-decoration:none;font-size:14px}
a:hover{text-decoration:underline;color:#00FFFF}
</style>
//字體大小font-size、color 自己調喔
『伍』 如何提取html5 app中素材
如果開發者要開發應用,游戲,但自己並不擅長美工,那麼只能去網上到處找素材,但網上的免費素材並不多,免費素材很少能滿足開發者的需求。不過還有一個辦法,我們可以從其他應用中提取素材,這些素材的質量還是比較高的。
我們就拿微信的打飛機為例,首先把微信的安裝包下下來,apk文件,或者ipa文件,把後綴名改成rar,然後用winrar解壓出來。
ipa解壓後素材很好找,資源都放在一個目錄下,直接用縮略圖來找就能找到需要的圖片素材,有些是單獨一個對象的圖片,可以拿來直接用,有些是多個對象的圖片合成一張大圖,這就需要對應的打包配置文件才能讀取各區域的小圖片,如果配置文件加密了,那麼這個大圖基本上沒辦法用。
apk解壓出來素材都放在assets和res目錄下,不過由於微信打飛機是做成一個jar集成在微信裡面的,所以我們在assets/preload目錄下可以看到一個名字帶有「shoot」的jar文件,把這個jar解壓出來,在res目錄下可以找到一些圖片素材,另外在shoot目錄下可以找到打包過的圖片素材,雷達下載更專業。
這些打包的圖片也有對應的打包配置文件,記錄了各個小圖的裁剪區域,也需要用配置文件來讀取圖片信息。好在apk版本的配置文件並沒有加密,用文本模式打開我們就可以看到配置信息,包括各個小圖片的區域和名稱,稍作調整支持我們常用的開發引擎,就可以拿來用了。
但並不是所有的應用都可以提取其素材,有些會把圖片信息加密處理了,在載入的時候再解密出來使用,這樣我們就沒法盜用它的素材了。另外,如果明顯盜用其他應用的素材,就會涉及到侵權了,所以開發者提取應用的素材最好以自己開發練習來用,不要光明正大的把應用發布到市場上去。
最後還是要說,成功的應用離不開優秀的美工,美工轉獨立開發者成功的案例很多,但程序員要自己做美工還是很有難度的,實在需要美工的話可以考慮招人或者外包出去。
『陸』 我要在html里寫一個導航欄下載了一個素材我該怎麼用直接插入圖片
<img src="這里填寫圖片路徑">,把這個代碼放上去就可以顯示圖片了
『柒』 html文件和素材不放在一起時點開就什麼都沒有,如何將圖片素材飽含在html中呢我想只要一個文件。
你是想將html頁面無論在哪裡打開都可以顯示圖片吧
原因:這種情況由於你在html中寫的圖片地址就是圖片與這個html文件的相對位置,所以html文件的位置變化的同時圖片的位置也要變化,否則就會導致讀取不到圖片的。
解決方法:你想無論怎麼移動html文件都能正常打開圖片的話,可以將圖片先上傳到互聯網上(比如說雲盤之類的位置,但是要一定是可訪問的位置),然後在你這個html文件中的圖片地址就寫成這張圖片所在的網路位置,這樣無論html文件怎麼移動只要聯網就可以打開圖片
『捌』 想做一個html網頁送給女朋友請問誰有好的素材參考嗎50分
這是演示效果
http://www.zuidaima.com/html/1695882735602688/index.html
『玖』 求一個軟體/工具,可以抓取/下載任何一個網頁的所有素材(圖片/html代碼)!
打開圖(程序)行了
『拾』 如何在HTML中實現圖片的滾動效果
素材的准備。為了更好的表現網站的風格和特色,具備一些更富表現力和吸引力的圖片是必不可少的。同理,小編也准備了一些與網頁主題密切相關的圖片,用於做為實現圖片滾動效果的素材。
打開Dreamweaver8,新建一網頁文件,並保存為名為「index.html"文件。
切換至代碼編輯界面,輸入如下代碼:
<body><div id="photo-list"> <ul id="scroll">
<li><a href="#"><img src="images/1.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/2.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/3.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/4.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/5.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/6.jpg" width="100px" height="100px" alt=""/></a></li> </ul> </div></body>
新建一CSS樣式表文件,並將該文件保存到與「index.html」相同的目錄下,文件名稱為「MyStyle.css"。
在新建的樣式表文件"MyStyle.css」文件中輸入如下代碼:
* { padding:0; margin:0;} /*設置所有對像的內邊距為0*/
body { text-align:center;} /*設置頁面居中對齊*/
#photo-list {
/* 6張圖片的寬度(包含寬度、padding、border、圖片間的留白)
計算:6*(100+2*2+1*2+9) - 9
之所以減去9是第6張圖片的右邊留白 */
width:681px;
/* 圖片的寬度(包含高度、padding、border)
計算:100+2*2+1*2 */
height:106px;
margin:50px auto;
overflow:hidden; /*溢出部份將被隱藏*/
border:1px dashed #ccc;
}
#photo-list ul { list-style:none;}
#photo-list li { float:left; padding-right:9px;}
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}
在網頁文件"index.html"中添加對該樣式表的引用:
<link rel="stylesheet" type="text/css" href="MyStyle.css">
新建一個JS文件,並將該文件另存為「MoveEffect.js"。
在」MoveEffect.js「文件中輸入如下所示代碼:
var id = function(el) { return document.getElementById(el); },
c = id('photo-list');
if(c) {
var ul = id('scroll'),
lis = ul.getElementsByTagName('li'),
itemCount = lis.length,
width = lis[0].offsetWidth, //獲得每個img容器的寬度
marquee = function() {
c.scrollLeft += 2;
if(c.scrollLeft % width <= 1){ //當 c.scrollLeft 和 width 相等時,把第一個img追加到最後面
ul.appendChild(ul.getElementsByTagName('li')[0]);
c.scrollLeft = 0;
};
},
speed = 50; //數值越大越慢
ul.style.width = width*itemCount + 'px'; //載入完後設置容器長度
var timer = setInterval(marquee, speed);
c.onmouseover = function() {
clearInterval(timer);
};
c.onmouseout = function() {
timer = setInterval(marquee, speed);
};
};
然後在主頁文件"index.html」中添加對該「MoveEffect.js」文件的引用。
<script type="text/javascript" src="MoveEffect.js"></script>
打開「index.html」網頁文件,最終效果如果所示: