dw網頁編輯
提問問題
列表
-
Mac怎么編輯html?
查看答案>>
-
網頁代碼中鼠標移到圖片某個區(qū)域自動彈出另一張小圖的代碼怎么編輯?
查看答案>>
-
下載網站模板后怎么修改
查看答案>>
-
為什么用DW編輯網頁在設計里是空白,但是在實時視圖里是可以顯示的
查看答案>>
-
dreamweaver介紹
查看答案>>
-
求DW制作網頁的基本步驟
查看答案>>
-
怎樣用Dreamweaver制作一個個人虛擬網站?
查看答案>>
-
如何把網站保存為可編輯文件?用dreamweaver編輯
查看答案>>
-
怎么用dreamweaver編輯php網站
查看答案>>
-
dreamweaver中編輯頁面字體怎么設置大小?整體字體。
查看答案>>
Mac怎么編輯html?
Mac編輯html,首先需要理解的就是用好編譯軟件,mac下要用Adobe Dreamweaver for Mac 這個軟件來幫助,然后在跟DW處理網頁就行,新建一個網頁,然后在添加好網頁的一些必須元素,如html,body,head這些標簽,在body中編寫好自己的網頁樣式,具體樣式,如div,ul,li的嵌套使用,具體可以看下代碼:<html><head><style> #round{ width:400px; height:200px; } #round p{ color:#f00; //設置字體顏色為紅色; }</style></head> <body> <div id="round"> <p>測試文字</p> </div> </body></html>
網頁代碼中鼠標移到圖片某個區(qū)域自動彈出另一張小圖的代碼怎么編輯?
使用純CSS即可實現全部效果,代碼也很簡單。原理:hover觸發(fā)CSS臨近選擇器所需工具:DW(用來給圖片畫熱區(qū)),PS(算出彈出層的top和left偏移值)我在Demo里畫了三個熱區(qū)(位置如下圖),你用鼠標懸停到上面即可看到效果。源碼:1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圖片熱區(qū)hover效果</title> <style> .main-wrap {position: relative; width: 884px; height: 600px; margin: 0 auto;} /* 寬度與高度必須與背景大圖一致 */ .bigImg {position: absolute; display: none; border: 1px solid #ccc;} .img1 {top: 199px; left: 153px;} .img2 {top: 369px; left: 552px;} .img3 {top: 411px; left: 632px;} .hotspot:hover + .bigImg {display: block;} </style></head><body> <div class="main-wrap"> <img src="bg.jpg" usemap="#Map"> <map name="Map"> <area class="hotspot" shape="rect" coords="152,117,232,190" href="#"> <img class="bigImg img1" src="cpu.png"> <area class="hotspot" shape="rect" coords="553,313,605,355" href="#"> <img class="bigImg img2" src="drive.png"> <area class="hotspot" shape="rect" coords="635,353,695,397" href="#"> <img class="bigImg img3" src="printer.png"> </map> </div></body></html>熱區(qū)hover.zip大?。?74.92K|所需財富值:1 已經過百度安全檢測,放心下載點擊下載
下載網站模板后怎么修改
1.如果是psd文件,說明是psd源文件,請用photoshop打開進行編輯2.如果是asp,php的,請用dw進行編輯3.如果是htm的,這個就更簡單了,應該直接可以點擊用瀏覽器打開瀏覽,建議使用dw進行編輯哦。4.如果是cms模板,請參照相關cms模板的安裝使用方法,先安裝后再修改相關調用標簽以實時查看效果測試望采納
為什么用DW編輯網頁在設計里是空白,但是在實時視圖里是可以顯示的
dreamweaver視圖里的效果與瀏覽器里的效果本來就很容易有差距,這個當然要以瀏覽器的效果為準了,dreamweaver視圖效果只是在一定程度上幫助你而已。
那怎么在設計里也顯示網頁呢
dreamweaver介紹
Dreamweaver是一款所見則所得網頁編輯器,是美國MACROMEDIA公司開發(fā)的集網頁制作和管理網站于一身的所見即所得網頁編輯器,它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。DREAMWEAVER特點: 1、 最佳的制作效率 Dreamweaver可以用最快速的方式將Fireworks,FreeHand,或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇螢幕上的顏色可設定最接近的網頁安全色。對於選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設計工具,如Playback Flash,Shockwave和外掛模組等搭配,不需離開Dremweaver便可完成,整體運用流程自然順暢。除此之外,只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。 2、 網站管理 使用網站地圖可以快速制作網站雛形、設計、更新和重組網頁。改變網頁位置或檔案名稱,Dreamweaver 會自動更新所有連結。使用支援文字、HTML碼、HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網站更新變得迅速又簡單?! ?、 無可比擬的控制能力 是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設計工具??梢匀轿坏某尸F在任何平臺的熱門瀏覽器上。
求DW制作網頁的基本步驟
網頁制作方法:創(chuàng)建網頁頁面1、在Dreamveaver中“文件—新建—常規(guī)—基本頁—HTML”,這就建好了一個頁面,英文版的默認為文件名untitled.htm。中文版的默認為文件名“無標題文檔”。htm表示的是這個網頁文件是一個靜態(tài)的HTML文件。可以給它改名為index.htm。2、在標題空格那里輸入網頁的名稱,點擊—頁面屬性,打開這個窗口后在這里可以設置網站標題、背景顏色還有背景圖像,超級鏈接顏色,其他都保持默認值就可以了。3.這個時候光標在左上角,你可以輸入一句話,如“歡迎大家來到我的主頁”,用文字,用菜單“窗口/屬性”打開屬性面板,取文字的大小,再把文字設置為居中,然后在文字的前面敲幾下回車就位于頁面中間了。4.要選取字體,即選擇字體中的最后一項:即編輯字體列表。然后在對話框中選+號,接著在“可用字體”欄中選擇需要加入到字體,點擊中間的按鈕就可以加入了。注:在網頁上一般最常用的是就宋體字。切將特殊的字體加到列表中使用,因為可能別人的電腦上沒有安裝看不到。如果有需要用的話,一定要做成圖片后再使用。
怎樣用Dreamweaver制作一個個人虛擬網站?
利用Dreamweaver制作一個個人虛擬網站的步驟如下:1、打開DW,DW界面如圖2、分析所制作的網頁的需求,明確目標3、明確需求。如果是建議一個網站,需要建立一個站點,方便管理并使制作步驟更為有條理。4、新建站點彈出來的窗口。在這里以“新聞網頁”來舉例,放在Dreamwaver CS6文件夾下的新聞網頁文件夾5、在新聞網頁文件夾下新建“images”文件,導入制作網頁所需要的素材,這里所需要的素材都是圖片6、新建HTML,選擇“創(chuàng)建”7、在“標題”中輸入“新聞網頁首頁”,轉換到“設計”界面8、根據制作網頁需求插入表格,只是在行列有所變化,下面的“表格寬度”以下選項根據圖設置9、插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之后變黑。在屬性中對齊選項選擇“居中對齊”10、在表格第一行第一列輸入“用戶名”,在第一行第二個表格插入“文件域”。然后是密碼,同樣的插入“文件域”。切換到“拆分”界面,選中密碼對應的“文件域”,將“type”改為“password”11、插入圖像,不知道怎么填的話就一直選擇“確定”即可12、插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什么就一直“確定”,無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”,附上效果圖13、選中第二行,點擊鼠標右鍵,選擇“表格”,“合并單元格”14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網頁”可以看到保存的HTML文件15、點擊制作好的HTML文件,選擇用360瀏覽器打開,輸入用戶名和密碼,然后會看到如下情況:用戶名課件,密碼不可見,符合實際16、當然也可以在Dreamwaver CS6 的實時視圖中完成第15步
如何把網站保存為可編輯文件?用dreamweaver編輯
你可以選擇 瀏覽器上的 文件--另存為--選定一個保存位置 然后 一般的網頁會 生成 html文件 你就可以用dreamweaver 打開編輯了 不過這樣沒用 只能保存下來的是他的 布局 而且如果是加載的css的話 布局 也不完整
dreamweaver中編輯頁面字體怎么設置大???整體字體。
設置步驟如下:1、啟動Dreamweaver,點擊編輯菜單,首選參數命令;2、左側導航欄點擊字體,右側即可調整默認字體設置,修改后點擊確定即可。