DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> DW在html中插入css樣式方法
DW在html中插入css樣式方法
編輯:Dreamweaver相關     

  在使用Dreamweaver CS6進行網頁制作的時候,頁面布局樣式會很多。可以利用插入css樣式將頁面樣式單獨保存,以達到簡化代碼的目的。下面小編就為大家介紹DW在html中插入css樣式方法,不會的朋友可以參考本文,來看看吧!

利用Dreamweaver CS6在html中插入css的樣式

步驟

首先,打開Dreamweaver CS6,新建一個css文檔,選中“css”,點擊確定按鈕。

利用Dreamweaver CS6在html中插入css的樣式

將設計好的css樣式放入該頁面。

利用Dreamweaver CS6在html中插入css的樣式

點擊左上方的“文件”,選擇“另存為”,將文件放到桌面,並重命名。這裡命名為css。

利用Dreamweaver CS6在html中插入css的樣式

再點擊左上方的“文件”,新建一個“html”。

利用Dreamweaver CS6在html中插入css的樣式

將設計好的網頁格式輸入<body>

                                   </body>中。

利用Dreamweaver CS6在html中插入css的樣式

找到右下角這個鏈接的小圖標,選中。

利用Dreamweaver CS6在html中插入css的樣式

出現鏈接頁面,點擊後面的“浏覽”按鈕。

利用Dreamweaver CS6在html中插入css的樣式

找到剛剛存放css的地方,這裡存放的地方是桌面。點擊“確定”按鈕。

利用Dreamweaver CS6在html中插入css的樣式

會出現如下頁面。

有源代碼與css,就證明你已經完成css的插入啦!

利用Dreamweaver CS6在html中插入css的樣式

最後一步,把做好的html保存在需要存放的位置,防止數據丟失。

注意事項

輸入數據的時候要在英文輸入法下輸入。

以上就是DW在html中插入css樣式方法介紹,操作很簡單的,大家學會了嗎?希望這篇文章能對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved