1、打開(kāi)DW,如圖DW界面。
(資料圖片)
2、分析制作網(wǎng)頁(yè)的需求,并明確目標(biāo)。
3、明確需求。建議網(wǎng)站的話,需要搭建一個(gè)網(wǎng)站,方便管理,讓制作步驟更有條理。
4、新站點(diǎn)的彈出窗口。我這里輸入的是“新聞網(wǎng)頁(yè)”,是Dreamwaver CS6文件夾下的新聞網(wǎng)頁(yè)文件夾。
5、在news web文件夾下新建一個(gè)“images”文件,導(dǎo)入制作網(wǎng)頁(yè)所需的材料。這里需要的材料都是圖片。
6、要?jiǎng)?chuàng)建新的HTML,請(qǐng)選擇創(chuàng)建。
7、在“標(biāo)題”中輸入“新聞頁(yè)面首頁(yè)”切換到“設(shè)計(jì)”界面。
8、按照制作網(wǎng)頁(yè)的要求插入表格,但是行和列都有變化?!氨砀駥挾取钡囊韵逻x項(xiàng)根據(jù)圖表進(jìn)行設(shè)置。
9、如圖插入表格,選擇表格,你會(huì)看到表格邊框變紅,選擇后變成黑色。選擇“居中對(duì)齊”作為屬性中的對(duì)齊選項(xiàng)。
10、在表格的第一行和第一列中輸入“用戶名”,并在第二個(gè)表格的第一行中插入“文件字段”。然后密碼,也插入到“文件字段”中。切換到“拆分”界面,選擇密碼對(duì)應(yīng)的“文件域”,將“類型”改為“密碼”。
11、插入圖像。如果不知道怎么填,就一直選“確定”。
12、插入按鈕,與上面插入圖像的處理方法相同,如果不知道要填什么,可以隨時(shí)“確認(rèn)”?!皩傩浴绷兄械闹蹈臑椤暗卿洝薄H缓蟛迦雸D片“Google logo”并附上效果圖。
13、選擇第二行,單擊鼠標(biāo)右鍵,然后選擇表格和合并單元格。
14、在第二行插入一張圖片。完成頁(yè)面制作。保存HTML文件。然后你就可以在網(wǎng)站“新聞頁(yè)”看到保存的HTML文件了。
15、點(diǎn)擊制作好的HTML文件,選擇用360瀏覽器打開(kāi),輸入用戶名和密碼,然后會(huì)看到以下情況:用戶名課件,密碼不可見(jiàn),符合現(xiàn)實(shí)。
16、當(dāng)然,你也可以在Dreamwaver CS6的實(shí)時(shí)視圖中完成步驟15。
本文到此結(jié)束,希望對(duì)大家有所幫助。
標(biāo)簽:
北京豐臺(tái)站開(kāi)始聯(lián)調(diào)聯(lián)試 將承擔(dān)京廣、京港臺(tái)高鐵運(yùn)輸任務(wù)
要文