教程/dreamweaver/入門 Dreamweaver 4 簡明教程4(從最簡單的網頁開始)

來源:互聯網
上載者:User
dreamweaver|教程|網頁 建立頁面

  一般推薦大家在網站視窗完成建立網頁檔案的操作,這樣有助大家清楚建立的頁面在整個網站的具體位置:

  方法一:選擇菜單上的 File > New File



  方法二:在本地目錄選中需要建立頁面的目錄,單擊右鍵,選擇 New File


在Dreamweaver UltraDev中,建立頁面的檔案名稱預設為untitled.asp。我們要給這個頁面重新起一個名字,例如是“index.htm”。改名的方法是在檔案名稱上緩慢地點擊兩下(如下圖),不要太快,否則會變成是雙擊開啟該檔案。



  其中,htm既是檔案的尾碼,也是這個網頁檔案的類型說明,表示這個網頁檔案是屬於靜態HTML檔案(也可以用尾碼html表示),以後大家緊記將網頁的尾碼改為htm或html,否則傳上到伺服器之後,瀏覽器就無法正常開啟。

  【提示】

  為什麼網站的第一頁的名字通常是index.html而不是其他?舉個例子,當你在瀏覽器打入 http://www.goeway.com/index.html 這個網址時,其實並沒有明確地指定開啟哪一個頁面,但伺服器就會自動尋找 index.html這個檔案,如果有的話,就顯示這個檔案,如果沒有,就再找index.htm,再沒有的話,就很可能會顯示錯誤資訊了。而先找index.html,再找index.htm這個順序是由伺服器決定的,並且絕大多數的伺服器都是遵循這種原則,而且一般使用者無權修改這種設定。所以我們在製作網頁時,最好將網站的第一頁命名為index.html或index.htm。
設定頁面屬性


  設定頁面屬性,是在正式開始製作網頁前一個必不可少的工序。雙擊開啟剛才建立的index.htm,就自動轉入編輯視窗。選擇Modify > Page Properties設定一些必要的頁面屬性,如下圖:




  ① Title(標題):頁面的標題會直接顯示在瀏覽器的左上方,例如用瀏覽器開啟 goEway.com 網站,可以在瀏覽器的左上方看到該頁的標題“goEway.com – 上網指南”。務必要養成為每一頁都設定一個標題的習慣,這既便於訪問者的瀏覽,也有助於你在網頁編輯的過程中區分不同的頁面。雖然標題並不是一個網頁必要的元素,但卻是體現著網頁製作者有否從細處為瀏覽者著想。

  ② Background Image(背景圖片):點擊Browse按鈕,可以為網頁添加背景圖片。

  ③ Background(背景顏色):預設為白色,點擊 可以選擇其他的顏色。後面“#FFFFFF”是以16進位形式顯示的RGB色值。

  ④ Text(文字顏色):在這裡將文字設定為黑色。要注意,假如不對背景及文字的顏色進行設定(此時RGB色值顯示為空白),那麼瀏覽器在顯示頁面的時候,就會採用系統的預設設定。但因為不同的系統的設定都可能會有所區別,這樣就回導致頁面的顯示效果也是千差萬別。因為,為了更好地讓頁面體現出你的設計思想,就千萬別忘記設定頁面的背景顏色及文字顏色。

  ⑤ Link(連結顏色):設定超級連結的顏色,不設定則預設為藍色。

  ⑥ Left和Top:設定左部及頂部的頁面邊界,一般都設定為“0”以方便於網頁的編輯。

  確保頁面的設定正確後,點擊 OK 結束。

製作一個最簡單的網頁

  萬事起頭難,就讓我們先從最簡單的網頁做起。如果你是按照先前的步驟一步一步做下來,那麼應該可以如下類似的畫面:



  此時游標處於編輯視窗的最最左上方,現在可輸入你喜歡的任何文字,例如:“歡迎來到 goEway.com”,選取文字,在屬性面板上的Size下拉式功能表 選取文字的大小,例如“6”,再點擊 使文字置中,再在文字前敲幾個斷行符號,使文字下移,直到使文字完全至於頁面中央高度為止,如下圖:



  選取菜單 File > Save 儲存頁面,恭喜你,你的第一個網頁就已經完成了,按 F12 看看頁面效果,滿意嗎?



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。