網頁設計盒模型_html網頁製作中如何修改修改盒模型的參數

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網頁製作中如何修改修改盒模型的參數

導航:首頁 > 萬維百科 > 網頁設計盒模型

網頁設計盒模型

與網頁設計盒模型相關的知識