导航:首页 > 万维百科 > 网页设计文字图片步骤

网页设计文字图片步骤

发布时间:2020-12-29 15:39:48

1、制作一个简单网页的具体步骤(要求有图片,文字,声音)

新建一个文件夹,这个文件夹里放你所有的关于这个网页的资料(照片,声音等),点开“开始”在附件中找到“记事本”,打开将其“保存” 文件名:“你想要的名字.htm” 然后点击保存(保存在你新建的文件中)
在记事本的开头输入
<html>
<head>
<title>你网页的名字</title>
<body>
<body bgcolor="pink">这是加入背景颜色 想要别的颜色只要把pink改为别的颜色的英文就好
<p>句子</p> <p>与</p>之间加入你想要写的话。
<p align="center">这个代码可以使句子或图片居中,在句子前面就行
<b>句子</b>是加粗
<u>句子</u>是下划线
<font size="6" color="blue">句子</font> 这是改变字体大小与颜色 大小只要在1到7之间输入就行,再大就没有区别了。
把前面的加在一起就是
<p><p align="center"><b><u><font size="6" color="blue">句子</p></font></u></b> 这样子。
上边这一行可以算作网页内容的主题。
<img src="01.jpg"/>这是加入图片 将01改为你想加入图片的名字
<img src=”01.jpg” width=”100” Height=”200”/> 把100和200随意改变就可以改变你图片的大小了(注意你要加入的图片要和你的网页在同一个文件夹中)
在所有代码最后加上
</body>
</head>
</html>
声音嘛。。。你在百度上查一下就好了,我们老师没有教。。。。
希望能帮得上你

2、网页设计时如何将图片和文字位于同一水平

第一种:不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。
第二种:img标签向左浮动,给文字加一个标签(例如span),然后设置文字标签为块状,并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top:4px;} 内边距,外边据均可,最好是内边距。
第三种:给文字加个标签(例如span),同时控制这两个标签浮动。并给文字加行高,其值为图片高度值。如:img{float:left;} span{ float:left; line-height:40px;} (若图片的高度为40px)

3、网页设计中如何让把文字放在图片上显示

把图片设为背景即可,以下是修改后的代码<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>

4、网页设计中怎么在图片上添加文字

1、这个在PS中还是很copy好实现的啊;
2、如果实在不会PS,用美图秀秀也可以的啊;
3、当然,如果你问的是如何代码实现这个效果,那也有很多方法,常见的就是图片作为背景,然后框里写文字,或者插入图片,问题做定位就可以

5、制作网页时怎样在文字旁边插入图片

下载Dreamweaver CS3

双击Dreamweaver CS3,新建一个网页

插入一个一行一列的表格,设置其宽80,高160,

点击菜单栏上的“插入记录-媒体-图片查看器”

这时就会弹出一个“保存Flash元素”的对话框,命名后保存到相应的位置,文件格式一定是.swf格式的 

点击右边的“Flash元素”,找到“imageURLs-编辑数组值",点击“文件夹”

这时就会弹出 “编辑imageURLs数组”,点击“+”,再点击“文件夹”,选择想要的图片,

选择好图片之后,再返回到“Flash元素”标签那里,设置showControl为“是”,slideAutoplay为“是”,slideDelay为“2”

保存好网页,按F12进行预览,这样就可以实现图片自动的变换了。

6、html求制作一个简单网页代码,只需要一些文字加张图片

完整的代码如下:
<html>
<head>
<title>简单网页制作练习</title>
</head>
<body>
<p>1.文字内容,直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
<font size="18" color="red" >红色18号文字</font> </p>
<p> 2.添加图片 <img src="图片名称.属性" id=“图片简介”>
<img src="1.jpg" id=" 加入图片练习"> </p>
</body>
</html>
楼主,如果不明白可以HI联系我。。。。

7、网页设计中如何将文字和图片一起排版

我做网页5年了,到现在也没找到最好的办法。
变通的方式:
画表格,border=0,适当拆分单元格,图片和文字分别放入不同的单元格里,按照需要的方式左或右对齐。
祝你好运。

与网页设计文字图片步骤相关的知识