dreamweaver靜態(tài)網(wǎng)頁制作過程(編輯修改稿)
2025-03-28 11:35 本頁面
【文章內(nèi)容簡介】 本步驟： 對 WEB站點(diǎn)進(jìn)行規(guī)劃 1）確定網(wǎng)站的主題和內(nèi)容； 網(wǎng)站的主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明 確的主題，特別是個人網(wǎng)站，因?yàn)椴豢赡芟窬C合網(wǎng)站那樣做得內(nèi)容大而全，所 以必須找準(zhǔn)一個自己最感興趣的內(nèi)容，做深、做透、辦出自己的特色，這樣才 能給用戶留下深刻的印象，主題要明確，在主題范圍內(nèi)做到大而全、精而深。 網(wǎng)站內(nèi)容的組織 （ 1）選擇力求專業(yè)化；（主要是面向誰的問題） （ 2）網(wǎng)頁內(nèi)容的變化性； （ 3）網(wǎng)站內(nèi)容設(shè)計者的愛好； （ 4）網(wǎng)站欄目的安排 Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) ； ； ，如論壇、 BBS、郵件列表等 。（從而做到信息資源的共享） 名稱要正、名稱要易記、名稱要有特色。 注：部分人把此部分以下的幾點(diǎn)歸納為規(guī)劃網(wǎng)站，主要包括網(wǎng) 站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文 字圖片的運(yùn)用等。 Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) 2）確定網(wǎng)站的結(jié)構(gòu)；（主要有線性結(jié)構(gòu)、層次結(jié)構(gòu)和復(fù)合性結(jié)構(gòu)（樹型結(jié)構(gòu)為主） 3）確定網(wǎng)站的風(fēng)格；（版面和色彩） 可以采用幾各種配色方案，然后再根據(jù)配色方案進(jìn)行選擇。 第一分頁 第一分頁 第一分頁 主頁 Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) 4）確定網(wǎng)站頁面的版式； 整版式（全文字型、圖文混排型、純圖形式）、部分留空式、分 隔式、 原則： （ 1）協(xié)調(diào) （ 2）對比（對照）； （ 3）對稱； （ 4）平衡； （ 5）比例； （ 6）節(jié)奏（顏色的躍進(jìn)方式等） 準(zhǔn)備素材（力求全，但必須要與主題相符） 基礎(chǔ)元素：文本、圖片、按鈕、動畫、表格、聲音的組合 1）存儲介質(zhì)（如光盤、圖書、報紙、多媒體上等） 2）網(wǎng)上資源（從 Inter下載相應(yīng)的資源） Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) 3）自已動手設(shè)計（最主要的一種形式，其特點(diǎn)是比較靈活，不受網(wǎng)站其它因素的制約） 在收集材料后進(jìn)行去偽取精、去偽存真，然后有步驟的對素材進(jìn)行整理，作為 自己制作網(wǎng)頁的素材。 網(wǎng)頁素材參考網(wǎng)站 : 1 林林小筑： 2 網(wǎng)頁素材精品屋； 3 中華圖王： 4 動畫制作： Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) 創(chuàng)建站點(diǎn)和網(wǎng)頁 包括選擇合適的制作工具 站點(diǎn) 就是由很多鏈接在一起的網(wǎng)頁組合在一起的整體。 在材料和工具有了之后，就需要一步步把自己的想法變成現(xiàn)實(shí)，一定要按照 先大后小、先簡單后復(fù)雜進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先 把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是 先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。 / 測試 1）文字、圖片的測試； 2）版面布局的調(diào)整； 3）超鏈接的測試； 4）是否與預(yù)期限效果一致； Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) 網(wǎng)站的發(fā)布和宣傳 文件的上傳可以用 CuteFTP（ Leapftp）文件傳工具來實(shí)現(xiàn)； 推廣的方法有：到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 網(wǎng)站的維護(hù)與更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變 了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。 Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) 步驟： 1）下載原始文件（圖片、動畫、樣式表等） 2）規(guī)劃網(wǎng)站（分析） ：以廣東教育學(xué)院的教學(xué)、科研和管理為中心，以各部門、各系的部門 網(wǎng)頁為核心而展開； ：包括有教學(xué)、科研、管理、宣傳等互動信息； ：樹狀結(jié)構(gòu)； ：是采用分隔式（主體是三大塊），也是上（標(biāo)題）、左（導(dǎo)航）、右（主體）三大部分，本網(wǎng)頁采用層的技術(shù)來實(shí)現(xiàn)全部網(wǎng)頁。 注意：在本網(wǎng)頁中，采用了層的相關(guān)技術(shù)，如，層的按順序疊加技術(shù)。 3）創(chuàng)建站點(diǎn)和網(wǎng)頁 Dreamweaver靜態(tài)網(wǎng)頁制作 (續(xù) ) “站點(diǎn)” ?“創(chuàng)建站點(diǎn)”來創(chuàng)建一個站點(diǎn)； ，先設(shè)置網(wǎng)頁背景顏色為 73A9CA，通過“頁面屬性”來 設(shè)置； ，可以通過對象面板來實(shí)現(xiàn)，也可以通過插入菜單 的“層”來實(shí)現(xiàn)，設(shè)置層的左、上邊距為 0。然后在層中插入 ； ，設(shè)置左上邊距分別為： 7；然后在層中插入圖 ； 再新建一層，設(shè)置左上邊距分別為： 500、 7。然后在當(dāng)前層中插入圖 文件； ，左上邊距為： 690、 72。插入圖 ，左上邊距為： 62 75,寬高為： 13 219像素；分別在層
公司管理相關(guān)推薦
鄂ICP備17016276號-1