导航:首页 > 万维百科 > web网页设计效果图与图片教材

web网页设计效果图与图片教材

 发布时间：2020-10-22 03:54:06

1、网页设计和web前端的区别

前端是实现设计师出的图效果，做成页面，加上效果，各种JS，各种CSS等等。
设计师，按正规来说，和程序员沟通好后，出设计图，各种效果的效果图，比如设计稿内要标明，鼠标移上效果会是怎么样，等等，前端再实现这些效果成页面，交给程序员。

2、正常网页制作背景图片应该多大？

1、背景最好是能够做到自动延伸，现在的显示器是越来越大，分辨率也慢慢的变大了，现在用1600*900分辨率的也不少，我的就是，当然也有人用1280*768、1024*768等，所以网页设计的背景一般是不会设计成固定尺寸的，你可以做成可循环平铺的图片或者渐变颜色，直接是一种颜色那就更方便了；

2、其实网页设计一般所说的尺寸指的是主体框架的尺寸，就拿现在这个百度知道的页面距离，中间的主体部分无论是浏览器怎么伸展，主体内容的宽度是保持不变的，我查看了一下css代码，这个主体框架的宽度是980px；

3、你设计的时候把主体部分设置成980-1000px就差不多了，毕竟现在使用1024*768分辨率以下的人已经毕竟少了。

3、web前端开发和网页制作有什么区别？详细点

可以说“会做网页”不等于“前端开发”。前端开发是写代码的，是用代码来构建网页界面和交互。
如果把前端开发工程师和网页制作对立开来讲，就不能不说说其中的区别了：
第一：两者的知识面差距是巨大的。
网页制作只需要掌握DIV+CSS就行了，现在还有大量使用Dreamweaver的网页制作人员存在就是个很好的证明，好一点的网页制作人员会懂些简单的js，可能会修改些js代码。而一个前端开发人员是在这个基础上把知识面进行了很大的扩展。比如为了提高页面解析速度的背景图合并技术，一个简单的背景图合并需要成熟的标签嵌套思想和简单的ps技术；比如对搜索引擎友好的属性的设置，标签的使用。
第二：两者对技术的理解深度差距是巨大的。
一个技术较高前端开发人员的代码质量要远远高于一个网页制作人员，表现在代码精简度与可读性、图片的处理、对搜索引擎友好性、以及后期维护的难易度等等方面。很多网页制作人员极少使用a标签，设置链接的时候习惯用input加js跳转。这都是技术面广度差距引起的对div+Css技术理解深度不足的体现。
前端开发人员全局性的视角，可以让代码变成一种艺术。div+css的技术就好像一把宝剑，网页制作人员也就能练成华山剑法，而前端开发人员耍的是独孤九剑。剑是同一把，关键在耍剑的人而已。
第三：两者在具体工作中的受重视程度是差距巨大的。
这个很好理解，高技术有高待遇，受重视，受尊敬，更好的发展前景。

4、网页设计和web前端开发哪个好

这位网友你好，这两个做的精通了都是很挣钱的。看你喜欢什么了，网页设计主要是画效果图，再就是一些广告图片什么的，web前端开发基本上就是写代码了，需要精通最基本的HTML+css+js。没有好不好，只有喜不喜欢了。

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

1

6、web网页设计中 如何图片上附着图片

如果是相对定位，先把图片放到不同的div中，然后直接用margin调整div的位置，然后用z-index：100（这个值越大就越在上面，反之越小就在下面）来调整图片层次（就是哪个图片在下面哪个在下面）。
绝对定位类似以上解决方式。

7、web前端设计工程师与网页设计有什么区别

前端和设计师，
如果要区分的话，区别蛮大的。
前端是实现设计师出的图效果，做成页面，加上效果，各种JS，各种CSS等等。

设计师，按正规来说，和程序员沟通好后，出设计图，各种效果的效果图，比如设计稿内要标明，鼠标移上效果会是怎么样，等等，前端再实现这些效果成页面，交给程序员......

8、在网页制作是如何实现图片切换

在DreamWeaver中实现鼠标图片切换效果 可以使用 ‘鼠标经过图像’ 功能来实现
也可以用CSS控制来实现。
‘鼠标经过图像’ 功能简单明了。不需多讲，多试几次即可掌握。
现在具体讲一下 CSS控制实现 图片切换效果！
首先制作一个 ID为abc 的div 宽度50px; 高度50px; 在abc里面随便打一个字 设置一个空链接。

然后定义 abc 宽度50px; 高度50px; a标签的块形式 代码如下：
<style type="text/css">
<!--
#abc a {
height: 50px;
width: 50px;
display: block;
}
-->
</style>
<!--注意上面才是CSS代码，下面是div-->
<div id="abc"><href="#">字体</a></div>
然后设置 div的背景图片 比如图片名为 bj.gif
CSS代码变为：
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
-->
</style>
最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gif
CSS代码 变为如下：
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
#abc a:hover {
background-image: url(bjj.gif);
}
-->
</style>

9、web前端工程师和网页设计师的区别?

一、指代不同

1、web前端工程师：利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发人员。

2、网页设计师：指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。


二、职责不同

1、web前端工程师：完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

2、网页设计师：负责对网站整体表现风格的定位，对用户视觉感受的整体把握；进行网页的具体设计制作；产品目录的平面设计。

三、技能要求不同

1、web前端工程师：对互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有深刻的了解。还要对IT其他编程语言有所了解如：PHP，Java，.net，vue。

2、网页设计师：需要掌握网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等。



10、html网页设计里面怎么平铺背景图片

html网页设计里面平铺背景图片的代码如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：

1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；
3、body的background属性去掉，要不然会被遮住。

与web网页设计效果图与图片教材相关的知识