如何運用Dreamweaver做成一個簡單頁面?

運用Dreamweaver做成一個簡單頁面

工具/原料

adobe dreamweaver

方法/步驟

安裝adobe dreamweaver,打開點擊html,如圖所示

點擊創建

這部比較關鍵。需要在body加div,以及加相應的css如圖中的

<style>

.a{width:100px; background-color:#9B1315;height:100px;}

</style>

是框架的屬性

<div class="a"></div>

是框架的結構這是最基本的css+div的形式做的矩形。

如圖看到的就是這個圖形了。 background-color:#9B1315是表示背景顏色。都可以進行更換的

然後就是進行保存才可以預覽效果了。ctrl+s進行保存

最後按住F12就可以如圖預覽網頁了

注意事項

必須注意div+css的書寫方式

相關文章

  1. 如何用Dreamweaver新建一個簡單的網頁

    前幾天有小夥伴問小編如何利用Dreamweaver新建一個簡單的網頁,所以小編今天把這篇文章寫給大家. 工具/原料 Dreamweaver,瀏覽器 方法/步驟 打開Dreamweaver,在左上角找到 ...
  2. 怎麼用Dreamweaver來創建並編輯一個簡單的頁面

    這裡主要說的是最基礎的最簡單的Dreamweaver知識中的如何創建並編輯一個簡單的背景頁面 工具/原料 一台電腦 一個Dreamweaver軟體 方法/步驟 首先打開Dreamweaver軟體,並且 ...
  3. 如何用記事本編一個簡單的自動跳轉頁面的代碼

    我們在瀏覽網頁的時候經常會看到一些歡迎信息的界面,在經過一段時間後,這一頁面會自動跳轉到其他頁面中,這就是網頁的跳轉,使用http代碼可以很輕鬆地實現這一功能 工具/原料 記事本 方法/步驟 語法:& ...
  4. 用bootstrap做一個簡單而美美的頁面

    用bootstrap做一個簡單的前端頁面 工具/原料 記事本 瀏覽器 方法/步驟 新建一個文本文檔 將下面這段代碼複製到剛才新建的文本文件中並保存 <%@ page language=" ...
  5. 怎麼利用dreamweaver做一個頁面

    大家都知道dreamweaver可以用來做網站,而網站則是有一個個頁面組成的,那麼如何利用dreamweaver做一個頁面呢,接下來就介紹一個頁面的製作步驟. 工具/原料 dreamweaver 電腦 ...
  6. 怎樣在html頁面中製作一個簡單的表格

    我們在設計網頁時,有時會遇到使用表格來呈現內容的情況,這種情況下我們就需要使用Dreamweaver創建一個table然後給定樣式,並添加適當的內容. 方法/步驟 我們需要打開電腦,在開始菜單中找到D ...
  7. 用django寫一個簡單的網頁頁面

    django的快速部署和開發web功能很強大,這裡開始一個簡單的頁面測試 工具/原料 django python 方法/步驟 一.創建django項目 先創建一個項目為testweb,創建一個應用為h ...
  8. Dreamweaver CS6 製作一個簡單網頁

    以實例說明Dreamwaver CS 6版本的應用.即使現在用很多有關DreamwaverCS6版本的書籍資料,但是資料太過複雜,反而不知道從而下手.這篇經驗將以本人經驗說說Dreamwaver CS ...
  9. 製作一個簡單的網站頁面

    對於沒有接觸過網絡編程的人來說,怎麼樣編寫一個網頁呢,今天就教大家一個最基本的編寫網頁的方法 工具/原料 Dreamweaver 8 瀏覽器 方法/步驟 雙擊Dreamweaver 8的運行圖標,在彈 ...
  10. 如何利用html寫一個簡單的搜尋頁面

    利用html,您可以寫一個簡單的搜尋頁面,不過實際的搜尋頁面需要利用資料庫做支持,簡單的搜尋頁面可以先用來練習,等以後您技術學好了,就可以做真正的搜尋頁面了. 工具/原料 CSS html 方法/步驟 ...
  11. 怎麼利用Dreamweaver來製作一個簡單的網頁

    不是網頁高手才可以設計出高大上的網頁,我們也可以從簡單的網頁做起,慢慢地來成長,下面主要來說說怎麼利用Dreamweaver來製作一個簡單的網頁 工具/原料 一台電腦 一個Dreamweaver軟體 ...
  12. 如何用簡單工具把一塊廢木頭做成一個木勺

    教你用最簡單的工具,做一把屬於自己的木勺,一塊廢木的成勺之路 首先在這塊廢木頭上面,把要做的勺子,輪廓畫出來 畫完把它固定好,然後用圓鑿,把裡面的木屑挖出來 鋸子把木勺大致鋸下來,只有先把勺子挖空在鋸 ...
  13. 怎麼運行一個簡單的jsp項目頁面呢?

    怎麼在javaee項目中運行一個簡單的jsp項目頁面呢? 工具/原料 eclipse tomcat pc 方法/步驟 打開eclipse,點擊file new一個動網項目如圖: 輸入你的項目名稱後,單 ...
  14. Android中如何創建一個簡單的Splash頁面

    很多Android應用初學者都十分好奇,當前手機上的一些應用是如何實現Splash頁面的,今天小編就跟大家說道說道. 工具/原料 jdk-8u121-windows-x64_8.0.1210.13 a ...
  15. 簡單操作做成一個五彩繽紛的正方體

    現在的幼兒園都需要小孩子學著做手工,如果你沒有兩把刷子怎麼能夠幫孩子一起來做手工呢,那接下來小編就教給大家一個做法,應該怎樣操作能夠做出五彩繽紛的正方體,跟小編一起來學學吧 工具/原料 彩紙 剪刀 方 ...
  16. 怎麼使用Dreamweaver來製作一個簡單的網頁

    Dreamweaver作為一個可視化網頁編輯軟體,對於網站開發人員大大提高了工作效率.下面我們一起來使用Dreamweaver來製作一個簡單的網頁. 工具/原料 Dreamweaver 電腦 方法/步 ...
  17. 怎樣編制一個簡單的《Hello World》 vb程序

    很多編程愛好者選擇Visual Basic作為自己初學程序設計的入門工具,但學習vb和其他學習一樣,最初的成功往往能激發學習者繼續學習下去的興趣,下面由我通過一個簡單的Hello World 程序來幫 ...
  18. 如何用MFC做一個簡單的加法器

    vs 2010 開發MFC應用程式,設計一個簡單加法器 工具/原料 電腦 vs2010 方法/步驟 打開vs2010,選擇"文件|新建|項目"命令,選擇"visual C ...
  19. 怎樣建立一個簡單的資源下載站

    一些朋友有很多資源想分享出去,但是又不知道怎樣分享,這裡就教大家免費建立一個簡單的資源下載站的方法,希望能對大家有所幫助. 工具/原料 一個免費的asp空間,大家可以自己在網上找,網上有很多. 一個網 ...
  20. Photoshop:製作一個簡單的藝術字效果

    藝術字效果,這個是我們在word中常見和常用的.雖然它word中有更加方便的製作方法,但是畢竟那裡面的種類有限.如果我們想要設計出屬於我們自己的獨一無二的藝術字效果,那麼我們只能自己動手製作. 工具/ ...