【正文】 被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。網(wǎng)頁(yè)設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。關(guān)鍵詞： 網(wǎng)頁(yè)制作；網(wǎng)頁(yè)設(shè)計(jì)；HTML；ASP第一章緒論第一章 緒論隨著21世紀(jì)的到來，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來越重要，越來越來的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。第四章：內(nèi)部對(duì)象系統(tǒng)的使用，本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)，可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。第二章：網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言——HTML，以及用于編輯HTML語(yǔ)言的軟件，為后續(xù)工作奠定基礎(chǔ)。在介紹網(wǎng)頁(yè)設(shè)計(jì)與制作語(yǔ)言的基礎(chǔ)上，著重使用JavaScript作為工具語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)際操作，分別對(duì)基于對(duì)象的JavaScript語(yǔ)言、內(nèi)部對(duì)象系統(tǒng)的使用及WEB頁(yè)面信息交互——窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。這樣在我們單擊藍(lán)色地帶的時(shí)候，就會(huì)彈出你好信息框。這四個(gè)頁(yè)面都做好了，我們還有一項(xiàng)任務(wù)沒有完成，那就是給頁(yè)面添加兩個(gè)行為下面我們講添加行為，打開首頁(yè)，單擊圖像選中，然后找到一下命令，看到行為面板下那個(gè)醒目的加號(hào)了嗎 單擊加號(hào)——交換圖像，彈出對(duì)話框單擊瀏覽，在自己電腦中找出一張圖片，單擊確定，存放到站點(diǎn)根目錄下，這樣第一個(gè)行為就完成了，當(dāng)我們鼠標(biāo)滑過這張圖片的時(shí)候，就會(huì)變?yōu)榱硪粡垐D片。單擊選中，我們會(huì)發(fā)現(xiàn)右面多出這樣一個(gè)界面flash元素在其中找到然后單擊后面的img1那里，會(huì)發(fā)現(xiàn)后面多出一支筆，單擊那個(gè)筆，彈出對(duì)話框單擊減號(hào)，將img1三個(gè)刪掉，然后再單擊加號(hào)，會(huì)多出一個(gè)文件夾標(biāo)志，單擊文件夾標(biāo)志，然后彈出對(duì)話框在自己電腦里選擇一張圖片，將圖片保存到站點(diǎn)根文件夾下，還是那個(gè)問題，名字中不能有漢字，添加好第一張圖片之后界面如圖大家可以多添加幾張圖片，這樣一個(gè)相冊(cè)就做好了，單擊確定。就是插入幾張圖片，現(xiàn)在第三行剩下三個(gè)空欄，每個(gè)欄里插入一張圖片，景色也好，其他也罷，然后加上圖片說明，一切搞定，這個(gè)我就不寫了，第二種方法還是用flash做相冊(cè)，首先大家合并第三行三個(gè)欄。但是我們最好把那個(gè)表單刪掉，哪個(gè)是表單就不用我說了吧，就是這個(gè)了。這個(gè)欄的左邊，在表格和邊框之間，我們可以發(fā)現(xiàn)，鼠標(biāo)斜向右首先單擊鼠標(biāo)左鍵，選中這個(gè)表格然后不要移動(dòng)鼠標(biāo)，同時(shí)單擊右鍵，單擊拷貝，然后這個(gè)表格就拷貝好了，打開其他三個(gè)頁(yè)面，分別粘貼過去，圖像屬性描述不用管，取消，這樣做的好處是它的好處非常多。第四行還有四個(gè)欄，大家可以在里面表明作者時(shí)間、以及自己的郵箱、等內(nèi)容，這里我就不寫了。接下來插入文字和圖片，在現(xiàn)在的第二行第二列里操作把光標(biāo)指向第三行第二列，選擇常用欄選擇這個(gè)欄里的圖像按鈕，彈出對(duì)話框，這時(shí)大家選擇自己電腦里的一張圖片，單擊確定后彈出對(duì)話框，問是否保存在站點(diǎn)根目錄下，單擊確定，這時(shí)候需要注意的是，圖片名字不能有漢字，圖像標(biāo)簽和輔助屬性那一欄不用管，單擊確定即可。大家可以回到自己的文件夾里，打開首頁(yè)，測(cè)試一下，是不是單擊這四個(gè)按鈕會(huì)指向自己所設(shè)置的網(wǎng)頁(yè)，然后我們給第二行設(shè)置背景顏色，以有彈出顏色選框，大家隨意選擇自己喜歡的顏色單擊背景顏色后面那個(gè)方框，可接下來，完成老師的第五個(gè)要求，制作表單，這個(gè)把光標(biāo)指向第三行第一個(gè)欄選在表單選項(xiàng)中的。其他像什么背景色之類的隨意，然后單擊確定。創(chuàng)建鏈接，選中首頁(yè)兩個(gè)字，然后單擊右鍵——?jiǎng)?chuàng)建鏈接，然后以同樣的方法，給其他三個(gè)欄里的文字做鏈接，創(chuàng)建鏈接的文字會(huì)有下劃線，同時(shí)改變顏色如果大家不嫌麻煩，教大家用flash做一個(gè)動(dòng)態(tài)的按鈕導(dǎo)航，把光標(biāo)放在第一行第一個(gè)欄里，然后這個(gè)常用欄里的flash按鈕，單擊后面那個(gè)小三角，選擇flash按鈕。寬度和高度的設(shè)置時(shí)在代碼里找到height=””，其中align表示表格位置，height表示表格高度，大家可以根據(jù)自己的需要來填數(shù)字，默認(rèn)是以像素為單位的。大家可以看一下，在站點(diǎn)目錄下，已經(jīng)有了這首歌曲。A網(wǎng)頁(yè)標(biāo)題，這個(gè)就是網(wǎng)頁(yè)名字，我們以張三為例，這，這樣老師的第六條我們就完成一半B網(wǎng)頁(yè)標(biāo)題C網(wǎng)頁(yè)標(biāo)題改好名字之后，一一保存，這個(gè)不多說了。，顯示為當(dāng)前頁(yè)面。站點(diǎn)中已經(jīng)有了四個(gè)文件。新建站點(diǎn)后得到這樣一個(gè)界面點(diǎn)選高級(jí)，得到界面站點(diǎn)名稱與我們建文件夾得名字相同，zs填進(jìn)去就可以了 本地根文件夾就是我們新建的那個(gè)文件夾zs，地址為://localhost/zs接下來選擇左側(cè)欄里遠(yuǎn)程信息點(diǎn)擊無后面的那個(gè)三角，選擇本地網(wǎng)絡(luò)，遠(yuǎn)端文件夾同樣選擇我們新建的那個(gè)文件夾接下來點(diǎn)選左面菜單里的測(cè)試服務(wù)器，點(diǎn)選訪問后面那個(gè)三角，選擇本地網(wǎng)絡(luò)，測(cè)試服務(wù)器文件夾也為我們建好的文件夾zs，在url前綴后面加上zs然后點(diǎn)擊確定就可以了得到這樣一個(gè)界面。選擇站點(diǎn)——新建站點(diǎn)。，動(dòng)態(tài)按鈕導(dǎo)航欄。3．網(wǎng)頁(yè)中要有圖片和文字內(nèi)容，用表格進(jìn)行頁(yè)面布局； 4．添加至少兩種行為，并為首頁(yè)添加背景音樂。本次設(shè)計(jì)由于設(shè)計(jì)時(shí)間較緊，且相關(guān)模塊比較多，加之設(shè)計(jì)經(jīng)驗(yàn)的不足，在網(wǎng)站的整體設(shè)計(jì)及各模塊功能可能設(shè)計(jì)的不完全，有待于進(jìn)一步的完善和改進(jìn)。在交互式網(wǎng)頁(yè)設(shè)計(jì)學(xué)會(huì)了如何使用Access建立數(shù)據(jù)庫(kù)，以及對(duì)數(shù)據(jù)庫(kù)瀏覽，修改，添加，查詢。同時(shí)也從中學(xué)習(xí)了對(duì)靜態(tài)頁(yè)面的處理風(fēng)格，色彩搭配，頁(yè)面導(dǎo)航方面有了一定經(jīng)驗(yàn)。結(jié)束語(yǔ)經(jīng)過老師耐心細(xì)致的指導(dǎo)，及同學(xué)之間的相互交流，同時(shí)翻閱了大量的資料(包括網(wǎng)上資料，書本及學(xué)校的一些相關(guān)資料)經(jīng)過近一段時(shí)間的努力，個(gè)人網(wǎng)站的設(shè)計(jì)制作告一段落。平時(shí)多收集資料，多聽聽別人建議，定期更新版面，還有推廣站點(diǎn)。維護(hù)網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，這樣才會(huì)不斷的吸引更多的瀏覽者訪問，才能成為一個(gè)優(yōu)秀的網(wǎng)站。（4）、對(duì)HTML文件的信息做出檢查。（2）、選擇檢測(cè)范圍，在【報(bào)告】選項(xiàng)中有四個(gè)內(nèi)容供選擇：Current Document、Entire Local Site、Select Files in site、Folder。Dream weaver測(cè)試站點(diǎn)和用IIS測(cè)試本地站點(diǎn)Dream weaver MX提供了全面檢測(cè)站點(diǎn)的功能，它比檢測(cè)鏈接更全面。要得到更詳盡的解釋說明，可以點(diǎn)擊圖3中的“幫助”。在”本地計(jì)算機(jī)網(wǎng)站默認(rèn)網(wǎng)站“上右鍵單擊，在快捷菜單里選”屬性“(或者直接在操作菜單下選”屬性“)，彈出如下對(duì)話框圖16: 圖16 切換到”主目錄“標(biāo)簽(圖2)，重新選擇網(wǎng)站根目錄(我選擇的是E盤下的my web目錄)，默認(rèn)是”系統(tǒng)盤:Inetpubroot“,因?yàn)橄到y(tǒng)盤不宜放太多的非系統(tǒng)文件，所以在這里重設(shè)默認(rèn)網(wǎng)站要目錄，如果嫌麻煩可以跳過這步。IIS 裝好之后再作一下簡(jiǎn)單的配置。A loop（3）添加記錄操作setrs=()可寫方式,username,zhuangtai,zongerfromactions,conn,1,3 添加一條新記錄 rs(bookid)=bookid 添加相應(yīng)的記錄 rs(username)=username ???? rs(zhuangtai)=6 rs(zonger)=0 更新數(shù)據(jù)庫(kù)（4）刪除記錄操作從表actions中刪除actionid匹配的記錄 = amp。amp。nid=amp。rs(anclassid)amp。rs(anclassid)amp。39。)。/script“/ppelse/ppsession(”admin_name“)=request(”admin_name“)/ppsession(”loc“)=1/pp ”“ end if %（2）其中驗(yàn)證碼驗(yàn)證代碼：% dim verifycode,verifycode2 if verifycodeverifycode2 then ”script language=JavaScriptalert(39?！?”=39。用戶或密碼錯(cuò)誤！非管理員勿入！39?！?9?！癮mp?！?9?！癮mp?！? ”/script“/pp %（四）、網(wǎng)站管理系統(tǒng)完成站長(zhǎng)對(duì)網(wǎng)站信息管理及更新的系統(tǒng)，包括以下幾部分：（1）（2）（3）（4）（5）管理登陸管理系統(tǒng)的登陸頁(yè)面，主要用于管理登陸和判斷用戶是否已注冊(cè)。)。“ ”alert(39。發(fā)表留言提交內(nèi)容判斷模塊代碼 % if request(”action“)=”“ then ”?action=show“ if request(”action“)=”post“ then dim bookname dim bookwhere dim bookpic bookname=request(”name“)bookwhere=request(”where“)bookpic=request(”pic“)bookface=request(”face“)bookip=(”REMOTE_ADDR“)if bookname=”“ then ”script LANGUAGE=39。將當(dāng)前記錄的標(biāo)簽賦于變量BOOKMARK上/ppend if/ppend if/ppdim n,k/ppif(totalPut mod MaxPerPage)=0 then 39。相對(duì)當(dāng)前記錄數(shù)向后移動(dòng)/ppdim bookmark 39。如果當(dāng)前頁(yè)數(shù)不等于第一頁(yè)/ppif(currentPage1)*MaxPerPagetotalPut then 39。一切條件不成立,將當(dāng)前頁(yè)設(shè)為第一頁(yè) End If totalPut= 39。clng是轉(zhuǎn)換成長(zhǎng)整型數(shù)據(jù)類型,并賦值到當(dāng)前頁(yè)次上/ppIf CurrentPage then 39。設(shè)置每頁(yè)最多顯示多少條記錄/ppIf trim(Request(“Page”))“ then 39。站長(zhǎng)基本信息顯示頁(yè)面 數(shù)據(jù)庫(kù)連接頁(yè)面 (三)、關(guān)鍵代碼設(shè)計(jì)分頁(yè)功能模塊代碼% if not then 39。和大家進(jìn)行溝通。站長(zhǎng)基本信息顯示頁(yè)面 數(shù)據(jù)庫(kù)連接頁(yè)面 (4)、留言本是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。a、功能利用ASP對(duì)象語(yǔ)句來顯示歌曲曲目、演唱人和在線播放功能。a、功能利用ASP對(duì)象語(yǔ)句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章b、組成結(jié)構(gòu)日記或文章顯示頁(yè)面 ：顯示所有日記或文章，同時(shí)還具備顯示不同子類日記或文章站長(zhǎng)基本信息顯示頁(yè)面 數(shù)據(jù)庫(kù)連接頁(yè)面 c、日記頁(yè)面瀏覽效果圖，如圖12。b、組成構(gòu)造相冊(cè)結(jié)果顯示頁(yè)面 ：用來顯示所有圖片，同時(shí)還具備圖片的分類功能和圖片單個(gè)瀏覽功能。三、詳細(xì)設(shè)計(jì)界面設(shè)計(jì)（1）相冊(cè)是一個(gè)個(gè)人相片和精彩圖片展示的地方，在相冊(cè)中，我們可以了解到站長(zhǎng)的個(gè)人風(fēng)采和自己喜歡的圖片。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。(7)頁(yè)面組織和數(shù)據(jù)庫(kù)設(shè)計(jì)在明確了我的個(gè)人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁(yè)面設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)。讓大家一起來欣賞人物、風(fēng)景風(fēng)采。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來欣賞。(4)日記在其中展示我喜愛的東西，包括我的日記、精品文章、社會(huì)文化和一些雜七雜八的文章。和大家進(jìn)行溝通。(2)留言板是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。站內(nèi)的其它頁(yè)面均是我自己的精心收藏，與大家一起分享。因此將網(wǎng)站設(shè)計(jì)分為前臺(tái)頁(yè)面展示平臺(tái)和后臺(tái)在線管理平臺(tái)。（三）我的個(gè)人網(wǎng)站的設(shè)計(jì)與規(guī)劃明確架設(shè)網(wǎng)站的目的及客戶要求通常情況下，架設(shè)個(gè)人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)個(gè)人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個(gè)人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗(yàn)，讓和我有共同愛好的朋友有一個(gè)傾訴的地方。個(gè)人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時(shí)間，中國(guó)網(wǎng)民數(shù)量飛速增長(zhǎng)，個(gè)人網(wǎng)站日漸繁榮，個(gè)人主頁(yè)的數(shù)量急劇增加。（二）個(gè)人網(wǎng)站的由來和發(fā)展互聯(lián)網(wǎng)在中國(guó)的出現(xiàn)只有短短七年時(shí)間，1994年中國(guó)科學(xué)院高能物理研究所設(shè)立了國(guó)內(nèi)第一個(gè)Web服務(wù)器，推出一個(gè)叫做“中國(guó)之窗”的網(wǎng)頁(yè)，這可能是國(guó)內(nèi)Internet上出現(xiàn)的第一個(gè)Web網(wǎng)頁(yè)，1995年開始，中國(guó)教育科研網(wǎng)，中國(guó)科技網(wǎng)，中國(guó)公用計(jì)算機(jī)互聯(lián)網(wǎng)以及中國(guó)金橋網(wǎng)這構(gòu)成中國(guó)數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡(luò)相繼建成，使互聯(lián)網(wǎng)在中國(guó)開始真正進(jìn)入社會(huì)生活之中。IP地址是由專門的互聯(lián)網(wǎng)機(jī)構(gòu)來分配。（一）Web頁(yè)概述認(rèn)識(shí)WebWeb(World Wide Web，簡(jiǎn)稱，其意思就是采用超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁(yè)，由于網(wǎng)頁(yè)均是通過超文本傳輸協(xié)議進(jìn)行訪問，默認(rèn)下，“://”可以省略不輸。個(gè)人網(wǎng)站也成為了一種時(shí)尚。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動(dòng)畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無可置疑，網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式?！娟P(guān)鍵詞】 網(wǎng)站 ASP SQL Server 風(fēng)格 創(chuàng)意一、引言在已跨入21世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對(duì)社會(huì)發(fā)展的推動(dòng)遠(yuǎn)為復(fù)雜而巨大。＋I(xiàn)IS＋Access技術(shù)實(shí)現(xiàn)了我的網(wǎng)站的各種功能，其中和數(shù)據(jù)庫(kù)的連接使用到了ODBC技術(shù)。，并對(duì)個(gè)人網(wǎng)站的由來和發(fā)展進(jìn)行了討論。本文的主要工作集中在：，主要是對(duì)Internet的歷史和發(fā)展作了回顧，并對(duì)Web頁(yè)的定義和特性進(jìn)行闡述。這樣以后可以利用業(yè)余的時(shí)間為自己或者公司，根據(jù)自己的愛好建立一個(gè)個(gè)人網(wǎng)站。整個(gè)網(wǎng)站的不足我想是沒有使用到一些動(dòng)態(tài)網(wǎng)頁(yè)的知識(shí)，使得日后網(wǎng)站的維護(hù)較為繁雜。到現(xiàn)在為止，我還是很慶幸能夠?qū)W到這么多的內(nèi)容。不知不覺網(wǎng)