㈠ 网页设计与制作怎么插入图片
这位朋友这个很简单;方法如下：
在<body></body>添加以下代码，
<table>
<tr>
<td><img src="../img/00_05.jpg" /></td>
</tr>
</table>
<div>我爱你</div>
在<head></head>里添加：
<style type="text/css">
table{border-style:outset;}
div{ position:absolute; top:100px; left:100px;}
img{ width:200px; height:200px;}
</style>
原理就是把文字设置在一个DIV层中用绝对定位使这个层显示在图片的某个位置即可。（图片路径自己填写即可），希望采纳。
㈡ 网页设计怎样添加图片
如果你是在本地查看这个网页，显示不了图片，很可能要检查一下图片的地址，如果是绝对地址，当网页或图片位置被移动后，查看网页时便无法关联到图片。
如果你是准备把网页放到互联网上的某个网站主机，则应该把图片连同网页也一同上传到网页主机，当然图片的地址也必须保持是正确的。
建议你看看有关html的书籍，很简单便能看懂。
㈢ 网页设计时地址栏前的小图标如何制作
在<head></head>里加
<link rel="shortcut icon" href="favicon.ico"/>
<!--一个图片，favicon格式必需是以ico为后辍的图片文件-->
㈣ 网页的设计有几种方法
第一、靠前、无边框设计。无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线、边框删掉，用间距来代替的一种设计方法。无边框设计一般是以大图为主，图片本来就是一种分割元素。而内容基本是有规律的，留白间距之间的内容一定要相对一致、重复、紧密，这样用户在浏览的时候才会认为这些内容是一体的。一般来说，小众垂直的产品更适合使用无边框设计。
第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式，提升了版面的使用率，可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢？1、可以提高页面的使用率。卡片就好像是一个容器，将类型不一样的内容设置在不一样的卡片中，这样就可以很好地区分内容，还能够统一页面的风格。比如传统列表，内容一般是纵向滚动的方式，能够展示的内容比较有限，卡片式的设计采用的滑动方式，就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器，将不同的内容放置在不同的卡片，更好地区分内容的类型。卡片的维度是不一样的，而且相对独立、有互相有联系，所以通过卡片归纳网站的内容，整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛，可以覆盖、滑动、堆叠，有良好的扩展性和可操作性。
第三、分割线的设计。这也是常见的一种页面布局设计方式，可以更好地帮助用户快速熟悉页面的布局，有良好的内容组织性。分割线可以贯穿整个页面，将不同的内容进行分割，成为独立的信息。
网站建设中的页面布局，有不同的设计方式，而且设计的趋势不断在变化，在设计页面布局之前，就要考虑好合适的样式，不能一味地追求潮流，根据产品的实际需求，选择合适的设计方式。而分割线的设计，想要做得出色，就要处理好线的间距、粗细、颜色等等
㈤ （纯小白）像这样一半是图片一半是文字的网页代码该如何设计呢
你用两个DIV限制，一共三个
第一个DIV 是一个大框
第二个DIV在左边，第三个DIV 在右边
然后在用LIST，就可以了，如果不会我可以直接贴代码
㈥ 网页设计如何实现图片内按钮点击后展示子图片
flash 比较生动一点更生动。
也可以是用js。
或者你简单点用框架，点击图片，更新小图片。
其实解决办法有很多。
㈦ 我是新手，制作网页的时候，如何像QQ网址那样，就是上面有图片，下面还有文字标识，那文字不是在图片上
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
<div style="margin:0 auto;width:300px;height:300px">插入文字</div>
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
㈧ 网页设计中如何让把文字放在图片上显示
把图片设为背景即可，以下是修改后的代码<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗条上</div>
</div>
</body>
</html>
㈨ 网页设计中如何将文字和图片一起排版
我做网页5年了，到现在也没找到最好的办法。
变通的方式：
画表格，border=0，适当拆分单元格，图片和文字分别放入不同的单元格里，按照需要的方式左或右对齐。
祝你好运。
㈩ 网页设计编号列表嵌套图像列表，怎么做才能达到图中的效果
<!doctypehtml>
<htmllang="zh-CN">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<styletype="text/css">
ol{list-style:upper-alpha;}
ul{font-size:30px;list-style-type:square;list-style-image:url(此处填写你的图片路径);}
</style>
</head>
<body>
<ol>
<li>有序列表项1</li>
<li><spanclass="">有序列表项2</span>
<ul>
<li>嵌套图像列表1</li>
<li>嵌套图像列表2</li>
<li>嵌套图像列表3</li>
</ul>
</li>
<li>有序列表项3</li>
</ol>
</body>
</html>
关键在于list-style-image这个属性，设置前面那个小图标的路径就行了。不过这样子设置文字前面的图标，图标并不会居中显示，一般用background-image比较多。