【導讀】門戶網(wǎng)站是內(nèi)容豐富的綜合類網(wǎng)站。門戶網(wǎng)站根據(jù)背景的不同可分為企業(yè)門戶。網(wǎng)站、政論門戶網(wǎng)站等，總體來說都是某一領域的權威，起到旗艦的作用。戶網(wǎng)站，是指通向某類綜合性互聯(lián)網(wǎng)信息資源并提供有關信息服務的應用系統(tǒng)。從現(xiàn)在的情況來看，門戶網(wǎng)站主要提供新聞、搜索引擎、網(wǎng)絡接入、聊天。室、BBS、免費郵箱、電子商務、網(wǎng)絡社區(qū)、網(wǎng)絡游戲、短信服務等等。門戶網(wǎng)站的成功為現(xiàn)代化的企業(yè)管理提供了一種新型工具。制作的門戶網(wǎng)站名為“我的主頁”，是一個大型門戶網(wǎng)站?！吧虾Ｕ尽焙汀跋愀壅尽?。通常就是根據(jù)地域進行劃分。使用共同的資源，對不同地域的網(wǎng)民偏好有所側重，這樣能吸引更多人的關注。產(chǎn)、旅游、游戲等等。如此多的欄目想在首頁中全部體現(xiàn)是不太可能的，只能有所。側重的在首頁中推出重要的欄目內(nèi)容。許多人最容易犯的錯誤就是確定題材后立刻開始制作網(wǎng)頁。目的表現(xiàn)形式、確定其他版塊的擺放位置、準備欄目的具體內(nèi)容。設置第1個單元格寬度為9像素，

　　

【正文】 絡游戲中分析，游戲類網(wǎng)站大致分為以下 3 類：在線游戲網(wǎng)站（包括大型多人在線角色扮演游戲，或 MMORPG）、休閑游戲網(wǎng)站、網(wǎng)站游戲（提供游戲資源下載的網(wǎng)站） 實例展示 “玩樂吧”網(wǎng)站在頁面布局上相對比較簡單，大體上分為左、中、右三大結構，但整體風格還是比較大膽和鮮明的，比較適合青年人的審美習慣。首頁設計基 本上以圖片展示網(wǎng)站效果，因此，“玩樂吧”網(wǎng)站頁面更講究設計。網(wǎng)站實例效果如圖 61所示。 圖 61 網(wǎng)站首頁 28 實例制作 頁面屬性設置和標識圖片插入 制作網(wǎng)頁首先是建立網(wǎng)頁文件，然后在建立的網(wǎng)頁文件中進行頁面屬性的設置，只有在這步完成后，才能接著制作網(wǎng)頁布局和文檔插入等工作。 使用 Flash按鈕制作網(wǎng)站導航欄目 接下來可以制作網(wǎng)頁中的導航欄目，導航欄目是網(wǎng)頁中必不可少的一個內(nèi)容，它是使瀏覽者能成功閱覽網(wǎng)站所有內(nèi)容的關鍵。 操作步驟 ：將鼠標光標插入到單元格中，選擇菜單“插入” “媒體” “ Flash 按鈕”命令，打開“插入 Flash 按鈕”對話框。在“樣式”列表框中，選擇需要的按鈕樣式，在“按鈕文本”文本框中，輸入“網(wǎng)站首頁”；“字體”文本框中選擇“黑體”，大小為“ 14”；在“鏈接”文本框中，輸入首頁鏈接的地址，如“ ”；在“目標”文本框中選擇需要打開的方式，如“ _blank”；在“另存為”文本框中輸入按鈕的名稱，如“ ”，然后單擊“瀏覽”按鈕，將文件保存在與網(wǎng)頁同目錄下的文件夾中。 制 作主內(nèi)容和插入 Flash 文件 在導航欄目制作完成后，接下來就是制作網(wǎng)頁中的主要信息內(nèi)容，也就是網(wǎng)站要在首頁中顯示的文檔信息。一般來說，網(wǎng)站首頁展示的是主要欄目內(nèi)容，如：“最新信息”、“系統(tǒng)公告”等等。 操作步驟：將光標移到導航欄目表格外面，插入新表格，在表格中插入圖片文件和所需要的內(nèi)容，然后保存網(wǎng)頁。 制作版權信息和滾動圖片 版權信息是每個網(wǎng)站都應聲明的內(nèi)容，所以，本實例也不例外，但本實例在底部增加了導航欄目的同時，還介紹了如何制作滾動圖片。在很多網(wǎng)站中，大家以企業(yè)圖片鏈接都不陌生，其實這也是 友情鏈接的一部分，只是圖片鏈接顯示得更清晰、直接。但在顯示很多圖片鏈接的時候，滾動顯示圖片更能縮小瀏覽頁面的面積。 操作步驟：將光標移支到表格外的頁面中，插入新的表格。在表格中插入版權信息圖片和輸入所需要的內(nèi)容。單擊文檔面板上的“拆分”按鈕，打開代碼 /設計界面，然后在表格代碼 td? /td中間插入以下代碼： MARQUEE scrollAmount=2 scrollDelay=3 direction=right width=” 100%” ? /MARQUEE 制作網(wǎng)站內(nèi)容頁面 操 作步驟：重新建立一個 HTML 網(wǎng)頁。設置其頁面屬性，然后，插入新的表格，在表格中插入圖片文件和輸入所需文字。 第 7 章 IT 技術資源類網(wǎng) —— 程序員之家 IT 技術資源類網(wǎng)站概述 沒有一個產(chǎn)業(yè)能像互聯(lián)網(wǎng)一樣發(fā)展迅猛，深刻影響著我們的生活，并逐漸改變著我們的生活方式。并且，網(wǎng)站建設使用的技術越來越復雜，越來越深入。因此， 29 專業(yè)的提供 IT技術資源的網(wǎng)站應運而生。 IT 技術資源網(wǎng)站種類繁多，涉及到各類軟件和技術的應用。 IT 技術資源網(wǎng)站應該在“網(wǎng)絡資源是應該共享的，網(wǎng)站之間不是競爭，而是合作，大家應該相互支持，取 長補短”的觀點下，進行發(fā)展和擴大。 IT 技術資源類網(wǎng)站通常有以下 4 個特點：分類眾多、資源豐富、結構簡潔、風格大眾化。 實例展示 本章實例介紹的是“程序員之家” —— 為程序員提供咨詢、服務等內(nèi)容。如圖。軟件下載頁面主要提供給用戶下載自己需要的工具軟件，而且這些軟件都是免費下載的。本實例介紹的是下載 Java 軟件的一個軟件頁面，此頁面在風格上采用傳統(tǒng)的軟件下載頁的制作結構。以標志相協(xié)調(diào)的桔黃色為主色調(diào)，配以灰白色的表格，突出頁面的整潔明朗。在這個實例網(wǎng)頁中，左邊提供的是本日和本周下載量最大的軟件，以示這些 軟件的用途廣泛。 圖 71 軟件下載頁面 實例制作 創(chuàng)建網(wǎng)頁 制作每個網(wǎng)頁時，首先都要進行創(chuàng)建網(wǎng)頁、保存網(wǎng)頁、設置頁面屬性等操作。 設置 CSS 樣式 在“ /*CSS Document*/標記后面按 Enter 鍵換行，輸入如下 CSS 樣式代碼： body{ overflowy: scroll。 scrollbarfacecolor: 000000。 fontsize: 12px。 overflowx: hidden。 margin: 6px 0px。 scrollbarhighlightcolor: 000000。 scrollbarshadowcolor: 000000。 scrollbaf3dlightcolor: 000000。 scrollbararrowcolor: ffffff。 scrollbartrackcolor: cccccc。 fontfamily:宋體 。 scrollbardarkshadowcolor: 000000。 backgroundcolor:e0e0e0 } 30 select{ borderright: 000000 1px solid。 bordertop:000000 1px solid。 fontsize:12px。 borderleft:000000 1px solid。 color:000000。 borderbottom:000000 1px solid。 backgroundcolor:f4f4f4 } textarea{ bordertopwidth:1px。 scrollbarfacecolor: 009ace。 borderleftwidth:1px。 fontsize:12px。 borderbottomwidth: 1px。 scrollbarhighlightcolor: b8e9fa。 scrollbarshadowcolor:009aaa。scrollbar3dlightcolor:000000。 scrollbararrowcolor:ffffff。scrollbartrackcolor:f4f4f4。 scrollbardarkshadowcolor: 000000。 backgroundcolor:f4f4f4。 borderrightwidth: 1px } a { color: 000000。 textdecoration:underline } td{ fontsize:12px。 color:000000。 wordbreak:breakall } a:link{ color:000000。 textdecoration:none } a:visited{ color:000000。 textdecoration:none } a:hover{ color:336699。 textdecoration:underline } a:active{ textdecoration:none } .en{ fontsize:11px。 fontfamily:Verdana } .text{ fontsize:13px。 lineheight:160%。 fontfamily:宋體 } .input1{ borderright:000000 1px solid。 bordertop:000000 1px solid。 fontsize:12px。 background:666666。 borderleft:0000001pxsolid。color:f6e700。 borderbottom:000000 1px solid。 height:16px } .input2{ borderwidth:1px。borderleftwidth:1px。 fontsize:12px。 borderbottomwidth:1px。 31 height:16px。 backgroundcolor:cccccc。 borderrightwidth:1px } .bginput{ bordertopwidth:1px。borderleftwidth:1px。fontsize:12px。 borderbottomwidth:1px。 backgroundcolor:f4f4f4。 borderrightwidth:1px } { color:FFFFFF } :visited{ color:FFFFFF。 top:1px。 textdecoration:none } :hover{ color:CCCCCC。 position:relative。 top:1px。 textdecoration:none } 制作網(wǎng)頁標識和導航欄 不管在網(wǎng)頁的哪一級，都不能缺少網(wǎng)頁的標識，它使網(wǎng)站具有統(tǒng)一的形象，也對網(wǎng)站宣傳起到很好的作用。方便的導航欄在網(wǎng)站中會起到非常重要的作用。 操作步驟：打開新創(chuàng)建的網(wǎng)頁，在其中插入表格，單擊文檔工具面板上的“拆分”按鈕，切換到代碼和設計視圖模式，在代碼編輯窗口中 table標記內(nèi)，輸入 如下代碼： Style=” BORDERTOP: 000000 1px solid。 BORDERLEFT: 000000 1px solid。 BORDERRIGHT: 000000 1px solid” 制作軟件下載排行榜 網(wǎng)站中內(nèi)容頁的文字和圖像一般都不會多到充滿整個網(wǎng)頁，為了使網(wǎng)頁的內(nèi)容更加豐富，推薦給瀏覽都更多、更好的內(nèi)容，網(wǎng)站制作者們通常會把瀏覽者感興趣的內(nèi)容放置在主要內(nèi)容的左側或右側。 本實例的網(wǎng)頁就是把下載量最多的軟件目錄，以排行榜的形式放置在主要內(nèi)容的左側， 使瀏覽者可以很方便地找到自己感興趣的軟件。 制作軟件下載內(nèi)容 完成左側軟件下載排行的制作后，開始制作本網(wǎng)頁的主要內(nèi)容“ Jpad Pro”軟件下載的詳細內(nèi)容。 操作步驟：在最右側空白區(qū)域的單元格內(nèi)單擊鼠標左鍵，在屬性面板“垂直”下拉列表中選擇“頂端”選項，使光標位于單元格頂部。然后插入單元格，并輸入所需要的內(nèi)容和插入圖片文件，然后對網(wǎng)頁進行保存。 彈出提示信息 當用戶關閉此網(wǎng)頁時，為了引起注意，我們可以制作一個友好的彈出信息。 操作步驟：將光標移動到網(wǎng)頁左上角。打開“行為”面板。單 擊行為面板上的“添加行為”按鈕 ，彈出行為菜單，選擇“彈出信息”選項。彈出“彈出信息”對話框，在“消息”文本框中輸入文本“歡迎光臨程序員之家！希望您一直關注我 32 們，謝謝！”。到這里軟件下載網(wǎng)頁就基本制作完成了，按 Ctrl+S 鍵保存網(wǎng)頁，然后按 F12 鍵在瀏覽器中瀏覽網(wǎng)頁效果。 第 8 章 新聞類網(wǎng)站 —— 全球資訊在線 新聞網(wǎng)站概述 新聞的定義可以概括為是公開傳播的新近發(fā)生的具有新聞價值的事實信息。新聞在現(xiàn)代社會中是被人們一貫關注的，它具有以下 4 個特點：真實性、新鮮性、公開傳播性、新聞價值。 實例展示 本章以“全球資訊在線”首頁為例。這是一個大型的專業(yè)新聞資訊類網(wǎng)站，它包括各種不同的語文版本，以及新聞相關的豐富內(nèi)容，劃分有幾十個新聞欄目。 對于這樣內(nèi)容繁多的大型網(wǎng)站，需要注意欄目的合理劃分和結構的直觀布局，還應該盡量減少不必要圖像的使用，更多地用表格實現(xiàn)一些效果，以加快瀏覽速度。本實例根據(jù)以上特征進行了規(guī)劃。 圖 81 全球資訊在線網(wǎng) 實例制作 由于實例內(nèi)容豐富，版塊比較多，在制作過程中，最能體現(xiàn)出 Dreamweaver 8軟件的特點。 網(wǎng)頁制作前期步驟 制作每個網(wǎng)頁時，首先都要進行創(chuàng)建網(wǎng)頁、保存網(wǎng)頁、設置頁面屬性等操作，我們把它劃為網(wǎng)頁前期基本步驟。 制作首頁導航 網(wǎng)站導航引導客戶瀏覽整個網(wǎng)站內(nèi)容的主要方式，也是顯示網(wǎng)站內(nèi)容規(guī)劃的重要方法。在每個瀏覽都是瀏覽網(wǎng)站的時候，看到導航欄目就能很清楚地知道網(wǎng)站具備的內(nèi)容信息。 33 操作步驟：打開已創(chuàng)建好的網(wǎng)頁，在基本插入表格，并輸入所需要內(nèi)容，如：首頁 |國內(nèi) |社會 |技術 |娛樂 |汽車 |動漫 |網(wǎng)視 |視野 |奧運 |教育 |傳媒 |女性 |公益 |影視 |聊天室，完成后保存網(wǎng)頁，打開瀏覽器瀏覽網(wǎng)頁。 制作搜索引擎和新聞中心 在導航欄的下方，是一塊比較容易引起瀏覽者關注的區(qū)域，因此，通過設置一些主要的欄目內(nèi)容，方便瀏覽都瀏覽。 操作步驟：在導航欄下方插入表格，并在表格中插入表單，并在其中輸入所需要的內(nèi)容。單擊文檔工具面板上的 按鈕，切換到代碼和設計視圖模式下，輸入如下代碼： marquee id=info onMouseOver=() onMouseOut=() scrollamount=2 hspace=12 vspace=2 scrolldelay=10 施瓦辛格想出妙計彌補財政虧空 決定開設財場 兩名男子自首 英國拾貝人死亡案被捕者增至 7 人 俄七名總統(tǒng)候選人獲參選資格 雷布金仍未找到 /marquee