網頁制作圖片(網頁制作圖片怎么設置大小)

html網頁制作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

2、然后填寫自己的網頁內容，設置一下樣式，直接在body后面加上background="圖片名字"即可插入圖片：

3、最后來到瀏覽器，刷新一下網頁，這樣就會顯示背景了：

網頁切圖怎么做? 網頁設計切圖

網頁切圖怎么做，網頁設計切圖的方法。

如下參考：

1.打開PS，點擊切片工具，如下圖所示。

2.點擊切片工具，可以將圖片切割成所需的大小，如下圖所示。

3.剪切圖片后，點擊導出特殊網頁使用的格式，如下圖所示。

4.輸入屬導出web的格式頁面，并按住shift鍵選擇所有部分。

5.導出格式設置為JPEG，如下所示。

6.最后，單擊save存儲，如下圖所示。

如何把照片做成網頁

1，打開photoshop軟件，crtl+o打開一張需要制作的圖片。

2，選擇文字工具進行文字編輯。

3，可以用其它工具做一些板塊樣式出來。

4，視圖——標尺，調出標尺面板。如下圖紅色框內所示。

5，選擇切片工具，沿著剛才畫好的路線進行切片動作。

6，文件——存儲為web模式和設備所用格式。選擇html和圖像。

7，點擊存儲的時候會彈出一個選擇對話框，選擇確定即可。

8，來到保存的地方，可以看到剛才存儲的網頁和圖片了，打開網頁看看效果吧。

9，然后可以把做好的html文件導入到dremweaver或者其它網頁制作軟件中進行下一步編輯了。

網頁制作中插入圖片的代碼是什么

1、在代碼中經常用到的插入圖片代碼是img屬性，格式就是<img src="" alt=""> src后面是添加圖片的地址，后面的alt是對圖片的描述。

2、在插入圖片前，要將html文件和圖片文件放在一個文件夾內，這里的img文件夾就是專門存放圖片的地方。

3、然后回到代碼欄，在src中輸入鏈接地址img/pic_01.jpg，要將圖片的具體地址和名稱全部寫全才可以在網頁中看到，否則就會顯示連接失敗錯誤而無法觀看到圖片。

4、將文件保存后，在瀏覽器中我么就可以看到此刻的圖片被添加進來了，位于網頁的左上角位置。

5、如果想要移動圖片的所在位置，就需要先對其包裝一下，用一個盒子將其包裹，然后調整盒子的位置就相當于移動的是圖片的位置了。

6、如圖，之前設置的盒子距離頂部100px.然后距離左側100px，這樣就將盒子擠到了現在所在的位置，如圖所示。

dreamweaver制作圖片網頁

這個的話，那你可以考慮用javascript來實現一下，得手寫代碼了。
用它來控制，當你的寬度變大時也讓高度變大。實現起來應該也不是很困難的。就看你的網站讓不讓用javascript了。
如果你不會的話，你可以Q我（我的資料里有寫Q號），我可以簡單的幫你寫一下。
大概就是這樣了。