網頁設計之新手入門?

在開始學習網頁設計之前,需要掌握網頁設計中的基本概念:1、伺服器與瀏覽器;2、超連結(重中之重);3、URL(網址,如一種標籤語言書寫)4、網站(在internet上固定的面向全世界釋出訊息的地方,由域名和網站空間構成)等等。Dreamweaver8是一款非常普遍的網頁設計工具之一。現在介紹如何使用Dreamweaver8建一個最基本的網頁。

網頁設計之新手入門

工具/原料

電腦軟體Macromedia Dreamweaver 8

方法/步驟

建立本地站點:開啟Macromedia Dreamweaver 8,選擇選單【站點】—【管理站點】命令,單擊【新建】—【站點】命令。“站點定義”對話方塊中有“基本”和“高階”2個選項卡,選擇“基本”。在第一個輸入框輸入你給網站起的名字。

網頁設計之新手入門

網頁設計之新手入門

單擊“下一步“按鈕,在出現的對話方塊,選擇第一個選項。如圖所示。

網頁設計之新手入門

再單擊“下一步”,在對話方塊中選擇第一個選項,即在本地計算機上編輯網站的副本,等完成後再上傳到伺服器。

網頁設計之新手入門

單擊“下一步”,在出現的對話方塊選擇在下拉列表中的“無”。如圖所示。

網頁設計之新手入門

最後單擊“下一步”按鈕,出現的對話方塊選擇“完成”。

網頁設計之新手入門

網頁設計之新手入門

建立文件

網站建立一個HTML,並命名“index.html”。可選擇點選已經建立的“站點”,按住滑鼠右鍵,彈出許多選項,選擇第一選項“新建檔案”。還希望增加HTML的,是一樣的操作。

網頁設計之新手入門

用滑鼠雙擊網站管理視窗中的index.html檔案,就會開啟其文件視窗。如圖所示。

網頁設計之新手入門

在index.html檔案中,設計文字。我選擇的文字。如圖所示

網頁設計之新手入門

如何在在index.html檔案中插入圖片並排版。

網頁設計之新手入門

建立超連結

文字超連結。具體操作,如下圖。

網頁設計之新手入門

圖片超連結。具體操作,如下圖。

網頁設計之新手入門

最後別忘了儲存。點選“在瀏覽器中預覽/除錯”,檢視效果。如圖。

網頁設計之新手入門

最後完成了,是不是很簡單?因為是很基礎的,給大家做個瞭解和認識,所以網頁風格隨意,不正式。

網頁設計之新手入門

注意事項

其實,學習過程是需要耐心、細心,效果才會比較明顯的。小編也是操作多次,總結出來的。

網站, 網頁, 新手入門, 標籤, 超連結,
相關問題答案