【文章內(nèi)容簡介】 研成果 主任寄語 計算機技術(shù)培養(yǎng)方案 教學(xué)大綱 鴻雁傳書 專升本政策 教學(xué)大綱 專升本交流 團總支工作 學(xué)院黨總支及各支部設(shè)置 圖片新聞 首頁 學(xué)院首頁 系統(tǒng)文件部署 設(shè)計一個較大的系統(tǒng)時，文件部署的規(guī)范是比較重要的，這樣便于維護。文件部署如圖 所示。 圖 網(wǎng)站 規(guī)劃與 分析 網(wǎng)站內(nèi)容的布置 內(nèi)容的布置是指網(wǎng)頁文件的合理組織，一個好的站點應(yīng)該是文件組織有序，分門別類的放置便于網(wǎng)站管理員今后對網(wǎng)站進行維護與更新。 網(wǎng)站外觀的調(diào)整 網(wǎng)頁外觀的控制是通過 CSS（層疊樣式表）來實現(xiàn)的。 CSS，層疊樣式表， “ 層疊 ” 的意思，也就是說在同一個 Web 文檔中可以有多個樣式單存在，這些樣式單根據(jù)所在的位置，擁 有不同的悠閑級，優(yōu)先級高的，就會在最后顯示時采用。從樣式單插入的形式來看可以分為以下 3 中： 內(nèi)聯(lián)式樣式單：它利用現(xiàn)有的 HTML 標(biāo)記，把特殊的樣式加入到那些由標(biāo)記控制的信息中。 嵌入式樣式單：它和 Javascript 一樣，可以嵌入到 HTML 文件的頭部中去（ html和body標(biāo)記之間），使用 style和 /style容器裝載，例如：“stylep{color:red。font weight:bold}/style” ，這樣會對頁面中所有 p標(biāo)記起作用。 外部式樣式單：它是一種保存在外部的樣 式單文件，外部文件以 “css” 為擴展名，例如 “ link rel=style=stylesheet href=”main sheet. Css” type=”text/css”” 。 層是被分配了絕對位置的 HTML 頁面元素 － 具體地說，是 div 標(biāo)簽或任何其他標(biāo)簽。層可以包含文本、圖像或其他任何可在 HTML 文檔正文中放入的內(nèi)容。 “ 層 ” 是 dreamweaver 中另處一種可以進行排版的工具。它可以被定位在頁面的任意位置，并且其中可以包含文本、圖像等所有可直接插入至網(wǎng)頁的對象。 主頁規(guī)劃設(shè)計 我們在設(shè)計界面時，應(yīng)該注意這樣一個基本前提：在單獨的一頁界面上，清楚地顯示這一頁的明確目的 !只有容易理解的頁面，才能讓用戶知道該做什么并且從哪里人手．這個基本前提，又被擴展為一系列的 4 個步驟： ①每一頁界面的重點在于完成一個單一的任務(wù)； ②解說并且陳述這項任務(wù)； ③讓屏幕的內(nèi)容適合這項任務(wù)； ④提供下一個任務(wù)的鏈接； 除了上面被列出了的 4 個步驟，我們還需要注意下列 5 個視覺設(shè)計原則來加強我們的界面： ①信息的層次：我們應(yīng)該清楚首先讓用戶看見什么信息和用戶第一步需要做什么． ②焦點和強調(diào) ：焦點和強調(diào)的原則在于優(yōu)先放置重點項目．一旦明確了中心思想，就應(yīng)該強調(diào)需要突出的單元，并使它獨立于其它單元．因為這些信息對用戶來說才是最重要的． ③結(jié)構(gòu)和平衡：結(jié)構(gòu)和平衡是兩個最重要的視覺設(shè)計原則．沒有視覺單元的內(nèi)在結(jié)構(gòu)平衡，那么視覺設(shè)計將缺乏順序和意義，更重要地是結(jié)構(gòu)和平衡的缺乏使用戶很難清楚地理解界面． ④單元的關(guān)系：一個視覺單元的放置能傳達特定的關(guān)系．例如，一個列表框和旁邊按鈕的位置將影響這個列表框， 應(yīng)該說按鈕和列表框之間的空間的關(guān)系在那里．同樣，空間 的布局將傳達出視覺單元之間的交互關(guān)系． ⑤易于理 解的流動性：這個原則強調(diào)一個簡單的意圖如何變得易于用戶理解和傳送．可讀性和流動性決定一個對話框或另外的接 El 部件的可用性設(shè)計．比如恰當(dāng)?shù)膸椭崾? 和下一步的導(dǎo)航連接等等． 四、網(wǎng)站 的實現(xiàn) 模板的實現(xiàn)： Macromedia Dreamweaver MX 2020 模板是一種特殊類型的文檔，用于設(shè)計“固定的”頁面布局；您可以基于模板創(chuàng)建文檔，從而使創(chuàng)建的文檔繼承模板的頁面布局。設(shè)計模板時，可以指定在基于模板的文檔中用戶可以編輯文檔的哪些區(qū)域。 電子系網(wǎng)站模板的設(shè)計界面如圖 所示： 圖 模板的創(chuàng)建： 若要創(chuàng)建模板，請執(zhí)行以下操作： 1 打開要另存為模板的文檔： ■ 若要打開一個現(xiàn)有文檔，請選擇 “文件” “打開”，然后選擇該文檔。 ■ 若要打開一個新的空文檔，請選擇“文件” “新建”。在出現(xiàn)的對話框中，選擇“基本頁”或 “動態(tài)頁”，選擇要使用的頁面類型，然后單擊 “創(chuàng)建”。 2 文檔打開時，執(zhí)行下列操作之一： ■ 選擇 “文件” “另存為模板”。 ■ 在“插入”欄的“常用”類別中，單擊“模板”按鈕上的箭頭，然后選擇“創(chuàng)建模板”。 注意：除非您以前選擇了“不再顯示此對話框” ，否則您將收到一個警告，表示您正在保存的文檔中沒有可編輯區(qū)域。單擊 “確定”將文檔另存為模板，或單擊 “取消”退出此對話框而不創(chuàng)建模板。 出現(xiàn) “另存為模板”對話框。 3 從“站點”彈出菜單中選擇一個用來保存模板的站點，并在“另存為”文本框中為模板輸入一個唯一的名稱。 4 單擊 “保存”。 Dreamweaver 將模板文件保存在站點的本地根文件夾中的 Templates 文件夾中，使用文件擴展名 .dwt。如果該 Templates 文件夾在站點中尚不存在， Dreamweaver 將在您保存新建模板時 自動創(chuàng)建該文件夾。 注意：不要將模板移動到 Templates 文件夾之外或者將任何非模板文件放在 Templates 文件夾中。此外，不要將 Templates 文件夾移動到本地根文件夾之外。這樣做將在模板中的路徑中引起錯誤。 各功能模塊的實現(xiàn) ： 下面以 單位概況、教學(xué)文件 、專業(yè)設(shè)置 和團總支工作 為例說明 功能模塊 的實現(xiàn)，其他如 師資隊伍 、 實踐教學(xué)等 類似。 單位概況： 主要代碼如下： td width=3% height=21 valign=middleimg src=../images/ width=8 height=13 / /td td width=44% a href= target=_parent class=STYLE14 系簡介/a/td td width=53%span style=fontsize: 14px。 fontfamily: 宋體[20200621]/span/td 如上代碼設(shè)置了系簡介的相關(guān)屬性 和鏈接。 系簡介鏈接到 頁面 。鏈接后的頁面 如圖 所示： 圖 教學(xué)文件： 教學(xué)文件目錄下有學(xué)科建設(shè)、科研成果和優(yōu)秀課程三個二級目錄，下面以優(yōu)秀課程為例來說明教學(xué)文件的具體實現(xiàn)。 優(yōu)秀課程為大學(xué)計算機文化基礎(chǔ)，實現(xiàn)的主要代碼如下： a href= id=MMMenu0412190537_2_Item_2 class=MMMIVStyleMMMenu0412190537_2 onmouseover=MM_menuOverMenuItem(39。MMMenu0412190537_239。)。優(yōu)秀課程 /a 優(yōu)秀課程鏈接到大學(xué)計算機文化基礎(chǔ)的頁面如圖 ： 圖 專業(yè)設(shè)置： 專業(yè)設(shè)置分為本科專業(yè)設(shè)置和?？茖I(yè)設(shè)置，其代碼如下： td rowspan=2 a href=javascript:。 onmouseout=MM_menuStartTimeout(1000)。 onmouseover=MM_menuShowMenu(39。MMMenuContainer0616111051_139。, 39。MMMenu0616111051_139。,0,38,39。menu_r1_c639。)。 img name=menu_r1_c6 src= width=83 height=38 border=0 id=menu_r1_c6 alt= / /a/td 打開本科和專科專業(yè)設(shè)置后的界面如圖 和圖 所示： 圖 圖 團總支工作： 導(dǎo) 航團總支工作下設(shè)學(xué)院黨總支及各支部設(shè)置， 主要代碼如下： td a href= target=_blank onmouseout=MM_menuStartTimeout(1000)。 onmouseover=MM_menuShowMenu(39。MMMenuContainer0412190359_739。, 39。MMMenu0412190359_739。,0,37,39。menu_r2_c1839。)。 img name=menu_r2_c18 src= width=87 height=37 border=0 id=menu_r2_c18 alt= / /a/td 鏈接的頁面如圖 所示： 圖 當(dāng)單擊團總支工作下的新聞標(biāo)題后，就進入活動文章界面，如圖 ： 圖 主要代碼如下： td width=2% valign=middle div align=left img src=images/ width=7 height=7 / /div/td td width=77% class=STYLE3 style=fontsize: 14px a href=tuanzongzhinews/ target=_blank關(guān)愛我們的家—— 世界環(huán)境日公益活動 /a/td td width=21% class=STYLE3 style=fontsize: 16px[20200605]/td 五．結(jié)束語 校園網(wǎng)站是現(xiàn)在各個學(xué)校信息化的一個主要內(nèi)容，也是學(xué)校對外進行宣傳的一個窗口，電子信息與計算機科學(xué)系的網(wǎng)站就是電子系宣傳以及各種工作的必要。利用網(wǎng)絡(luò)優(yōu)勢學(xué)校可以實現(xiàn)無紙化辦公，共享教育教學(xué)資源，提高工作效率，促進信息技術(shù)與學(xué)科整合，電子系網(wǎng)站為教師和學(xué)生提供多種 平臺，為教師提供多一種參與教育教學(xué)研究的方法。 由于時間的限制，本網(wǎng)站在設(shè)計與實現(xiàn)過程中有以下功能有待完善，應(yīng)該建立一個后臺登陸系統(tǒng)，以便能夠及時的發(fā)布系里各類活動通知等。 通過本 論文的制作，我對學(xué)習(xí) Dreamweave 可視化 網(wǎng)頁設(shè)計的思想有了更加深刻的理解，也更好的對其核心技術(shù)進行掌握和鞏固。在 電子信息與計算機科學(xué)系網(wǎng)站 的設(shè)計中，我遇到了很多很多的問題，基本上都是新問題，許多問題的解決都得益于導(dǎo)師與同學(xué)的幫助，導(dǎo)師的指點真的能讓我感覺到什么是 “ 柳暗花明又一村 ” ， 我深刻地感受到了與人合作的可貴。從這方面來說，更好地培養(yǎng)了我與人協(xié)作的意識，增強了我的團隊觀念，這對我今后的工作必將產(chǎn)生深遠的影響。 經(jīng)過開發(fā)這個 網(wǎng)站 ，我越來越感到 Dreamweave 幫助系統(tǒng)的強大功能，書中看到的畢竟是 有限的，所遇到的所有問題，幫助系統(tǒng)基本上都能為你提供幫助，應(yīng)該說使用Dreamweave 幫助，是開發(fā) 網(wǎng)站 的快捷方法，同時，也提高了我的英文閱讀能力。 總之，這次畢業(yè)設(shè)計是對我大學(xué)三年的最后一次測試，它考察了我三年來對所學(xué)知識的綜合應(yīng)用能力、獨立思考能力、統(tǒng)籌安排能力和團隊協(xié)作能力，培養(yǎng)了我獨立分析和解決問題的能力，使我積累了一定的工作經(jīng)驗，為我將來的工作奠定了基礎(chǔ)。 我的畢業(yè)設(shè)計已接近尾聲 ， 雖然我們設(shè)計的網(wǎng)站還是比較粗糙的，但是在這段時間里，我 們 積極投入到網(wǎng)站的設(shè)計當(dāng)中，遇到問題大家就一起想辦法解決，然后再 向老師請教！在這次畢業(yè)設(shè)計中，我們學(xué)會了很多網(wǎng)頁設(shè)計的方法，特別是老師教了很多網(wǎng)頁設(shè)計方面的技巧。每次小組成員的聚會，用一定的時間大家交流一下，分析網(wǎng)頁設(shè)計中的一些問題。從更改主題、確定方向、網(wǎng)頁架構(gòu)設(shè)計、選定制作軟件，到真正在網(wǎng)頁上制作，我們把每一次討論都記錄下來，確實了解每次的進度是什么?；ㄒ恍r間去收據(jù)相關(guān)的資料，瀏覽不同的網(wǎng)站找尋設(shè)計技巧，大家也學(xué)著互助、產(chǎn)生公識、交流，一切都是寶貴的經(jīng)驗 。 六．致謝 在本論文的寫作過程中，我的導(dǎo)師 梁振軍 老師傾注了大量的心血，從選題到開題報告 ，從寫 作提綱 ，到一遍又一遍地指出每稿中的具體問題，嚴格把關(guān)，循循善誘。 梁 老師多次詢問研究進程，并為我指點迷津，幫助我開拓研究思路，精心點撥、熱忱鼓勵。 梁 老師一絲不茍的作風(fēng)，嚴謹求實的態(tài)度，踏踏實實的精神，不僅授我以文，而且教我做人，給以終生受益無窮之道。對 梁 老師的感激之情是無法用言語表達的。同時我還要感謝在我學(xué)習(xí)期間給我極大關(guān)心和支持的各位老師以及關(guān)心我的同學(xué)和朋友。 我們的畢業(yè)設(shè)計制作也基本完成了。在這段時間里，我學(xué)到了 DREAMWEAVER MX 應(yīng)用技術(shù)和知識技能，這些都與指導(dǎo)老師的教導(dǎo)和嚴格要求是分不開的。在此 我要 再次 向我的指導(dǎo)老師 —— 梁振軍 老師表示最衷心的感謝，在整個畢業(yè)設(shè)計的制作和論文撰寫的過程中， 梁 老師著重培養(yǎng)了我的自學(xué)能力和自我解決問題的能力