怎么把制作的图片弄成HTML代码
1、网页美工是美工用Dreamwerver等网页编辑软件把已经设计好的平面效果图，制做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了，也就是所谓的切图。
2、打开安装好的ps软件。打开一张图片。将图片切片。找到图片，将图片储存为。进入储存图片界面，设置好之后点击储存。选择格式，图像跟HTML。
3、所以图片的分辨率应该根据网页的主题来定。如果是web应用，则需要为网页分成不同的主题。这些主题应是html文件，支持。这个网站的目的是把图片分成很多个子包。html文件是分层文件，每个子包也可以是相互独立的。
4、首先，在ps中打开一张要处理的图片。然后，在左侧的工具栏中点击切片工具。接着，用切片工具把图片分成4份。之后，再依次点击左上角的文件——存储为web所用格式。在弹出的窗口中点击存储的按钮。
5、最简单的方法是，你首先要有个自己的拍拍店铺，将你制作的图片或者任意一张或几张图片，复制粘贴到美观设置或者公告设置栏里，请看下图，然后点击左上角的{编辑源文件}。
6、使用图片做超练级的方法和普通的超链接的方法是一样的，只需要在html代码中将图片放到超链接a标签直接就可以了。
怎么将一张美工设计的图切成一个HTML格式的页面
一个是偏向于设计，一个是偏向于代码。对于web前端开发这个就是把别人设计好的自己用divcssjs去实现的，一个简单的网页可能就是divcss把它写出来，但是这里面是充满经验的。
我个人认为你要提高设计水平，除了过硬的美工基础。你应该还是要有自己的思想，构思 用自己的色彩来设计一个活动页面或者是网页 如果这还认为不够的话，。
可以用PS软件的切片工具，然后存储为WEB格式，然后选择类型为HTML和图像，这样就出以出来一个页面了。
哪里有字就放字。该哪里有链接就放链接。不推荐把所有东西做在图片里面然后想要把这个图片直接变成网页的想法，纯美工不会网页的常有此想法。从网页角度这种做法不利于SEO，严重影响页面载入速度，文本信息无法复制。
PS切图插入DW，是为了网页美工方便。其实比PS专业切图软件专门为 Dreamweaver准备的辅助工具，同样是Adobe公司产品，叫Adobe Fireworks，简称FW，下载这个来切图吧。
简单说，就是从上往下，一点一点做。就象拼图一样。你可以找一个页面简单的网站，另存为html。然后用dw打开，看看别人怎么做的就清楚了。其实很简单。耐心点就会了。
在网页中添加一个图片的HTML代码是:
其次，在index.html中的body标签中，输入css样式代码：style=background-size：100%background： url(image.jpg)；。浏览器运行index.html页面，此时成功插入了背景图片。
HTML的相关标准中并没有规定图片的格式，原则上来说是任意的。
新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“/img”代码。
寻找计算机的照片，保存到文件中，以便打开页面。
进入以后，选择创建html文件，双击即可，在这里也可以打开最近所使用的html文件，也可以选择以前编辑的网页。现在选择”插入记录“选项卡，点击选项卡下的图像按钮，下面还会出现一个对话框。
这是我从一个网站上复制下来的 用 img 这个 Tag 可以在HTML里面插入图片。最基本的语法如下：img src=url url表示图片的路径和文件名。