在使用Dreamweaver制作HTML網(wǎng)頁之前,你需要注意以下幾點問題:創(chuàng)建站點、圖片存放、網(wǎng)頁鏈接、HTML標(biāo)記和表格處理。
1. 創(chuàng)建站點
首先,如果你想要創(chuàng)建一個簡單的HTML網(wǎng)站,需要先
在使用Dreamweaver制作HTML網(wǎng)頁之前,你需要注意以下幾點問題:創(chuàng)建站點、圖片存放、網(wǎng)頁鏈接、HTML標(biāo)記和表格處理。
1. 創(chuàng)建站點
首先,如果你想要創(chuàng)建一個簡單的HTML網(wǎng)站,需要先創(chuàng)建一個站點。這樣,你的網(wǎng)站內(nèi)容都可以保存在這個站點文件夾中,以后可以整體移動,不會零散分布在電腦的各個地方。創(chuàng)建站點的步驟為:創(chuàng)建文件夾→創(chuàng)建站點→創(chuàng)建HTML網(wǎng)頁并保存。
2. 圖片存放
創(chuàng)建好站點以后,記得設(shè)置默認(rèn)的圖像文件夾,并將所有的圖片都放到文件夾中統(tǒng)一管理。在站點文件夾里創(chuàng)建images圖片文件夾→文件管理站點→高級設(shè)置→本地信息→默認(rèn)圖像文件夾→images→保存→完成→完成后才開始創(chuàng)建網(wǎng)頁使用。
3. 網(wǎng)頁鏈接
注意網(wǎng)頁的打開方式,外部鏈接需要使用完整的URL地址,如。郵件鏈接其實不太好用,只能簡易鏈接。創(chuàng)建空連接用:。超鏈接路徑有三種方式:
- 絕對路徑:完整的URL,一般用于外部網(wǎng)站或外部文件。
- 相對于文檔路徑:一般是默認(rèn)使用”../“上一層文件夾,推薦直接在Dreamweaver中編輯。在Dreamweaver中移動文件,出現(xiàn)鏈接更改提示框時,確認(rèn)更新即可正常鏈接。
- 相對于站點根目錄:需設(shè)置服務(wù)器,但對于簡單的HTML網(wǎng)站不推薦使用這種方式。
4. HTML標(biāo)記
HTML頁面是由一些基本的HTML標(biāo)記組成的,因此了解它們的語法很重要。代碼起碼要認(rèn)識,這樣才能夠編輯網(wǎng)頁。HTML標(biāo)記通常成對出現(xiàn)。HTML網(wǎng)頁結(jié)構(gòu)如下:
```html
文件頭部信息(不顯示在網(wǎng)頁里面)
在瀏覽器中顯示的HTML文件的正文
```
5. 常用HTML標(biāo)記
大部分標(biāo)記擁有屬性設(shè)置,在標(biāo)記內(nèi)按空格鍵就會有顯示,沒有顯示的屬性可以手動設(shè)置。常用的HTML標(biāo)記包括:
- 段落標(biāo)記:``
- 回車標(biāo)記:`
`
- 網(wǎng)頁標(biāo)題標(biāo)記:`
`
- 水平線:`
`
- 圖像標(biāo)記:`
![]()
`
- 超鏈接標(biāo)記:`
`
6. 表格處理
利用表格建立簡單的HTML網(wǎng)頁,要認(rèn)識表格的標(biāo)記。實現(xiàn)表格高度最小化,可以利用`nbsp;`將空格代碼去除即可。表格標(biāo)記如下:
```html
行標(biāo)記
單元格標(biāo)記 nbsp; 空格 |
```
7. AP DIV元素(一般稱為“層”)
AP DIV元素在Dreamweaver中也是很重要的內(nèi)容,建議先百度學(xué)習(xí)Dreamweaver的基本使用方法,這樣對于建站新人來說,能更方便直觀看懂代碼及網(wǎng)頁設(shè)計中的出錯點。
8. 如何設(shè)計簡單的HTML網(wǎng)頁?
基本上,認(rèn)識了代碼,記住視頻中提醒要注意的要點,利用表格功能建站能實現(xiàn)網(wǎng)站成功建設(shè)。