㈠ 做web前段的素材都是怎么找的啊
web前端开发工程师，做的工作与网站前/后台系统的页面相关，使用到的主要技术包括：HTML、CSS、JavaScript，如果能会后台编程语言，当然会更好。
现代web前端开发已经不能像传统web开发已经简单的描述成切图、css、js了（这是 @脑子不大 的回答）。在新的HTML5规范中，加入很多新的特性，这样就对web前端工程师有了更高的要求，比如数据库操作，使用cancvs、css3绘图。
切图这个概念已经是过去时了，早期由于技术匮乏，所以要将设计图切成一块一块，并拼接成网页。现在则能使用html5组织页面，使用css3绘图，很多元素已经不需要再使用图片还原设计，这是一个最大的进步。
JavaScript也在向更强大的编程语言发展，新的ECMAScript6的标准也在制定中。
最后，最重要的一点，Web前端技术的生态环境现在在发展，Chrome OS、Firefox OS都是未来能直接使用原生前端技术开发程序的系统。包括现在很多浏览器的插件，也是直接使用前端技术开发。NodeJS也是未来的一个大热门方向，它让前端技术可以做后台开发。
㈡ html页面获取文件夹中全部图片显示在当前页面中
以img标签来开头，在网页的主体部分（即HTML的<body>部分）找到你想要插入图片的位置。
在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。
同时在HTML中，<img> 标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。
示例：<img src="文件路径/图片名称">
㈢ 前端新手需要写页面。但是老师要求先用photoshop先切图。需要一个会切图的大神帮下忙，非常感谢
你其实可以直接用专业的前端切图工具，比如摹客的PS插件来完成切图。摹客支持Sketch、Adobe XD、PS的设计稿，设计师只需在设计稿上进行切图标记，然后上传就可以下载所有切图了。
以PS为例，主要是这样操作：
1.在摹客官网安装并打开插件
插件安装好后打开PS，在“窗口>扩展功能”找到摹客插件，选择并打开。使用摹客平台账号登录。
2.标记切图
在完成的设计稿上，选中需要切图的图层或编组，点击“标记切图”。将在名称前增加“-e-”，“标记切图”变为“取消切图标记”，则标记切图完成。
3.上传至摹客
标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。
摹客切图支持：
1.切图压缩：在右侧面板中选中切图
2. 切换平台和选择倍率：iOS、Android、Web
3. 下载选中切图，一步到位。
㈣ 做网页没有图片是啥情况如下图
图片路径不对！F12查看元素！然后查看网页加载的文件！把图片路径写对即可。
㈤ 前端页面不需要加载url获取图片
有几种方法可以让前端页面不需要加载URL获取图片：
将图片作为Base64编码字符串嵌入HTML中。这样，你就可以使用以下代码在页面中显示图片，而无需加载URL：
<img src="data:image/png;base64,iVBORw0KGg...." alt="My Image">
使用JavaScript的FileReader对象读取本地图片文件。你可以使用以下代码实现这一点：
<input type="file" id="fileInput">
<script>
const fileInput = document.getElementById("fileInput");
fileInput.addEventListener("change", () => {
const file = fileInput.files[0];
const reader = new FileReader();
reader.addEventListener("load", () => {
// 将图片显示在页面上
const img = document.createElement("img");
img.src = reader.result;
document.body.appendChild(img);
});
reader.readAsDataURL(file);
});
</script>
在这里，我们使用FileReader对象的readAsDataURL()函数读取本地图片文件，然后将图片显示在页面上。
㈥ 前端使用form表单提交图片后，java后台怎么获取该图片
上传图片 后台获取的时候直接从数据库拿路径
下面这是servlet的内容：
package demo;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.ProgressListener;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class DemoServlet extends HttpServlet {
private static final String UPLOAD_DIRECTORY = "upload";
private static final int MEMORY_THRESHOLD = 1024 * 1024 * 3; // 3MB
private static final int MAX_FILE_SIZE = 1024 * 1024 * 40; // 40MB
private static final int MAX_REQUEST_SIZE = 1024 * 1024 * 50; // 50MB
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
DiskFileItemFactory factory=new DiskFileItemFactory();
ServletFileUpload sfu=new ServletFileUpload(factory);
sfu.setHeaderEncoding("UTF-8");
sfu.setProgressListener(new ProgressListener() {
public void update(long pBytesRead, long pContentLength, int pItems) {
System.out.println("文件大小为："+pContentLength+",当前已处理："+pBytesRead);
}
});
//判断提交上来的数据是否是上传表单的数据
if(!ServletFileUpload.isMultipartContent(request)){
PrintWriter writer= response.getWriter();
writer.println("Error:表单必须包含 enctype=multipart/form-data");
writer.flush();
return;
}
factory.setSizeThreshold(MEMORY_THRESHOLD);
//设置临时储存目录
factory.setRepository(new File(System.getProperty("java.io.tmpdir")));
//设置最大文件上传值
sfu.setFileSizeMax(MAX_FILE_SIZE);
//设置最大请求值（包含文件和表单数据）
sfu.setSizeMax(MAX_REQUEST_SIZE);
String uploadpath=getServletContext().getRealPath("./")+ File.separator+UPLOAD_DIRECTORY;
File file=new File(uploadpath);
if(!file.exists()){
file.mkdir();
}
try {
List<FileItem> formItems = sfu.parseRequest(request);
if(formItems!=null&&formItems.size()>0){
for(FileItem item:formItems){
if(!item.isFormField()){
String fileName=new File(item.getName()).getName();
String filePath=uploadpath+File.separator+fileName;
File storeFile=new File(filePath);
System.out.println(filePath);
item.write(storeFile);
request.setAttribute("message", "文件上传成功！");
}
}
}
} catch (Exception e) {
request.setAttribute("message", "错误信息："+e.getMessage());
}
getServletContext().getRequestDispatcher("/demo.jsp").forward(request, response);
}
}
下面是jsp的内容，jsp放到webapp下，如果想放到WEB-INF下就把servlet里转发的路径改一下：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="demo.do" enctype="multipart/form-data" method="post">
<input type="file" name="file1" />
<%
String message = (String) request.getAttribute("message");
%>
<%=message%>
<input type="submit" value="提交"/>
</form>
</body>
</html>
㈦ 前端编程如何在HTML文件中显示图片
如果图片地址写为绝对地址，比如：c:xxx/xxx/xx.jpg，如果这种格式你把整个文件夹拷到另一台电脑上，运行是他就会在新的电脑上面找这个地址，如果找不到就无法显示图片。
相对地址,相对地址的图片文字也就是相对于当前文件的路径地址，这样写即使更换了电脑，路径都是不会变的，图片都能正常显示。建议使用相对地址。
㈧ 如何 扒取页面的 css js 文件 和图片
使用谷歌浏览器！！
安装好，打开网页，右键--审查元素--resource--展开frames，下面就是这个页面所有的图片和js了以及css
㈨ php怎么在网页前端提取显示服务器上的图片
只要把图片在服务器上的路径写在页面上就可以了。比如 <img src="/pics/1001.jpg" width="100px" height="100px" />