导航:首页 > 万维百科 > 网页设计盒模型

网页设计盒模型

发布时间:2020-12-16 01:01:23

1、网页设计与制作中三个盒子模型的css样式怎么弄

CSS盒子模型:W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候,要考虑到内填充,边框,边界的存在)
一个盒子的构成:
盒子中的内容:content
盒子的边框:border
盒子边框与内容之间的距离:称为填充---padding内边距(内补丁)
如果有多个盒子存在,盒子与盒子之间的距离:称为边界---margin,外边距(外补丁)
整个盒子模型在网页中所占的宽度:左边界+左边框+左填充+内容+右填充+右边框+右边界
CSS盒子模型的属性:
内容属性:宽=width 高=height
内填充属性(内容与边框之间的距离):padding
外边距属性:margin(使用该属性的时候注意浏览器的兼容性)
内填充与边界的规则:
如果有四个参数:表示上右下左,也可以单单指定某个方向
如果只有一个参数:表示上右下左
如果有两个参数: 第一个参数表示上下 第二个参数表示左右
如果三个参数:表示上 左右 下
边框属性:border

复制代码
代码如下:

<style type="text/css">
#bigBox{
width:300px;
height:300px;
background:#F30;
padding:20px 0px 0px 20px;
margin:20px;
}
#smallBox{
width:150px;
height:150px;
background:#6F9;
padding-top:20px;
}
</style>
</head>
<body>
<div id="bigBox">
<div id="smallBox">
小盒子
</div>
</div>

2、平面设计软件有哪些

1、Adobe Photoshop

Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。

2003年,Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月,Adobe公司推出了新版本的Photoshop CC,自此,Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。

Adobe支持Windows操作系统 、Android与Mac OS, 但Linux操作系统用户可以通过使用Wine来运行Photoshop。

2、Adobe Illustrator

Adobe illustrator,常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。

作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。

3、Adobe Indesign

Adobe InDesign是Adobe公司的一个 桌面出版 (DTP) 的应用程序,主要用于各种印刷品的排版编辑。该软件是直接针对其竞争对手QuarkXPress而发布的。

InDesign可以将文档直接导出为Adobe的PDF格式,而且有多语言支持。高级透明性能,图层样式,自定义裁切等功能。它基于JavaScript特性,和与兄弟软件Illustrator、Photoshop等的完美结合,界面的一致性等特点都受到了用户的青睐。

InDesign作为PageMaker的继承者,定位于高端用户。Adobe已经停止了PageMaker的开发,全面转向InDesign。

4、pagemaker

PageMaker是由创立桌面出版概念的公司之一Als于1985年推出,后来在升级至5.0版本时,被Adobe公司在1994年收购。PageMaker提供了一套完整的工具,用来产生专业、高品质的出版刊物。它的稳定性、高品质及多变化的功能特别受到使用者的赞赏。

4、CorelDraw

CorelDraw是Corel公司推出的集矢量图形设计、印刷排版、文字编辑处理和图形高品质输出于一体的平面设计软件,深受广大平面设计人员的喜爱,主要在广告制作、图书出版等方面得到广泛的应用,功能与其类似的软件有Illustrator、Freehand。

最新版本的CorelDRAW Graphics Suite可以为用户提供功能强大的工具,通过减少工作中的某些点击、步骤的数量来节省时间,其中还集成了3个图形程序、多个用途广泛的工具及公用程序,新的套件包括为插图、页面布局和矢量制图而设的CorelDRAW 12。

5、Freehand

Freehand是Adobe公司软件中的一员,简称FH,是一个功能强大的平面矢量图形设计软件,无论要做广告创意、作书籍海报、机械制图、还是要绘制建筑蓝图, Freehand都是一件强大、实用而又灵活的利器。

6、Fireworks

是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。

Fireworks CS4 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop CS4、Adobe Illustrator CS4、AdobeDreamweaver CS4 和 Adobe Flash CS4 软件省时集成。

在 Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS4 中轻松地进行开发与部署。

3、网页设计盒子模型,左边的侧边栏高度不和右边内容文章高度同步,见描述!

整体没有高度,给最大的盒子一个高度,里面的盒子高度100%试试。

4、学习美工需要那些要求?

1、需要较强的模仿力。
2、具有良好的美术功底与创意能力。
3、网页设计/平面设计相关工作。
4、熟悉Photoshop,CorelDRAW,Illustrator,flash,CAD,3Dmax等设计软件。

(4)网页设计盒模型扩展资料:
一、美工分类
1、平面美工是由美工用Illustrator 或者
Photoshop
设计出平面外观。
2、三维美工是由美工用3DMAX等的三维角色模型设计,道具模型设计,环境场景模型设计,包装设计等。
3、网页美工是使用Photoshop或Fireworks等设计软件,将网页的视觉效果、排版等工作呈现出来。有人认为美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局,其实这是不正确的,网页布局的工作应该是由前端开发工程师来完成的。
4、彩灯制作美工是现代彩灯(花灯)市场化后诞生的专门行业美工,也应该叫“灯会美术工艺师”,以四川省自贡市最为众多,从业者至少上数百人。
主要肩负:灯组放样、施工图绘制、色彩搭配、消化效果图以形成最终制作工艺灯,对灯会最终艺术效果负责,有的也同时兼任灯会灯组设计美工。
由于灯会美工所属行业特点,故而技能标准以及美工水平参差不齐,如果所属项目公司对美工管理松散、放任自流,加上美工职业道德和技能低下,将导致灯会艺术效果差强人意,作品粗制、质量低下。好的彩灯美工更多的还是来自企业化到位的彩灯企业。
二、岗位职责
1、负责公司所需的各类三维设计、平面设计、POP设计、VIP应用设计等。
2、负责各类活动的现场布置、背景布置和道具制作。
3、负责商场各类模型、道具的制作和绘制POP等。
4、协助美术师对商场店堂内、外广告的管理。
5、协助美术师对商场环境的规划、形象的规划、美陈布置等。
6、配合公司各类社会活动、促销活动的现场布置、道具的制作及美术陈列。
参考资料来源:网络-美工

5、margin=0 padding=0是什么意思

margin是外边距,padding是内边距,所谓边距是相对于边框的距离,用google搜一下版盒模型,看一下那个盒模型的图就很清楚权了。
float属性定义元素在哪个方向浮动,最常见的就是图像和文字的编排方式,比如图像float属性为left的话,那么图像就浮动在文字左边,就像word里面的一样。
具体可见http://www.w3school.com.cn/css/

6、html网页制作中如何修改修改盒模型的参数

?

与网页设计盒模型相关的知识