導航:首頁 > 萬維百科 > 如何設計靜態網站

如何設計靜態網站

發布時間:2020-10-11 07:39:49

1、設計網路知識的靜態網站

既然要求是使用 dreamweaver,那麼就對dreamweaver如何使用及功能,進行大量的介紹,然後用dreamweaver製作一個靜態的網站,如果不會隨便找個網站,另存為就OK了
以下是對:Macromedia Dreamweaver MX 2004 介紹:
{ 一個可視化的網頁設計和網站管理工具,支持最新的Web技術,包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態HTML、基於團隊的Web創作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。
Dreamweaver MX 2004 的十大新特性:
1.動態跨瀏覽器驗證:自動檢測標簽和CSS規則來適應所有主流瀏覽器!
2.更強大的CSS支持!
3.內建的圖形編輯引擎:修剪,改變大小,尺寸,旋轉角度,調節明暗度都不需要離開Dreamweaver環境,因為它本身集成了FW的基本圖形編輯技術.(這一點有模仿FrontPage的嫌疑,但這個功能確實很實用)!
4.安全FTP:完全加密傳輸保證文件和帳號信息的安全!
5.增強對當今技術的支持:支持當今主流的開放環境:ColdFusion,J2EE,PHP,.NET,和其他主流的伺服器技術.Dreamweaver現在加入了XML命名空間支持,ASP.NET表單控制項對象,新的參考書內容和新的PHP伺服器端行為!
6.無縫整合外部文件和代碼:直接將Word和Excel文檔復制和粘貼到Dreamweaver中,會保留字體,顏色,CSS樣式表信息.使用,使用系統支持的編碼保存任何字體,包括雙位元組字元集.
7.緊密整合MM的其他工具:加強了和MM其他幾款產品的協同工作能力.例如:你可以通過DW直接設置Flash組件的參數.
8.基本支持改良:插入條,表格工具都有改進!
9.增強代碼編寫工具:編輯代碼更省時,例如右鍵編寫代碼工具,增強的查找和替換,高效的屬性面板.
10.改進的設計開放環境:一個改良的用戶界面,更高的實用性,非常親切和有邏輯,讓你快速找到你想要的東西,一個新的開始屏幕讓你快速訪問最近的文件和教程資源. }

2、怎樣製作簡單的靜態的網頁設計

你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。

打開你要設計的網頁的設計圖,本經驗是百度經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。

設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示

接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。

用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。

接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。

接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。

剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站

另外我們還可以採用front page。也可以很容易的實現。
望採納。

3、怎麼做一個靜態網站

首先准備工具:網站製作三劍客(網上可以授到的)一般使用 Microsoft FrontPage就可以做靜態網站了,資源就是,你自己的構思,條件允許的可以注冊一個域名,和一個空間,現在很多的,一般情況下可以打電話就可以完成

與如何設計靜態網站相關的知識