導航:首頁 > 萬維百科 > 用dw製作購物網頁設計

用dw製作購物網頁設計

發布時間:2021-01-28 09:07:33

1、用 DW 做框架 網頁的製作 怎麼弄

所謂框架,就是一個規定位置的文件,和幾個分文件(這幾個文件都是普通的文件,只不過被規定位置的文件調用在同一界面顯示的不同位置罷了)。那上下結構的來說主文件就是通過規定上下兩個Iframe的位置來吧頁面劃成兩塊的,兩個iframe的目標文件分別是兩個分文件。

建立框架的時候DW會要求你命名各個文件的名稱,拿上下結構來說,首先會要你命名主文件,然後會通過虛框在視圖窗口顯示代命名的另外兩個文件
DW默認框架結構各文件是.htm的,你點擊每塊,他會在新窗口打開該文件讓你編輯,保存的時候,要是只想保存各個塊的話就在新窗k口保存,
也可以在主文件上選擇保存全部,把所有的修改都保存

2、如何用dw軟體製作網頁的小網站

打開DW,DW界面如圖

2
分析所製作的網頁的需求,明確目標

3
明確需求。如果是建議一個網站,需要建立一個站點,方便管理並使製作步驟更為有條理。

4
新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」,放在Dreamwaver CS6文件夾下的新聞網頁文件夾

5
在新聞網頁文件夾下新建「images」文件,導入製作網頁所需要的素材,這里所需要的素材都是圖片

6
新建HTML,選擇「創建」

在「標題」中輸入「新聞網頁首頁」,轉換到「設計」界面

根據製作網頁需求插入表格,只是在行列有所變化,下面的「表格寬度」以下選項根據圖設置

插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之後變黑。在屬性中對齊選項選擇「居中對齊」

在表格第一行第一列輸入「用戶名」,在第一行第二個表格插入「文件域」。然後是密碼,同樣的插入「文件域」。切換到「拆分」界面,選中密碼對應的「文件域」,將「type」改為「password」

插入圖像,不知道怎麼填的話就一直選擇「確定」即可

插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什麼就一直「確定」,無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」,附上效果圖

選中第二行,點擊滑鼠右鍵,選擇「表格」,「合並單元格」

在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件

點擊製作好的HTML文件,選擇用360瀏覽器打開,輸入用戶名和密碼,然後會看到如下情況:用戶名課件,密碼不可見,符合實際
步驟閱讀

當然也可以在Dreamwaver CS6 的實時視圖中完成第15步

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、專業的網頁設計師是用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、怎麼用dreamweaver製作簡單網頁

利用這個dreamweaver輔助軟體需要有以下幾個要求:
1、要熟練的掌握相應的代碼;
2、要靈活的運用div+css;
3、要有邏輯和變通能力。
只要能夠符合上述要求的,就可以自己嘗試去製作一個簡單的網頁,使用div+css時,將css弄成導入式的即可(這個軟體有這功能)!

6、使用DW 製作網頁,應用在淘寶店鋪上。

先買旺鋪,或者你用的扶植版,才能裝修。如果直接在淘寶模塊里寫代碼,首先不能用css。如果你在別的空間上傳,那就可以用。不建議直接自己製作,因為這很盲目。建參考別人的店鋪裝修。當然,像標准版,不是你想怎麼裝修就怎麼裝修的,淘寶有限制

7、用DW5如何製作購物網站

DW只是個排版工具,想自己寫商城得會動態語言和資料庫的。

8、如何用dreamweaver 8 製作購物網站的彈出式菜單?

做了隱藏div。用js控制。當滑鼠放上時div的display為block;;滑鼠離開display為none

9、dw怎麼做這個網頁(用設計)

一個表格一張圖片幾個文字 最簡單了

與用dw製作購物網頁設計相關的知識