dreamweaver怎么制作網(wǎng)頁(yè)?
時(shí)間:2022-08-28 13:54:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2022-08-28 13:54:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
1、剛進(jìn)入
dreamweaver點(diǎn)擊
新建下方的更多,然后選擇空白頁(yè),頁(yè)面類型選擇
html模板,
布局選無(wú)就行了。
2、插入一個(gè)表格(菜單欄中選擇插入,再找到表格),表格里的布局自己根據(jù)需要設(shè)置,
在這里我設(shè)置為行數(shù)為5,列為1,
表格寬度為1000像素。插入表格后,選中整個(gè)表格,選中后表框會(huì)
加黑加粗,在下方設(shè)置為居中對(duì)齊。
3、在表格第一行
插入圖像(
菜單欄中選擇插入,再找到圖像),第二行加入滾動(dòng)字幕。第三行插入表格(方法同上),1行4列,表格寬度為百分之一百。插入表格之后,再選中第三行的表格,選中后表格邊框會(huì)加黑加粗,在下方設(shè)置表格為居中對(duì)齊,
寬度為20%。
4、第三行中選入一些文字,如首頁(yè),李白,杜甫,白居易。
新建一個(gè)css文件,再建一個(gè)css,設(shè)置好類型中的顏色和背景中的顏色,加以區(qū)分。選中第三行
,使用剛才新建的css,再新建一個(gè)css,表格的邊框使用該css。
5、在第四行
插入可編輯區(qū)域。點(diǎn)擊確定,可編輯區(qū)域中的文字即
EditRegion3可以去掉,換行可以擴(kuò)大可編輯區(qū)域的面積。
6、在第五行插入可編輯區(qū)域,我還插入了一條水平線,并加上了版權(quán)。最后保存。此時(shí)模板已經(jīng)建好。
7、新建,
模板中的頁(yè),找到新建的模板,創(chuàng)建,
保存為index.html(即網(wǎng)站的主頁(yè)),再重新打開新建的模板,在可編輯區(qū)預(yù)報(bào)輸入李白的資料,
保存為http://libai.com,此時(shí)你會(huì)發(fā)現(xiàn)只有在可編輯區(qū)域才能輸入內(nèi)容,其他區(qū)域都是不可操作的,
這就是模板的特點(diǎn)。同理,在新建兩個(gè)作為杜甫和白居易的網(wǎng)頁(yè)。
8、現(xiàn)在就差用超鏈接把上面做的幾個(gè)網(wǎng)頁(yè)連接起來(lái)了。在模板中選中首頁(yè),在下方
html中的鏈接中輸入首頁(yè)的名稱,
即index.html,同理,選中李白,杜甫,白居易將他們連起來(lái)。超鏈接做好后在文字下方會(huì)多出一條橫線。
9、做完了之后在
index.html中打開可以看看做出的效果,點(diǎn)擊圖中的小地球圖標(biāo)就可進(jìn)行查看。