位置:首頁 > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問題詳情

Dreamweaver CC 2014創(chuàng)建和保存網(wǎng)頁

提問人:劉旭39發(fā)布時(shí)間:2020-10-29
創(chuàng)建站點(diǎn)后,用戶需要?jiǎng)?chuàng)建網(wǎng)頁來組織要展示的內(nèi)容。合理的網(wǎng)頁名稱非常重要,一般網(wǎng)頁文 件的名稱應(yīng)容易理解,能反映網(wǎng)頁的內(nèi)容。

在網(wǎng)站中有一個(gè)特蛛的網(wǎng)頁是首頁,每個(gè)網(wǎng)站必須有一個(gè)首頁。訪問者每當(dāng)在IE瀏覽器的地址 欄中輸人網(wǎng)址,如在IE瀏覽器的地址欄中輸人“www.sina.com.cn”時(shí)會(huì)自動(dòng)打開新浪網(wǎng)的首覓。 一般情況下,首頁的文件名為 “index.htm” “index.html” “index.asp” “default.asp” “default.htm” 或 “default.html'

在標(biāo)準(zhǔn)的Dreamweaver CC環(huán)境下,建立和保存網(wǎng)頁的操作步驟如下。

(1 )選擇“文件 > 新建”命令,或按Ctrl+N組合鍵,彈出“新建文檔”對(duì)話框,選擇“空白 頁”選項(xiàng),在“頁面類型”選項(xiàng)框中選擇“HTML”選項(xiàng),在“布局”選項(xiàng)框中選擇“無”選項(xiàng), 創(chuàng)建空白網(wǎng)頁,設(shè)置如圖所示。RY]C%XONU@MQGG@]Q%(NKIK.png

(2)設(shè)置完成后,單擊“倉犍”按鈕,彈出“文檔”窗口,新文檔在該窗口中打開。根據(jù)需要, 在“文檔”窗口中選擇不同的視圖設(shè)計(jì)網(wǎng)頁。

“文檔”窗口中有3種視圖方式,這3種視圖方式的作用如下。

“代碼”視圖:對(duì)于有編程經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)用戶而言,可在“代碼”視圖中查看、修改和編寫網(wǎng) 頁代碼,以實(shí)現(xiàn)特殊的網(wǎng)頁效果,"代碼”視圖的效果。image.png

“設(shè)計(jì)”視圖:以所見即所得的方式顯示所有網(wǎng)頁元素,“設(shè)計(jì)”視圖的效果如圖所示。image.png


“拆分”視圖:將文檔窗口分為左右兩部分,左側(cè)部分是代碼部分,顯示代碼;右側(cè)部分是設(shè)計(jì) 部分,顯示網(wǎng)頁元素及其在頁面中的布局。在此視圖中,網(wǎng)頁設(shè)計(jì)用戶通過在設(shè)計(jì)部分單擊網(wǎng)頁元 素的方式,快速地定位到要修改的網(wǎng)頁元素代碼的位置,進(jìn)行代碼的修改,或在“屬性”面板中修 改網(wǎng)頁元素的屬性。“拆分”視圖的效果如圖所示。image.png

(3)網(wǎng)頁設(shè)計(jì)完成后,選擇“文件 > 保存”命令,彈出“另存為”對(duì)話框,在"文件名”選項(xiàng)的文本框中輸人網(wǎng)頁的名稱,如圖所示,單擊“保存”按鈕,將該文檔保存在站點(diǎn)文件夾中。image.png

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部