當前位置:首頁 » 網頁前端 » web做圖片
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web做圖片

發布時間: 2023-07-07 14:31:10

⑴ web中怎麼讓圖片在一行

這里分享下web讓圖片在一行的方法。

設備:聯想電腦

系統:win10

軟體:dw2019

1、首先在打開的dW軟體中,輸入background可以預覽。

⑵ 怎麼用photoshop做好圖片切片WEB的模式保存HTML,在dreamweaver8打開後,怎樣添加編輯內容

建議你不要用photoshop做切片,

把你的PSD檔用fireworks開啟,

使用Fireworks的切片功能分割你的網頁圖片,

將PSD檔另存成PNG檔案,

接著做2次導出,

第一次導出網頁的時候時,將所有切片的類型設定為"圖像"(有兩種選擇Html&圖像----》代表編輯區跟圖片)

如果你沒有將所有的頁面都做切片的話,記得勾選「包括無切片區域」。

並勾選"將所有圖像放入子文件夾的選項"(方便你找圖檔)

然後你在Fireworks的環境下,將你要修改做網頁編輯的切片區設定成"Html"類型,然後再輸出一次,這個時候你到Dreamweaver開啟你剛導出的Html檔,你會發現Html的切片區變成沒有圖案了,

這時最後一個步驟就是在屬性欄位(畫面下方單元格屬性里的背景欄)設定切片區的背景,點取沒有背景的切片區,然後點背景欄位旁的資料夾圖示,到images檔案夾里找你第一次輸出的切片圖片,並設定為背景就成功了。

這個時候你的html切片區就成為有背景圖案又可以編輯內容的區域了,你可以畫面左上角選擇布局,在你要編輯的地方加入表格,然後在表格內編輯網頁內容,放置圖片等等,覺得表格有框線難看的話,可以設定"邊框"為0。

大致上就是這樣,還有疑問的話給我留言吧。

前端JavaScript用webstorm怎麼在網頁上生成一個九宮格圖片

html代碼:

<ul class="nineUL" id="nineUL"></ul>


CSS代碼:

.nineUL{display:block; overflow:hidden; width:340px; margin:20px 0 0 50px;}

.nineUL li{display:block; width:100px; height:100px; overflow:hidden; float:left; margin-right:20px;}

.nineUL li img{vertical-align:middle; width:100%;}


JS代碼:

window.onload = function(){

for(var i=0; i<9; i++){

var html = "<li><img src='picture/icon/8.jpg' /></li>";

var u = document.getElementById("nineUL");

var li = document.createElement("li");

li.innerHTML = "<img src='picture/icon/8.jpg' />";

u.appendChild(li);

if(i>0 && (i%3 == 2)){

li.style.margin="0px 0px 10px 0px";

}

}

}

效果圖:

⑷ 這個用web怎麼做啊,有圖片該怎麼插怎麼去寫求大神

如果有圖片,你就用img標簽,標簽的使用是這么使用的,給你舉個例子:
一張高度40px,寬度100px的圖片。
<img src="" width=「100」 height="40">
src=""裡面是這個圖片的路徑地址。
這樣子這張圖片就放進去了

⑸ web中將圖片設為背景圖片的代碼是什麼

web中將圖片設為背景圖片的代碼如下:

<html>

<body background="a.jpg">

</body>

</html>

這樣就把圖片a.jpg設為背景圖片了。

<body bgcolor="#CCCCCC">

這個是把背景設成灰色