❶ 如何用dw軟體製作網頁的小網站
打開DW,DW界面如圖
2
分析所製作的網頁的需求,明確目標
3
明確需求。如果是建議一個網站,需要建立一個站點,方便管理並使製作步驟更為有條理。
4
新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」,放在Dreamwaver CS6文件夾下的新聞網頁文件夾
5
在新聞網頁文件夾下新建「images」文件,導入製作網頁所需要的素材,這里所需要的素材都是圖片
6
新建HTML,選擇「創建」
在「標題」中輸入「新聞網頁首頁」,轉換到「設計」界面
根據製作網頁需求插入表格,只是在行列有所變化,下面的「表格寬度」以下選項根據圖設置
插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之後變黑。在屬性中對齊選項選擇「居中對齊」
在表格第一行第一列輸入「用戶名」,在第一行第二個表格插入「文件域」。然後是密碼,同樣的插入「文件域」。切換到「拆分」界面,選中密碼對應的「文件域」,將「type」改為「password」
插入圖像,不知道怎麼填的話就一直選擇「確定」即可
插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什麼就一直「確定」,無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」,附上效果圖
選中第二行,點擊滑鼠右鍵,選擇「表格」,「合並單元格」
在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件
點擊製作好的HTML文件,選擇用360瀏覽器打開,輸入用戶名和密碼,然後會看到如下情況:用戶名課件,密碼不可見,符合實際
步驟閱讀
當然也可以在Dreamwaver CS6 的實時視圖中完成第15步
❷ 怎麼用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)使用插入菜單:在「插入」菜單選「圖像」,彈出「選擇圖像源文件」對話框,選中該圖像文件,單擊確定
❸ 如何使用Dreamweaver製作一個網頁
首先要下載安裝Dreamveaver程序,接下來按下面步驟來操作:
創建網頁頁面
1、在Dreamveaver「文件-新建-常規-基本頁-HTML」,這樣就建好了一個頁面,英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為「無標題文檔」。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
註:網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁,上傳後打開網頁默認連接到此頁。
2、在標題空格里輸入網頁名稱,點擊修改-頁面屬性,打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背景圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。
3.此時游標位於左上角,可輸入一句話,如「歡迎來到我的主頁」。選取文字,用菜單「窗口/屬性」打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間等。
4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。
註:在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。
註:在網頁上打入空格的辦法是:把輸入法調為全形。
註:在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
下面拿一個現成的例子來給大家講解一下:
現在,以下邊的簡單網頁為例,敘述一下製作過程。簡單網頁如下圖:
註:為了管理方便,我們把圖片放在「images」文件夾內。如果圖片少,您也可以放在站點根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫,不能用中文,否則要出現一些麻煩。
一個圖片就插入完畢了。(插入*.swf動畫文件,選擇「插入」菜單>媒體>Flash)。
【輸入歡迎文字】
在圖片右邊空白處單擊,回車換行。仍然按照上述方法,輸入文字「歡迎您……」然後,利用屬性面板對文字進行設置。
保存頁面。
一個簡單的頁面就這樣編輯完畢了。
【預覽網頁】在頁面編輯器中按F12預覽網頁效果。
網站中的第一頁,也就是首頁,我們通常在存檔時取名為index.htm。
❹ 如何使用dreamweaver製作網頁
工具/原料
Dreamweaver CS6
方法/步驟
1、新建一個ASP網頁並且保存。如圖所示
❺ DW軟體製作網頁
創建網頁頁面 1、在Dreamveaver「文件-新建-常規-基本頁-HTML」,這樣就建好了一個頁面,英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為「無標題文檔」。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
❻ 如何製作dw網頁
製作dw網頁的操作如下
在網上下載dw的軟體,點擊打開軟體。
點擊文件,找到新建,開始進行下一個步驟。
創建一個html,然後確定文檔類型,然後點擊確定。
在代碼中的<body></body>中加入我們的代碼內容。
填寫好你想寫的代碼內容後,點擊保存,點擊F12,預覽效果,簡單網頁內容就寫好了。
❼ 怎麼用dreamweaver製作簡單網頁
第一步:打開dw,點擊dw左上角的文件按鈕。
❽ dreamweaver如何製作網頁
在dw中點擊「文件->新建->常規->基本頁->HTML」,這樣就可以輕松的建好了一個網頁。英文版的默認為文件名untitled.htm。中文版的默認為文件名「無標題文檔」。htm表示的是這個網頁文件是一個靜態的HTML文件。
下載了網頁模板程序後,用dreamweaver修改的具體操作步驟:
在標題空格那裡輸入網頁的名稱,點擊—頁面屬性,打開這個窗口後在這里可以設置網站標題、背景顏色還有背景圖像,超級鏈接顏色,其他都保持默認值就可以了。
這個時候游標在左上角,你可以輸入一句話,如「歡迎大家來到我的主頁」,用文字,用菜單「窗口/屬性」打開屬性面板,取文字的大小,再把文字設置為居中,然後在文字的前面敲幾下回車就位於頁面中間了。
要選取字體,即選擇字體中的最後一項:即編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體,點擊中間的按鈕就可以加入了。
❾ dreamweaver怎麼做一個簡單的網頁
1.
打開DW,DW界面如圖
2. 分析所製作的網頁的需求,明確目標
3. 明確需求。如果是建議一個網站,需要建立一個站點,方便管理並使製作步驟更為有條理。
4. 新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」,放在Dreamwaver CS6文件夾下的新聞網頁文件夾
5. 在新聞網頁文件夾下新建「images」文件,導入製作網頁所需要的素材,這里所需要的素材都是圖片
6. 新建HTML,選擇「創建」
7. 在「標題」中輸入「新聞網頁首頁」,轉換到「設計」界面
8. 根據製作網頁需求插入表格,只是在行列有所變化,下面的「表格寬度」以下選項根據圖設置
9. 插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之後變黑。在屬性中對齊選項選擇「居中對齊」
10.在表格第一行第一列輸入「用戶名」,在第一行第二個表格插入「文件域」。然後是密碼,同樣的插入「文件域」。切換到「拆分」界面,選中密碼對應的「文件域」,將「type」改為「password」
11.插入圖像,不知道怎麼填的話就一直選擇「確定」即可
12.插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什麼就一直「確定」,無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」
13.選中第二行,點擊滑鼠右鍵,選擇「表格」,「合並單元格」
14.在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件
15.點擊製作好的HTML文件,選擇用360瀏覽器打開,輸入用戶名和密碼,然後會看到如下情況:用戶名課件,密碼不可見,符合實際
16.當然也可以在Dreamwaver CS6 的實時視圖中完成第15步
❿ 怎樣用dreamweaver製作網頁
一、工具;Dreamweaver CS6
二、操作 步驟:
【1】新建一個ASP網頁並且保存。如圖所示