亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)的制作步驟

時(shí)間:2024-06-30 12:34:06 網(wǎng)頁(yè)設(shè)計(jì) 我要投稿
  • 相關(guān)推薦

網(wǎng)頁(yè)設(shè)計(jì)的制作步驟

 、 單擊“開(kāi)始”—“所有程序”—“Microsoft Office”→“Microsoft Office FrontPage 2003”,啟動(dòng)FrontPage 2003,進(jìn)入網(wǎng)頁(yè)編輯窗口;

 、 在網(wǎng)頁(yè)編輯窗口,單擊“文件”—“保存”,彈出Windows保存窗口,指定目標(biāo)文件夾為“我的文檔”,指定文件名稱“index.htm”;

 、 單擊“保存”,則index.htm文件建立完畢。

  網(wǎng)頁(yè)制作步驟⑵ 添加標(biāo)題圖片

  ① 單擊菜單“插入”—“圖片”—“來(lái)自文件”,彈出打開(kāi)圖片對(duì)話框,選擇所要插入的圖片;

 、 單擊“插入”,標(biāo)題圖片插入完成。

  網(wǎng)頁(yè)制作步驟⑶ 在標(biāo)題圖片下添加滾動(dòng)文字

  ① 單擊回車鍵,使光標(biāo)位于標(biāo)題圖片下最左端;

 、 單擊“插入”—“Web組件”,在“組件類型”欄中選擇“動(dòng)態(tài)效果”,在“選擇一種效果”欄中選擇“字幕”;

 、 單擊“完成”;

  ④ 在文本欄內(nèi)輸入比如“你好!歡迎訪問(wèn)我的個(gè)人網(wǎng)頁(yè)……”,單擊“樣式”—“格式”,彈出格式菜單。單擊“字體”,彈出“字體”對(duì)話框。在“字體”欄內(nèi)選擇文本字體,在“大小”欄內(nèi)改大小,在“顏色欄”內(nèi)選擇顏色,單擊“字符間距”選項(xiàng)卡,顯示字符間距欄,在“間距”欄內(nèi)選擇間距,在“間距大小”欄內(nèi)填入大小;

 、 單擊“確定”關(guān)閉所有對(duì)話框,添加字幕完畢。

  網(wǎng)頁(yè)制作步驟⑷ 在網(wǎng)頁(yè)中添加四條橫線

  ① 光標(biāo)移到字幕末尾,敲擊鍵盤上回車鍵,使光標(biāo)位于字幕的下一行左側(cè);

  ② 單擊“插入”—“水平線”,插入一條水平線;雙擊該水平線,彈出“水平線屬性”對(duì)話框;在“顏色”欄內(nèi)選擇顏色,在“高度”欄內(nèi)填寫(xiě)高度;單擊“確定”,退出“水平線屬性”對(duì)話框;

 、 單擊菜單“格式”—“邊框和底紋”,彈出“邊框和底紋”對(duì)話框;在“樣式”欄內(nèi)選擇樣式,然后單擊“確定”,退出“邊框和底紋”對(duì)話框。

 、 復(fù)制水平線;單擊菜單“編輯”—“復(fù)制”;重復(fù)三次:?jiǎn)螕舨藛巍熬庉嫛薄罢迟N”,繪制水平線。

  網(wǎng)頁(yè)制作步驟⑸ 插入表格

 、 在第一條水平線下添加一個(gè)表格,邊框粗細(xì)為0,編輯表格文字的文本和大小,居中;分別填寫(xiě)你自己需要的內(nèi)容;

 、 移動(dòng)光標(biāo)至第二條水平線首;敲擊回車鍵,使第一條水平線與第二條水平線之間留出空行;

 、 插入表格:?jiǎn)螕舨藛巍氨砀瘛薄安迦搿薄氨砀瘛,彈出“插入表格”?duì)話框;在“大小”欄內(nèi)分別填寫(xiě):行數(shù)和列數(shù);在“邊框”欄的“粗細(xì)”欄中輸入0;在“布局”欄內(nèi)的“對(duì)齊方式”欄中選擇方式;

  ④ 表格字體設(shè)置:選定表格;在格式工具欄內(nèi)選定字體,字號(hào)

 、 填寫(xiě)文字:分別選定表格單元格,依次填寫(xiě):你所需要的內(nèi)容。

 、 在第四條水平線下添加一個(gè)的表格,表格文字居中;并在表格中分別填寫(xiě)內(nèi)容。

 、 移動(dòng)光標(biāo)至第四條線末尾,敲擊回車鍵;

 、 插入表格:?jiǎn)螕舨藛巍氨砀瘛薄安迦搿薄氨砀瘛,彈出“插入表格”?duì)話框;在“大小”欄內(nèi)分別填寫(xiě):行數(shù)列數(shù);在“邊框”欄的“粗細(xì)”欄中輸入0;在“布局”欄內(nèi)的“對(duì)齊方式”欄中選擇方式;

  ⑨ 填寫(xiě)文字:分別選定表格單元格,依次填寫(xiě)。

 、 添加文字:移動(dòng)光標(biāo)至第四條線末尾;敲擊回車鍵,留出空行;輸入文字。

  網(wǎng)頁(yè)制作步驟⑹ “我的學(xué)!敝谱 在第二條水平線下添加文字:“我的學(xué)校”,另起一行添加學(xué)校介紹并設(shè)置字體。

  ① 移動(dòng)光標(biāo)至第三條線首;敲擊回車鍵,使第二條線與第三條線之間留出空行;輸入文字“我的學(xué)!,回車另起一行;

 、 輸入或復(fù)制所需要的文字。光標(biāo)定位到網(wǎng)頁(yè)文件“我的學(xué)!毕乱恍行惺;粘貼學(xué)校說(shuō)明文字。

  ③ 調(diào)整文字對(duì)齊方式;調(diào)整文字字體、字號(hào)。

  網(wǎng)頁(yè)制作步驟⑺ “所有城市”制作 在第三條水平線下添加文字:“所有城市”,另起一行,添加兩張圖片。

  ① 移動(dòng)光標(biāo)至第四條線首;敲擊回車鍵,使第三條線與第四條線之間留出空行;輸入文字“所在城市”,回車另起一行;

  ② 插入圖片:?jiǎn)螕舨藛巍安迦搿薄皥D片”—來(lái)自文件”,彈出打開(kāi)圖片對(duì)話框;選定所要的圖片然后單擊“打開(kāi)”;

 、 重復(fù)以上步驟

  網(wǎng)頁(yè)制作步驟⑻ 添加鏈接 添加本網(wǎng)頁(yè)內(nèi)鏈接

  ① 指定書(shū)簽:選定第一條水平線下的文字“我的學(xué)!;單擊菜單“插入”—“書(shū)簽”,彈出“書(shū)簽”對(duì)話框;單擊“確定”,第一個(gè)書(shū)簽設(shè)置完成。

 、 選定第二條水平線下的文字“所在城市”;單擊菜單“插入”—“書(shū)簽”,彈出“書(shū)簽”對(duì)話框;單擊“確定”,第二個(gè)書(shū)簽設(shè)置完成。

 、 選定第四條水平線下的文字“友情鏈接”;單擊菜單“插入”—“書(shū)簽”,彈出“書(shū)簽”對(duì)話框;單擊“確定”,第三個(gè)書(shū)簽設(shè)置完成。

 、 添加網(wǎng)頁(yè)內(nèi)第一個(gè)鏈接。選定第一個(gè)表中的文字“我的學(xué)!;單擊菜單“插入”—“超鏈接”,彈出的“插入超鏈接”對(duì)話框;在“鏈接到”內(nèi)單擊“本文檔中的位置”;在書(shū)簽中選擇“我的學(xué)!睒(biāo)簽;

 、 添加網(wǎng)頁(yè)內(nèi)第二個(gè)和第三個(gè)鏈接,參照第一個(gè)鏈接進(jìn)行設(shè)置。 添加Internet鏈接。

  ⑥ 添加第一個(gè)鏈接:選定第四條水平線下表中的文字“百度”;單擊菜單“插入”→“超鏈接”,彈出的“插入超鏈接”對(duì)話框;在“鏈接到”內(nèi)單擊“原有文件或網(wǎng)頁(yè)”;在“地址”欄內(nèi)填寫(xiě)如:http://www.baidu.com。

 、 添加第二個(gè)、第三個(gè)、第四個(gè)和第五個(gè)鏈接,參照第一個(gè)鏈接進(jìn)行設(shè)置。鏈接設(shè)置完成。

  網(wǎng)頁(yè)制作步驟⑼ 添加背景顏色

  ① 單擊菜單“格式”—“背景”,彈出“網(wǎng)頁(yè)屬性”對(duì)話框;

 、 單擊“格式”選項(xiàng)卡;

 、 單擊“顏色一背景”—“其他顏色”,打開(kāi)Windows顏色對(duì)話框;選擇淡黃色后單擊“確定”,背景顏色插入完畢。

  網(wǎng)頁(yè)制作步驟⑽ 保存網(wǎng)頁(yè) 單擊菜單“文件”—“保存”,保存以上修改內(nèi)容。退出FrontPage 2003。

  網(wǎng)頁(yè)制作步驟⑾ 使用IE查看建立的網(wǎng)頁(yè)

 、 單擊桌面上IE圖標(biāo);

 、 單擊菜單“文件”—“打開(kāi)”,彈出打開(kāi)對(duì)話框;選擇“我的文檔”下文件“index.htm”,

 、 單擊打開(kāi),即可查看瀏覽效果

  

【網(wǎng)頁(yè)設(shè)計(jì)的制作步驟】相關(guān)文章:

怎樣制作網(wǎng)頁(yè) 制作網(wǎng)頁(yè)詳細(xì)操作步驟09-02

DW制作網(wǎng)頁(yè)的基本步驟06-26

用Dreamweaver制作網(wǎng)頁(yè)的基本步驟08-30

網(wǎng)頁(yè)設(shè)計(jì)教程 :設(shè)計(jì)步驟及思考08-13

網(wǎng)頁(yè)設(shè)計(jì)的基本步驟及設(shè)計(jì)方法08-16

網(wǎng)頁(yè)設(shè)計(jì)詳細(xì)操作步驟07-01

最新個(gè)人網(wǎng)頁(yè)設(shè)計(jì)步驟07-02

網(wǎng)頁(yè)設(shè)計(jì)的基本步驟及技巧07-19

關(guān)于用Dreamweaver制作網(wǎng)頁(yè)的基本步驟09-19

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)06-29