⑴ Dreamweaver CS6 製作一個簡單網頁
以實例說明Dreamwaver CS 6版本的應用。即使現在用很多有關DreamwaverCS6版本的書籍資料,但是資料太過復雜,反而不知道從而下手。這篇經驗將以本人經驗說說Dreamwaver CS6 的使用。這里舉的例子是「新聞網頁首頁」的製作。
打開DW,DW界面如圖
分析所製作的網頁的需求,明確目標
明確需求。如果是建議一個網站,需要建立一個站點,方便管理並使製作步驟更為有條理。
新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」,放在Dreamwaver CS6文件夾下的新聞網頁文件夾
在新聞網頁文件夾下新建「images」文件,導入製作網頁所需要的素材,這里所需要的素材都是圖片
新建HTML,選擇「創建」
在「標題」中輸入「新聞網頁首頁」,轉換到「設計」界面
根據製作網頁需求插入表格,只是在行列有所變化,下面的「表格寬度」以下選項根據圖設置
插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之後變黑。在屬性中對齊選項選擇「居中對齊」
在表格第一行第一列輸入「用戶名」,在第一行第二個表格插入「文件域」。然後是密碼,同樣的插入「文件域」。切換到「拆分」界面,選中密碼對應的「文件域」,將「type」改為「password」
插入圖像,不知道怎麼填的話就一直選擇「確定」即可
插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什麼就一直「確定」,無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」,附上效果圖
選中第二行,點擊滑鼠右鍵,選擇「表格」,「合並單元格」
在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件
點擊製作好的HTML文件,選擇用360瀏覽器打開,輸入用戶名和密碼,然後會看到如下情況:用戶名課件,密碼不可見,符合實際
當然也可以在Dreamwaver CS6 的實時視圖中完成第15步
⑵ 自己怎麼建立個網站
做網站的流程1、注冊域名
網站建設基本流程的第一步,申請域名,域名就是一個網站的網址,一個好的網站當然應該具備一個簡潔好記的域名,我們常見的域名是.com或.cn,也比較建議注冊這種,一些比較奇葩的非主流域名就不要嘗試了。域名並不貴,一般也就幾十塊錢一年。申請域名現在可以有許多渠道,像第三方建站平台也可以注冊域名。
2、確定網站主題
網站的主題方向非常重要,你建立這個網站的目的是什麼?主要面向什麼群體?網站是做電商?公益?藝術展示?還是教育?……這些都要提前想清楚,有了主題,你才好確定自己的網站要走什麼風格,以及網站的結構、欄目設置、風格顏色、文字圖片的組合等。主題是網站的靈魂,在開始建站前,我們必須做到心裡有數。
3、選擇合適的建站方式
通常來講,網站的建立需要編程、寫代碼,如果你有基礎,且不怕麻煩,可以花費大量的時間學習HTML,CSS等知識,做一個自己的網站。
如果非專業人士這樣去學就沒有必要,對於不懂代碼的小白來講,可以到一些建站網站使用模板一鍵建站,就像凡科建站,海量模板。
4、開始搭建自己的網站
選擇好合適的自助建站平台後,就可以好好搭建網站了。打開線上建站網站,選擇一個自己需要的模板,進入模板編輯頁面。編輯過程中可以隨時預覽網站效果,審核通過後就能看到自己的網站了。
5、測試網站
網站上線之後,要測試看看有沒有bug,瀏覽是否順暢,速度是不是夠快?要保證訪客有比較好的瀏覽體驗。
6、優化維護
這是網站建設流程中很重要的一步,也是最容易被忘記的一步。對網站進行進一步的排版、美化、修飾,如果需要,你可以多學習一些PS和UI知識。不要忘了對網站的維護更新,要經常優化網站內容,讓網站布局更合理,聽取訪客意見,這樣你的網站才會更受歡迎,也能夠有一個比較好的搜索排名。
建網站上凡科建站,海量模板素材/豐富功能控制項/拖拽式自由操作/後續維護便利,四站合一不懂代碼也能快速搭建精美網站。
3000+模板任你選!點擊這里獲取簡單快捷的網站製作工具:凡科建站
⑶ 如何用dw軟體製作網頁的小網站
在Dreamweaver中啟動項目,首先需要設定網站的目標與需求。創建一個名為「新聞網頁」的站點,放置於Dreamwaver CS6文件夾下的相應文件夾內。接著,在「新聞網頁」文件夾中建立「images」文件夾,用於存放製作網頁所需的圖像素材。
在Dreamweaver中創建新HTML文件,輸入標題為「新聞網頁首頁」。切換至設計模式,根據需求插入表格,調整其行列和寬度等屬性,使表格在頁面中居中顯示。在表格的第一行第一列輸入「用戶名」,並在同一行第二個單元格插入文件域。在密碼對應的單元格插入文件域,並將「type」屬性設置為「password」,以實現密碼輸入框的隱藏效果。
插入圖像時,可直接選擇「確定」按鈕以繼續操作。同樣地,插入按鈕時也採用同樣的方法,最後在屬性欄中將按鈕的值更改為「登錄」。在網頁中添加谷歌logo圖像,以增強頁面的美觀度。
選中第二行,通過右鍵菜單中的「表格」選項,將兩個單元格合並為一個。插入所需圖像,完成頁面的初步構建。保存HTML文件,並在Dreamweaver CS6的實時視圖中預覽頁面效果。
點擊製作好的HTML文件,在360瀏覽器中打開,輸入用戶名和密碼,確認頁面效果是否符合預期。頁面應顯示用戶名可見,而密碼輸入框中輸入的內容將被隱藏,確保用戶信息安全。
整個製作過程需要耐心和細心,確保每一步操作都准確無誤。在Dreamweaver CS6中,通過實時視圖功能可以即時查看頁面效果,方便調整優化。
⑷ 如何用dw軟體製作網頁的小網站
打開DW,DW界面如圖
2
分析所製作的網頁的需求,明確目標
3
明確需求。如果是建議一個網站,需要建立一個站點,方便管理並使製作步驟更為有條理。
4
新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」,放在Dreamwaver CS6文件夾下的新聞網頁文件夾
5
在新聞網頁文件夾下新建「images」文件,導入製作網頁所需要的素材,這里所需要的素材都是圖片
6
新建HTML,選擇「創建」
在「標題」中輸入「新聞網頁首頁」,轉換到「設計」界面
根據製作網頁需求插入表格,只是在行列有所變化,下面的「表格寬度」以下選項根據圖設置
插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之後變黑。在屬性中對齊選項選擇「居中對齊」
在表格第一行第一列輸入「用戶名」,在第一行第二個表格插入「文件域」。然後是密碼,同樣的插入「文件域」。切換到「拆分」界面,選中密碼對應的「文件域」,將「type」改為「password」
插入圖像,不知道怎麼填的話就一直選擇「確定」即可
插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什麼就一直「確定」,無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」,附上效果圖
選中第二行,點擊滑鼠右鍵,選擇「表格」,「合並單元格」
在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件
點擊製作好的HTML文件,選擇用360瀏覽器打開,輸入用戶名和密碼,然後會看到如下情況:用戶名課件,密碼不可見,符合實際
步驟閱讀
當然也可以在Dreamwaver CS6 的實時視圖中完成第15步