【正文】 ，采取下面兩種做法：? 對(duì)于重點(diǎn)素材，一般用復(fù)制、下載的方法放入自己的網(wǎng)頁(yè)中，如自己各子網(wǎng)頁(yè)的文字、圖片等中心內(nèi)容。這也是一些中小型網(wǎng)站常用的豐富自己、加強(qiáng)交流的好方法，給上網(wǎng)瀏覽者帶來(lái)不少方便。但是網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)考慮哪些方面的問(wèn)題，包括網(wǎng)站功能和以及訪問(wèn)者需要什么。（1）頁(yè)面內(nèi)容要新穎網(wǎng)頁(yè)內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合設(shè)計(jì)主題的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無(wú)二的網(wǎng)站。所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)，要把功夫下在選材上。（2）網(wǎng)頁(yè)命名要簡(jiǎn)潔由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁(yè)組成，它有許多子頁(yè)面，為了能使這些頁(yè)面有效地被連接起來(lái)，用戶最后能給這些頁(yè)面起一些有代表性的而且簡(jiǎn)潔易記的網(wǎng)頁(yè)名稱。在給網(wǎng)頁(yè)命名時(shí)，最好使用自己常用的或符合頁(yè)面內(nèi)容的小寫英文字母，這直接關(guān)系到頁(yè)面上的連接。這就意味著,你必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。一般來(lái)說(shuō)，淺色背景下的深色文字為佳。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。（4）少用特殊字體雖然你可以在你的 HTML 中使用特殊的字體，但是，你不可能預(yù)測(cè)你的訪問(wèn)者在他們的計(jì)算機(jī)上將看到什么。一些網(wǎng)站設(shè)計(jì)員喜歡使用來(lái)定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問(wèn)者的計(jì)算機(jī)上不能顯示。（5）考慮瀏覽器的兼容性當(dāng)然現(xiàn)在 IE 所占的市場(chǎng)份額越來(lái)越大，但是我們?nèi)匀恍枰紤]到 Mozilla Firefox、Netscape 以及Opera 這些瀏覽器用戶。要時(shí)刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測(cè)試網(wǎng)站，看看兼容性如何。這樣子用戶看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。同樣的尺寸的 LOGO，GIF 動(dòng)畫(huà)的容量有 5K，而靜止 LOGO 的只有 3K。（8）善用圖像用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對(duì)你的主頁(yè)的注意力。主頁(yè)上最好有醒目的圖像、新穎的畫(huà)面、美觀的字款，使其別具特色，令人過(guò)目不忘。制作主頁(yè)時(shí)，必須注意將圖像所連接的重要信息或聯(lián)接其他頁(yè)面的指示用文字重復(fù)表達(dá)幾次，同時(shí)要注意避免使用過(guò)大的圖像。最好在網(wǎng)站上提供一些回答問(wèn)題的工具以及其他具有交互性能的設(shè)計(jì)，使得訪問(wèn)者能從網(wǎng)站上獲得交互的信息，從而使訪問(wèn)者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。 開(kāi)發(fā)工具 網(wǎng)頁(yè)制作工具 Dreamweaver簡(jiǎn)介Dreamweaver 是美國(guó) Macromedia 公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Dreamweaver 的介入，使得網(wǎng)頁(yè)一些部分的實(shí)現(xiàn)變得更加直觀簡(jiǎn)便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對(duì)他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。強(qiáng)大的彩色校正工具——修復(fù)畫(huà)筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。對(duì)于設(shè)計(jì)網(wǎng)頁(yè)，Photoshop 是不可或缺的工具，是強(qiáng)大的圖片處理工具，可謂是平面設(shè)計(jì)方面的老大。Fireworks是用來(lái)設(shè)計(jì)和制作專業(yè)化網(wǎng)頁(yè)圖形的應(yīng)用軟件，它提供了一個(gè)制作環(huán)境，可以在一個(gè)專業(yè)化的環(huán)境中創(chuàng)建和編輯網(wǎng)頁(yè)圖形，對(duì)其進(jìn)行動(dòng)畫(huà)處理，添加高級(jí)交互功能以及優(yōu)化圖像。動(dòng)畫(huà)制作肯定是 Flash ，它是 Macromedia 公司出品的 Flash 是制作網(wǎng)頁(yè)動(dòng)畫(huà)的利器。F1ash 是制作動(dòng)感網(wǎng)頁(yè)的權(quán)威。可以讓制作者隨心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和 JavaScript 一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁(yè)動(dòng)畫(huà)。用 flash 制作出來(lái)的動(dòng)化是矢量的，不管怎樣放大、縮小，它還是清晰可見(jiàn)。 交互性更是 flash 動(dòng)畫(huà)的迷人之處，可以通過(guò)點(diǎn)擊按鈕、選擇菜單來(lái)控制動(dòng)畫(huà)的播放。使網(wǎng)頁(yè)的效果更加完美。 開(kāi)發(fā)技術(shù) Html語(yǔ)言我們的網(wǎng)頁(yè)是用 html 語(yǔ)言編寫的一個(gè)網(wǎng)站，html 中文翻譯為“超文本標(biāo)記語(yǔ)言” ，所謂“超文本”就是指頁(yè)面內(nèi)可以包含圖片，鏈接，多媒體等非問(wèn)字的元素，通過(guò) html 語(yǔ)言將這些元素表示出來(lái)，就形成了 html 代碼。HTML 的結(jié)構(gòu)包括頭部（Head） 、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。（2）可擴(kuò)展性，HTML 語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML 采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。雖然 PC 機(jī)大行其道，但使用 MAC 等其他機(jī)器的大有人在，HTML 可以使用在廣泛的平臺(tái)上。 charset=gb2312 /title計(jì)協(xié)之家 /title style type=text/css ! Layer1 { position: absolute。 top:67px。 height:188px。 } /style /head body div id=Layer1/div /body /html CSS簡(jiǎn)介CSS (層疊樣式表) 是一系列格式設(shè)置規(guī)則，它們控制 Web 頁(yè)面內(nèi)容的外觀。頁(yè)面內(nèi)容（即 HTML 代碼）駐留在 HTML 文件自身中，而用于定義代碼表現(xiàn)形式的 CSS 規(guī)則駐留在另一個(gè)文件（外部樣式表）或 HTML 文檔的另一部分（通常為文件頭部分）中。CSS 允許控制 HTML 無(wú)法獨(dú)自控制的許多屬性。CSS 的主要優(yōu)點(diǎn)是: 它提供了便利的更新功能；更新一處的 CSS 規(guī)則時(shí)，使用該已定義樣式的所有文檔的格式都會(huì)自動(dòng)更新為新樣式。利用文檔文件頭部分中的鏈接，該文件被鏈接到 Web 站點(diǎn)中的一個(gè)或多個(gè)頁(yè)面。 charset=gb2312 /title計(jì)協(xié)之家新聞 /titlelink rel=stylesheet type=text/css href=../../css//headbody div id=containerdiv id=newsp align=left class=zi2為豐富校園生活，提高學(xué)生的游戲體育競(jìng)技水平，培養(yǎng)學(xué)生健康上網(wǎng)、文明上網(wǎng)的良好風(fēng)氣。我們協(xié)會(huì)在本次電...../p/div/div/body /html與上面 html 文檔匹配的部分外部 CSS 代碼：body {fontfamily: 宋體,Arial, Helvetica, sansserif。color: 333333。width:1000px。background:url(../images/)。margin: 0。 fontweight: bold。}.zi2{fontsize: 16px 。? 協(xié)會(huì)概況：主要介紹現(xiàn)任學(xué)生干部、技術(shù)交流科目、娛樂(lè)活動(dòng)形式、協(xié)會(huì)品牌活動(dòng)等。? 新聞動(dòng)態(tài)：報(bào)道協(xié)會(huì)近期活動(dòng)或技術(shù)交流動(dòng)態(tài)，現(xiàn)象的介紹協(xié)會(huì)日常工作。? I T 動(dòng)態(tài)：跟蹤近期 IT 行業(yè)的最新技術(shù)和新聞等相關(guān)內(nèi)容。? 生活?yuàn)蕵?lè)：相關(guān)笑話和美文以便大家在學(xué)習(xí)累時(shí)放松，調(diào)節(jié)情緒。? 協(xié)會(huì)視頻：協(xié)會(huì)相關(guān)活動(dòng)或者技術(shù)視頻。在主頁(yè)的最下面我們還弄了許多的友情鏈接圖標(biāo)，這樣用戶可以有更多的選擇性。我們還設(shè)計(jì)了視頻圖片和娛樂(lè)美文專區(qū)，用來(lái)增加網(wǎng)站的娛樂(lè)性，可以讓網(wǎng)友能輕松愉快地欣賞本網(wǎng)站，這樣也能讓網(wǎng)友們能更喜歡本網(wǎng)站。想要在視覺(jué)化環(huán)境下制作復(fù)雜網(wǎng)頁(yè)的專業(yè)網(wǎng)頁(yè)制作，Dreamweaver 已經(jīng)漸漸在網(wǎng)頁(yè)編輯工具中嶄露頭角，成為專業(yè)人士編寫網(wǎng)頁(yè)的最佳選擇。分別是：? 設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面（Dreamweaver 里具有彈性的頁(yè)面設(shè)計(jì)功能） ；? 搭配 Macromedia 其它產(chǎn)品一起使用 Dreamweaver（制作動(dòng)畫(huà)和圖片不求人） ；? 自定義使用界面（享受個(gè)性化的使用經(jīng)驗(yàn)） ；? 最后的加入 Dreamweaver 擴(kuò)充程序（在網(wǎng)頁(yè)中載入擴(kuò)充高級(jí)功能） 。色彩的心理效應(yīng)發(fā)生在不同層次中。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，色彩的心理作用尤其重要，因?yàn)橛镁W(wǎng)絡(luò)是在一種特定的歷史與社會(huì)條件的環(huán)境下，即高效率，快節(jié)奏的現(xiàn)代生活方式的條件，這需要做網(wǎng)頁(yè)時(shí)把握人們?cè)谶@種生活方式用網(wǎng)絡(luò)的一種心理需求。四、為什么選擇 DreamweaverDreamweaver 是制作主頁(yè)的好工具 .Dreamweaver 是可視化的網(wǎng)頁(yè)制作工具，很容易上手，可以讓你輕松地制作出自己的網(wǎng)頁(yè)。其中，Dreamweaver 主要用來(lái)制作網(wǎng)頁(yè)文件，制作出來(lái)的網(wǎng)頁(yè)兼容性比較好，制作效率也很高，F(xiàn)lash 用來(lái)制作精美的網(wǎng)頁(yè)動(dòng)畫(huà)，而 Fireworks 用來(lái)處理網(wǎng)頁(yè)中的圖形。 Dreamweaver 特點(diǎn)：（1）最佳的制作效率Dreamweaver 可以用最快速的方式將 Fireworks，或 Photoshop 等檔案移至網(wǎng)頁(yè)上。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。除此之外，只要單擊便可使 Dreamweaver 自動(dòng)開(kāi)啟 Firework 或 Photoshop 來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有連結(jié)。 （3）無(wú)可比擬的控制能力Dreamweaver 是唯一提供 Roundtrip HTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。幀(frames) 和表格的制作速度快的令您無(wú)法想象。使用不同瀏覽器檢示功能，Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。五、詳細(xì)設(shè)計(jì)方案Web 站點(diǎn)是一組具有如相關(guān)主題、類似的設(shè)計(jì)、鏈接文檔和資源。創(chuàng)建 Web 站點(diǎn)的第一步是規(guī)劃。決定要?jiǎng)?chuàng)建多少頁(yè)，每頁(yè)上顯示什么內(nèi)容，頁(yè)面布局的外觀以及頁(yè)是如何互相連接起來(lái)的。出現(xiàn)“站點(diǎn)定義”對(duì)話框。 出現(xiàn)“站點(diǎn)定義向?qū)А钡牡谝粋€(gè)界面，要求您為站點(diǎn)輸入一個(gè)名稱。該名稱可以是任何所需的名稱。（6）隨即在組合面板中彈出“站點(diǎn)”面板，現(xiàn)在可以在其中添加頁(yè)面了。（8）雙擊 ，進(jìn)入頁(yè)面編輯狀態(tài)。有一句俗語(yǔ)：良好的開(kāi)端是成功的一半。人們往往看到第一頁(yè)就已經(jīng)有一個(gè)整體的感覺(jué)。所以，首頁(yè)的設(shè)計(jì)和制作是絕對(duì)要重視和花心思的。 charset=gb2312 /title計(jì)協(xié)之家首頁(yè) /titlelink rel=stylesheet type=text/css href=css/ //外部 CSS 鏈接路徑/headbody div id=container div id=headdiv id=logo/divdiv id=banner/div /divdiv id=nav_time/div /