網(wǎng)頁設計的步驟

《網(wǎng)頁設計的步驟》由會員分享，可在線閱讀，更多相關《網(wǎng)頁設計的步驟（6頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、網(wǎng)頁設計的步驟 網(wǎng)頁設計的步驟 　　對于很多剛?cè)胄械木W(wǎng)頁設計來說，總有很多迷惘和不安，特別是在設計過程中，遇到反復修改，更是有想揍人的沖動，有句話怎么說來著，每一次網(wǎng)頁設計師背后，都有一群指點江山的大神。下面是YJBYS小編整理的網(wǎng)頁設計的步驟，希望對你有幫助! 　　網(wǎng)頁制作步(1) 打開軟件 　?、?單擊"開始";—"所有程序";—"Microsoft Office";→"Microsoft Office FrontPage 2003";，啟動FrontPage 2003，進入網(wǎng)頁編輯窗口; 　　② 在網(wǎng)頁編輯窗口，單擊

2、"文件";—"保存";，彈出Windows保存窗口，指定目標文件夾為"我的文檔";，指定文件名稱"index.htm";; 　?、?單擊"保存";，則index.htm文件建立完畢。 　　網(wǎng)頁制作步驟⑵ 添加標題圖片 　?、?單擊菜單"插入";—"圖片";—"來自文件";，彈出打開圖片對話框，選擇所要插入的圖片; 　?、?單擊"插入";，標題圖片插入完成。 　　網(wǎng)頁制作步驟⑶ 在標題圖片下添加滾動文字 　?、?單擊回車鍵，使光標位于標題圖片下最左端; 　?、?單擊"插入";—"

3、Web組件";，在"組件類型";欄中選擇"動態(tài)效果";，在"選擇一種效果";欄中選擇"字幕";; 　?、?單擊"完成";; 　?、?在文本欄內(nèi)輸入比如"你好!歡迎訪問我的個人網(wǎng)頁";，單擊"樣式";—"格式";，彈出格式菜單。單擊"字體";，彈出"字體";對話框。在"字體";欄內(nèi)選擇文本字體，在"大小";欄內(nèi)改大小，在"顏色欄";內(nèi)選擇顏色，單擊"字符間距";選項卡，顯示字符間距欄，在"間距";欄內(nèi)選擇間距，在"間距大小";欄內(nèi)填入大小; 　　⑤ 單擊"確定";關閉所有對話框，添加字幕完畢。 　　網(wǎng)頁制作步驟⑷ 在網(wǎng)頁中添加四條橫線

4、 　?、?光標移到字幕末尾，敲擊鍵盤上回車鍵，使光標位于字幕的下一行左側(cè); 　?、?單擊"插入";—"水平線";，插入一條水平線;雙擊該水平線，彈出"水平線屬性";對話框;在"顏色";欄內(nèi)選擇顏色，在"高度";欄內(nèi)填寫高度;單擊"確定";，退出"水平線屬性";對話框; 　?、?單擊菜單"格式";—"邊框和底紋";，彈出"邊框和底紋";對話框;在"樣式";欄內(nèi)選擇樣式，然后單擊"確定";，退出"邊框和底紋";對話框。 　?、?復制水平線;單擊菜單"編輯";—"復制";;重復三次：單擊菜單"編輯";→"粘貼";，繪制水平線

5、。 　　網(wǎng)頁制作步驟⑸ 插入表格 　?、?在第一條水平線下添加一個表格，邊框粗細為0，編輯表格文字的文本和大小，居中;分別填寫你自己需要的內(nèi)容; 　?、?移動光標至第二條水平線首;敲擊回車鍵，使第一條水平線與第二條水平線之間留出空行; 　?、?插入表格：單擊菜單"表格";—"插入";—"表格";，彈出"插入表格";對話框;在"大小";欄內(nèi)分別填寫：行數(shù)和列數(shù);在"邊框";欄的"粗細";欄中輸入0;在"布局";欄內(nèi)的"對齊方式";欄中選擇方式; 　?、?表格字體設置：選定表格;在格式工具欄內(nèi)選定字體，字號 　?、?/p>

6、 填寫文字：分別選定表格單元格，依次填寫：你所需要的內(nèi)容。 　?、?在第四條水平線下添加一個的表格，表格文字居中;并在表格中分別填寫內(nèi)容。 　　⑦ 移動光標至第四條線末尾，敲擊回車鍵; 　?、?插入表格：單擊菜單"表格";—"插入";—"表格";，彈出"插入表格";對話框;在"大小";欄內(nèi)分別填寫：行數(shù)列數(shù);在"邊框";欄的"粗細";欄中輸入0;在"布局";欄內(nèi)的"對齊方式";欄中選擇方式; 　?、?填寫文字：分別選定表格單元格，依次填寫。 　?、?添加文字：移動光標至第四條線末尾;敲擊回車鍵，留出空行;輸入文字。

7、 　　網(wǎng)頁制作步驟⑹ "我的學校";制作 在第二條水平線下添加文字："我的學校";，另起一行添加學校介紹并設置字體。 　　① 移動光標至第三條線首;敲擊回車鍵，使第二條線與第三條線之間留出空行;輸入文字"我的學校";，回車另起一行; 　?、?輸入或復制所需要的文字。光標定位到網(wǎng)頁文件"我的學校";下一行行首;粘貼學校說明文字。 　?、?調(diào)整文字對齊方式;調(diào)整文字字體、字號。 　　網(wǎng)頁制作步驟⑺ "所有城市";制作 在第三條水平線下添加文字："所有城市";，另起一行，添加兩張圖片。 　?、?移動光標至第四條線首;敲擊回車鍵，使第三條線與第四條

8、線之間留出空行;輸入文字"所在城市";，回車另起一行; 　?、?插入圖片：單擊菜單"插入";—"圖片";—來自文件";，彈出打開圖片對話框;選定所要的圖片然后單擊"打開";; 　?、?重復以上步驟 　　網(wǎng)頁制作步驟⑻ 添加鏈接 添加本網(wǎng)頁內(nèi)鏈接 　?、?指定書簽：選定第一條水平線下的文字"我的學校";;單擊菜單"插入";—"書簽";，彈出"書簽";對話框;單擊"確定";，第一個書簽設置完成。 　　② 選定第二條水平線下的文字"所在城市";;單擊菜單"插入";—"書簽";，彈出"書簽";對話框;單擊

9、"確定";，第二個書簽設置完成。 　?、?選定第四條水平線下的文字"友情鏈接";;單擊菜單"插入";—"書簽";，彈出"書簽";對話框;單擊"確定";，第三個書簽設置完成。 　?、?添加網(wǎng)頁內(nèi)第一個鏈接。選定第一個表中的文字"我的學校";;單擊菜單"插入";—"超鏈接";，彈出的"插入超鏈接";對話框;在"鏈接到";內(nèi)單擊"本文檔中的位置";;在書簽中選擇"我的學校";標簽; 　?、?添加網(wǎng)頁內(nèi)第二個和第三個鏈接，參照第一個鏈接進行設置。 添加Internet鏈接。 　　⑥ 添加第一個鏈接：選定第四條水平線下表中的文字"百度";;

10、單擊菜單"插入";→"超鏈接";，彈出的"插入超鏈接";對話框;在"鏈接到";內(nèi)單擊"原有文件或網(wǎng)頁";;在"地址";欄內(nèi)填寫如：。 　　⑦ 添加第二個、第三個、第四個和第五個鏈接，參照第一個鏈接進行設置。鏈接設置完成。 　　網(wǎng)頁制作步驟⑼ 添加背景顏色 　?、?單擊菜單"格式";—"背景";，彈出"網(wǎng)頁屬性";對話框; 　?、?單擊"格式";選項卡; 　?、?單擊"顏色一背景";—"其他顏色";，打開Windows顏色對話框;選擇淡黃色后單擊"確定";，背景顏色插入完畢。 　　網(wǎng)頁制作步驟⑽ 保存網(wǎng)頁 單擊菜單"文件";—"保存";，保存以上修改內(nèi)容。退出FrontPage 2003。 　　網(wǎng)頁制作步驟⑾ 使用IE查看建立的網(wǎng)頁 　?、?單擊桌面上IE圖標; 　?、?單擊菜單"文件";—"打開";，彈出打開對話框;選擇"我的文檔";下文件"index.htm";， 　?、?單擊打開，即可查看瀏覽效果