1、簡(jiǎn)單制作網(wǎng)頁的方法工具原料電腦 Dreamweaver CS5 方法步驟下載Dreamweaver軟件Dreamweaver是一款強(qiáng)大的網(wǎng)頁制作工具下載好之后安裝，安裝后之后打開，會(huì)看到如下界面會(huì)看到新建里有肯多選擇html，css這里選擇html；CSS是英語Cascading Style Sheets層疊樣式表單的縮寫，它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計(jì)算機(jī)語言以下是網(wǎng)站建設(shè)中采用DIV+CSS技術(shù)的7個(gè)優(yōu)勢(shì)1表現(xiàn)和內(nèi)容相分離將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件；1首先打開SublimeText軟件，新建一個(gè)HTML頁面，2然后我們?cè)趆tml頁面中加入p標(biāo)簽，并且在p標(biāo)簽中加入一些文字，3接下來我們給p標(biāo)簽編寫CSS樣式，這里主要是textalign和lineheight兩個(gè)屬性，4最后我們運(yùn)行頁面程序，你。

2、常用CSS命名參考資料 在XHTML中定義ID時(shí)都用得上，主要是方便CSS定義樣式時(shí)能一眼看穿所以，CSS命名僅作參考1頁面結(jié)構(gòu)類 容器 container 頁頭header 內(nèi)容contentcontainer 頁面主體main 頁尾footer 導(dǎo)航nav；采用Div+CSS設(shè)計(jì)布局網(wǎng)站具有以下的優(yōu)點(diǎn)第一大大縮減頁面代碼因?yàn)椴捎肅SS布局，不象表格布局充滿各種各樣的屬性和數(shù)字，而且很多css文件通常是共用的，從而提高頁面瀏覽速度而Table表格布局中，垃圾代碼會(huì)很多，一些修飾的；所以，為了把網(wǎng)頁做得漂亮，就要能對(duì)這個(gè)p進(jìn)行設(shè)置控制，用css層疊樣式表來作非常容易，且風(fēng)格統(tǒng)一化，而被現(xiàn)在的網(wǎng)頁制作者所使用故所以，css邊框?yàn)槭裁匆觩了HTML中如何給圖片添加邊框代碼1如圖，在代碼工具中。

3、DIV就是網(wǎng)頁設(shè)計(jì)里面的層，CSS就是網(wǎng)頁設(shè)計(jì)中用到的樣式控制表，首先采用這種方法就是用層來布局用CSS來控制層的表現(xiàn)也可以靈活的應(yīng)用層來控制網(wǎng)頁的一些效果例如下面一個(gè)簡(jiǎn)單的DIV+CSS的網(wǎng)頁代碼可以存為indexhtml；正如其他網(wǎng)友回答的一樣，這個(gè)frag是自定義屬性，一般用來頁面布局時(shí)標(biāo)識(shí)作用比如當(dāng)你的頁面是左右兩欄，那么代碼如下從上面代碼應(yīng)該能明白了吧有點(diǎn)類似于注釋，不過用這種方法比注釋更加靈活；1新建html文檔，在body標(biāo)簽中添加p標(biāo)簽，標(biāo)簽的id為“header”，這時(shí)因?yàn)閜標(biāo)簽中沒有內(nèi)容且沒有設(shè)置樣式，所以網(wǎng)頁中顯示空白2這時(shí)為p標(biāo)簽設(shè)置原題中的css樣式，此時(shí)雖然p盒子顯示了，但是沒有居中3此時(shí)為p添加；1新建一個(gè)html文件，創(chuàng)建一個(gè)類名為wrap的div2先通過css類選擇器選擇到div來控制div的寬度和高度和背景顏色沒有邊框時(shí)方便看出來div的大小3通過div 的border屬性控制邊框顏色，設(shè)置border的寬度為2px，線型為；改版網(wǎng)站更簡(jiǎn)單容易了，不用重新設(shè)計(jì)排版網(wǎng)頁，甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁面，只需要改動(dòng)CSS 文件就完成了所有改版對(duì)于門戶網(wǎng)站來說改版就像換件衣服一樣簡(jiǎn)單容易；網(wǎng)頁設(shè)計(jì)中采用div+css布局，這里的DIV是什么意思 DIV是層疊樣式表中的定位技術(shù)，全稱DIVision，即為劃分有時(shí)可以稱其為圖層 DIV在程式設(shè)計(jì)中又叫做整除，即只得商的整數(shù) DIV元素是用來為HTML標(biāo)準(zhǔn)通用標(biāo)記語言下。

4、可以為 ltdiv 元素設(shè)置邊框樣式寬度和顏色CSS布局技巧如使用 float 屬性實(shí)現(xiàn)多列布局使用 flexbox 實(shí)現(xiàn)彈性布局使用 grid 實(shí)現(xiàn)網(wǎng)格布局等通過結(jié)合 ltdiv 標(biāo)簽和CSS樣式，可以實(shí)現(xiàn)各種復(fù)雜的網(wǎng)頁布局和設(shè)計(jì)；方法一使用CSS設(shè)置DIV的屬性樣式，比如居左，居右，居中確定好位置，在調(diào)整它的width和height ，還可以調(diào)整它的top left 等屬性posationsolute是絕對(duì)定位，可以拖動(dòng)大小和位置來定位方法二一 代碼如下div s；1啟動(dòng)dreamweaver cs5，在彈出的對(duì)話框窗口中選擇html，進(jìn)入主界面編輯區(qū)域2接著對(duì)網(wǎng)頁的整個(gè)布局在草紙上繪制下來，做到心中有數(shù)，主要分成那幾個(gè)模塊主要有腳注菜單導(dǎo)航主體導(dǎo)航條四大部分3接著點(diǎn)擊設(shè)計(jì)。