1、dreamweaver在設計視圖裡面製作網頁界面很簡單,但是為什麼大多數人都選擇寫代碼這么繁瑣?
這也不是絕對的,純代碼開發的好處是,對於熟悉代碼的人而言,不需要用滑鼠到處點參數,而且dreamweaver裡面的代碼自動完成功能也很不錯,只要輸入一兩個字母就能找到需要設置的參數了,當然它的缺點是不夠直觀,有的時候寫完代碼一測試,不是想要的效果,而且對於不熟悉代碼的人而言,開發也是比較吃力的;純視圖開發的好處是,可以很直觀地看到效果,但是缺點是,它隱藏了很多高級的樣式,只能做一些基礎的開發,例如要定義元素的偽類,在視圖模式裡面就很難做到了。比較好的開發習慣是用分屏的方式來製作,一邊顯示代碼,一邊顯示視圖,既方便代碼書寫,又可以看到效果
2、用Adobe Dreamweaver CS5製作一個簡單的網頁,求詳細方法。
一言能盡!
你打開 Adobe Dreamweaver CS5,新建一個空白頁面
插入一個表格 一行兩列
第一列就放你的視頻,右邊的那一列就放你要放的圖片,最後看一下源代碼,把源代碼復制到天貓上就可以了
3、怎麼用dreamweaver製作html網頁
創建網頁頁面
1、在Dreamveaver「文件-新建-常規-基本頁-HTML」,這樣就建好了一個頁面,英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為「無標題文檔」。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
註:網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁,上傳後打開網頁默認連接到此頁。
2、在標題空格里輸入網頁名稱,點擊修改-頁面屬性,打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背景圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。
3.此時游標位於左上角,可輸入一句話,如「歡迎來到我的主頁」。選取文字,用菜單「窗口/屬性」打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間等。
4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。
註:在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。
註:在網頁上打入空格的辦法是:把輸入法調為全形。
註:在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
下面拿一個現成的例子來給大家講解一下:
現在,以下邊的簡單網頁為例,敘述一下製作過程。簡單網頁如下圖:
在開始製作之前,我們先對這個頁面進行一下分析。看看這個頁面用到了哪些東西。
□網頁頂端的標題「我的主頁」是一段文字。
□網頁中間是一幅圖片。
□最下端的歡迎詞是一段文字。
□網頁背景是一深紫紅顏色。
構思好這個網頁的結構,我們就可以開始製作了。
首先啟動Dreamweaver,確保你已經用站點管理器建立好了一個網站(根目錄)。
為了製作方便,請您事先打開資源管理器,把要使用的圖片收集到網站目錄images文件夾內。
進入頁面編輯設計視圖狀態。在一般情況下,編輯器默認左對齊,游標在左上角閃爍,游標位置就是插入點的位置。如果要想讓文字居中插入,點屬性面板居中按鈕即可。啟動中文輸入法輸入「我的主頁」四個字。字小不要緊,我們可以對它進行設置。
【設置文字的格式】 選中文字,在上圖屬性面板中將字體格式設置成默認字體,大小可任意更改字型大小。並選中「B」將字體變粗。
【設置文字的顏色】首先選中文字,在屬性面板中,單擊顏色選擇圖標,在彈出的顏色選擇器中用滴管選取顏色即可。
【設置網頁的標題和背景顏色】
點擊「修改」菜單選「頁面屬性」。系統彈出頁面屬性對話框(如下圖)
請在標題輸入框填入標題「我的主頁」。
設置背景顏色: 網頁背景可以是圖片,也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進行選取。如果背景要設為圖片,點擊背景圖象「瀏覽」按鈕,系統彈出圖片選擇對話框,選中背景圖片文件,點擊確定按鈕。
設計視圖狀態,在標題「我的主頁」右邊空白處單擊滑鼠,回車換一行,按照以下的步驟插入一幅畫圖片,並使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。
【插入圖像】選擇以下任意一種方法:
(1)使用插入菜單:在「插入」菜單選「圖像」,彈出「選擇圖像源文件」對話框,選中該圖像文件,單擊確定
(2)使用插入欄:單擊插入欄對象按鈕>選 按鈕,彈出「選擇圖像源文件」對話框,其餘操作同上。
(3)使用面板組「資源」面板(如下圖):點按鈕,展開根目錄的圖片文件夾,選定該文件,用滑鼠拖動至工作區合適位置
註:為了管理方便,我們把圖片放在「images」文件夾內。如果圖片少,您也可以放在站點根目錄下。注意文件名要用英文或用拼音文字命名 而且使用小寫,不能用中文,否則要出現一些麻煩。 一個圖片就插入完畢了。(插入*.swf動畫文件,選擇「插入」菜單>媒體>Flash)。 【輸入歡迎文字】 在圖片右邊空白處單擊,回車換行。仍然按照上述方法,輸入文字「歡迎您……」然後,利用屬性面板對文字進行設置。 保存頁面。 一個簡單的頁面就這樣編輯完畢了。 【預覽網頁】在頁面編輯器中按F12預覽網頁效果。 網站中的第一頁,也就是首頁,我們通常在存檔時取名為index.htm。 【小結】我們製作了一個簡單的網頁。 內容有四: ①圖片插入和對齊設置; ②文字的格式、顏色和加粗等設置; ③背景顏色的設置; ④預覽網頁,查看實際效果。 不僅要掌握還要舉一反三反復練習。
4、dreamweaver怎麼製作網頁教程 dw建站設計網頁
Dreamweaver這一款專業的網頁製作軟體,相信相關專業的人員都不會陌生。可以說,它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
這里西西給大家帶來一個dreamweaver製作網頁的教程,初學DW的朋友可以參考一下。
一、定義站點
1、 在任意一個根目錄下創建好一個文件夾(我們這里假設為E盤),如取名為MyWeb。
***備註:網站中所用的文件都要用英文名。
2、打開Dreamweaver,選擇「站點—新建站點」,打開對話框。在站點名稱中輸入網站的名稱(可用中文),在本地根文件夾中選擇剛才創建的文件夾(E:web)。然後確定即可。
***備註:再次打開Dreamweaver,會自動找到剛才設立的站點。如果有多個站點,可以在菜單「站點—打開站點」中去選擇。
二、創建頁面
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件」,這樣就建好了一個頁面,默認的文件名為untitled.htm。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
***網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。
2、雙擊index.htm進入該頁面的編輯狀態。在標題空格里輸入網頁名稱,按右鍵選頁面屬性,打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背影圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。
3.此時游標位於左上角,可輸入一句話,如「歡迎來到我的主頁」。選取文字,用菜單「窗口/屬性」打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間。
4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。
***在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。
***在網頁上打入空格的辦法是:把輸入法調為全形。
***在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
三、為頁面添加圖片
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件夾」,這樣建立了一個文件夾,用它來放圖片,可以改名為tu或pic或images都可以。
2、用菜單「窗口/對象」打開對象面板,點擊「插入圖像」,在對話框里選要插入的圖片。如果會出現對話框:「你願意將該文件復制到根文件夾中嗎?」,必須選「是」,然後將它保存到剛建好的文件夾里。
3、選中該圖片,打開屬性面板,可以在上面為圖片取名,重新設置圖片的高、寬,拖住圖片角上的點可以變大小。按住shift鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸。如要恢復這原始大小,則單擊右下角的「重設大小」按鈕。
5、Dreamweaver8.0製作簡單網頁的步驟
額。。。樓主,你的要求...用文字表達不出來啊!我認為,你除了看教程來學習之外,沒有其他方法了。
給你幾個不錯Dreamweaver教程的地址吧!
1、http://homepage.yesky.com/dreamweaver/
這是圖文結合來教你Dreamweaver,下面有目錄的,你可以選擇你想學習的項目。比如說你想看如何製作網頁,就可以點擊「 Dreamweaver教程:頁面製作」和「Dreamweaver 入門:向頁面中插入圖像」。裡面介紹得很詳細,對初學者很有幫助。
2、http://www.enet.com.cn/eschool/zhuanti/dreamweaver/
這是在線視頻教程(絕對免費),本人推薦你看視頻來學習,比較形象化,容易記憶。而且裡面有實例講解,你可以看一下。
註:你如果著急的話,以上兩個網址的內容,你可以不用一章一章一節一節的看,只挑你想用的章節來學習就行(下面都有目錄的)。所以說不會花費你多少時間,短時間內就能學會,不難。
希望我的回答對你有幫助。
6、dw簡單網頁製作成品 學生作業 靜態網頁
dw很好操作的,第一次入手時可能會生疏點。
不過仔細點,做個簡單的靜態網頁還是很容易的。。。
給你個找了個基礎的教怎麼使用dw的文章,看下吧。。。
7、如何用dreamweaver製作簡單的網頁?急!!!
呵呵,這個我想你不希望見到....做一個網頁去連接到你想要找的東西,那要把所有東西放到站點的..也就是說你要在本地建一個站點,跟著要把所有的東西放進裡面的文件夾里....然後再打開一個DW,新建一個HTML..跟著做一個連接一個連接地做過去....
有問題可加505185268
8、Dreamweaver cs3 製作簡單網頁
網站製作的流程大致分設計、製作和測試三個階段~
設計階段,需要確定網站有哪些導航欄目,哪些頁面,以及確定網站風格!
製作階段分頁面製作和程序製作兩個階段:頁面製作,就是把設計圖轉換成代碼編輯的頁面(靜態頁),程序製作就是把頁面中的數據製作成程序語言輸出的形式,並且把靜態頁面整合優化!
測試階段,主要測試網站的瀏覽器兼容性,程序的安全性,代碼的規范程度!
9、急求用Dreamweaver8製作的簡單網頁一個
我有這樣的網頁很多歌 就是不知道你要的是那種 需要的可以找我