1、.課程設計報告課程設計名稱： 腳本程序開發技術 院系名稱： 中印計算機軟件學院學生姓名： 張景山 班 級： 2014級軟件技術二班 學 號： 201401080253 成 績：指導教師： 陳鳳萍 開課時間：2015-2016 學年第二 學期 .目錄TOC o 1-5 h u HYPERLINK l _Toc10182 一課程設計概述 PAGEREF _Toc10182 2 HYPERLINK l _Toc28729 1.1課程設計目的 PAGEREF _Toc28729 2 HYPERLINK l _Toc15550 1.2開發環境 PAGEREF _Toc15550 2 HYPERLINK

2、l _Toc15295 1.3開發技術 PAGEREF _Toc15295 2 HYPERLINK l _Toc20091 技術 PAGEREF _Toc20091 2 HYPERLINK l _Toc28348 語言 PAGEREF _Toc28348 2 HYPERLINK l _Toc11658 文件結構 PAGEREF _Toc11658 2 HYPERLINK l _Toc22434 技術 PAGEREF _Toc22434 3 HYPERLINK l _Toc5700 簡介 PAGEREF _Toc5700 3 HYPERLINK l _Toc4682 文件 PAGEREF _To

3、c4682 3 HYPERLINK l _Toc27236 技術 PAGEREF _Toc27236 3 HYPERLINK l _Toc25027 javascript語言 PAGEREF _Toc25027 3 HYPERLINK l _Toc4109 嵌入HTML文件 PAGEREF _Toc4109 3 HYPERLINK l _Toc19887 二網站總體設計 PAGEREF _Toc19887 4 HYPERLINK l _Toc27196 2.1主頁設計 PAGEREF _Toc27196 4 HYPERLINK l _Toc18282 2.2網站功能設計 PAGEREF _To

4、c18282 4 HYPERLINK l _Toc15820 三實現部分 PAGEREF _Toc15820 5 HYPERLINK l _Toc32148 3.1網頁結構 PAGEREF _Toc32148 5 HYPERLINK l _Toc12132 3.2網頁展示 PAGEREF _Toc12132 6 HYPERLINK l _Toc30896 四總結 PAGEREF _Toc30896 8 HYPERLINK l _Toc10761 五參考書目 PAGEREF _Toc10761 8.一課程設計概述1.1課程設計目的軟件學院網站基本組成成分包括首頁、學校概況、黨建工作、院系工作、師

5、資隊伍、人才培養、科學研究、招生政策,采用JavaScript語言知識對班級網站進行設計。明年我們就面臨著畢業,面臨著離別,做這個網站也是為在我們的生命中留下一分美好的回憶。JavaScript在創建班級網站的過程中如果運用得當將會使網站得到一個很好的效果,同時也將提高網站的人性化程度。1.2開發環境1.能夠熟練使用css結合html,通過咨詢和考察,最終確定并實現網頁布局。同時使用動態樣式表甚至可以讓圖片的切換獲得多種轉場效果。2熟練使用javascript和html知識結合做一個更漂亮的網站。3熟練使用javascript中的內建對象最終實現一個網站的雛形。1.3開發技術技術HTML語言H

6、TML語言中文通常稱為超文本置標記語言,是一種用來制作超文本文檔的簡單標記語言,用HTML編寫的超文本文檔稱為HTML文檔,它能獨立于各種操作系統平臺Unix、Windows自1990年以來HTML就一直被用作WWW的信息表示語言,用于描述Homepage的格式設計和它與WWW上其他Homepage的連接信息,使用HTML語言描述的文件,需要通過WWW瀏覽器顯示出效果。HTML文件結構 元素出現在文檔的開頭部分。與之間的內容不會在瀏覽器的文檔窗口顯示,但是其間的元素有特殊重要的意義。 元素定義HTML文檔的標 題。與之間的內容將顯示在瀏覽器窗口的標題欄。 HTML 文件的正文/元素表明是HTM

7、L文檔的主體部分。在與之間,通常都會有很多其它元素；這些元素和元素屬性構成HTML文檔的主體部分。 技術.css簡介級聯樣式表Cascading Style Sheet簡稱CSS,它是用來進行網頁風格設計。通過設立樣式表,可以統一地控制HTML中各標簽的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表,可以擴充精確指定網頁元素位置,外觀以及創建特殊效果的能力。.css文件當要在站點上所有或部份的網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中作一次更改

8、,而該更改會反映到所有與該樣式表相鏈接的網頁上。通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。1.3.3.javascript技術javascript語言JavaScript是一種基于對象和事件驅動并具有相對安全性的客戶端腳本語言。同時也是一種廣泛用于客戶端Web開發的腳本語言,常用來給HTML網頁添加動態功能,響應用戶的各種操作。.JavaScript嵌入HTML文件JavaScript代碼可直接嵌入HTML文件中,隨網頁一起傳送到客戶端瀏覽器,然后通過瀏覽器來解釋執行。JavaScript 語句插入 HTML的方式： 1使用 標簽將語句嵌入文檔 2將 Java

9、Script 源文件鏈接到 HTML 文檔中 JavaScript 語句插入 HTML的位置： 1body部分的JS 2head部分的JS：當腳本被調用、事件被觸發時執行,可保證在調用函數前,腳本已載入。二網站總體設計2.1主頁設計主頁采用靜、動相結合的方式,即靜態的主畫面和動態的圖片相結合,體現學院的勃勃生氣,靜態主頁方式介紹學院風采、優點特色,就得利用JS技術,采用交互式的動態的web畫面來實現。2.2網站功能設計在本網站中包括動態切換本站首頁、學校概況、黨建工作、院系工作、師資隊伍、人才培養、科學研究、招生政策等,并進行一定的美化和整理,基本完成軟件學院網站的雛形結構。如圖2.1所示：圖

10、2.1網站功能圖三實現部分3.1網頁結構主頁主頁招生政策科學研究人才培養師資隊伍黨建、院系工作學校概況招生政策科學研究人才培養師資隊伍黨建、院系工作學校概況首頁首頁圖3.1網頁結構圖.3.2網頁展示圖3.2圖3.3圖3.43.3實現方案軟件學院網站共分為8個模塊,我在私下里收集了關于學院的照片,可以在網頁中看到這些照片,每個模塊都有關于軟件學院的詳細內容。軟件學院網站的設計主要是能給我們留下回憶,讓同學們一學院為榮,同時也讓更多的人了解我們的軟件學院。四總結這個軟件學院網站是我自己完成的,第一次做一個像樣的網站一開始真不知道從何下手,我努力的查找資料,認真學習技術,最后終于完成。真的是受益匪淺！先是認識到了技術的重要性,如果不會這些技術就不會有我們這個網站的運行,所以,我知道了必須學好軟件技術,只有技術高了才會做更多的事。然后我感覺這次課程設計不只是局限于書本上的知識,而是與實踐相結合,理論+實踐使知識更好的運用到了生活中去。通過這次的網站設計我發現我還有很多知識需要學習、我懂得太少了,水平還需要接著提高。在設計網站的過程中我們除了很多次錯誤,在一次又一次的改正下,最終網站運行成功！在這次的課程設計中不僅鍛煉了我們的動手操作能力,而且培養了獨立思考的能力,更重要的是我學到了很多知識,感覺很充