頁(yè)面由FrontPage中的編輯器制作，其工作窗口由三個(gè)選項(xiàng)卡組成，分別是“所見(jiàn)即所得”的編輯頁(yè)面HTML代碼的編輯頁(yè)面和預(yù)覽頁(yè)面FrontPage有圖形和GIF動(dòng)畫(huà)編輯器，并支持CGI和CSS向?qū)Ш湍０宥伎梢宰尦鯇W(xué)者更容易地編輯網(wǎng)頁(yè) FrontPage最；將這個(gè)文件保存在同一文件夾為您的模板，以便它可以很容易地添加到頁(yè)面中 第3步 創(chuàng)建或找到一個(gè)級(jí)聯(lián)樣式表CSS模板風(fēng)格的布局 整體外觀的CSS格式的內(nèi)容，如字體樣式和背景顏色，并保持頁(yè)面的代碼的光，所以它不會(huì)有很長(zhǎng)。

代碼如下lt！DOCTYPE html nav1 nav2 nav3 nav4 lt；在設(shè)計(jì)旅游網(wǎng)頁(yè)模板之前，我們首先要明確設(shè)計(jì)的目的是什么？以及主題是什么，才能確定設(shè)計(jì)的方向，旅游網(wǎng)站設(shè)計(jì)需要達(dá)到兩個(gè)目的，第一個(gè)是美觀大方提高游客瀏覽體驗(yàn)第一個(gè)目的則是展示商品，促進(jìn)游客購(gòu)買(mǎi)，完成最終轉(zhuǎn)化雖然需要滿足；網(wǎng)頁(yè)模板就是包括模塊分區(qū)布局，顏色搭配，按鈕設(shè)計(jì)等等總體一套外觀，用一套完整的模板可以省去很多設(shè)計(jì)時(shí)間，模板的設(shè)計(jì)包括美工和代碼編寫(xiě)，好的模板制作過(guò)程很復(fù)雜，所以好處呢，就是省時(shí)省力，又可以讓網(wǎng)頁(yè)經(jīng)常換新鮮網(wǎng)上下載的；1 嚴(yán)格的 DOCTYPE 我們要做到這一點(diǎn)，只需要按正確的步驟來(lái)做即可 沒(méi)必要去討論是否使用HTML 401或 XHTML 10，兩者都對(duì)我們書(shū)寫(xiě)正確的代碼提出了嚴(yán)格的要求但無(wú)論如何我們的代碼不應(yīng)該使用任何Tables表格來(lái)進(jìn)行布局。

第四，草圖布局對(duì)網(wǎng)頁(yè)首頁(yè)布局進(jìn)行草圖設(shè)計(jì) 第五，尋找素材同類型或同行業(yè)網(wǎng)站搜集配色，圖標(biāo)，圖片等初稿溝通完成首頁(yè)設(shè)計(jì)并交付對(duì)方根據(jù)修改意見(jiàn)進(jìn)行修改，進(jìn)行其他頁(yè)面設(shè)計(jì) 第六，校對(duì)完稿交付后期 網(wǎng)頁(yè)設(shè)計(jì)中什么是模板，有什么特點(diǎn)？ 網(wǎng)；2網(wǎng)站導(dǎo)航是必不可少的，是對(duì)網(wǎng)站內(nèi)容的分類，按照網(wǎng)站的內(nèi)容細(xì)分，便于用戶根據(jù)個(gè)人需求選擇瀏覽頁(yè)面網(wǎng)站首頁(yè)導(dǎo)航要分類清晰明了，層次分明，不要重復(fù)同時(shí)網(wǎng)站首頁(yè)的內(nèi)容布局設(shè)計(jì)要對(duì)網(wǎng)站用戶進(jìn)行需求分析，把用戶最關(guān)注；主頁(yè)和個(gè)人空間 中華網(wǎng) 建議使用網(wǎng)頁(yè)制作三劍客Dreamweawer+Firework+Flash或使用Frontpage如何制作網(wǎng)頁(yè)模板 首先你要明白網(wǎng)頁(yè)制作的流程 1網(wǎng)頁(yè)設(shè)計(jì)師主要是用PS先將網(wǎng)頁(yè)設(shè)計(jì)出來(lái) 2進(jìn)行網(wǎng)頁(yè)制作，就是切片，div+css布局，將圖；剛進(jìn)入dreamweaver點(diǎn)擊新建下方的更多，然后選擇空白頁(yè)，頁(yè)面類型選擇html模板，布局選無(wú)就行了插入一個(gè)表格菜單欄中選擇插入，再找到表格，表格里的布局自己根據(jù)需要設(shè)置，在這里我設(shè)置為行數(shù)為5，列為1，表格寬度為1000；網(wǎng)站的邏輯結(jié)構(gòu)也叫鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式1樹(shù)狀鏈接結(jié)構(gòu) 類似dos的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面；2下面選擇這三個(gè)界面，代碼拆分設(shè)計(jì)，一般默認(rèn)設(shè)計(jì)界面，對(duì)于新手這個(gè)功能具有可視化，能更好的制作網(wǎng)頁(yè) 3下面我們來(lái)制作網(wǎng)站站點(diǎn)，在電腦上建一個(gè)文件作為根目錄我們所建網(wǎng)站的所有文件和網(wǎng)頁(yè)都保存在這個(gè)文件中站點(diǎn)的作用就是；網(wǎng)頁(yè)模板就是已經(jīng)做好的網(wǎng)頁(yè)框架，使用網(wǎng)頁(yè)編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站每個(gè)網(wǎng)頁(yè)模板壓縮包內(nèi)包含PSD圖片文件可用PhotoshopImageReady或Fireworks修改，按鈕圖片PSD文件Flash源文件和字體文件，推薦使用。

4這樣一來(lái)，即可使用網(wǎng)頁(yè)模板在可編輯區(qū)域編輯內(nèi)容制作網(wǎng)頁(yè)了如何制作網(wǎng)頁(yè)模板首先你要明白網(wǎng)頁(yè)制作的流程1網(wǎng)頁(yè)設(shè)計(jì)師主要是用PS先將網(wǎng)頁(yè)設(shè)計(jì)出來(lái)2進(jìn)行網(wǎng)頁(yè)制作，就是切片，div+css布局，將圖片變成網(wǎng)頁(yè)3；無(wú)標(biāo)題文檔 margin0padding0 body width960pxpositionrelativeleft50%marginleft480px div border1px solid black header，#fooder height100px container floatleftborder。

1整體形象設(shè)計(jì)企業(yè)確定要搭建網(wǎng)站，那么首先就需要確定企業(yè)的整體形象，這個(gè)形象包括企業(yè)的logo設(shè)計(jì)，整個(gè)站點(diǎn)的色彩搭配，網(wǎng)頁(yè)流程設(shè)計(jì)，版面設(shè)計(jì)，甚至包括哪些地方本使用動(dòng)態(tài)效果，哪些地方搭配文字信息，又或者需要布局哪些模。