用Dreamweaver製作網頁的基本步驟
如何使用Dreamweaver製作一個網頁?這個教程具體詳細講解了製作網頁的步驟,及注意的問題,並且拿一個例項來給大家做了一下詳細講解!
建立網頁頁面
1、在Dreamveaver“檔案-新建-常規-基本頁-HTML”,這樣就建好了一個頁面,英文版的預設的檔名為。中文版的的預設的檔名為“無標題文件”。htm就表示這個網頁檔案是一個靜態的HTML檔案。給它改名為。
注:網站第一頁的名字通常是或。其它頁面的名字可以自己取。這也就是主頁,上傳後開啟網頁預設連線到此頁。
2、在標題空格里輸入網頁名稱,點選修改-頁面屬性,開啟“頁面屬性”視窗。在這裡可以設定網站的標題、背景顏色或背景影象,超級連結的顏色(一般預設即可),其他都保持預設即可。
3.此時光標位於左上角,可輸入一句話,如“歡迎來到我的主頁”。選取文字,用選單“視窗/屬性”開啟屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間等。
4.如要選取字型,則選擇字型中的最後一項:編輯字型列表。然後在對話方塊中選+號,接著在“可用字型”欄中選擇需要加入到字型列表中的一種字型,點選中間的按鈕就可以加入了。
注:在網頁上最常用的是宋體字。不要將特殊的字型加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。
注:在網頁上打入空格的辦法是:把輸入法調為全形。
注:在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
下面拿一個現成的例子來給大家講解一下:
現在,以下邊的簡單網頁為例,敘述一下製作過程。簡單網頁如下圖:
在開始製作之前,我們先對這個頁面進行一下分析。看看這個頁面用到了哪些東西。
網頁頂端的標題“我的主頁”是一段文字。
網頁中間是一幅圖片。
最下端的.歡迎詞是一段文字。
網頁背景是一深紫紅顏色。
構思好這個網頁的結構,我們就可以開始製作了。
首先啟動Dreamweaver,確保你已經用站點管理器建立好了一個網站(根目錄)。
為了製作方便,請您事先開啟資源管理器,把要使用的圖片收集到網站目錄images資料夾內。
【插入標題文字】
進入頁面編輯設計檢視狀態。在一般情況下,編輯器預設左對齊,游標在左上角閃爍,游標位置就是插入點的位置。如果要想讓文字居中插入,點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊,我們可以對它進行設定。
【設定文字的格式】 選中文字,在上圖屬性面板中將字型格式設定成預設字型,大小可任意更改字號。並選中“B”將字型變粗。
【設定文字的顏色】首先選中文字,在屬性面板中,單擊顏色選擇圖示,在彈出的顏色選擇器中用滴管選取顏色即可。
【設定網頁的標題和背景顏色】
點選“修改”選單選“頁面屬性”。系統彈出頁面屬性對話方塊(如下圖)
請在標題輸入框填入標題“我的主頁”。
設定背景顏色: 網頁背景可以是圖片,也可以是顏色。此例是顏色。如上圖開啟背景顏色選擇器進行選取。如果背景要設為圖片,點選背景圖象“瀏覽”按鈕,系統彈出圖片選擇對話方塊,選中背景圖片檔案,點選確定按鈕。
設計檢視狀態,在標題“我的主頁”右邊空白處單擊滑鼠,回車換一行,按照以下的步驟插入一幅畫圖片,並使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。
【插入影象】選擇以下任意一種方法:
(1)使用插入選單:在“插入”選單選“影象”,彈出“選擇影象原始檔”對話方塊,選中該影象檔案,單擊確定。如下圖:
(2)使用插入欄:單擊插入欄物件按鈕>選 按鈕,彈出“選擇影象原始檔”對話方塊,其餘操作同上。
(3)使用面板組“資源”面板(如下圖):點按鈕,展開根目錄的圖片資料夾,選定該檔案,用滑鼠拖動至工作區合適位置。
注:為了管理方便,我們把圖片放在“images”資料夾內。如果圖片少,您也可以放在站點根目錄下。注意檔名要用英文或用拼音文字命名而且使用小寫,不能用中文,否則要出現一些麻煩。
一個圖片就插入完畢了。(插入*動畫檔案,選擇“插入”選單>媒體>Flash)。
【輸入歡迎文字】
在圖片右邊空白處單擊,回車換行。仍然按照上述方法,輸入文字“歡迎您……”然後,利用屬性面板對文字進行設定。
儲存頁面。
一個簡單的頁面就這樣編輯完畢了。
【預覽網頁】在頁面編輯器中按F12預覽網頁效果。
網站中的第一頁,也就是首頁,我們通常在存檔時取名為。
-
淺析JavaScript基本型別與引用型別
兩種型別:ECMAScript變數包含兩種不同型別的值:基本型別值、引用型別值;基本型別值:指的是儲存在棧記憶體中的簡單資料段;引用型別值:指的是那些儲存在堆記憶體中的`物件,意思是,變數中儲存的實際上只是一個指標,這個指標指向記憶體中的另一個位置,由該位置儲存物件;兩種訪問方...
-
SQL的SUBSTR 函式的使用方法介紹
SUBSTR函式是用來擷取資料庫某一列欄位中的一部分。在各個資料庫的函式名稱不一樣(真是蛋疼,後發明的`資料庫難道不能同先發明的一樣嗎?)複製程式碼程式碼如下:MySQL:SUBSTR(),SUBSTRING()Oracle:SUBSTR()SQLServer:SUBSTRING();常用的方式是:SBUSTR(str,pos);就是從pos...
-
php專案經理的職責表述7篇
php專案經理的職責表述11、負責售前技術支援。配合銷售人員作售前產品技術講解、演示;2、根據客戶需求反饋研發,提供良好解決方案3、遠端現場技術支援4、網路環境搭建和伺服器配置;5、車載產品安裝除錯;6、軟體平臺安裝除錯;7、負責區域售後技術支援;8、參與項...
-
JavaScript資料結構與演算法中集合的實現
集合(Set)說起集合,就想起剛進高中時,數學第一課講的就是集合。因此在學習集合這種資料結構時,倍感親切。集合的基本性質有一條:集合中元素是不重複的。因為這種性質,所以我們選用了物件來作為集合的容器,而非陣列。雖然陣列也能做到所有不重複,但終究過於繁瑣,不如集...