web前端开发网页设置背景 怎么把浏览器设置背景

最近经常有小伙伴私信询问web前端开发网页设置背景 怎么把浏览器设置背景相关的问题，今天，我爱编程网小编整理了以下内容，希望可以对大家有所帮助。

web网页设计中怎么做页面背景图片

1.确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.准备和归类素材——图片、音频、视屏、文章等。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。 我爱编程网

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

.4建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。

怎么把浏览器设置背景

1. 如何设置浏览器背景
以 IE 和 Firefox 为例，设置浏览器背景颜色的方法：

IE 浏览器设置背景颜色：

1. 点“工具（T）”菜单，点“Inter 选项”

2. 点弹出的面板左下角的“颜色（O）。”按钮

3. 左侧“颜色”选项中，去掉“使用 Windows 颜色（W）”前面的勾，在上面“背景（B）”的颜色选项框中点出颜色表，然后选择您喜欢的颜色。

Firefox 浏览器设置背景颜色：

1. 点“工具（T）”菜单，点“选项（O）”

2. 点弹出的面板中点“内容”选项卡

3. 中间“字体 & 颜色”选项中，点“颜色（C）。”按钮

4. 去掉“使用系统颜色（S）”前面的勾，在上面“背景（B）”的颜色选项框中点出颜色表，然后选择您喜欢的颜色。
2. 如何设置浏览器背景
额 在桌面→右键→属性→外观→高级→项目选择（窗口），颜色1(L)选择（其他） 里面自己设置颜色

打开IE，点击工具（TOOLS），点INTER选项（INTER OPTIONS），点 右下角的辅助功能（Assessibility），然后勾选不使用网页中指定的颜色（ignore colors specified on web pages），然后点"确定"退出。

建议用这种颜色 护眼

桌面→右键→属性→外观→高级→项目选择（窗口），颜色1(L)选择（其他），将色调改为：85，饱和度：90，亮度：205，→添加到自定义颜色→在自定义颜色选定点确定→确定，这样所有的文档都不是刺眼的白底黑字，而是非常柔和的豆绿色，这个色调是眼科专家配置的，长时间使用会很有效的缓解眼睛疲劳保护眼睛，把窗口设成绿色之后，再来把IE的网页背景也变成养眼的绿色吧：打开IE，点击工具（TOOLS），点INTER选项（INTER OPTIONS），点 右下角的辅助功能（Assessibility），然后勾选不使用网页中指定的颜色（ignore colors specified on web pages），然后点"确定"退出。 OK，现在你就会发现你的屏幕已经变成淡淡的绿色了。
3. 如何设置网页背景颜色
第一步， 在桌面上点击鼠标右键，依次点击“属性”、“外观”、“高级”按钮。

第二步， 在打开的“高级”对话框中，在“项目”下拉列表里选择“窗口”。

第三步， 再打开右边对应的“颜色”列表，选择其中的“其他”一项，在打开的对话框里，把“色调”的参数设置为85，把“饱和度”参数设置为90，把“亮度”参数设置为205。再点击“确定”退出设置。

第四步，打开ie浏览器，选择“工具”栏中的“inter选项”，点击“辅助功能”按钮，在“不使用网页中指定的颜色”前打钩。

全部步骤完成后，网页、文件夹、文本文档里的背景颜色都变成了绿色。其中，色调、饱和度和亮度的参数值，还可以根据个人的喜好稍作修改，让自己用电脑的候最舒服。
4. 怎么设置网页背景
设置网页背景的方法如下： （1） 选择“格式”1“背景”命令，打开“网页属性”对话框。

（2） 在“格式”选项卡的“颜色”栏中，可以对背景及图片的颜色进行修改。 （3） 如果要用图片做背景，可选中“背景图片”复选框，再单击“浏览”按钮，选择一个图片文件。

该图片文件将平铺于网页上。 （4） 在“高级”选项卡中，选择“启用超级链接翻转效果”复选框。

当鼠标光标指向超级链接时会显示翻转的效果。 （5） 如果想添加背景音乐，可以在“常规”选项卡中为网页添加 背景音乐。

网页背景图片怎么设置

1、首先打开Atom编辑器导入项目 文件夹 ，先创建一个index.html的文件。定义一下html文件的主信息，如下图所示：

2、然后填写自己的网页内容， 设置一下样式，直接在body后面加上background="图片名字"即可插入图片，如下图所示：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了，如下图所示：

设计注意：

1、配色问题 一个网页的色彩最好不要超过3种，一面视觉效果混乱，用色柔和， 对比度 强的色彩不能应用于一般网站，时尚网站使用还可以。一般不好搭配的颜色，用 灰度 搭配。

2、字体问题

很重要的一个问题，用标准字标准色，这是一个规范，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。

3、布局规范

布局是非常重要的，考虑客户浏览习惯以及他们想展现的内容，并且优化。一个网页，如果布局不合理的话不但影响浏览，而且非常难看。

以上就是我爱编程网小编整理的内容，想要了解更多相关资讯内容敬请关注我爱编程网。