




已閱讀5頁,還剩1頁未讀, 繼續免費閱讀
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
本教程主要是針對初學者,如何使用Dreamweaver制作一個網頁?這個教程具體詳細講解了制作網頁的步驟,及注意的問題,并且拿一個實例來給大家做了一下詳細講解! 創建網頁頁面 1、在Dreamveaver“文件新建常規基本頁HTML”,這樣就建好了一個頁面,英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為“無標題文檔”。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。 注:網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁,上傳后打開網頁默認連接到此頁。 2、在標題空格里輸入網頁名稱,點擊修改頁面屬性,打開“頁面屬性”窗口。在這里可以設置網站的標題、背景顏色或背景圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。 3此時光標位于左上角,可輸入一句話,如“歡迎來到我的主頁”。選取文字,用菜單“窗口/屬性”打開屬性面板,選取文字大小為6,再使文字居中,然后在文字前用幾個回車使其位于頁面中間等。 4如要選取字體,則選擇字體中的最后一項:編輯字體列表。然后在對話框中選+號,接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。 注:在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片后再使用。 注:在網頁上打入空格的辦法是:把輸入法調為全角。 注:在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。 下面拿一個現成的例子來給大家講解一下: 現在,以下邊的簡單網頁為例,敘述一下制作過程。簡單網頁如下圖: 在開始制作之前,我們先對這個頁面進行一下分析。看看這個頁面用到了哪些東西。 網頁頂端的標題“我的主頁”是一段文字。 網頁中間是一幅圖片。 最下端的歡迎詞是一段文字。 網頁背景是一深紫紅顏色。 構思好這個網頁的結構,我們就可以開始制作了。 首先啟動Dreamweaver,確保你已經用站點管理器建立好了一個網站(根目錄)。 為了制作方便,請您事先打開資源管理器,把要使用的圖片收集到網站目錄images文件夾內。【插入標題文字】 進入頁面編輯設計視圖狀態。在一般情況下,編輯器默認左對齊,光標在左上角閃爍,光標位置就是插入點的位置。如果要想讓文字居中插入,點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊,我們可以對它進行設置。 【設置文字的格式】 選中文字,在上圖屬性面板中將字體格式設置成默認字體,大小可任意更改字號。并選中“B”將字體變粗。 【設置文字的顏色】首先選中文字,在屬性面板中,單擊顏色選擇圖標,在彈出的顏色選擇器中用滴管選取顏色即可。 【設置網頁的標題和背景顏色】 點擊“修改”菜單選“頁面屬性”。系統彈出頁面屬性對話框(如下圖) 請在標題輸入框填入標題“我的主頁”。 設置背景顏色:網頁背景可以是圖片,也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進行選取。如果背景要設為圖片,點擊背景圖象“瀏覽”按鈕,系統彈出圖片選擇對話框,選中背景圖片文件,點擊確定按鈕。 設計視圖狀態,在標題“我的主頁”右邊空白處單擊鼠標,回車換一行,按照以下的步驟插入一幅畫圖片,并使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。 【插入圖像】選擇以下任意一種方法: (1)使用插入菜單:在“插入”菜單選“圖像”,彈出“選擇圖像源文件”對話框,選中該圖像文件,單擊確定。如下圖: (2)使用插入欄:單擊插入欄對象按鈕選 按鈕,彈出“選擇圖像源文件”對話框,其余操作同上。 (3)使用面板組“資源”面板(如下圖):點按鈕,展開根目錄的圖片文件夾,選定該文件,用鼠標拖動至工作區合適位置。 注:為了管理方便,我們把圖片放在“images”文件夾內。如果圖片少,您也可以放在站點根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫,不能用中文,否則要出現一些麻煩。 一個圖片就插入完畢了。(插入*.swf動畫文件,選擇“插入”菜單媒體Flash)。 【輸入歡迎文字】 在圖片右邊空白處單擊,回車換行。仍然按照上述方法,輸入文字“歡迎您”然后,利用屬性面板對文字進行設置。 保存頁面。 一個簡單的頁面就這樣編輯完畢了。 【預覽網頁】在頁面編輯器中按F12預覽網頁效果。 網站中的第一頁,也就是首頁
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 幼兒園課程整合的實踐與研究計劃
- 行政管理應試者如何提高解題能力的建議試題及答案
- API 文檔撰寫技能考題及答案
- 年度財務管理與預算控制策略計劃
- 城市交通規劃與社區規劃重點基礎知識點
- 軟件工程中的風格與模式應用試題及答案
- 2024年中鐵六局集團有限公司招聘筆試真題
- 2024年中國廣核集團有限公司招聘筆試真題
- 2024年內蒙古呼和浩特相親派招聘筆試真題
- 2024年甘肅省科學技術廳下屬事業單位真題
- GB/T 14352.2-2010鎢礦石、鉬礦石化學分析方法第2部分:鉬量測定
- GB/T 10069.3-2008旋轉電機噪聲測定方法及限值第3部分:噪聲限值
- GB 252-2015普通柴油
- 《活著》作品簡介名著導讀PPT
- 硅酸鈣板、含鋯型硅酸鋁纖維棉、高鋁型硅酸鋁纖維棉技術規格
- 2018年可行性研究報告投資估算及財務分析全套計算表格共14個附表excle帶公式只更改標紅部分即可帶說明
- 企業落實安全生產主體責任重點事項清單(20項要點)
- 護士分層級培訓與管理課件
- 《人機工程學》第5章人的作業能力與疲勞課件
- 彩鋼產品合格證
- 人臉識別外文文獻(共9頁)
評論
0/150
提交評論