1以Hbuilder來講解，首先新建一個(gè)HTML頁面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫div，然后可以設(shè)置寬度和高度5如圖所示，在new_filehtml里面編輯ltlink href=quotcss1cssquot。

如果通過css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過div嵌入圖片，那么將此div設(shè)置成絕對(duì)定位，zindex1萬維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁面外語page作為一個(gè)組織或者個(gè)人在萬維網(wǎng)上放置開始點(diǎn)的頁面稱為主頁外語Homepage。

在Dreamweaver中改變背景圖片的大小的方法打開DW點(diǎn)擊已經(jīng)設(shè)置好的圖片，輸入“backgs”，輸入需要的數(shù)值輸入500px，即為圖片X軸拉伸至500像素，輸入500px 500px，即為圖片X軸Y軸均拉伸至500像素，可以直接輸入圖片的縮放百分比，50%即為圖片縮放一半百分比數(shù)值過大，圖片會(huì)依照背景裁減掉一部分DW是。

調(diào)整容器大小是最直接的方法通過增大容器的寬度或高度，可以適應(yīng)更多的內(nèi)容例如，在Web頁面設(shè)計(jì)中，可以通過調(diào)整div元素的寬度和高度屬性來增大容器大小這種方法簡(jiǎn)單有效，但需要注意不要破壞頁面的整體布局和美觀另一種方法是修改內(nèi)容的布局通過重新組織內(nèi)容的結(jié)構(gòu)或改變內(nèi)容的顯示方式，可以減少溢出。

要實(shí)現(xiàn)背景圖片自適應(yīng)大小，首先需要明確你的背景圖片是整張使用，還是采用平鋪效果如果選擇的是平鋪方式，那么在CSS中設(shè)置背景圖片所在層的寬度為百分比形式，是一個(gè)簡(jiǎn)單而有效的方法例如，你可以將寬度設(shè)置為寬度的95%，如width95%這樣的設(shè)置能夠使得背景圖片隨著頁面大小的變化而動(dòng)態(tài)調(diào)整，實(shí)現(xiàn)自。

DW 中 ltimg src=quotimages圖片名字quot width寬=quotquot height高=quotquot 或是直接在設(shè)計(jì)頁面用鼠標(biāo)拖動(dòng)，或是在下面的屬性欄目中輸入 你想要的大小。

1用dw編輯器建立了一個(gè)靜態(tài)頁面 2將建好的靜態(tài)頁命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個(gè)p，設(shè)置不能的寬度，并設(shè)class為p1和p2，目的是用一樣的css控制圖片的寬度在不同的寬度容器中都能很好的顯示 4在兩個(gè)p的class中添加相同的控制圖片的class名為了”img。

指向文件錯(cuò)誤，比如你的網(wǎng)頁文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁文件內(nèi)在試試如果下載下來的圖片大小規(guī)格完全一樣的話，在photoshop中設(shè)置一個(gè)動(dòng)作，就能批量處理了head中加一個(gè)meta就行了，ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1， maximumscale=1。

插入圖像選擇素材添加點(diǎn)擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等6學(xué)習(xí)添加文本下面屬性可以設(shè)置文本字體添加超鏈接等等，點(diǎn)擊頁面屬性，可以詳細(xì)編輯文本屬性7網(wǎng)頁基本就是文字和圖片的組合，添加視頻還需要學(xué)習(xí)者好好搜索Dreamweaver 的使用視頻加以學(xué)習(xí)最后制作完一個(gè)網(wǎng)頁。

5下面我們來制作這個(gè)網(wǎng)站首頁，先學(xué)習(xí)添加圖片插入圖像選擇素材添加點(diǎn)擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等下面我修改圖片大小做示范6下面學(xué)習(xí)添加文本編輯“籃球資訊網(wǎng)”，下面屬性可以設(shè)置文本字體添加超鏈接等等，點(diǎn)擊頁面屬性，可以詳細(xì)編輯文本屬性7網(wǎng)頁基本就。

網(wǎng)頁背景默認(rèn)是平鋪整個(gè)屏幕的，可能有以下原因?qū)е虏荒芷戒?圖片不夠大，又background屬性不能拉伸圖片2只能用個(gè)div，把其zindex值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用3body的background屬性去掉，要不然會(huì)被遮住html網(wǎng)頁設(shè)計(jì)里面平鋪背景圖片的代碼如下網(wǎng)頁背景默認(rèn)是。

一直接在網(wǎng)頁里設(shè)置圖片大小，比如代碼ltimg src=quotjcUploadFiles64jpgquot width=quot600quot height=quot500quot border=quot0quot，這樣雖然可以限制了圖片大小，但是需要在上傳圖片之前手動(dòng)修改圖片大小，否則上傳的圖片就會(huì)變形二使用如下代碼ltimg src=quotjcUploadFiles。

1想要網(wǎng)頁寬度自適應(yīng)，需要把網(wǎng)頁元素寬度設(shè)置為百分比，還要在網(wǎng)頁頭部加上代碼ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10quot 2圖片自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下imgwidth100% maxwidth100%。

橫幅廣告管理器”3點(diǎn)擊后彈出的對(duì)話框設(shè)置圖片大小，點(diǎn)擊“每幅圖片顯示秒”在“鏈接到”欄里鍵入或從瀏覽按鈕里選取超級(jí)鏈接即可點(diǎn)擊“顯示圖片”的增加按鈕，點(diǎn)擊確定，再點(diǎn)擊“添加”，點(diǎn)擊確定即可FrontPage是微軟公司出品的一款網(wǎng)頁制作入門級(jí)軟件，結(jié)合了設(shè)計(jì)程式碼預(yù)覽三種模式。

2在1024*768下，網(wǎng)頁寬度要保持在1002以內(nèi)如果框滿，身高在612615之間不會(huì)有水平滾動(dòng)條和垂直滾動(dòng)條dw中有一個(gè)設(shè)定的標(biāo)準(zhǔn)值1024*768頁面的標(biāo)準(zhǔn)尺寸是955*600就順著它的大小3ps制作的網(wǎng)頁可以在800*600狀態(tài)下全屏顯示，頁面底部不會(huì)有滑塊尺寸大概是740*5604PS出來的圖片在。