當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6制作網(wǎng)頁的具體操作步驟

dreamweaver cs6制作網(wǎng)頁的具體操作步驟

時間:2024-07-20 20:11:23 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

現(xiàn)在使用dreamweaver cs6制作網(wǎng)頁的朋友越來越多,而接下里的這篇文章小編就帶來了dreamweaver cs6制作網(wǎng)頁的操作步驟,感興趣的朋友就跟小編一起來學(xué)習(xí)一下吧。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟

dreamweaver cs6制作網(wǎng)頁的具體操作步驟

我們需要先打開Dreamweaver CS6軟件,單擊菜單來的“文件”然后選擇“新建”選項。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖

然后頁面類型選擇HTML,空文檔就可以,右側(cè)文檔類型選擇HTML5,因為現(xiàn)在html5是趨勢,很多網(wǎng)頁都開始用html5了。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖

接著我們就看到一個空白的html文檔了,title內(nèi)寫的是在瀏覽器上方顯示的標(biāo)題,我們給文檔保存一下,自己命名。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖

然后我們開始寫基本的html標(biāo)簽,先把基本結(jié)構(gòu)寫出來。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖

寫好結(jié)構(gòu)之后就要寫css樣式了,這里直接寫在頭部,比較省事,也可以用link標(biāo)簽引入外部的樣式表。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖

最后一步點擊上方的預(yù)覽按鈕進(jìn)行預(yù)覽,第一個網(wǎng)頁就完成了。如果想要制作更復(fù)雜的網(wǎng)頁,就需要學(xué)習(xí)html和css再加上js了。

dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖dreamweaver cs6制作網(wǎng)頁的具體操作步驟截圖

按照還是那個文為你們所描述的dreamweaver cs6制作網(wǎng)頁的詳細(xì)操作流程,你們是不是都明白了呀!