第一篇：學(xué)校網(wǎng)站建設(shè)的設(shè)計(jì)與實(shí)現(xiàn)

【摘要】校園網(wǎng)站能對(duì)內(nèi)實(shí)現(xiàn)辦公自動(dòng)化、電子校務(wù)、在線(xiàn)考試，對(duì)外實(shí)現(xiàn)遠(yuǎn)程教育、資源共享，對(duì)社會(huì)實(shí)現(xiàn)與家長(zhǎng)、社會(huì)溝通，實(shí)現(xiàn)電子商務(wù)，對(duì)上級(jí)部門(mén)實(shí)現(xiàn)文件交換，遠(yuǎn)程會(huì)議，在線(xiàn)管理等各種功能，實(shí)現(xiàn)教育系統(tǒng)的信息化、數(shù)字化，集學(xué)校與學(xué)校、學(xué)校與家庭、學(xué)校與社會(huì)、學(xué)校與主管部門(mén)互通在一起，真正實(shí)現(xiàn)學(xué)校信息化社會(huì)。

【關(guān)鍵詞】綜合信息平臺(tái)；Web服務(wù)器；IIS配置；ASP

1校園網(wǎng)站建設(shè)目的飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，校園網(wǎng)站是校園信息化建設(shè)的一個(gè)綜合信息平臺(tái),是學(xué)校對(duì)外宣傳的窗口。學(xué)校、教師、學(xué)生、家長(zhǎng)通過(guò)這個(gè)綜合信息平臺(tái)了解學(xué)校信息、教學(xué)科研信息、學(xué)習(xí)交流信息等，還可以暢所欲言發(fā)表關(guān)于學(xué)校建設(shè)、教學(xué)方法、課程設(shè)置、學(xué)習(xí)體會(huì)方面有建設(shè)性的建議和意見(jiàn)，同時(shí)也可以通過(guò)這個(gè)綜合信息平臺(tái)分享經(jīng)驗(yàn)體會(huì)和資料。通過(guò)網(wǎng)站，全面的宣傳，展示學(xué)校的風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的重大活動(dòng)安排與招生政策，增強(qiáng)社會(huì)與學(xué)校之間的聯(lián)系，因此搞好學(xué)校校園網(wǎng)站建設(shè)事關(guān)學(xué)校教學(xué)水平和聲譽(yù)的大事。

2校園網(wǎng)站建設(shè)分析

校園網(wǎng)站開(kāi)發(fā)是一項(xiàng)很復(fù)雜的工作，我們將根據(jù)網(wǎng)站的定位和需求，針對(duì)學(xué)校網(wǎng)站建設(shè)的特點(diǎn)和重點(diǎn)，整理出一套適合學(xué)校網(wǎng)站建設(shè)管理和控制的方法，以此來(lái)保證網(wǎng)站建設(shè)的高效率、高質(zhì)量、低風(fēng)險(xiǎn)。

2.1網(wǎng)站立項(xiàng)校園網(wǎng)站建設(shè)，要對(duì)建立學(xué)校網(wǎng)站這個(gè)項(xiàng)目立項(xiàng)，要成立一個(gè)專(zhuān)門(mén)的項(xiàng)目小組，小組成員包括：學(xué)校領(lǐng)導(dǎo)、學(xué)校網(wǎng)絡(luò)管理員、美術(shù)教師、各處室人員、計(jì)算機(jī)專(zhuān)業(yè)教師等6人～7人組成，由網(wǎng)絡(luò)管理員作為項(xiàng)目負(fù)責(zé)人負(fù)責(zé)對(duì)該項(xiàng)目的統(tǒng)一調(diào)度和安排。

2.2網(wǎng)站需求說(shuō)明書(shū)建立一個(gè)網(wǎng)站，要明確學(xué)校網(wǎng)站建設(shè)的意義和需求及校園網(wǎng)所能提供的功能和內(nèi)容。必須讓每一位學(xué)校領(lǐng)導(dǎo)、教師和學(xué)生了解校園網(wǎng)能夠提供的服務(wù)和功能。通過(guò)與領(lǐng)導(dǎo)交談、下發(fā)問(wèn)卷調(diào)查表等方式了解學(xué)校領(lǐng)導(dǎo)、教師和學(xué)生希望校園網(wǎng)提供的服務(wù)和內(nèi)容，根據(jù)各方面的反饋意見(jiàn)進(jìn)行認(rèn)真的分析，編寫(xiě)一份詳盡的需求說(shuō)明書(shū)。一份詳盡的需求說(shuō)明書(shū)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和網(wǎng)站建設(shè)失敗，需求說(shuō)明書(shū)要達(dá)到如下標(biāo)準(zhǔn)：正確性、可行性、必要性、簡(jiǎn)明性、檢測(cè)性。

2.3網(wǎng)站總體設(shè)計(jì)有了一份詳盡的需求說(shuō)明書(shū)后，就可以根據(jù)需求說(shuō)明書(shū)，對(duì)網(wǎng)站進(jìn)行總體規(guī)劃、詳細(xì)設(shè)計(jì)，給出一份網(wǎng)站總體建設(shè)方案。總體規(guī)劃具體要明確網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說(shuō)明；網(wǎng)站的欄目版塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件、硬件和技術(shù)分析說(shuō)明；開(kāi)發(fā)時(shí)間進(jìn)度表；維護(hù)方案；制作費(fèi)用，需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些等，根據(jù)這些寫(xiě)一份總體規(guī)劃說(shuō)明書(shū)。

2.4網(wǎng)站具體設(shè)計(jì)總體設(shè)計(jì)階段以比較抽象概括的方式提出解決問(wèn)題的辦法，具體設(shè)計(jì)階段的任務(wù)就是把解決方法具體化，具體分為以下幾步:Web服務(wù)器架設(shè)，基于管理的方便和性能，我們采用在Windows 2003 server中安裝IIS配置Web服務(wù)，采用ASP作為應(yīng)用開(kāi)發(fā)平臺(tái)。人員分工，網(wǎng)站建設(shè)要對(duì)制作人員進(jìn)行分工，可按照專(zhuān)業(yè)對(duì)口、分工協(xié)作的原則進(jìn)行。學(xué)校領(lǐng)導(dǎo)負(fù)責(zé)對(duì)人員的調(diào)度和安排，內(nèi)容材料的把關(guān)；學(xué)校網(wǎng)管負(fù)責(zé)協(xié)調(diào)各制作人員的工作，解決制作中的技術(shù)問(wèn)題并完成整個(gè)網(wǎng)站的調(diào)試工作；美術(shù)教師是整個(gè)網(wǎng)站的美工，對(duì)網(wǎng)站的版面劃分、色彩搭配進(jìn)行統(tǒng)一規(guī)劃和制作；各科室人員負(fù)責(zé)網(wǎng)站制作素材和內(nèi)容的搜集和整理工作；計(jì)算機(jī)專(zhuān)業(yè)教師負(fù)責(zé)對(duì)素材的處理及各網(wǎng)頁(yè)的制作。網(wǎng)站的形象設(shè)計(jì)，在程序員進(jìn)行具體程序開(kāi)發(fā)的同時(shí)，網(wǎng)管和美術(shù)教師開(kāi)始設(shè)計(jì)網(wǎng)站的整體形象和首頁(yè)。整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色彩等。首頁(yè)設(shè)計(jì)包括版面、色彩、圖像、動(dòng)態(tài)效果、圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括Banner、菜單、標(biāo)題、版權(quán)等模塊設(shè)計(jì)。首頁(yè)一般可設(shè)計(jì)1個(gè)～3個(gè)不同風(fēng)格，完成后，供學(xué)校領(lǐng)導(dǎo)網(wǎng)站制作組進(jìn)行選擇。設(shè)計(jì)網(wǎng)站的欄目、版塊和風(fēng)格, 欄目、版塊布局宗旨在于方便訪(fǎng)問(wèn)者瀏覽，欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要注意幾方面：要緊扣主題；盡可能刪除與主題無(wú)關(guān)的欄目；盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上；盡可能方便訪(fǎng)問(wèn)者的瀏覽和查詢(xún)，版塊比欄目的概念要大一些，每個(gè)版塊都有自己的欄目，版塊設(shè)計(jì)應(yīng)該注意：各版塊要有相對(duì)獨(dú)立性；各版塊要有相互關(guān)聯(lián)；版塊的內(nèi)容要圍繞站點(diǎn)主題。顏色調(diào)配設(shè)計(jì)，網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一，由學(xué)校美術(shù)教師進(jìn)行整個(gè)校園網(wǎng)站的美工工作，我們可以更多采納美術(shù)教師的意見(jiàn)。各版塊采用與網(wǎng)站首頁(yè)同一色系的顏色，整個(gè)版塊內(nèi)部也盡量保持風(fēng)格一致?？紤]到校園網(wǎng)站是教學(xué)網(wǎng)站，顏色既要體現(xiàn)出嚴(yán)肅性，又不能過(guò)于死板，所以應(yīng)采用淡雅型的配色方案，避免有大面積色塊出現(xiàn)。網(wǎng)站調(diào)試，盡量采用邊制作邊調(diào)試，即采用本機(jī)調(diào)試和上傳服務(wù)器調(diào)試的方法，因?yàn)榫W(wǎng)站在單機(jī)和服務(wù)器上運(yùn)行有很大的區(qū)別，所以很有可能在上傳服務(wù)器之后，出現(xiàn)在單機(jī)上不能瀏覽的一系列問(wèn)題。觀(guān)察速度、兼容性、交互性等，發(fā)現(xiàn)問(wèn)題及時(shí)解決并記錄下來(lái)。

3校園網(wǎng)站開(kāi)發(fā)制作

有了網(wǎng)站的具體設(shè)計(jì)方案，各網(wǎng)站制作人員就可以全力進(jìn)入開(kāi)發(fā)階段，需要提醒的是，測(cè)試人員需要隨時(shí)測(cè)試網(wǎng)頁(yè)與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測(cè)試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力，學(xué)校領(lǐng)導(dǎo)和網(wǎng)管需要協(xié)調(diào)和溝通各制作人員的工作。最后，將制作中的有關(guān)文檔存檔，并另行寫(xiě)出一個(gè)校園網(wǎng)站使用說(shuō)明文檔，至此，網(wǎng)站項(xiàng)目建設(shè)完畢。

4校園網(wǎng)站維護(hù)

網(wǎng)站運(yùn)行的安全性及網(wǎng)站內(nèi)容信息的準(zhǔn)確都需要對(duì)網(wǎng)站進(jìn)行全天候的動(dòng)態(tài)監(jiān)控，發(fā)現(xiàn)問(wèn)題及時(shí)處理解決。網(wǎng)站建設(shè)并不是單純的開(kāi)通網(wǎng)站就萬(wàn)事大吉了，其更為重要的是

長(zhǎng)期網(wǎng)站的維護(hù)，網(wǎng)站不及時(shí)更新，就不能正確反應(yīng)信息，這樣宣傳的效果不能達(dá)到反而會(huì)給學(xué)校形象帶來(lái)負(fù)面的影響，因此要對(duì)網(wǎng)站進(jìn)行長(zhǎng)期的維護(hù)。

【參考文獻(xiàn)】

［1］ 楊曉鐘.網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)［M］.機(jī)械工業(yè)出版社發(fā)行室，2005.［2］ 張軍.ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)經(jīng)典案例［M］.機(jī)械工業(yè)出版社發(fā)行室，2005.［3］ 陽(yáng)西述.網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)高等院校計(jì)算機(jī)系列教材［M］.武漢大學(xué)出版社，2006.

第二篇：班級(jí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

沈陽(yáng)化工學(xué)院

本科畢業(yè)論文

題 目: 班級(jí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn) 院 系: 計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院 專(zhuān) 業(yè): 計(jì)算機(jī)科學(xué)與技術(shù) 班 級(jí): 計(jì)算機(jī)0802 學(xué)生姓名: 金智宇 指導(dǎo)教師: 張 麗

論文提交日期:2012年06月20日 論文答辯日期:2012年06月26日

I

內(nèi)容摘要

隨著人類(lèi)的進(jìn)步，網(wǎng)絡(luò)技術(shù)不斷發(fā)展和計(jì)算機(jī)的普及，越來(lái)越多的人擁有自己電腦，讓人們的生活更快捷和豐富，并且豐富人類(lèi)的精神世界和物質(zhì)世界，讓人類(lèi)最便捷地獲取信息，找到所求，讓人類(lèi)的生活更快樂(lè)。

網(wǎng)絡(luò)的普及越來(lái)越多的學(xué)校和班級(jí)通過(guò)計(jì)算機(jī)網(wǎng)來(lái)管理各項(xiàng)事務(wù)。同時(shí)，學(xué)生與學(xué)生之間通過(guò)網(wǎng)絡(luò)來(lái)交流的方式也日趨頻繁。在這種潮流的趨勢(shì)下，應(yīng)該采用什么樣的方式來(lái)更好的管理學(xué)生各項(xiàng)信息和班級(jí)各項(xiàng)日常事務(wù)，以及怎么是學(xué)生之間能更好的交流，成為一個(gè)問(wèn)題。

班級(jí)網(wǎng)站設(shè)計(jì)是為了合理的利用網(wǎng)絡(luò)資源，提供班級(jí)與交流、有管理班級(jí)事務(wù)的網(wǎng)絡(luò)平臺(tái)。本網(wǎng)站基于B/S模式，在ASP.NET集成開(kāi)發(fā)的環(huán)境下采用C#語(yǔ)言開(kāi)發(fā)完成。本網(wǎng)站有班級(jí)介紹、班級(jí)相冊(cè)、同學(xué)登陸、班級(jí)留言、學(xué)習(xí)空間、休閑等模塊。網(wǎng)站的設(shè)計(jì)體現(xiàn)個(gè)性化要求。其中同學(xué)登陸模塊實(shí)現(xiàn)了用戶(hù)注冊(cè)、登陸與修改個(gè)人資料等功能；班級(jí)相冊(cè)實(shí)現(xiàn)圖片上傳和在線(xiàn)瀏覽功能；班級(jí)留言實(shí)現(xiàn)網(wǎng)上留言功能；提供交流平臺(tái)。本網(wǎng)站 促進(jìn)班級(jí)學(xué)生的學(xué)習(xí)交流，實(shí)現(xiàn)用戶(hù)自由訪(fǎng)問(wèn)，增加同學(xué)們的相互了解，增強(qiáng)班級(jí)凝聚力。

關(guān)鍵詞: 網(wǎng)站建設(shè)、網(wǎng)站運(yùn)營(yíng)、ASP.NET|、SQL server 2005

II

Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and

III

online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005

IV

SQL

目錄

班級(jí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn).........................................................................1 一.緒論..........................................................................................1 1.1 課題背景來(lái)源和發(fā)展意義..........................................................1 1.1.1 課題背景.............................................................................1 1.1.2 課題來(lái)源.............................................................................1

二.開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)..................................................................3 2.1 開(kāi)發(fā)技術(shù)...................................................................................3 2.1.1 ASP.NET技術(shù)....................................................................3

2.2 開(kāi)發(fā)工具...................................................................................4 2.2.1 SQL server 2005數(shù)據(jù)庫(kù).....................................................4

2.3 開(kāi)發(fā)環(huán)境...................................................................................5 2.3.1 Visual Studio.NET2010開(kāi)發(fā)環(huán)境.....................................5 2.3.2 CSS樣式表在HTML中的實(shí)現(xiàn)............................................7

三.方案設(shè)計(jì)與論證........................................................................9 3.1 項(xiàng)目概述與需求分析.................................................................9 3.1.1 目標(biāo)....................................................................................9 3.1.2 用戶(hù)的特點(diǎn)..........................................................................9

V

3.1.3 假定和約束..........................................................................9

3.2 設(shè)計(jì)中的圖表..........................................................................10 3.2.1 對(duì)功能的規(guī)定....................................................................10 3.2.2 網(wǎng)站結(jié)構(gòu)圖：....................................................................11 3.2.3 類(lèi)圖..................................................................................12

3.3 測(cè)試........................................................................................12 3.3.1 軟件測(cè)試...........................................................................12

四.設(shè)計(jì)與實(shí)現(xiàn)..............................................................................14 4.1 網(wǎng)站框架和代碼......................................................................14 4.1.1 添加用戶(hù)...........................................................................14 4.1.2 管理用戶(hù)...........................................................................15

4.2 網(wǎng)站首頁(yè).................................................................................15 4.2.1 班級(jí)首頁(yè)...........................................................................15 圖4.2.1班級(jí)首頁(yè).........................................................................16 4.2.2 網(wǎng)站首頁(yè)部分代碼.............................................................16

4.3 網(wǎng)站介紹.................................................................................18 4.3.1 班級(jí)介紹...........................................................................18 4.3.2 班級(jí)介紹部分代碼.............................................................19

4.4 資源共享.................................................................................22 4.4.1 資源共享介紹....................................................................22 4.4.2 連接代碼...........................................................................22

VI

4.5 專(zhuān)業(yè)課程.................................................................................23 4.5.1 課程信息...........................................................................23 4.5.2 專(zhuān)業(yè)課程部分代碼.............................................................23

4.6 班級(jí)通訊.................................................................................24 4.6.1 通訊界面...........................................................................24 4.6.2 班級(jí)通訊部分代碼.............................................................25

4.7 留言飛語(yǔ).................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同學(xué)留言部分代碼.............................................................27

4.8 聯(lián)系方式.................................................................................29 4.8.1 管理員聯(lián)系界面.................................................................29 4.8.2 聯(lián)系方式部分代碼.............................................................29

五.結(jié)果與評(píng)價(jià)..............................................................................31 六.結(jié)論.........................................................................................32

VII 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第一章 緒

論

班級(jí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

一.緒論

1.1 課題背景來(lái)源和發(fā)展意義

1.1.1 課題背景

隨著互聯(lián)網(wǎng)的進(jìn)一步發(fā)展與成熟，網(wǎng)絡(luò)的帶寬進(jìn)一步加闊，網(wǎng)絡(luò)應(yīng)用也越來(lái)越廣泛。網(wǎng)頁(yè)制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿(mǎn)目的網(wǎng)站，使得整個(gè)互聯(lián)網(wǎng)多姿多彩。網(wǎng)頁(yè)功能分析就是以系統(tǒng)的觀(guān)點(diǎn)，對(duì)已選定的對(duì)象與開(kāi)發(fā)范圍進(jìn)行有目的、有步驟的實(shí)際調(diào)查和科學(xué)分析。分析的目的就是要弄清楚網(wǎng)頁(yè)要做什么，最終為后面的設(shè)計(jì)工作打下基礎(chǔ)。需求分析是制作一個(gè)網(wǎng)站的第一步。在制作網(wǎng)站之前，首先要了解客戶(hù)的需要和要求。這些必要的信息包括客戶(hù)所要表達(dá)的理念、界面顯示的內(nèi)容和欄目的要求、網(wǎng)站功能方面的要求等。根據(jù)客戶(hù)的具體情況，需求也會(huì)有所差別。本網(wǎng)站是針對(duì)班級(jí)同學(xué)而設(shè)計(jì)的網(wǎng)站，主要是便于同學(xué)聯(lián)系例如聚會(huì)、發(fā)布班級(jí)信息等系列的通知，同時(shí)本網(wǎng)站還針對(duì)同學(xué)們的需求建立個(gè)人信息空間，可以建立個(gè)人影集，彰顯每個(gè)同學(xué)的個(gè)性與風(fēng)采，相當(dāng)于一個(gè)“便攜式”的聊天平臺(tái)，無(wú)論同學(xué)們以后身在那里我們都可以在茶余飯后對(duì)我們現(xiàn)在也或是過(guò)去進(jìn)行討論，彼此交換心得體會(huì)，更加了解班級(jí)的概況，增強(qiáng)同學(xué)之間交流。

1.1.2 課題來(lái)源

大學(xué)時(shí)代的同學(xué)之情是最真摯的一份感情。沒(méi)有任何一個(gè)時(shí)代的學(xué)生比現(xiàn)在的學(xué)生們更加渴望言論自由，渴望情感交流。但在學(xué)分制條件下，快節(jié)奏的學(xué)習(xí)生活、越來(lái)越少的集體活動(dòng)時(shí)間使同班同學(xué)之間的交流也日益困難。大學(xué)班級(jí)網(wǎng)站的建立為現(xiàn)實(shí)世界中的班級(jí)提供了一個(gè)非正式交往的虛擬平臺(tái)，它為班級(jí)每一個(gè)成員都提供了平等、自由的發(fā)言機(jī)會(huì)，使相互的交流跨越了時(shí)間和空間的樊籬，也打破了男女間、寢室間的障礙。沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第一章 緒

論

為了滿(mǎn)足班級(jí)網(wǎng)站的交流目的。本網(wǎng)站包括：班級(jí)簡(jiǎn)介、班級(jí)相冊(cè)、班級(jí)登陸、班級(jí)留言、學(xué)習(xí)交流、論壇等模塊。班級(jí)簡(jiǎn)介模塊，作為班級(jí)總體介紹平臺(tái)，極少班級(jí)的建設(shè)，班級(jí)成員，班級(jí)成績(jī)等；班級(jí)相冊(cè)模塊，包括用戶(hù)上傳圖片以及圖片的瀏覽功能，實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的銜接；班級(jí)登陸模塊，包括注冊(cè)和登陸兩個(gè)子模塊，通過(guò)注冊(cè)可以成為班級(jí)成員，在通過(guò)登錄擁有訪(fǎng)問(wèn)網(wǎng)站各項(xiàng)功能的權(quán)限；班級(jí)留言模塊，實(shí)現(xiàn)用戶(hù)的在線(xiàn)留言；班級(jí)論壇模塊，論壇模塊主要實(shí)現(xiàn)注冊(cè)用戶(hù)能在此網(wǎng)站平臺(tái)之上交流，一般用戶(hù)可以回復(fù)別人的發(fā)言，亦可提出自己的言論，一伙的其他人的建議和意見(jiàn)；

本系統(tǒng)使用ASP。Net技術(shù)的動(dòng)態(tài)網(wǎng)頁(yè)與SQL server2000數(shù)據(jù)庫(kù)結(jié)合設(shè)計(jì)建立的一個(gè)班級(jí)網(wǎng)站。用戶(hù)首先通過(guò)內(nèi)部網(wǎng)絡(luò)訪(fǎng)問(wèn)本站進(jìn)行簡(jiǎn)單的注冊(cè)并經(jīng)營(yíng)管理員審核通過(guò)后，即擁有了使用本網(wǎng)站上所提供的出管理模塊的各項(xiàng)功能的權(quán)利。功能模塊包括班級(jí)留言、班級(jí)相冊(cè)、學(xué)習(xí)交流等，論壇社區(qū)提供用戶(hù)之間的主要交流平臺(tái)，用戶(hù)可以發(fā)起自己的帖子，來(lái)引起班級(jí)其他同學(xué)的對(duì)本帖的討論或回復(fù)，同時(shí)用戶(hù)也可以對(duì)自己或別人的帖子提出自己的見(jiàn)解，從而很好地促進(jìn)了班級(jí)內(nèi)同學(xué)的交流。班級(jí)留言提供網(wǎng)上留言功能。留言可以使班級(jí)的老師班長(zhǎng)或其他同學(xué)的留言，通過(guò)網(wǎng)絡(luò)的迅捷的傳輸率達(dá)到快速的了解及處理班級(jí)各項(xiàng)事務(wù)的目的。班級(jí)相冊(cè)可以將班級(jí)內(nèi)同學(xué)的相冊(cè)傳到網(wǎng)站上自由瀏覽，增加班級(jí)的親和力。以及以上功能很好的解決上面所提出的問(wèn)題 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第二章 開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

二.開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

2.1 開(kāi)發(fā)技術(shù)

2.1.1 ASP.NET技術(shù)

AS.PNET是一種建立在通用語(yǔ)言上的程序結(jié)構(gòu)，能被用于一臺(tái)Web服務(wù)器來(lái)建立強(qiáng)大的Web應(yīng)用程序。ASP.NET是在服務(wù)器上運(yùn)行的編譯好的公共語(yǔ)言運(yùn)行庫(kù)，利用早期的綁定、實(shí)時(shí)編譯、本機(jī)優(yōu)化和盒外緩存服務(wù)，著相當(dāng)于在編寫(xiě)代碼行之前便顯著提高了性能。另外，由于ASP.NET框架補(bǔ)充了Visual Studio 集成開(kāi)發(fā)環(huán)境，想必ASP，使程序設(shè)計(jì)相對(duì)簡(jiǎn)化，結(jié)構(gòu)更為清晰

ASP.NET的前身ASP技術(shù)，是在IIS 2.0上首次推出(Windows NT 3.51)，當(dāng)時(shí)與 ADO 1.0 一起推出，在IIS 3.0(Windows NT 4.0)發(fā)揚(yáng)光大，成為服務(wù)器端應(yīng)用程序的熱門(mén)開(kāi)發(fā)工具，微軟還 特別為它量身打造了Visual InterDev開(kāi)發(fā)工具，在1994年到2000年之間，ASP技術(shù)已經(jīng)成為微軟推展Windows NT 4.0平臺(tái)的關(guān)鍵技術(shù)之一，數(shù)以萬(wàn)計(jì)的ASP網(wǎng)站也是這個(gè)時(shí)候開(kāi)始如雨后春筍般的出現(xiàn)在網(wǎng)絡(luò)上。它的簡(jiǎn)單以及高度可定制化的能力，也是它能迅速崛起的原因 之一。不過(guò)ASP的缺點(diǎn)也逐漸的浮現(xiàn)出來(lái)：

意大利面型的程序開(kāi)發(fā)方法，讓維護(hù)的難度提高很多，尤其是大型的ASP應(yīng)用程序。直譯式的VBScript或JScript語(yǔ)言，讓效能有些許的受限。延展性因?yàn)槠浠A(chǔ)架構(gòu)擴(kuò)充性不足而受限，雖然有COM元件可用，但開(kāi)發(fā)一些特殊功能（像文件上傳）時(shí)，沒(méi)有來(lái)自?xún)?nèi)置的支持，需要尋求第三方軟件商開(kāi)發(fā)的元件。1997年時(shí)，微軟開(kāi)始針對(duì)ASP的缺點(diǎn)（尤其是意大利面型的程序開(kāi)發(fā)方法）準(zhǔn)備開(kāi)始一個(gè)新項(xiàng)目來(lái)開(kāi)發(fā)，當(dāng)時(shí)ASP.NET的主要領(lǐng)導(dǎo)人Scott Guthrie剛從杜克大學(xué)畢業(yè)，他和IIS團(tuán)隊(duì)的Mark Anders經(jīng)理一起合作兩個(gè)月，開(kāi)發(fā)出了下一代ASP技術(shù)的原型，這個(gè)原型在1997年的圣誕節(jié)時(shí)被發(fā)展出來(lái)，并給予一個(gè)名稱(chēng)：XSP，這個(gè)原型產(chǎn)品使用的是Java語(yǔ)言。不過(guò)它馬上就被納入當(dāng)時(shí)還在開(kāi)發(fā)中的CLR平臺(tái)，Scott Guthrie事后也認(rèn)為將這個(gè)技術(shù)移植到當(dāng)時(shí)的CLR平臺(tái)，確實(shí)有很大的風(fēng)險(xiǎn)(huge risk)，但當(dāng)時(shí)的XSP團(tuán) 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第二章 開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

隊(duì)卻是以CLR開(kāi)發(fā)應(yīng)用的第一個(gè)團(tuán)隊(duì)。

為了將XSP移植到CLR中，XSP團(tuán)隊(duì)將XSP的內(nèi)核程序全部以C#語(yǔ)言重新撰寫(xiě)（在內(nèi)部的項(xiàng)目代號(hào)是 “Project Cool”，但是當(dāng)時(shí)對(duì)公開(kāi)場(chǎng)合是保密的），并且改名為ASP+，作為ASP技術(shù)的后繼者，并且也會(huì)提供一個(gè)簡(jiǎn)單的移轉(zhuǎn)方法給ASP開(kāi)發(fā)人員。ASP+首次的Beta版本以及應(yīng)用在PDC 2000中亮相，由Bill Gates主講Keynote(即關(guān)鍵技術(shù)的概覽)，由富士通公司展示使用COBOL語(yǔ)言撰寫(xiě)ASP+應(yīng)用程序，并且宣布它可以使用Visual Basic.NET、C#、Perl與Python語(yǔ)言（后兩者由ActiveState公司開(kāi)發(fā)的互通工具支持）來(lái)開(kāi)發(fā)。

在2000年第二季時(shí)，微軟正式推動(dòng).NET策略，ASP+也順理成章的改名為ASP.NET，經(jīng)過(guò)四年的開(kāi)發(fā)，第一個(gè)版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成為ASP.NET的產(chǎn)品經(jīng)理（到現(xiàn)在已經(jīng)開(kāi)發(fā)了數(shù)個(gè)微軟產(chǎn)品，像ASP.NET AJAX和Microsoft Silverlight）。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已經(jīng)在VS2010平臺(tái)內(nèi)應(yīng)用。

2.2 開(kāi)發(fā)工具

2.2.1 SQL server 2005數(shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)是信息的集合，是指長(zhǎng)期存儲(chǔ)在計(jì)算機(jī)內(nèi)的、有組織的、可共享的數(shù)據(jù)集合。數(shù)據(jù)庫(kù)中的數(shù)據(jù)按一定的數(shù)據(jù)模型組織、描述和儲(chǔ)存，具有較小的冗余度、較高的數(shù)據(jù)獨(dú)立性和易擴(kuò)展性，并可為各種用戶(hù)共享。例如，記錄客戶(hù)信息、網(wǎng)絡(luò)通訊錄等。以往會(huì)將這些數(shù)據(jù)記錄到紙上或是計(jì)算機(jī)某個(gè)文件中，如果要修改或查詢(xún)則要消費(fèi)大量時(shí)間?，F(xiàn)在人們借助計(jì)算機(jī)和數(shù)據(jù)庫(kù)技術(shù)科學(xué)地保存和管理大量的復(fù)雜的數(shù)據(jù)，以便能方便而充分的利用這些寶貴的信息資源。數(shù)據(jù)被規(guī)整地存儲(chǔ)起來(lái)，修改和查詢(xún)只需幾條SQL語(yǔ)句就完成了。

Internet集成。SQL Server 2005 數(shù)據(jù)庫(kù)引擎提供完整的XML 支持。它還具有構(gòu)成最大的Web 站點(diǎn)的數(shù)據(jù)存儲(chǔ)組件所需的可伸縮性、可用性和安全功能。SQL Server 2000 程序設(shè)計(jì)模型與 Windows DNA 構(gòu)架集成，用以開(kāi)發(fā) Web 應(yīng)用程序，并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服務(wù)等功能，在Web 應(yīng)用程序中包含了用戶(hù)友好的查詢(xún)和強(qiáng)大的搜索功能。沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第二章 開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

2.可伸縮性和可用性。同一個(gè)數(shù)據(jù)庫(kù)引擎可以在不同的平臺(tái)上使用，從運(yùn)行 Microsoft Windowsreg;98 的便攜式電腦，到運(yùn)行 Microsoft Windows 2000 數(shù)據(jù)中心版的大型多處理器服務(wù)器。SQL Server 2005 企業(yè)版支持聯(lián)合服務(wù)器、索引視圖和大型內(nèi)存支持等功能，使其得以升級(jí)到最大 Web 站點(diǎn)所需的性能級(jí)別。

3.企業(yè)級(jí)數(shù)據(jù)庫(kù)功能。SQL Server 2005 關(guān)系數(shù)據(jù)庫(kù)引擎支持當(dāng)今苛刻的數(shù)據(jù)處理環(huán)境所需的功能。數(shù)據(jù)庫(kù)引擎充分保護(hù)數(shù)據(jù)完整性，同時(shí)將管理上千個(gè)并發(fā)修改數(shù)據(jù)庫(kù)的用戶(hù)的開(kāi)銷(xiāo)減到最小。SQL Server 2005 分布式查詢(xún)使您得以引用來(lái)自不同數(shù)據(jù)源的數(shù)據(jù)，就好像這些數(shù)據(jù)是 SQL Server 2005 數(shù)據(jù)庫(kù)的一部分，同時(shí)分布式事務(wù)支持充分保護(hù)任何分布式數(shù)據(jù)更新的完整性。復(fù)制同樣使您得以維護(hù)多個(gè)數(shù)據(jù)復(fù)本，同時(shí)確保單獨(dú)的數(shù)據(jù)復(fù)本保持同步。可將一組數(shù)據(jù)復(fù)制到多個(gè)移動(dòng)的脫接用戶(hù)，使這些用戶(hù)自主地工作，然后將他們所做的修改合并會(huì)發(fā)布服務(wù)器。

4.易于安裝、部署和使用。SQL Server 2005 中包括一系列管理和開(kāi)發(fā)工具，這些工具可改進(jìn)在多個(gè)站點(diǎn)上安裝、部署、管理和使用 SQL Server 的過(guò)程。SQL Server 2005 還支持基于標(biāo)準(zhǔn)的、與 Windows DNA 集成的程序設(shè)計(jì)模型，使 SQL Server 數(shù)據(jù)庫(kù)和數(shù)據(jù)倉(cāng)庫(kù)的使用成為生成強(qiáng)大的可伸縮系統(tǒng)的無(wú)縫部分。這些功能使您得以快速交付 SQL Server 應(yīng)用程序，使客戶(hù)只需最少的安裝和管理開(kāi)銷(xiāo)即可實(shí)現(xiàn)這些應(yīng)用程序。

2.3 開(kāi)發(fā)環(huán)境

2.3.1 Visual Studio.NET2010開(kāi)發(fā)環(huán)境

1998 年，微軟公司發(fā)布了 Visual Studio 6.0。所有開(kāi)發(fā)語(yǔ)言的開(kāi)發(fā)環(huán)境版本均升至 6.0。這也是 Visual Basic 最后一次發(fā)布，從下一個(gè)版本(7.0)開(kāi)始，Microsoft Basic 進(jìn)化成了一種新的面向?qū)ο蟮恼Z(yǔ)言：Microsoft Basic NET。由于微軟公司對(duì)于 Sun 公司 Java 語(yǔ)言擴(kuò)充導(dǎo)致與 Java 虛擬機(jī)不 兼容被 Sun 告上法庭，微軟在后續(xù)的 Visual Studio 中不再包括面向 Java 虛擬機(jī)的開(kāi)發(fā)環(huán)境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 開(kāi)發(fā)使用的 Visual Basic 5.0、Visual C++5.0，面向 Java開(kāi)發(fā)的 Visual J++和 面向數(shù)據(jù)庫(kù)開(kāi)發(fā)的 Visual FoxPro，還包含有創(chuàng)建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中，Visual Basic 和 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第二章 開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

Visual FoxPro 使用單獨(dú)的開(kāi)發(fā)環(huán)境，其他的開(kāi)發(fā)語(yǔ)言使用統(tǒng)一的開(kāi)發(fā)環(huán)境。

2002 年，隨著.NET 口號(hào)的提出與 Windows XP / Office XP 的發(fā)布，微軟發(fā)布了 Visual Studio.NET（內(nèi)部版本號(hào)為 7.0）。在這個(gè)版本的 Visual Studio 中，微軟剝離了 Visual FoxPro 作為一個(gè)單獨(dú)的開(kāi)發(fā)環(huán)境以 Visual FoxPro 7.0 單獨(dú)銷(xiāo)售，同時(shí)取消了 Visual InterDev。與此同時(shí)，微軟引入了建立在.NET 框架上（版本1.0）的托管代碼機(jī)制以及一門(mén)新的語(yǔ)言 C#（讀作 C Sharp，意為 C#）。C# 是一門(mén)建立在 C++和 Java 基礎(chǔ)上的現(xiàn)代語(yǔ)言，是編寫(xiě).NET 框架的語(yǔ)言。

.NET 的通用語(yǔ)言框架機(jī)制（Common Language Runtime, CLR），其目的是在同一個(gè)項(xiàng)目中支持不同的語(yǔ)言所開(kāi)發(fā)的組件。所有 CLR 支持的代碼都會(huì)被解釋成為 CLR 可執(zhí)行的機(jī)器代碼然后運(yùn)行。

Visual Basic、Visual C++ 都被擴(kuò)展為支持托管代碼機(jī)制的開(kāi)發(fā)環(huán)境，且 Visual Basic.NET更是從 Visual Basic 脫胎換骨，徹底支持面向?qū)ο蟮木幊虣C(jī)制。而 Visual J++ 也變?yōu)?Visual J#。后者僅語(yǔ)法同 Java 相同，但是面向的不是 Java 虛擬機(jī)，而是.NET Framework。

2003 年，微軟對(duì) Visual Studio 2002 進(jìn)行了部分修訂，以 Visual Studio 2003 的名義發(fā)布（內(nèi)部版本號(hào)為 7.1）。Visio 作為使用統(tǒng)一建模語(yǔ)言（UML）架構(gòu)應(yīng)用程序框架的程序被引入，同時(shí)被引入的還包括移動(dòng)設(shè)備支持和企業(yè)模版。.NET 框架也升級(jí)到了 1.1。

2005 年，微軟發(fā)布了 Visual Studio 2005。.NET 字眼從各種語(yǔ)言的名字中被抹去，但是這個(gè)版本的 Visual Studio 仍然還是面向.NET 框架的（版本2.0）。

這個(gè)版本的 Visual Studio 包含有眾多版本，分別面向不同的開(kāi)發(fā)角色。同時(shí)還永久提供免費(fèi)的 Visual Studio Express 版本。

隨著即將發(fā)布的 Windows Vista和 Office 2007，Visual Studio 9 也漸漸浮出水面。Visual Studio 9 目前可以確定的是支持建立于 DHTML 基礎(chǔ)上的 Ajax 技術(shù)，這種微軟在 Visual InterDev 時(shí)代提出的基于異步的客戶(hù)端動(dòng) 態(tài)網(wǎng)頁(yè)技術(shù)在當(dāng)年并沒(méi)有像微軟預(yù)期中的那么流行起來(lái)，反而隨著 Gmail 等應(yīng)用而東山再起，漸漸成為主流網(wǎng)絡(luò)應(yīng)用之一。同時(shí) Visual Studio 9 會(huì)強(qiáng)化對(duì)于數(shù)據(jù)庫(kù)的支持以及微軟新的基于工作流（Workflow）的編程模型。預(yù)計(jì)為了保持與 Office 系列的統(tǒng)一，Visual Studio 9 的名稱(chēng)為 Visual Studio 2007。沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第二章 開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

2007年11月，微軟發(fā)布了 Visual Studio 2008 英文版，2008年2月14日發(fā)布了簡(jiǎn)體中文專(zhuān)業(yè)版。

2010年4月12微軟發(fā)布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26發(fā)布了中文版

Visual Studio.NET2010是Microsoft推出.NET應(yīng)用程序開(kāi)發(fā)工具。Visual Studio，我們一般都簡(jiǎn)稱(chēng)為VS，Visual Studio其實(shí)是微軟開(kāi)發(fā)的一套工具集，它由各種各樣的工具組成，這就好像Office 2007時(shí)由Word 2007、Excel 2007、Access 2007等等組成的一個(gè)道理。其中Visual C++就是Visual Studio的一個(gè)重要的組成部分。Visual Studio可以用于生成Web應(yīng)用程序，也可以生成桌面應(yīng)用程序，在Visual Studio下面，除了VC，還有Visual C#，Visual Basec，過(guò)去還有Visual J#，現(xiàn)在還有Visual F#等等組件工具，使用這些工具你可以使用C++語(yǔ)言C#語(yǔ)言或者Basic語(yǔ)言進(jìn)行開(kāi)發(fā)。這就好比桌上放著刀、叉、筷子，你可以用它來(lái)吃飯，無(wú)論它們都是餐具的一種

2.3.2 CSS樣式表在HTML中的實(shí)現(xiàn)

在HTML網(wǎng)頁(yè)中加入CSS并不是只有一種方法，在不同的情況下，可以采用不同的方法，比較常用的有下面幾中。

1.嵌入式樣式表

嵌入式樣式表的實(shí)現(xiàn)很簡(jiǎn)單，只需在每個(gè)要應(yīng)用樣式的HTML標(biāo)簽后寫(xiě)上CSS屬性即可。例如要設(shè)置指定表格中的文字的樣式為紅色，字號(hào)為10pt，可在當(dāng)前表格的

2.內(nèi)聯(lián)式樣式表

若想只對(duì)當(dāng)前頁(yè)面應(yīng)用樣式，就要使用內(nèi)聯(lián)式樣式表。所謂內(nèi)聯(lián)式樣式表就是把樣式表定義語(yǔ)句放在標(biāo)簽中，設(shè)置時(shí)通常放在HTML代碼的部分。

3.外聯(lián)式樣式表 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

第二章 開(kāi)發(fā)工具與開(kāi)發(fā)技術(shù)

外聯(lián)式樣式表是將指定的樣式代碼放到一個(gè)擴(kuò)展名為css的樣式文件中以方便其他網(wǎng)頁(yè)的調(diào)用。這種方式的優(yōu)點(diǎn)是可以通過(guò)一個(gè)css文件管理網(wǎng)站中的多個(gè)網(wǎng)頁(yè)。如果要對(duì)網(wǎng)站中其他頁(yè)面進(jìn)行樣式引用，可以先把樣式用記事本定義成一個(gè)“css”的文件。例如：打開(kāi)記事本，將定義的名為h3的樣式代碼寫(xiě)到記事本中，保存的文件名為example.css，代碼如下：

h3{ font-family:“黑體”;color：green;font-style：italic； } 引用時(shí)在網(wǎng)頁(yè)HTML代碼的標(biāo)記后用引用這個(gè)樣式文件，在部分的相應(yīng)內(nèi)容的前后加上

和

dd沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

三.方案設(shè)計(jì)與論證

3.1 項(xiàng)目概述與需求分析

3.1.1 目標(biāo)

該軟件是一個(gè)基于.NET技術(shù)的網(wǎng)站管理軟件，程序采用B/S架構(gòu)，能提供瀏覽等功能。用戶(hù)可以在網(wǎng)上瀏覽計(jì)算機(jī)班級(jí)網(wǎng)站的基本信息，資料的上傳下載，也可以進(jìn)行留言及回復(fù)。管理員經(jīng)過(guò)登陸，能夠管理網(wǎng)站里所有的信息的添加、修改和刪除。網(wǎng)站風(fēng)格力求簡(jiǎn)潔樸素，美觀(guān)大方，能夠完成基本的功能。

軟件開(kāi)發(fā)目的是理解軟件文檔寫(xiě)作規(guī)范以及利用.net開(kāi)發(fā)簡(jiǎn)單的網(wǎng)站，同時(shí)也希望最終產(chǎn)品能滿(mǎn)足班級(jí)成員的期望。該網(wǎng)站運(yùn)行的平臺(tái)應(yīng)具有IE瀏覽器5.0以上版本。

3.1.2 用戶(hù)的特點(diǎn)

用戶(hù)不需要任何技術(shù)背景，但能夠具有瀏覽網(wǎng)頁(yè)的基本操作能力。用戶(hù)也無(wú)須具備網(wǎng)絡(luò)方面的知識(shí)，只需知道如何訪(fǎng)問(wèn)網(wǎng)站。管理員需要有電腦打字方面的技術(shù)。

3.1.3 假定和約束

本軟件的開(kāi)發(fā)期限為五周。完成項(xiàng)目的主要困難是： 1.缺乏B/S軟件開(kāi)發(fā)的背景和知識(shí) 2.缺少平面設(shè)計(jì)的相關(guān)知識(shí)經(jīng) 3.對(duì).net開(kāi)發(fā)平臺(tái)的不熟悉 4.開(kāi)發(fā)技術(shù)不成熟 5.沒(méi)有軟件工程實(shí)際經(jīng)驗(yàn)

由于是個(gè)人完成整個(gè)軟件的開(kāi)發(fā)過(guò)程，時(shí)間、人力和技術(shù)上都有限，因此部分功 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

dd沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

能已簡(jiǎn)略.3.2 設(shè)計(jì)中的圖表

3.2.1 對(duì)功能的規(guī)定

用戶(hù)通過(guò)首頁(yè)進(jìn)入網(wǎng)站，以點(diǎn)擊不同的欄目或鏈接，轉(zhuǎn)入其它頁(yè)面來(lái)瀏覽本網(wǎng)站的相關(guān)內(nèi)容。用戶(hù)可以上傳下載資料，同時(shí)可以留言以及回復(fù)。管理員進(jìn)入網(wǎng)站登陸后，可以通過(guò)后臺(tái)管理對(duì)網(wǎng)站的數(shù)據(jù)庫(kù)進(jìn)行相關(guān)的操作，主要的后臺(tái)管理分為七部分，分別對(duì)應(yīng)網(wǎng)站的六大模塊與用戶(hù)管理。

具體欄目需求：

名稱(chēng)

班級(jí)首頁(yè)：

需求說(shuō)明

能展示班級(jí)主要?jiǎng)討B(tài)信息，設(shè)置導(dǎo)航欄以及后臺(tái)接口。風(fēng)格力求簡(jiǎn)約大方，自然清新，能夠體現(xiàn)大學(xué)生的精神面貌。

顯示本班級(jí)簡(jiǎn)介；在后臺(tái)進(jìn)行修改。班級(jí)簡(jiǎn)介：

專(zhuān)業(yè)課程： 展示班級(jí)課程安排

班級(jí)通訊： 展示班級(jí)同學(xué)與同學(xué)的聯(lián)系，按日期降序排列。

班級(jí)相冊(cè)： 展示班級(jí)相冊(cè)；點(diǎn)擊每一條可查看詳細(xì)。

資源共享： 可以上傳和下載資源；資源列表以日期降序排列。

留言飛語(yǔ)： 可以留言和回復(fù)；添加留言者各種聯(lián)系方式。

聯(lián)系方式： 顯示管理員的聯(lián)系信息。沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

dd沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

3.2.2 網(wǎng)站結(jié)構(gòu)圖：

班班級(jí)級(jí)首介頁(yè)紹

班級(jí)首頁(yè)注冊(cè)/登陸資專(zhuān)班留源業(yè)級(jí)言共課通飛享程訊語(yǔ)圖3.2.2 網(wǎng)站結(jié)構(gòu)圖

聯(lián)系方式 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

dd沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

3.2.3 類(lèi)圖

圖3.2.3 類(lèi)圖

3.3 測(cè)試

3.3.1 軟件測(cè)試

軟件測(cè)試就是利用測(cè)試工具按照測(cè)試方案和流程對(duì)產(chǎn)品進(jìn)行功能和性能測(cè)試，甚至根據(jù)需要編寫(xiě)不同的測(cè)試工具，設(shè)計(jì)和維護(hù)測(cè)試系統(tǒng)，對(duì)測(cè)試方案可能出現(xiàn)的問(wèn)題進(jìn)行分析和評(píng)估。執(zhí)行測(cè)試用例后，需要跟蹤故障，以確保開(kāi)發(fā)的產(chǎn)品適合需求。使用人工或者自動(dòng)手段來(lái)運(yùn)行或測(cè)試某個(gè)系統(tǒng)的過(guò)程，其目的在于檢驗(yàn)它是否滿(mǎn)足規(guī)定的需求或弄清預(yù)期結(jié)果與實(shí)際結(jié)果之間的差別。

它是幫助識(shí)別開(kāi)發(fā)完成（中間或最終的版本）的計(jì)算機(jī)軟件（整體或部分）的正確度(correctness)、完全度(completeness)和質(zhì)量(quality)的軟件過(guò)程；是SQA(software quality assurance)的重要子域

Grenford J.Myers曾對(duì)軟件測(cè)試的目的提出過(guò)以下觀(guān)點(diǎn)： 沈陽(yáng)化工學(xué)院學(xué)士學(xué)位論文

dd沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

(1)測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤而執(zhí)行程序的過(guò)程

(2)好的測(cè)試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試方案

(3)成功的測(cè)試是發(fā)現(xiàn)了至今為止尚未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試。

然而，這種觀(guān)點(diǎn)指出測(cè)試是以查找錯(cuò)誤為中心，而不是為了演示軟件的正確功能。但是只從字面意思理解，可能會(huì)產(chǎn)生誤導(dǎo)，認(rèn)為發(fā)現(xiàn)錯(cuò)誤是軟件測(cè)試的唯一目的，查找不出錯(cuò)誤的測(cè)試就是沒(méi)有價(jià)值的測(cè)試，實(shí)際上并非如此!

(1)測(cè)試并不僅僅是為了找出錯(cuò)誤.通過(guò)分析錯(cuò)誤產(chǎn)生的原因和錯(cuò)誤的發(fā)生趨勢(shì)，可以幫助項(xiàng)目管理者

發(fā)現(xiàn)當(dāng)前軟件開(kāi)發(fā)過(guò)程中的缺陷，以便及時(shí)改進(jìn)

(2)這種分析也能幫助測(cè)試人員設(shè)計(jì)出有針對(duì)性的測(cè)試方法，改善測(cè)試的效率和有效性

(3)沒(méi)有發(fā)現(xiàn)錯(cuò)誤的測(cè)試也是有價(jià)值的，完整的測(cè)試是評(píng)定軟件質(zhì)量的一種方法

(4)另外，根據(jù)測(cè)試目的的不同，還有回歸測(cè)試、壓力測(cè)試、性能測(cè)試等，分別為了檢驗(yàn)修改或優(yōu)化過(guò)程是否引發(fā)新的問(wèn)題、軟件所能達(dá)到處理能力和是否達(dá)到預(yù)期的處理能力等。沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

第四章 設(shè)計(jì)與實(shí)現(xiàn)

四.設(shè)計(jì)與實(shí)現(xiàn)

4.1 網(wǎng)站框架和代碼

4.1.1 添加用戶(hù)

添加用戶(hù)分三個(gè)角色：管理員、普通用戶(hù)、班級(jí)同學(xué)。

圖4.1.0添加用戶(hù)

您可以選擇添加角色或組，這讓您可以允許或拒絕用戶(hù)組對(duì)網(wǎng)站中特定文件夾的訪(fǎng)問(wèn)。例如，您可以創(chuàng)建“經(jīng)理”、“銷(xiāo)售人員”或“成員”等角色，每種角色對(duì)特定文件夾都具有不同的訪(fǎng)問(wèn)權(quán)限。沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

第四章 設(shè)計(jì)與實(shí)現(xiàn)

圖4.1.1創(chuàng)建新角色

4.1.2 管理用戶(hù)

圖4.1.2 管理用戶(hù)

4.2 網(wǎng)站首頁(yè)

4.2.1 班級(jí)首頁(yè)

班級(jí)首頁(yè)如圖： 沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

第四章 設(shè)計(jì)與實(shí)現(xiàn)

圖4.2.1班級(jí)首頁(yè)

4.2.2 網(wǎng)站首頁(yè)部分代碼

@{ ViewBag.Title = “班級(jí)首頁(yè)”;}

沈陽(yáng)化工學(xué)院學(xué)士學(xué)論文

第四章 設(shè)計(jì)與實(shí)現(xiàn)

第三篇：個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

二○○七屆學(xué)生畢業(yè)論文（設(shè)計(jì)）

畢業(yè)設(shè)計(jì)(論文)論文題目

個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

英文 Personal Webside Design and accomplish 個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

摘 要

在互聯(lián)網(wǎng)走進(jìn)我們的生活之前，沒(méi)有人敢夢(mèng)想擁有自己的報(bào)紙、雜志、電臺(tái)、電視臺(tái)。除了政策上的制約外，一個(gè)人也根本沒(méi)有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個(gè)“表達(dá)自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個(gè)人網(wǎng)站。只要你辦得成功也可以吸引成千上萬(wàn)的訂戶(hù)、讀者,并建立自己在眾多參與者中的權(quán)威地位。建立個(gè)人網(wǎng)站的基本過(guò)程可以分為以下七個(gè)環(huán)節(jié)：

1.了解中國(guó)網(wǎng)絡(luò)個(gè)人主頁(yè)研究背景與發(fā)展現(xiàn)狀 2.系統(tǒng)需求分析與總體設(shè)計(jì)

3.熟悉網(wǎng)站開(kāi)發(fā)模式、工具及環(huán)境

4.把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁(yè) 5.使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)(ASP)，實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新 6.認(rèn)真地選取測(cè)試用例，進(jìn)行交叉測(cè)試 7.網(wǎng)站的后期完善、宣傳及發(fā)展方向

其中 ,網(wǎng)頁(yè)制作和使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)(ASP)實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新是網(wǎng)站開(kāi)發(fā)的核心內(nèi)容。

關(guān)鍵詞：網(wǎng)頁(yè)、制作、訪(fǎng)問(wèn)、鏈接

Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links： 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link

前 言

隨著國(guó)際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿(mǎn)足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說(shuō)個(gè)人建立網(wǎng)站是為了追求時(shí)尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。

無(wú)論是專(zhuān)業(yè)的，還是業(yè)余的，很多人對(duì)網(wǎng)頁(yè)制作頗感興趣。事實(shí)上制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)并不困難，會(huì)使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁(yè)就不那么容易了，而Dreamweaver卻可以滿(mǎn)足你的愿望，它是Macromedia公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的所見(jiàn)即所得的網(wǎng)頁(yè)編輯器。

同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過(guò)程中起到了錦上添花的作用，是個(gè)人網(wǎng)站實(shí)現(xiàn)的好幫手，在制作網(wǎng)站的時(shí)候經(jīng)常會(huì)用到這些軟件。

目 錄

摘要----------------1 前言----------------1 第一章：緒論--3 1.1 我國(guó)網(wǎng)絡(luò)發(fā)展現(xiàn)狀---------------------3 1.2 個(gè)人網(wǎng)站的目的------------------------3 第二章：個(gè)人網(wǎng)站的開(kāi)發(fā)環(huán)境--------4 2.1 Dreamweaver簡(jiǎn)述----------------------4 2.2 Dreamweaver的操作環(huán)境-------------4 2.3 ASP技術(shù)--5 第三章：需求分析--------------------------7 3.1 概述-------7 第四章：網(wǎng)站制作---------------------------9

4.1站點(diǎn)-----------9 4.2首頁(yè)-----------9 4.3創(chuàng)建其它網(wǎng)頁(yè)-----------------------------11 3.2個(gè)人網(wǎng)站的問(wèn)題定義與可行性分析-7 3.3 個(gè)人網(wǎng)站整體要求----------------------8 第五章：網(wǎng)頁(yè)鏈接的建立-----------------12 5.1 鏈接的概念12 5.2 創(chuàng)立連接---12 5.3文字鏈接-----15 5.4影像鏈--------16 5.5 Email鏈接---18 5.6文件下載鏈接------------------------------21 5.7在HTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接-------22 第六章：總 結(jié)--25 致謝------------------26 參考文獻(xiàn)----------27

第一章 緒論

1.1 我國(guó)網(wǎng)絡(luò)發(fā)展現(xiàn)狀

2010年1月15日，中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）發(fā)布了《第25次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》（以下簡(jiǎn)稱(chēng)《報(bào)告》）。《報(bào)告》數(shù)據(jù)顯示，截至2009年12月，我國(guó)網(wǎng)民規(guī)模已達(dá)3.84億，互聯(lián)網(wǎng)普及率進(jìn)一步提升，達(dá)到28.9%。隨著我國(guó)互聯(lián)網(wǎng)普及率的逐年提高，互聯(lián)網(wǎng)正在走進(jìn)人們的工作與生活。CNNIC《報(bào)告》調(diào)查顯示，在家和單位上網(wǎng)的網(wǎng)民比例在2009年有了明顯的提高，有83.2%的網(wǎng)民選擇在家上網(wǎng)，另有30.2%的網(wǎng)民選擇在單位上網(wǎng)，互聯(lián)網(wǎng)作為人們?nèi)粘９ぞ叩膬r(jià)值正在日益提升。

1.2 個(gè)人網(wǎng)站的目的

個(gè)人網(wǎng)站最開(kāi)始的動(dòng)機(jī)可能是出于興趣或一種愛(ài)好，但時(shí)間一長(zhǎng)，這些興趣或愛(ài)好便為自己積累了許多資源，比如數(shù)量可觀(guān)的訪(fǎng)問(wèn)量。當(dāng)這些資源積累到一定程度的時(shí)候，商業(yè)意識(shí)比較敏感的個(gè)人網(wǎng)站站長(zhǎng)便開(kāi)始尋求開(kāi)展電子商務(wù)，將自己手中的資源進(jìn)行商業(yè)操作，從而，個(gè)人網(wǎng)站開(kāi)始賺錢(qián)。當(dāng)然，目前比較流行的個(gè)人網(wǎng)站賺錢(qián)方式可能更多的還是依賴(lài)于廣告，但從目前個(gè)人網(wǎng)站的廣告收入來(lái)看，它已經(jīng)陷入了一個(gè)低谷。所以，如果個(gè)人網(wǎng)站想要得到長(zhǎng)足的發(fā)展，或者希望自己的

網(wǎng)站能夠賺錢(qián)，那么必須主動(dòng)出擊！事在人為，作為一個(gè)個(gè)人網(wǎng)站，我們可以擁有自己的產(chǎn)品，并把它們賣(mài)掉，依靠自己來(lái)賺錢(qián)！

一、個(gè)人網(wǎng)站自主經(jīng)營(yíng)的可行性 網(wǎng)民正在不斷地快速增長(zhǎng)。另有調(diào)查表明，網(wǎng)民的平均收入水平提高了，也就是說(shuō)網(wǎng)民的消費(fèi)水平也提高了。我們個(gè)人網(wǎng)站為什么要依靠做廣告來(lái)賺錢(qián)？我們難道不可以轉(zhuǎn)變一下思路嗎？打個(gè)比方，你的網(wǎng)站日訪(fǎng)問(wèn)量有1000左右(也就是說(shuō)每天有1000個(gè)人左右進(jìn)入你的“商店”)，做廣告相當(dāng)于代理別人的產(chǎn)品，就算賣(mài)出去了也只能返回給你一部分的利潤(rùn)。但是如果你的“商店”賣(mài)自己的產(chǎn)品，那么大部分利潤(rùn)就掌握在自己手中。廣告賺錢(qián)只是做網(wǎng)站的“副產(chǎn)品”，真正的產(chǎn)品是你自己的網(wǎng)站。記住：你的網(wǎng)站是一座金礦，可能你只是開(kāi)采了“瀏覽量”這一層礦產(chǎn)，更深層次的礦產(chǎn)你可能還尚未開(kāi)發(fā)出來(lái)！你完全可以將你自己網(wǎng)站的產(chǎn)品進(jìn)行出售，比如將你網(wǎng)站的精品內(nèi)容印成一本書(shū)，然后在網(wǎng)上賣(mài)你自己的書(shū)。還有更多的經(jīng)營(yíng)方法，關(guān)鍵是你要去不斷探索！下面我就結(jié)合我對(duì)互聯(lián)網(wǎng)的觀(guān)察與自己的實(shí)踐經(jīng)驗(yàn)告訴大家如何經(jīng)營(yíng)自己的產(chǎn)品。對(duì)于網(wǎng)絡(luò)經(jīng)商，起初一定要抱平和的心態(tài)！因?yàn)橹袊?guó)的網(wǎng)民畢竟不是很多，大家不要過(guò)分期望網(wǎng)絡(luò)經(jīng)商會(huì)給你帶來(lái)很大的效益。要把網(wǎng)絡(luò)經(jīng)商作為一種鍛煉，說(shuō)句現(xiàn)實(shí)的話(huà)：“現(xiàn)在賺小錢(qián)，以后賺大錢(qián)”。這是我對(duì)

網(wǎng)絡(luò)經(jīng)商的一種“長(zhǎng)期作戰(zhàn)”的戰(zhàn)略觀(guān)點(diǎn)。第二章 個(gè)人網(wǎng)站的開(kāi)發(fā)環(huán)境

2.1 Dreamweaver簡(jiǎn)述

Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用 它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。

Dreamweaver是在網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶(hù)最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dreamweaver 8的發(fā)布，更堅(jiān)定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)、制作的首選工具。Dreamweaver8.0的特點(diǎn)如下。

1、靈活的編寫(xiě)方式

Dreamweaver具有靈活編寫(xiě)網(wǎng)頁(yè)的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶(hù)按工作需要定制自己的用戶(hù)界面。

2、可視化編輯界面

Dreamweaver是一種所見(jiàn)即所得的HTML編輯器，可實(shí)現(xiàn)頁(yè)面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫(xiě)，同時(shí)亦保證了其專(zhuān)業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪(fǎng)問(wèn)。無(wú)論用戶(hù)習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶(hù)設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。

3、功能更多的CSS支持——CSS可視化設(shè)計(jì)、CSS檢查工具

4、動(dòng)態(tài)跨瀏覽器驗(yàn)證

當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測(cè)試用瀏覽器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁(yè)面有沒(méi)有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。

5、強(qiáng)大的WEB站點(diǎn)管理功能

6、內(nèi)建的圖形編輯引擎

7、Dreamweaver的集成特性

Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀(guān)實(shí)用的網(wǎng)頁(yè)。

8、豐富的媒體支持能力

可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線(xiàn)兩種控件來(lái)產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫(huà)處理。

2.2 Dreamweaver的操作環(huán)境

我們將工作界面分成了“標(biāo)題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動(dòng)控制面板”5個(gè)部分來(lái)分別介紹。

2.2.1 標(biāo)題欄

Dreamweaver MX的“標(biāo)題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開(kāi)網(wǎng)頁(yè)的話(huà)，在后面還會(huì)顯示該網(wǎng)頁(yè)的一些信息，如網(wǎng)頁(yè)標(biāo)題、所在位置及網(wǎng)頁(yè)名稱(chēng)，右邊有三個(gè)鈕，分別對(duì)應(yīng)Dreamweaver MX的最大化最小化和關(guān)閉的操作。

2.2.2菜單欄

“標(biāo)題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點(diǎn)”、“窗口”、“幫助”10項(xiàng)菜單。單擊其中任意一項(xiàng)菜單，隨即就會(huì)出現(xiàn)一個(gè)下拉式指令菜單。有些指令的右邊會(huì)有鍵盤(pán)的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會(huì)有助于提高工作效率。有些指令的右邊會(huì)有一個(gè)小黑三角的標(biāo)記，它代表該指令還包含下一級(jí)的指令，鼠標(biāo)停留片刻即可顯示。

2.2.3快捷工具欄

“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標(biāo)準(zhǔn)”3項(xiàng)，完整的快捷工具欄就顯現(xiàn)出來(lái)了。

2.2.4屬性面板

在網(wǎng)頁(yè)編輯窗口的下面還有一個(gè)面板，它是有名的“屬性面板”，它在這個(gè)軟件中起到舉足輕重的作用。

屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標(biāo)所選中對(duì)象的不同，“屬性面板”在界面上也會(huì)有所差異，用戶(hù)可以分別對(duì)不同的對(duì)象進(jìn)行調(diào)整。

2.3 ASP技術(shù)

Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱(chēng)為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶(hù)端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶(hù)端（Client）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶(hù)端（Client）若使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果。ASP的特點(diǎn)如下：

1、任何開(kāi)發(fā)工具皆可發(fā)展ASP 只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage Express、FrontPage等也都可以；不過(guò)還是建議你用記事本來(lái)寫(xiě)，既省錢(qián)又方便，若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編輯來(lái)寫(xiě)ＡＳＰ，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。

通過(guò)各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。

2、語(yǔ)言相容性高

ASP與所有的ActiveX Script語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、Java script Active X服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由plug-In（外掛組件模組）的方式，使用其他廠(chǎng)商（Third Party）所提供的語(yǔ)言。

3、隱密安全性高

如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶(hù)端（Client）的瀏覽器上，因此，我們所辛苦撰寫(xiě)的ASP程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。

4、易于操控?cái)?shù)據(jù)庫(kù)

ASP可以輕易地通過(guò)ODBC(Open Database Connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例如：Access fox pro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是“Excel” 文件當(dāng)成數(shù)據(jù)庫(kù)用。

5、面向?qū)ο髮W(xué)習(xí)容易

ＡＳＰ具備有面向?qū)ο螅╫bject-Oriented）功能，學(xué)習(xí)容易，ＡＳＰ提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象：Request、Response、Sever、Application以及Session，同時(shí)，若使用ＡＳＰ內(nèi)建的“Application”對(duì)象或“Session”對(duì)象所撰寫(xiě)出來(lái)的ＡＳＰ程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。

6、ASP的六大內(nèi)部對(duì)象 對(duì)象名稱(chēng) 功能描述

Request Response Server Session Application Object Context 從客戶(hù)端取得信息將信息送給客戶(hù)端提供一些Web服務(wù)器工具儲(chǔ)存在一個(gè)

Session內(nèi)的用戶(hù)信息，該信息僅可被該用戶(hù)訪(fǎng)問(wèn)在一個(gè) ASP-Application中讓不同的客戶(hù)端共享信息可以用來(lái)配合 Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理 所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個(gè)人站點(diǎn)。

第三章 需求分析

3.1 概述

需求分析最根本的任務(wù)是確定“為了滿(mǎn)足客戶(hù)的需要，系統(tǒng)必須做什么”。具體的說(shuō)，應(yīng)該確定系統(tǒng)必須具有的功能和性能，系統(tǒng)要求的運(yùn)行環(huán)境，并且預(yù)測(cè)系統(tǒng)發(fā)展的前景。必須仔細(xì)分析系統(tǒng)中的資料，既要分析系統(tǒng)中的數(shù)據(jù)流，又要分析長(zhǎng)期使用的資料儲(chǔ)存。該階段不是確定系統(tǒng)怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也就是對(duì)目標(biāo)系統(tǒng)提出完整、準(zhǔn)確、清晰、具體的要求。

3.2個(gè)人網(wǎng)站的問(wèn)題定義與可行性分析

一、明確架設(shè)網(wǎng)站的目的及客戶(hù)要求

通常情況下，架設(shè)個(gè)人網(wǎng)站主要是為了通過(guò)互聯(lián)網(wǎng)表達(dá)個(gè)人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個(gè)人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗(yàn)，讓和我有共同愛(ài)好的朋友有一個(gè)傾訴的地方。

二、我的個(gè)人網(wǎng)站概貌 因?yàn)槭莻€(gè)人網(wǎng)站，所以只是選擇了自己擅長(zhǎng)和喜愛(ài)的內(nèi)容，在突出自己的風(fēng)格和特點(diǎn)的同時(shí)，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計(jì)技術(shù)和數(shù)據(jù)庫(kù)技術(shù)。因此將網(wǎng)站設(shè)計(jì)分為前臺(tái)頁(yè)面展示平臺(tái)和后臺(tái)在線(xiàn)管理平臺(tái)。

三、功能劃分

網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁(yè)瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺(tái)管理頁(yè)面中，通過(guò)身份認(rèn)證，管理員——我，可以對(duì)網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁(yè)面均是我自己的精心收藏，與大家一起分享

3.2.1 功能定義

（1）管理員權(quán)限：修改所有頁(yè)面內(nèi)容、增刪改文章、管理評(píng)論、修改公告、修改管理員自身信息、編輯各頁(yè)面欄目、添加刪除圖片、添加刪除音樂(lè)、修改版權(quán)信息等。

（2）瀏覽者權(quán)限：閱讀所有頁(yè)面內(nèi)容、添加評(píng)論、添加留言、瀏覽文章、瀏覽圖片、瀏覽音樂(lè)等。3.2.2 可行性分析

系統(tǒng)可行性分析主要從經(jīng)濟(jì)可行性、技術(shù)可行性和操作可行性三方面去分析。（1）經(jīng)濟(jì)可行性分析

從系統(tǒng)的開(kāi)發(fā)和效益關(guān)系上講，采用asp這個(gè)可以開(kāi)發(fā)出交互、高性能Web數(shù)據(jù)庫(kù)應(yīng)用的技術(shù)進(jìn)行開(kāi)發(fā)，效率較高。該系統(tǒng)的開(kāi)發(fā)不需要花費(fèi)太多的經(jīng)費(fèi)，只需在域名和服務(wù)器空間租用上有開(kāi)銷(xiāo)，因?yàn)閭€(gè)人網(wǎng)站不涉及超大容量的文件存儲(chǔ)和龐大的訪(fǎng)問(wèn)量，因此對(duì)于服務(wù)器來(lái)講，要求不會(huì)太高，開(kāi)銷(xiāo)不會(huì)很大。因此，從經(jīng)濟(jì)性分析是可行的。

（2）技術(shù)可行性分析

根據(jù)現(xiàn)有的技術(shù)設(shè)備條件，在技術(shù)上實(shí)現(xiàn)也是可行的。在設(shè)備方面，前期系統(tǒng)開(kāi)發(fā)在本地端制作完成，只需通過(guò)ftp軟件上傳至服務(wù)器端即可，而軟件開(kāi)發(fā)所需條件相對(duì)較低，對(duì)于系統(tǒng)開(kāi)發(fā)及運(yùn)行環(huán)境均不造成任何困難。對(duì)于系統(tǒng)開(kāi)發(fā)人員基本具備了計(jì)算機(jī)專(zhuān)業(yè)知識(shí)，有一定的編程基礎(chǔ)，熟悉和掌握數(shù)據(jù)庫(kù)及網(wǎng)絡(luò)相關(guān)知識(shí)，具備開(kāi)發(fā)條件。

（3）操作可行性

該系統(tǒng)操作上非常簡(jiǎn)單，對(duì)于用戶(hù)來(lái)說(shuō)，只要具備IE瀏覽器5.5版本以上即可通過(guò)域名搜索即可登錄本站。

3.3 個(gè)人網(wǎng)站整體要求

3.3.1 功能要求

（1）頁(yè)面風(fēng)格簡(jiǎn)潔明快，給人以較好的視覺(jué)印象。（2）用戶(hù)瀏覽、操作均便捷，迅速。（3）用戶(hù)權(quán)限、功能的設(shè)置要準(zhǔn)確無(wú)誤。3.3.2 系統(tǒng)性能要求

在目前硬件設(shè)備條件下，要求處理程序的速度相對(duì)較快。因此，在程序設(shè)計(jì)階段，優(yōu)化代碼，降低處理時(shí)間是需要考慮的問(wèn)題。3.3.3關(guān)于未來(lái)需求

由于系統(tǒng)開(kāi)發(fā)時(shí)間較短，可能不是很完善，在運(yùn)行過(guò)程中還會(huì)遇到一些問(wèn)題，所以應(yīng)在系統(tǒng)設(shè)計(jì)過(guò)程中對(duì)未來(lái)可能需要的擴(kuò)充和修改做好準(zhǔn)備，以便及時(shí)變更

第四章 網(wǎng)站制作

4.1 站點(diǎn)

4.1.1 創(chuàng)建站點(diǎn)

要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話(huà)框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個(gè)對(duì)話(huà)框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱(chēng)“追夢(mèng)人”。填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)?！?單擊“下一步”，進(jìn)入下一個(gè)步驟。

在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤(pán)上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾“E:/ding”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。

這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無(wú)”。而后“下一步”再“完成”，即可。

4.1.2 創(chuàng)建站點(diǎn)內(nèi)容

站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁(yè)來(lái)填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板，此時(shí)整個(gè)網(wǎng)站中沒(méi)有任何內(nèi)容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“index.htm(或index.html),它就是未來(lái)的首頁(yè)。網(wǎng)站分為“平面設(shè)計(jì)”、“動(dòng)畫(huà)制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說(shuō)明“這五個(gè)大欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第二項(xiàng)“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命名為graph、anim、books、music、letter，分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各自的內(nèi)容。之后再次新建1個(gè)文件夾，命名為images,用來(lái)存放“所有的圖象文件”的內(nèi)容。

之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁(yè)。

4.2首頁(yè)

4.2.1 設(shè)置首頁(yè)布局

首頁(yè)是打開(kāi)網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁(yè)面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然，后綴名為html也是正確的。

具體設(shè)置方法是：右健單擊“文件”浮動(dòng)面板中的index.htm,在彈出的菜單中選擇“設(shè)成首頁(yè)”。

首頁(yè)的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q(chēng)為布局表格，單元格稱(chēng)為布局單元格。在繪制布局表格和布局單元格時(shí)，必須從“標(biāo)準(zhǔn)”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：

1、在“插入快捷欄”的“布局”分類(lèi)中，單擊“布局表格”按紐。

2、將變成“+”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁(yè)上，在要繪制的地方進(jìn)行拖動(dòng)就可以進(jìn)行創(chuàng)建了。（如果繪制的是第一個(gè)表格必須從網(wǎng)頁(yè)的最左上角開(kāi)始繪制）。

3、在這里要繪制多個(gè)表格，可以再次單擊“布局表格”按紐進(jìn)行繪制，也可以按住Ctrl鍵繪制多個(gè)表格。

4.2.2設(shè)置首頁(yè)的頁(yè)面屬性

首先雙擊“文件”浮動(dòng)面板中的index.htm,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁(yè)面屬性”，之后彈出“頁(yè)面屬性”對(duì)話(huà)框，若選擇主菜單“修改/頁(yè)面屬性”項(xiàng)，也可以把打開(kāi)該對(duì)話(huà)框。

在“頁(yè)面屬性”對(duì)話(huà)框中，左側(cè)窗口顯示“分類(lèi)”，其中包括了“外觀(guān)”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)，右側(cè)區(qū)域則顯示各類(lèi)中可以設(shè)置的項(xiàng)目。4.2.3查看和編輯頭內(nèi)容

一個(gè)網(wǎng)頁(yè)文件結(jié)構(gòu)上實(shí)際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見(jiàn)部分。頭內(nèi)容（head）是除文檔標(biāo)題外的不可見(jiàn)部分，包含有文檔類(lèi)型、語(yǔ)言編碼、搜索引擎的關(guān)鍵的關(guān)鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個(gè)頁(yè)面都需要的，例如，可以?xún)H為主頁(yè)提供關(guān)鍵字。

下面就以首頁(yè)為例，說(shuō)明怎樣插入較常用的頭（head）內(nèi)容。

單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類(lèi)，此時(shí)右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快捷按鈕，再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭，會(huì)彈出菜單，該項(xiàng)列出的便是即將插入的頭內(nèi)容。4.2.4 插入圖像

圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿(mǎn)生活生命力與說(shuō)服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。

另一方面，網(wǎng)頁(yè)的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁(yè)的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無(wú)論你的網(wǎng)站多么精彩也無(wú)濟(jì)于事了。

所以，在網(wǎng)面容量大小的問(wèn)題上一定要重視。下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。

1、首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類(lèi)，則右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。

2、隨即彈出“選擇圖像源文件”對(duì)話(huà)框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱(chēng)。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類(lèi)型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔；如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根目錄。在這里我要插入的是網(wǎng)站標(biāo)志logo，插入logo圖象。

最后單擊“確定”按鈕，即可完成插入圖像的操作。

4.2.5 插入多媒體

在Dreamweaver中，除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫(huà)、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash按鈕和文本對(duì)象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。

在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。

要在瀏覽器中播放放Flash 動(dòng)畫(huà)，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過(guò)ActiveX控制來(lái)實(shí)現(xiàn)，Netscape Navigator則是通過(guò)相應(yīng)的插件來(lái)實(shí)現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動(dòng)

3、畫(huà)播放功能。操場(chǎng)作步驟：

步驟1 將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類(lèi)，右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快捷按鈕。左起第6個(gè)即為“媒體”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)Flash圖標(biāo)。

步驟2 在彈出的對(duì)話(huà)框中選擇擴(kuò)展名為swf 的Flash文件，即可將其插入到Dreamwe

aver的“網(wǎng)頁(yè)編輯窗口”中，可以看到，在這個(gè)窗口中Flash文件的大小。在這里我的主頁(yè)插入的一個(gè)動(dòng)畫(huà)。4.2.6插入文本

在網(wǎng)頁(yè)中，文本內(nèi)容也可以說(shuō)是重要的組成部分，一個(gè)網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀(guān)、最整齊的方式放入到網(wǎng)頁(yè)中。

插入文本的兩種方式

一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以運(yùn)指如飛了。

另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver來(lái)進(jìn)行打字的工作，而更習(xí)慣在專(zhuān)門(mén)的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作，具體步驟如下。

打開(kāi)文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。

這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。

4.3創(chuàng)建其它網(wǎng)頁(yè)

還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。

“平面設(shè)計(jì)”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會(huì)用到Firework、Flash，它們是相輔相成，在主頁(yè)中的主體部分就是用Firework 在“個(gè)人說(shuō)明”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。

第五章 網(wǎng)頁(yè)鏈接的建立

5.1 鏈接的概念

鏈接（或稱(chēng)超鏈接）是網(wǎng)頁(yè)與網(wǎng)頁(yè)之間一種單向的連接關(guān)系。也是004km.cn如圖所示

（3）即對(duì)所選文本或圖像建立完鏈接。

5.6文件下載鏈接

“文件下載鏈接”的原理很簡(jiǎn)單，只要鏈接文件屬于瀏覽無(wú)法識(shí)別的關(guān)型，便都會(huì)使用IE瀏覽器直接進(jìn)行下載，并保存到本地計(jì)算機(jī)中。

瀏覽器無(wú)法識(shí)別的文件類(lèi)型有很多，這里就介紹一個(gè)最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來(lái)制作。下面我們就業(yè)以實(shí)例來(lái)說(shuō)明。

在前面“插入多媒體”一章中，我們?cè)?jīng)講過(guò)直接鏈接文件的方式來(lái)插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個(gè)鏈接，經(jīng)過(guò)數(shù)據(jù)下載后，Windows系統(tǒng)將啟動(dòng)自帶的媒體播放器Windows Media Player 來(lái)播放該視頻。操作步驟

步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點(diǎn)的media文件夾下。

步驟2 將文件路徑輸入至“鏈接”文本框中。

步驟3 保存網(wǎng)頁(yè)，按下F12預(yù)覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會(huì)彈出“文本下載”選擇框，單擊其中的“保存”按鈕。

步驟4 在“另存為”對(duì)框中選擇保存到本地計(jì)算機(jī)中的位置，實(shí)例中為“經(jīng)典回顧”文 件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開(kāi)“我的文檔”文件夾，解壓縮olympus.rar文件，隨時(shí)欣賞下載影片。

本設(shè)計(jì)中未用到此鏈接，在此只作簡(jiǎn)單介紹。

5.7在HTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接

5.7.1文字鏈接

在HTML語(yǔ)言中用超鏈接標(biāo)記指向一個(gè)目標(biāo)。其基本格式為： 舉個(gè)簡(jiǎn)單的“文本鏈接”的實(shí)例，該實(shí)例相對(duì)應(yīng)的HTML代碼如下所示。

a href-“index2.html”target=”-blank”>平面設(shè)計(jì)（新開(kāi)窗口，-blank)

動(dòng)畫(huà)制作（原窗口，默認(rèn)為空）

網(wǎng)文精品

第四篇：課程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

課程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

摘要：課程建設(shè)是“高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程”的一項(xiàng)重要內(nèi)容,也是教育部深化教學(xué)改革，以教育信息化帶動(dòng)教育現(xiàn)代化的一項(xiàng)重要舉措。課程網(wǎng)站是課程建設(shè)和評(píng)價(jià)的窗口，是課程網(wǎng)絡(luò)化學(xué)習(xí)的平臺(tái)，是教師與學(xué)生互動(dòng)交流的媒介，也是精品課程示范幅射的載體。因此，課程網(wǎng)站建設(shè)意義重大。

本課程網(wǎng)站就是為了順應(yīng)這一時(shí)代要求而設(shè)計(jì)的。本網(wǎng)站的開(kāi)發(fā)是采用asp及ACCESS數(shù)據(jù)庫(kù)進(jìn)行開(kāi)發(fā)。

在本篇文章中，首先對(duì)本系統(tǒng)設(shè)計(jì)的意義和開(kāi)發(fā)工具等做了簡(jiǎn)要介紹，接著對(duì)系統(tǒng)做了詳細(xì)的需求分析；然后給出了課程網(wǎng)站所需的功能，重點(diǎn)探討了精品課程網(wǎng)站的設(shè)計(jì)法案；接著對(duì)該網(wǎng)站前臺(tái)框架、實(shí)驗(yàn)教學(xué)、教學(xué)研究、教學(xué)成果模塊等進(jìn)行了重點(diǎn)詳細(xì)介紹，并給出了具體實(shí)現(xiàn)步驟；通過(guò)測(cè)試分析，該系統(tǒng)的運(yùn)行穩(wěn)定、可靠，具有一定的實(shí)用價(jià)值。

關(guān)鍵詞：網(wǎng)站；asp；dreamweaver； access； 資源共享 1

目錄

第一章 緒論.......................................................2 1.1 課程網(wǎng)站開(kāi)發(fā)背景............................................2 1.2 課程網(wǎng)站現(xiàn)狀分析............................................2 1.3 建立課程網(wǎng)站的意義..........................................2 1.4 本文的主要工作..............................................3 1.5 論文結(jié)構(gòu)....................................................3 第二章 網(wǎng)站概述...................................................3 2.1 網(wǎng)站前臺(tái)設(shè)計(jì)..................................................3 2.2 開(kāi)發(fā)環(huán)境簡(jiǎn)介..................................................4 2.2.1 asp介紹..................................................4 2.2.2 數(shù)據(jù)庫(kù)開(kāi)發(fā)工具簡(jiǎn)介........................................4 第三章 設(shè)計(jì)與實(shí)現(xiàn).................................................5 3.1 代碼和界面.................................................5 總結(jié)與展望...............................................48 致謝..............................................................48參開(kāi)文獻(xiàn)..........................................................50

的精品課程網(wǎng)站的實(shí)驗(yàn)教學(xué)、教學(xué)研究、教學(xué)成果3個(gè)模塊的開(kāi)發(fā)過(guò)程的詳細(xì)描述。在項(xiàng)目組成員的共同努力下，成功地實(shí)現(xiàn)了網(wǎng)站的研究與開(kāi)發(fā)。開(kāi)發(fā)步驟如下：

(1)網(wǎng)站需求分析

(2)初步框架設(shè)計(jì)（包括原型頁(yè)面的實(shí)現(xiàn)）(3)數(shù)據(jù)庫(kù)設(shè)計(jì)

(4)頁(yè)面與底層的交互融合

(5)代碼整合以及整合后的測(cè)試工作

1.5 論文結(jié)構(gòu)

第一章：緒論部分。介紹了論文的選題背景、所研究?jī)?nèi)容的現(xiàn)狀析和設(shè)計(jì)精品課程網(wǎng)站的意義，解決的主要問(wèn)題及應(yīng)達(dá)到的技術(shù)要求。

第二章：網(wǎng)站概述及相關(guān)技術(shù)介紹。

第三章：總結(jié)與展望，對(duì)本論文的主要研究?jī)?nèi)容進(jìn)行了扼要的總結(jié)，總結(jié)了論文的主要研究成果，并提出了有待進(jìn)一步開(kāi)展的工作。

第二章 網(wǎng)站概述及相關(guān)技術(shù)介紹

2.1網(wǎng)

站

前

臺(tái)

設(shè)

計(jì)

2.2.1 asp介紹

(現(xiàn)學(xué)期:2014年春學(xué)期)

第五篇：網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)

《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》實(shí)驗(yàn)教學(xué)大綱

課程編號(hào)070105007

學(xué)時(shí)學(xué)分：總學(xué)時(shí)：64總學(xué)分：4實(shí)驗(yàn)學(xué)時(shí)：

32適用對(duì)象：計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)本科專(zhuān)業(yè)

課程屬性：專(zhuān)業(yè)方向課

實(shí)驗(yàn)屬性：非獨(dú)立設(shè)課

一、課程的性質(zhì)與任務(wù)

隨著Internet的普及，網(wǎng)頁(yè)已經(jīng)成為人們信息發(fā)布及獲取、思想交流和商務(wù)往來(lái)最重要的途徑，網(wǎng)頁(yè)制作已成為當(dāng)今社會(huì)上一種比較熱門(mén)的技術(shù)，本課程突出實(shí)用技術(shù)和應(yīng)用技能，是計(jì)算機(jī)專(zhuān)業(yè)學(xué)生的一門(mén)必選課，同時(shí)又可作為相關(guān)專(zhuān)業(yè)學(xué)生的選修課。

網(wǎng)頁(yè)設(shè)計(jì)課程是學(xué)生在學(xué)習(xí)了高級(jí)程序設(shè)計(jì)語(yǔ)言、數(shù)據(jù)庫(kù)原理及應(yīng)用等課程的基礎(chǔ)上開(kāi)設(shè)的一門(mén)實(shí)用性較強(qiáng)的課程，實(shí)驗(yàn)課的任務(wù)是通過(guò)實(shí)驗(yàn)加深對(duì)理論知識(shí)的理解，基本掌握WEB應(yīng)用的規(guī)劃、設(shè)計(jì)和動(dòng)態(tài)網(wǎng)頁(yè)制作中對(duì)于內(nèi)容的動(dòng)態(tài)顯示與更新技術(shù)，培養(yǎng)學(xué)生的動(dòng)手能力和設(shè)計(jì)能力。

二、實(shí)驗(yàn)的目的與基本要求

實(shí)驗(yàn)?zāi)康模和ㄟ^(guò)實(shí)驗(yàn)讓學(xué)生掌握網(wǎng)站的配置方式和網(wǎng)頁(yè)設(shè)計(jì)的基本方法。

基本要求：

（1）掌握頁(yè)面的設(shè)計(jì)與布局的基本方法；

（2）掌握J(rèn)S腳本語(yǔ)言的使用方法；

（3）掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。

三、實(shí)驗(yàn)考核方式及辦法

實(shí)驗(yàn)成績(jī)根據(jù)學(xué)生的實(shí)驗(yàn)完成情況、實(shí)驗(yàn)紀(jì)律、實(shí)驗(yàn)報(bào)告進(jìn)行綜合評(píng)定，給出優(yōu)（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。實(shí)驗(yàn)成績(jī)占本課程總成績(jī)的20%，對(duì)缺實(shí)驗(yàn)成績(jī)或不及格者，《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程不予通過(guò)。

四、實(shí)驗(yàn)項(xiàng)目一覽表

網(wǎng)頁(yè)制作實(shí)驗(yàn)項(xiàng)目一覽表

序 號(hào)2 3 4

5實(shí)驗(yàn)項(xiàng)目 名稱(chēng)

div布局 css層疊樣式單

JS腳本 asp.net控件 ado.net數(shù)據(jù)庫(kù)連接

實(shí)驗(yàn) 類(lèi)型

驗(yàn)證性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性

實(shí)驗(yàn) 要求

必做 必做 必做 必做 必做

適用 專(zhuān)業(yè)

理工類(lèi) 理工類(lèi) 理工類(lèi) 理工類(lèi) 理工類(lèi)

學(xué) 時(shí)6 6 6 8

五、實(shí)驗(yàn)項(xiàng)目的具體內(nèi)容：

實(shí)驗(yàn)一div布局

1．本次實(shí)驗(yàn)的目的和要求

掌握網(wǎng)頁(yè)設(shè)計(jì)的DIV布局方式，能夠使用DIV進(jìn)行層布局，認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。

2．實(shí)驗(yàn)內(nèi)容或原理

掌握dream weaver軟件的基本功能，熟悉dream weaver的工具箱,使用DIV做層布局。

3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，搭建好asp.net的開(kāi)發(fā)環(huán)境。

4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weaver軟件；（2）使用div布局設(shè)計(jì)網(wǎng)頁(yè)；（3）div的布局設(shè)計(jì)與修改。

5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。

6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。

7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)二css層疊樣式單

1．本次實(shí)驗(yàn)的目的和要求

通過(guò)dream weaver軟件的使用，掌握使用css層疊樣式單做布局樣式控制的方法，要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

通過(guò)dream weaver軟件的使用，使用css層疊樣式單做布局樣式控制。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，建好asp.net的開(kāi)發(fā)環(huán)境。4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weave軟件。

（2）用css層層疊樣式單做布局樣式控制。（3）css層疊樣式單編寫(xiě)與調(diào)用。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)三JS腳本

1．本次實(shí)驗(yàn)的目的和要求

掌握J(rèn)S腳本的基本用法、變量、函數(shù)、DOM文檔對(duì)象的操作。要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

JS腳本的基本用法、變量、函數(shù)、DOM文檔對(duì)象的操作。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weave軟件。4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weave軟件。

（2）新建JS文件，編寫(xiě)腳本程序?qū)崿F(xiàn)對(duì)JS腳本的變量、函數(shù)、DOM文檔對(duì)象的操作。

（3）外部調(diào)用JS文件。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)四 asp.net控件

1．本次實(shí)驗(yàn)的目的和要求

掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。實(shí)驗(yàn)后要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程中嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

運(yùn)用所學(xué)知識(shí)，用HTML控件與服務(wù)器端控件進(jìn)行編程，實(shí)現(xiàn)簡(jiǎn)單功能。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開(kāi)發(fā)平臺(tái)。4．實(shí)驗(yàn)步驟

（1）打開(kāi)asp.net開(kāi)發(fā)平臺(tái)。（2）新建空白頁(yè)面或者空站點(diǎn)。

（3）用HTML控件與服務(wù)器端控件進(jìn)行編程并調(diào)試。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)五ado.net數(shù)據(jù)庫(kù)連接

1．本次實(shí)驗(yàn)的目的和要求

掌握ado.net數(shù)據(jù)庫(kù)連接的基本概念、ADO.NET對(duì)象模型、SqlConnection對(duì)象。

2．實(shí)驗(yàn)內(nèi)容或原理

建立ado.net數(shù)據(jù)庫(kù)連接，ADO.NET對(duì)象模型、SqlConnection對(duì)象。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開(kāi)發(fā)平臺(tái)。4．實(shí)驗(yàn)步驟

（1）打開(kāi)asp.net開(kāi)發(fā)平臺(tái)。（2）建立ado.net數(shù)據(jù)庫(kù)連接。

（3）通過(guò)SqlCommand對(duì)象提供的方法傳遞對(duì)數(shù)據(jù)庫(kù)操作的命令，并返回命令執(zhí)行的結(jié)果。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

六、實(shí)驗(yàn)教材及主要參考資料

翁健紅編著，基于C#的ASP.NET程序設(shè)計(jì)(第2版)，機(jī)械工業(yè)出版社

七、教改說(shuō)明及其他

在實(shí)驗(yàn)教學(xué)過(guò)程中可以結(jié)合優(yōu)秀網(wǎng)站分析、優(yōu)秀作業(yè)點(diǎn)評(píng)、作業(yè)中普遍存在的主要問(wèn)題及改正方法的分析等方法相互穿插結(jié)合進(jìn)行教學(xué)。