用记事本做简单网页设计,如何让背景图片不覆盖页面内容?

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-07-28
怎样在网页设计中用记事本插入背景图片

制作网页可以不用任何软件,直接用“记事本”制作。每台电脑都有记事本。点左下角的“开始”——“程序”——“附件”——“记事本”,就打开了。
1.输入
2.在中间输入成为:




3.在之间输入文本:我的主页。
4.点文件——保存——先放在桌面,保存文件类型为:01.html(注意这个点是在英文状态下的点)。
5.打开桌面上的01.html文件,发现有“我的主页”,这时只有白底黑字。
6.加背景图片:在原记事本中,在内输入background="图片地址"成为:




7.保存,刷新01.html文件。
8.设计主体部份:在之间输入:



文本正文




9.保存,刷新01.html文件。
10.插入图象:
11.插入视频:
12.背景音乐:

那时因为你图片不够大,要做背景必须覆盖整个body,因为不够大,所以只能好多张拼在一起,找张大图来做背景。

①出现这种问题的原因,可能是你使用了img标签来作为背景图,这种方法不是不可以,需要设置position和z-index。

②常用的方式使用背景设置background来解决


示例如下:

body { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }


background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment、background-image

如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。



  • 如何用文本编辑器记事本手工编写网页代码
    答:最坏的情况是,你写错了图片的文件名或者路径,即使在图形浏览器中图片显示不出,但仍可显示出alt中的文本,不会让访问者造成不必要的误解。什么情况下我们都推荐你,一定记得使用alt。——译者注)。在最新版本的HTML版本中,这是不可缺少的属性。注意给网页创做图像虽然不是本站的主题,但我们还是有...
  • 怎么制作网页设计网页制作与设计
    答:如何做网页设计 工具/原材料 个人电脑 网页设计软件:FrontPage(简单易用,高度符合IE浏览器支持的设计);DreamWave(功能强大,成品设计支持多种浏览器);图像处理软件:Photoshop或Fireworks动画制作:FlashMX 知识储备:基本的网络知识;HTML知识 很简单。早期只有这个是用来制作网页的,可以用记事本编辑,用浏览...
  • 怎么进行网页制作做网站怎么做
    答:3.记事本别以为记事本功能非常少,软件很简单;但是,如何想使用它来制作网页,也仅适合高级用户;因为在其内容,没有任何可视化的操作可直接制作网页,而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本,方能制作出网页来。如何将自己做的网页上传到互联网?首先你有空间。如虚拟主机云主机服务器等...
  • 网页制作】点击按钮网页背景变色
    答: color1,#color2,#color3{border:5px #FFFFFF solid;width:30px; height:30px} color1{ background:#FF9900;} color2{ background:#00CCFF;} color3{ background:#000000;} function colors(i){ if(i==1)bodys.style.background="#FF9900";else if(i==2)bodys.style.background="...
  • 如何做一个网页呢
    答:材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的...
  • frontpage怎么设置背景图片
    答:3、用dreamweaver做或者用记事本打开这个html文件,直接在标记那里添加背景图地址如即可设置该background图为背景图图片与html页面在同一文件夹内这样写法就可以了,如果图片在其他文件夹,则需要在“”内键入图片具体地址。4、有格式啊,第二栏。5、把frontpage的工作模式由设计转到代码,然后在里面加上bacd...
  • 网页制作图片怎么居中网页制作图片怎么居中对齐
    答:html如何将图片居中?用HTML绘制页面时,恰当的图形布局可以使内容更具吸引力。这里有一个在HTML中将图片居中的简单方法。01打开记事本或其他代码编辑器,创建一个新的HTML文件,如下图所示 02用浏览器打开这个HTML文件,可以看到下图所示的效果。这幅画在整页的左边。03图片居中可以通过HTML中的align属性...
  • 怎么自制页面怎么自制页面布局
    答:而网景编辑器对于复杂的网页设计功能有限,甚至不支持表单创建和多框架创建。 网景编辑器是网页制作初学者的好入门工具。如果你的网页主要由文字和图片组成,网景编辑器将是一个容易的选择。如果对HTML有所了解,可以使用记事本或UltraEdit等文本编辑器编写几条HTML语句,也可以弥补网景编辑器的一些不足。 ③AdobePagemill ...
  • 网页制作入门教程HTML?
    答:3.第三步,保存HTML:在记事本的文件菜单选择“另存为”。当您保存HTML文件时,既可以使用.htm也可以使用.html扩展名。4.第四步,在浏览器中运行这个HTML文件:启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的HTML文件。结果应该类似这样:这样,一个简单的网页...
  • 如何用电脑做网页如何用电脑做网页链接
    答:如何做网页设计 工具/原材料 个人电脑 网页设计软件:FrontPage(简单易用,高度符合IE浏览器支持的设计);DreamWave(功能强大,成品设计支持多种浏览器);图像处理软件:Photoshop或Fireworks动画制作:FlashMX 知识储备:基本的网络知识;HTML知识 很简单。早期只有这个是用来制作网页的,可以用记事本编辑,用浏览...