当前位置:首页 » 网页前端 » 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">

这个是把背景设成灰色