1、怎麼用dreamweaver製作簡單網頁
利用這個dreamweaver輔助軟體需要有以下幾個要求:
1、要熟練的掌握相應的代碼;
2、要靈活的運用div+css;
3、要有邏輯和變通能力。
只要能夠符合上述要求的,就可以自己嘗試去製作一個簡單的網頁,使用div+css時,將css弄成導入式的即可(這個軟體有這功能)!
2、怎麼用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。 【小結】我們製作了一個簡單的網頁。 內容有四: ①圖片插入和對齊設置; ②文字的格式、顏色和加粗等設置; ③背景顏色的設置; ④預覽網頁,查看實際效果。 不僅要掌握還要舉一反三反復練習。
3、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鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸。如要恢復這原始大小,則單擊右下角的「重設大小」按鈕。
4、專業的網頁設計師是用DW做網頁,還是自己用記事本寫html。
1,
word是文字處理軟體,能做網頁是為了方便,但決不是做專門做網頁的人用的.
你寫出什麼,出來的就是什麼.
dw是做網頁的專業軟體,目前設計師必須會用的,應該算首選.
寫代碼可以做出響應的效果,當然也可以像word一樣,看著編輯,他自動生成編碼.
2,無論什麼語言,在dw里都可以做,當然你要符合他的編碼規格,只要你寫的代碼是正確的,在記事本,word或其他什麼地方寫不是問題.
3,dw功能強大,word根本沒法比,當然前提是你兩個都會用.
4,沒人用word做網頁,你看看招聘網頁設計的沒有要求會用word吧.
5,很簡單!
DW是Macromedia公司的
微軟是Microsoft.
軟體升級那是肯定的,無論哪個軟體不升級就只能被淘汰.
6,微軟的Office里Frontpage應該算是做網頁的,從這點就能看出word絕對不是做網頁設計用的,
Frontpage雖然可以做網頁,但專業網頁設計師應該沒有用它的,至少我和我認識的人都沒有用,功能太少,不所以很簡單,如果是做個人網站,要求不太高的話,可以用用.
如果你想做的專業點就用dw,其他的不用學了一個就夠.
5、網頁設計的初學者想問一些關於PS和DW很簡單的問題。
看你的目標是什麼了,根據你說的你的目標應該是前端設計,前端設計需要軟體dw,ps,js這是必須的,當然還有別的比如Flash,fireworks等,加油吧,任重道遠
6、網頁製作必須要先學html嗎,還是說只學dreamweaver就可以作出一個簡單的網頁
html是一種網頁基本代碼編寫語言,而Dreamweaver是網頁製作工具。
就算學會了Dreamweaver,可以用設計界面製作簡單網頁,自動生成網頁代碼。但是如果不熟悉html的話,無法達到滿意效果。
7、急求一個用DW簡單的網頁設計作品,網頁不用太多,三個就行
你去淘寶買一個,幾塊錢,可以做出你想要的。在這別人沒時間理你的。
8、請問做網頁用代碼好還是直接用dw設計好?
盡量不要用DW這些可視化的工具寫,不過用於查看還是不錯的,因為當你把代碼編輯窗口和預覽窗口分成兩格時,比較容易定位,這也是使用DW比較少的好處了。
寫網頁時,你會發現直接放置控制項的方法很難定位,或者初期定位了很難調整,因為html里的定位是用div,css以一些規則來進行的,因此應該學會這些規則,而不是用可視化工具來實現,這樣你才能真正掌握html編寫網頁。用一個簡單的文本編輯器即可,有html和css語法加亮最好,如notepad++。
9、dw怎麼做這個網頁(用設計)
一個表格一張圖片幾個文字 最簡單了