【正文】 素”，在“邊框粗細(xì)”和“單元格間距”文本框中分別輸入“ 0”，在“單元格邊距”文本框中輸入“ 9”。 步驟 3：完成設(shè)置，單擊“確定”按鈕，將表格插入在網(wǎng)頁編輯窗口。單擊表格邊框，選擇表格，在屬性面板“對(duì)齊”列表中選擇“居中對(duì)齊”選項(xiàng)。 步驟 4：先把光標(biāo)定位在左側(cè)單元格內(nèi)，在 屬性面板“寬”文本框中輸入“ 180”，在“背景顏色”文本框中輸入“ F3F3F3” 。然后，光標(biāo)定位在右側(cè)單元格內(nèi)，在屬性面板“寬”文本框中輸入“ 588”，單擊“背景顏色”按鈕，在顏色選擇器中選擇白色。 步驟 5：接著，再次把光標(biāo)輸入在左側(cè)單元格內(nèi)，單擊“圖像”按鈕，選擇圖像文件“ ”插入在單元格中。 步驟 6：接著按下鏈盤“ Enter”鍵，然后，輸入文本“用戶登錄”。拖動(dòng)鼠標(biāo)選中文本后，在屬性面板“樣式”列表中選擇“ siderbar_head”選項(xiàng)。由于在 CSS 新式中設(shè)置了“ siderbar_head”的下方有 1條像素的線條。 步驟 7：將光標(biāo)移動(dòng)到文本右側(cè)，然后按 Enter 鍵換行。隨后，在“插入”面板列表中選擇“表單”選項(xiàng)，切換到“表單”插入面板。 步驟 8：在“表單”插入面板中，單擊“表單”按鈕，在單元格插入紅色虛線框的表單邊框。將光標(biāo)移動(dòng)到表單邊框內(nèi)，在它的屬性面板“表單名稱”文本框中輸入“ memLogin”，在“類”列表中選擇“ siderbar_main”，設(shè)置表單名稱和樣式。 步驟 9：接著，單擊表單面板的“文本字段”按鈕，輸入文本“用戶：”。然后，選中插入的文本框，在屬性面板“ 文本域”文本框中輸入“ username”，在“字符寬度”文本框中輸入“ 12”，在“最多字符數(shù)”文本框中輸入“ 20”，在“類”列表中選擇“ siderbar_main”。 步驟 10：按照步驟 9 的方法，在下一行輸入文本“密碼：”，并插入文本字段，這里在“文本域”文本框中需要設(shè)置與“用戶：”文本字段不同的名稱。造反密碼文本字段后，在屬性面板“文本域”文本框中輸入“ Password”，其他屬性設(shè)置與步驟9 相同。 步驟 11：換一行，單擊表單面板“按鈕”按鈕。然后，在屬性面板“按鈕名稱”文本框中輸入“ Submit22”， 在“值”文本框中輸入“登錄”，選擇“動(dòng)作”單選框?yàn)椤疤峤槐韱巍?，在“類”列表中選擇“ siderbar_main”選項(xiàng)。 步驟 12：在“登錄”按鈕后，按下空格鍵。接著，再插入一個(gè)按鈕，在屬性面 23 板“按鈕名稱”文本框中輸入“ Submit2”，在“值”文本框中輸入“注冊(cè)”，選擇“動(dòng)作”單選框?yàn)椤疤峤槐韱巍薄? 制作站點(diǎn)日歷和站點(diǎn)統(tǒng)計(jì) 博客網(wǎng)站是一個(gè)網(wǎng)絡(luò)日志。因此，在網(wǎng)站上制作動(dòng)態(tài)日歷，可以讓使用博客的用戶更加方便地記錄自己的日志。站點(diǎn)統(tǒng)計(jì)很多網(wǎng)站上都有，但有的是不對(duì)用戶公布，而是用于管理。在博客網(wǎng)站公開 統(tǒng)計(jì)情況，可以讓用戶了解博客網(wǎng)站的實(shí)力，讓用戶知道會(huì)有很多網(wǎng)友關(guān)注自己的網(wǎng)絡(luò)日志，起到聚集人氣的作用。它的制作方法同制作用戶登錄區(qū)域相同。 制作日志搜索、最新評(píng)論等內(nèi)容 在博客網(wǎng)站中有很多網(wǎng)友在網(wǎng)站留下自己的日志，為了使博客之間可以更好的交流，網(wǎng)站提供了評(píng)論，以及日志搜索功能。它的制作方法與制作站點(diǎn)日歷，站點(diǎn)統(tǒng)計(jì)和用戶登錄相同。 制作博客內(nèi)容列表 制作步驟：在右側(cè)單元格中博客發(fā)表日志的列表內(nèi)容，輸入單元格，在單元格中輸入所要的內(nèi)容和相應(yīng)的圖片文件。制作完成一言堂博客后，按下 Ctrl+S 鍵，保存網(wǎng)頁。然后，按 F12 鍵在瀏覽器中可以看到。 第 4 章 網(wǎng)絡(luò)教學(xué)類網(wǎng) —— 環(huán)球教育在線 網(wǎng)絡(luò)教學(xué)類網(wǎng)站概述 從實(shí)現(xiàn)教育功能角度將教育主題網(wǎng)站分為互動(dòng)學(xué)習(xí)、主題資訊、教育科研 3 大類別，并根據(jù)建設(shè)者和技術(shù)特點(diǎn)進(jìn)一步分類簡(jiǎn)易型、專業(yè)型兩個(gè)類型。這幾年來國內(nèi)教育網(wǎng)站如雨后春筍般涌現(xiàn)，建設(shè)的主體既有機(jī)構(gòu)、企業(yè)，也有學(xué)校、教師個(gè)人。這引起網(wǎng)站構(gòu)成了中文網(wǎng)絡(luò)教育信息的重要組成部分。一部分網(wǎng)站有效地發(fā)揮了它們的教育效益，作為新型互動(dòng)學(xué)習(xí)的平臺(tái)，參與到課程整合的教學(xué)改革實(shí)踐中來。 教育網(wǎng)站，顧名思義該類網(wǎng) 站服務(wù)于教育活動(dòng)。教育信息化目的之一在于學(xué)習(xí)方式、教學(xué)方式的變革，從而實(shí)現(xiàn)教育現(xiàn)代化。網(wǎng)絡(luò)以其海量信息資源、便捷溝通等特性成為新型學(xué)習(xí)環(huán)境的有機(jī)組成部分。 教育網(wǎng)站通常可以分為以下 5 種：教育行政部門的網(wǎng)站、教育研究機(jī)構(gòu)的網(wǎng)站、企、校合辦或者企、校自辦的網(wǎng)站、社會(huì)專業(yè)機(jī)構(gòu)自辦的網(wǎng)站、學(xué)校教師、學(xué)生以及其他個(gè)人自辦的網(wǎng)站。 實(shí)例展示 本實(shí)例通過清晰的結(jié)構(gòu)，突出教育網(wǎng)站的重點(diǎn)內(nèi)容。它結(jié)合現(xiàn)代的教學(xué)理念和先進(jìn)的技術(shù)手段，將學(xué)習(xí)與網(wǎng)絡(luò)合理地整合，達(dá)到教學(xué)對(duì)象廣泛、使用方便、時(shí)間自由、節(jié)約成本等特點(diǎn)。 教學(xué)網(wǎng) 站通常會(huì)設(shè)置登錄窗口，是專門為注冊(cè)學(xué)生提供的，在其中可以學(xué)習(xí)更多的內(nèi)容和更具特色的教程。 在線播放也是教學(xué)網(wǎng)站不可缺少的內(nèi)容，純文字的內(nèi)容不能引起學(xué)生更多的興趣。在線播放課件，使教學(xué)更真實(shí)、更有親和力，實(shí)例效果如圖 41所示。 24 圖 41 環(huán)球教育在線首頁 操作步驟 創(chuàng)建并設(shè)置頁面屬性 制作網(wǎng)頁之前，首先就是頁面的屬性設(shè)置，只有把頁面屬性設(shè)置好了，整個(gè)頁面才有好的布局環(huán)境，結(jié)構(gòu)才能清晰明了。 制作標(biāo)題欄和導(dǎo)航欄 制作網(wǎng)站首頁的標(biāo)題和導(dǎo)航欄。操作步驟：將光標(biāo)定位在編輯 窗口中，插入表格，設(shè)置單元格屬性，并在其中輸入所需要的內(nèi)容，然后保存。 制作主體內(nèi)容 網(wǎng)頁主體分為左、中、右 3 個(gè)部分，首先使用表格劃分為 3 個(gè)區(qū)域，然后在每個(gè)單元格內(nèi)分別制作不同區(qū)域的內(nèi)容。單擊“創(chuàng)建”按鈕，新建 JavaScript 文件，在文檔編輯窗口內(nèi)輸入如下代碼： function trains(id,text){[id].innerHTML=39。 39。+text} function trainpic(id,text){[id].innerHTML=39。img src=39。+text+39。.gif39。} function high(which2){ theobject=which2。=0 highlighting=setInterval(highlightit(theobject),50)} function low(which2){ clearInterval(highlighting) =100} function highlightit(cur2){ if (100) +=15 else if() clearInterval(highlighting)} 制作完成后保存網(wǎng)頁。 制作課程在線播放網(wǎng)頁 教育網(wǎng)站中，通常會(huì)放置一些相關(guān)的課程視頻文件，使學(xué)習(xí)者有身臨其境的學(xué)習(xí)環(huán)境。 25 操作步驟：二級(jí)網(wǎng)頁與首頁結(jié)構(gòu)相同，我們另存 ，插入表格，并輸入相關(guān)內(nèi)容。下面需要進(jìn)行參數(shù)的設(shè)置，或直接在代碼中編寫參數(shù)。切換到“代碼和設(shè)計(jì)視圖模式”，選中 ActiveX 插件，代碼視圖會(huì)選中相應(yīng)的代碼，在 object? /object代碼之間插入?yún)?shù)設(shè)置代碼，最終代碼顯示如下： object classid=clsid:CFCDAA038BE411cfB84B0020AFBBCCFA width=421 height=325 id=vid param name=ExtentX value=3016 param name=ExtentY value=2646 param name=AUTOSTART value=1 param name=SHUFFLE value=0 param name=PREFETCH value=0 param name=NOLABELS value=1 param name=SRC value=images/ param name=CONTROLS value=ControlPanel,Imagewindow param name=CONSOLE value=clip1 param name=LOOP value=1 param name=NUMLOOP value=10 param name=CENTER value=0 param name=MAINTAINASPECT value=0 param name=BACKGROUNDCOLOR value=000000 embed src=images/ width=421 height=325 autostart=1 loop=1 extentx=3016 extenty=2646 shuffle=0 prefetch=0 nolabels=1 controls=ControlPanel,Imagewindow console=clip1 numloop=10 center=0 maintainaspect=0 backgroundcolor=000000/embed /object 制作完成后按 Ctrl+S 鍵，保存網(wǎng)頁。然后，在 IE瀏覽器中查看網(wǎng)頁效果。 第 5 章 手機(jī)短信類 —— 一線通短信網(wǎng) 手機(jī)短信網(wǎng)站概述 現(xiàn)在網(wǎng)絡(luò)上提供網(wǎng)上手機(jī)發(fā)送短信的資源日漸增多，尤其是作為許多網(wǎng)站盈利支點(diǎn)的短信息服務(wù)更是如“雨后春筍”數(shù)不勝數(shù)。但也不可否認(rèn)，網(wǎng)絡(luò)的普及、手機(jī)短信網(wǎng)站的成熟運(yùn)行，也給手機(jī)用戶帶來很多的好處，如：精彩的節(jié)日問候、開心的祝福話語以及動(dòng)聽搞活經(jīng)濟(jì)笑的彩鈴下載等，都可以通過網(wǎng)站給自己和朋友發(fā)送或下載。 在快速發(fā)展的今天，手機(jī)普及率給手機(jī)短信網(wǎng)站的發(fā)展提供了很好的商業(yè)運(yùn)行機(jī)會(huì)，也給商家?guī)砹烁呃麧櫟馁Y金 回報(bào)。 根據(jù)以上闡述，創(chuàng)建一個(gè)成功的手機(jī)短信網(wǎng)站，需要了解如下 4 個(gè)特性：時(shí)尚性、互動(dòng)性、實(shí)用性、技術(shù)性。 實(shí)例展示 整個(gè)網(wǎng)站突出的是手機(jī)短信網(wǎng)站的特點(diǎn)，風(fēng)格活潑，結(jié)構(gòu)布局合理，圖片設(shè)計(jì)時(shí)尚。在制作網(wǎng)頁過程中，強(qiáng)調(diào)頁面的屬性設(shè)置和樣式設(shè)計(jì)，使網(wǎng)站在整體設(shè)計(jì)效果上達(dá)到大眾比較滿意的效果。網(wǎng)頁制作效果如圖 51所示。 26 圖 51 網(wǎng)站首頁 實(shí)例制作 設(shè)置頁面屬性 制作網(wǎng)頁之前，首先就是頁面的屬性設(shè)置，只有把頁面屬性設(shè)置好了，整個(gè)頁面才有好的 布局環(huán)境，結(jié)構(gòu)才能清晰明了。 首頁布局設(shè)計(jì) 頁面屬性設(shè)置完成，接下來就是利用表格對(duì)頁面界面的布局進(jìn)行設(shè)計(jì)，目的就是為了使網(wǎng)頁能夠簡(jiǎn)潔、有序地進(jìn)行。 操作步驟：打開上小節(jié)建立的“ ”網(wǎng)頁；打開“插入”面板上的“布局”選項(xiàng)；在打開“布局”面板中，單擊布局按鈕，使“繪制布局單元格”按鈕 呈顯示狀態(tài)，將結(jié)構(gòu)分為 4 大塊。 一線通短信網(wǎng)首頁制作 頁面布局就是為了對(duì)頁面有個(gè)清晰的制作步驟，在完成布局設(shè)計(jì)后，接下來就可以制作“一線通短信網(wǎng)”的首 頁了，在制作首頁之前，首先把制作網(wǎng)頁的素材好。 操作步驟：打開設(shè)計(jì)好布局的“ ”網(wǎng)頁，打開“布局”面板。在每個(gè)結(jié)構(gòu)中分別插入表格，在單元格中插入圖片以及輸入所需要的內(nèi)容，制作完成后按Ctrl+S 保存整個(gè)網(wǎng)頁。 創(chuàng)建 CSS 樣式 由于樣式表的 CSS 語言通俗易懂，而且它的各種特性符合網(wǎng)頁設(shè)計(jì)的需求，所以樣式表的應(yīng)用已經(jīng)相當(dāng)普通，一些比較常用的樣式表屬性在網(wǎng)頁中得到了廣泛的應(yīng)用。 操作步驟：打開首頁 ；在“窗口” “ CSS 樣式”中打開 CSS 樣式面板，單擊“新建 CSS 規(guī)則 ”按鈕，“新建 CSS 規(guī)則”對(duì)話框中進(jìn)行一系列的設(shè)置。然后單擊“確定”，如要添加可繼續(xù)上述操作。 制作發(fā)送短信頁面 “ 一線通短信網(wǎng)”的首頁已經(jīng)制作完成了，但對(duì)手機(jī)短信網(wǎng)來說，發(fā)送短信是 27 主要功能之一，所以，制作發(fā)送短信的二級(jí)頁面是必不可少的。在制作二級(jí)頁面的時(shí)候，首先要考慮首頁的風(fēng)格和特點(diǎn)，然后制作出與首頁風(fēng)格相一致的網(wǎng)頁，否則，會(huì)讓瀏覽者感覺整個(gè)網(wǎng)站沒有條理，風(fēng)格比較混亂。由于首頁在顏色上比較鮮明和活潑，所以二級(jí)頁面的發(fā)送網(wǎng)頁也應(yīng)該如此，但在這里為了便于介紹和容易掌握，除了顏色上比較鮮明外，網(wǎng)頁 結(jié)構(gòu)和制作技術(shù)使用相對(duì)比較簡(jiǎn)單。 操作步驟：新建一個(gè)基本的 HTML 頁面，將它保存在網(wǎng)站的文件夾中，網(wǎng)頁名稱為“ ”，然后設(shè)置頁面屬性，并在其中插入表格以及所需要內(nèi)容，制作完成后保存整個(gè)網(wǎng)頁。 第 6 章 游戲類網(wǎng)站 —— 玩樂吧 游戲類網(wǎng)站概述 網(wǎng)絡(luò)游戲是當(dāng)今網(wǎng)絡(luò)中最熱門、最火爆、最賺錢的一個(gè)行業(yè)，因此，在眾多網(wǎng)絡(luò)行為中，包括大型的門戶網(wǎng)站，如：新浪、 TOM、搜狐等，都不同程序地增加了游戲欄目。 經(jīng)過幾年的大發(fā)展，如今的網(wǎng)絡(luò)游戲無論是在市份額還是在投入產(chǎn)出比以及對(duì)經(jīng)濟(jì)做出的貢獻(xiàn)上來說， 都完全具有了絕對(duì)值得驕傲和稱頌的成績。在國內(nèi)網(wǎng)絡(luò)游戲中，消費(fèi)群體是一個(gè)規(guī)模可觀的玩家用戶階級(jí)群體，較少的投入形成了獨(dú)特的消費(fèi)行為，但他們注重消費(fèi)品位和文化蘊(yùn)涵、產(chǎn)品質(zhì)量，對(duì)產(chǎn)品品牌關(guān)注較少。 從現(xiàn)行網(wǎng)