第一篇：網站設計與制作課程體系實踐的論文
一、課程情況
《網站設計與制作》也是計算機各專業學生學習后續課程的基礎，比如學習基于網絡編程的動態網頁設計技術，學生畢業后可從事網絡軟件的設計與開發，進行商務網站的設計與制作，同時也可以考取網頁設計師、網絡軟件工程師等相關國家職業資格證書。開設該課程是復合我校關于“高素質、技能型人才”培養目標的需求的，通過該課程的教學，可以培養出一批優秀的、能夠在一線工作崗位上從事網頁設計與制作、網站規劃、管理與維護工作的專業人才?；谠撜n程的主要工作崗位有：網站管理與維護人員、網頁設計與編輯人員、網站策劃人員及網頁美工人員等。
二、課程教學思路與教學方法改進
學生如果要很好得完成網站制作，所需的的知識體系非常龐雜，其中包括網絡基礎知識，網頁制作技術，平面設計和動畫制作等基本要素。具體涉及到網頁制作軟件，圖像處理軟件，動畫軟件，數據庫知識，腳本語言動態服務器編程技術等。教學內容比較多，知識點比較分散，而學時僅為48個學時，學習內容多而課時少。經過多年的教學活動的開展和經驗總結后，我們總結出一套適合高職學生教學方法，那就是使用任務驅動式的教學方法。我們以前的教學設計思路是：講授知識點———設計任務———監督學生完成———驗收，現在的教學設計思路是這樣的：實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色：給學生布置一項工作（實際工作任務導向）———將工作轉變為一個任務（任務驅動）———通過任務引出知識點（知識學習）。學生在此教學思路中的角色：通過老師的引導，理解相關任務要求，繼而產生強烈的學習相關知識的興趣，在下一步的知識學習中就能很好地學習，掌握了相關知識后，馬上運用于實踐，完成老師布置的任務。通過該課程的教學，使學生最終能夠自主開發一個完整的網站，畢業后能夠直接從事企事業單位網站的開發設計與管理維護等工作。
三、課程體系內容重構
本課程性質是計算機系的基礎必修課，教學對象是全系各專業的大一學生，因此教學內容定位于靜態網頁的制作，以Dreamweaver軟件為主線，介紹靜態網頁設計和制作的基本技術,目前很多網頁教材是基于網頁三劍客的即Dreamweaver、photoshop和flash，然而當前課時條件和時間條件下，根本做不到三個軟件都講到位，事實上每個軟件分開都可成為一門課程，而網頁設計課程只能以網頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網頁密切相關為了解決內容多學時少的矛盾，有利于教學的開展和培養學生的動手能力，為此我們對教學內容重新進行了重構，圍繞Dreamweaver軟件講解網頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候，才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網頁設計基礎；模塊二、頁面的基本操作；模塊三、簡單網頁的制作；模塊四、網頁的樣式設計；模塊五、實用HTML布局頁面；模塊六、實用DIV+CSS布局頁面；模塊七、制作多媒體頁面；模塊八、網頁交互設計；模塊九、網站的測試與管理。
四、總結
高職學生思維活躍，好動手，但是其學習基礎較差，沒有良好的學習習慣和學習方法，教師在實際的教學活動中應當充分發揮其優點，改變其缺點。在本課程的教學活動中，我們的教學思路和課程內容體系的重構都是圍繞這點來設置的，在實際的教學活動中取得了較好的教學效果。
第二篇：網站制作論文。
目錄
一、企業網站的設計.......................................1
1、軟硬件的選取.......................................1
2、欄目結構設置.......................................2
3、美工界面設計.......................................3
4、數據庫的選取和設計.................................3 4.1數據庫的選擇....................................3
二、企業網站前臺頁面構建.................................4 2.1公司首頁構建.......................................4 2.2人才招聘頁面構建如圖...............................6
三、企業網站測試.........................................8 3．1.企業網站的功能測試...............................8 3．
2、企業網站的性能測試.............................9
四、企業網站管理計劃.....................................9 4．
1、日常維護計劃...................................10 4．
2、網絡安全維護對策...............................11
五、總結................................................12
0
一、企業網站的設計
1、軟硬件的選取
硬件：
戴爾靈越N4010-448筆記本（配置：因特爾i3處理器，主頻2.53GH 內存為2GB 顯卡為ATI Mobility Radeon HD 5650）系統：
windows 7旗艦版 軟件：
Adobe Dreamweaver CS4 Adobe 公司所開發的著名網站開發工具。支援精準定位，利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得 Dreamweaver成功整合動態式出版視覺編輯及電子商務功能，提供超強的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，Cold Fusion，iCAT，Tango與自行發展的應用軟體。Adobe Photoshop CS4 知名的PS，非常強大的圖像處理軟件，用PS主要是用來制作修改網頁界面，后臺界面，設計UI。Adobe Fireworks CS4 知名的網頁三劍客之一，雖然沒有PS在處理圖像上那么優秀，但是它在制作網頁上還是很出色的，要么是網頁三劍客之一 呢。我利用它的主要目的是做網頁切片，雖然PS也可以，但是從我個人角度，還是覺得Fireworks更加靈活、更加方便。Notepad++
一個小巧的文本編輯軟件，雖然沒有Dreamweaver強大的網頁編輯功能，但是它小巧精簡，支持語法高亮，非常便于快速修改代碼，比起龐大的Dreamweaver無論是啟動速度還是方便程度都要優秀很多。因為支持語法高亮和多頁面文檔，我利用它來完成后期調試時修改代碼的過程，以提高效率，畢竟Dreamweaver太龐大，打開速度比較慢。Microsoft Access 2010 由微軟發布的關聯式數據庫管理系統，與MySQL和Microsoft SQL Server和 PostgreSQL相比，它更加方便也更加易于設計，可以為初級程序員提供很多便利。因為做的只是簡單的web程序，所以用access數據庫還是最好的。
2、欄目結構設置
設計的欄目主要分位側欄，中間的標簽以及下面的后臺管理（傳送門欄目）。側欄是瀏覽者目光最集中的地方，所以安排到這里的欄目都是比較重要的內容。中間的標簽頁內容主要是一些固定、不太經常改變的內容，如公司簡介，公司文化等。
整個頁面欄目設置如下：
側欄：首頁、產品展示、新聞中心、人才招聘、聯系我們 標簽頁：公司簡介、新聞中心、公司文化、汽車推薦 傳送門:進入管理后臺、查看最新動態
3、美工界面設計
鑒于該網頁是一個企業網站，要考慮到企業的形象，所以我選擇的主色系為紅色，紅色亮眼、火熱。會使人有繼續觀看查閱感覺，紅色與黑色搭配，讓網站主頁看起來更加的亮眼。在網站logo的右面安置一款精美的焦點圖片flash插件，頁面的設計風格主要體現簡約大方，構架簡單卻不失網站內容。
4、數據庫的選取和設計
4.1數據庫的選擇
數據庫我選擇選擇比較簡單的access數據庫，用的是 Microsoft Office Access 2010，Access 是微軟公司推出的基于Windows的桌面關系數據庫管理系統（RDBMS），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數據庫系統的對象；提供了多種向導、生成器、模板，把數據存儲、數據查詢、界面設計、報表生成等操作規范化；為建立功能完善的數據庫管理系統提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數據管理的任務。Microsoft Office Access（前名 Microsoft Access）是由微軟發布的關聯式數據庫管理系統。它結合了 Microsoft Jet Database Engine 和 圖形 用戶界面兩項特點。
二、企業網站前臺頁面構建
2.1公司首頁構建
首頁是網站的臉面，是企業或者商家的形象代表。首頁一般包括標題、徽標、企業精神、經營理念、旗幟廣告、首頁鏈接、最新報道、聯系方式、招賢納士、欄目簡介、更新說明等。商業網站的頁面關鍵是靠豐富的內容、新穎的排版和靚麗的圖片吸引觀眾。
首頁大體分為五個區域，第一個區域主要包括企業名稱和徽標、企業網站的主題等。第二個區域主要包括網站營銷、服務中心、汽車文化、合作伙伴、合同約定和在線訂購。第三個區域是最佳的視覺點，該區域包括該企業汽車圖片以及企業簡介。第四個區域包括專題熱點和圖片新聞、搜索界面。第五個區域包括版權、電子郵件地址以及聯絡方式等。如圖（1）1． 添加五行三列的無邊框表格，將整個頁面分區。如圖（2）
（2）
2．表格第一行合并單元格，輸入文字設為首頁，收藏本頁，打印本頁，在線訂購，網站管理。如圖所示（3）
（3）
3．表格第二行合并單元格，插入圖片。如圖（4）
（4）
4．表格第三行合并單元格，插入表格一行九列，并輸入文字首頁，關于我們，網站營銷，服務中心，新聞中心，合作伙伴，汽車文化，人才招聘，合同約定。除人才招聘外其他設置假鏈接。如圖（5）
（5）
5．表格第五行合并單元格，輸入版權、聯絡信息、電子郵件地址等。如圖（6）
（6）
6．表格第四行左邊部分插入12行1列表格，分別輸入網絡營銷，服務中心，汽車文化，合作伙伴，合同約定，在線訂購。中間部分添加2行1列表格，分別插入圖片h01和文字“綠海星汽車貿易公司隸屬于綠海星集團公司，其下設5個子公司，擁有固定資產12億元人民幣，職員2500多人，注冊地址北京市朝陽區?！庇疫叢糠植迦?行1列表格分別輸入搜索部分，專題熱點和圖片新聞。如圖（7）
（7）
2.2人才招聘頁面構建如圖
整體如圖（8）所示
（8）
1．新建rjob表，輸入招聘信息(姓名、性別。出生日期、應聘崗位、期望待遇、聯系方式)。如圖所示（9）
（9）
2．新建rczp.asp頁面，輸入鏈接數據庫代碼。如圖（10）所示。
（10）
3．將rczp.asp頁面鏈接到indx.asp的人才招聘。
三、企業網站測試
網站開發完成那個之后，在已經配置好的系統環境下，接下來的工作就是網站測試了。網站的測試一般分為功能測試、性能測試、可用性測試、兼容性測試喝安全測試五個步驟，所有的測試均應提供測試報告，測試通過以后才可以提交給客戶。
3．1.企業網站的功能測試
（1）鏈接測試
1)鏈接是Web網站的一個主要特征，是在頁面之間切換和引導用戶查閱頁面的主要手段。鏈接測試可分為三個方面：1）測試所有鏈接是否能按設計要求，鏈接到指定頁面；2）測試所有鏈接的頁面是否存在；3）保證WEB網站上沒有孤立的頁面
鏈接測試必須在集成測試階段完成，即在整個WEB網站系統的所有頁面開發完成之后進行鏈接測試。（2）表單測試
當用戶通過頁面向網站提交信息時，一般都使用表單操作，如用戶注冊、登陸等。此時，必須測試提交操作的完整性，以校檢提交給服務器的信息的正確性。若所設計的表單只能接受某些特定的值，這也需要測試。（3）Cookies測試
Cookie通常用來存儲用戶信息和用戶在某應用系統的操作，當一個用戶使用Cookie訪問了一個應用系統時，Web服務器將發送關于用戶的信息，把該信息以Cookie的形式存儲在客戶端計算機上，這可用來創建動態和自定頁面或者存儲登陸等信息。（4）設計語言測試
Web設計語言版本的差異可以引發客戶端或服務器端巔峰嚴重問題。在分布式環境開發時，這個問題顯得尤為突出。（5）數據庫測試
Web網站中最常用的是關系型數據庫，一般情況下，可能發生兩種情況，一種是數據一致性錯誤，另一種是輸出錯誤。數據一致性錯誤主要產生于，用戶提交的表單信息與數據庫的設計要求不符；輸出錯誤主要是由網絡錯誤或程序設計問題引起的。這兩種情況應分別測試，以保證數據訪問的準確性。
3．2、企業網站的性能測試
1）連接速度測試
用戶使用撥號上網或寬帶上網，連接Web網站的速度會有所不同。用戶在下載功能時，可以等待較長的時間，但如果僅僅訪問一個頁面就不可能等過久的時間。如果頁面沒有超時限制那么用戶可能還沒來得及瀏覽內容就需要重新登錄了。2）負載測試
負載測試是測試Web網站在莫以負載級別上得性能，以保證Web站點在需求內能正常工作。負載級別可以是某個時刻同時訪問網站的用戶量，也可以是在線數據處理的數量。負載測試所以，網站完成之后應放到互聯網上，接受負載測試，這樣才能得出正確可信的結果。3）壓力測試
壓力測試的內容包括表單、登陸和其他信息傳輸頁面等。其測試是指當Web網站遭受破壞時，檢測系統的反應。壓力測試是測試系統的限制和故障恢復能力，也就是測試Web系統是否會崩潰，在什么情況下崩潰。
四、企業網站管理計劃
網站管理的目標是實現對網站內部資源的有效組織和保障網站正常、準確、高效的運行，其主要內容有：
對整個互聯網信息而言的全球資源和網站向外提供服務的網站資源，兩者結合的合理化管理
網站內服務器的配置、維護、安全等，在提高網站性能、可靠性的同時，保證整個網站系統的穩定、安全運行 網站應用程序，在保證不影響網站服務和正常運行的前提下，完成對內容的更新
網站自身的組織、管理機制、人員配置、服務優化等 維護、管理數據庫的安全，檢測數據庫的通信量，在最大吞吐量與服務器性能之間尋求平衡
4．1、日常維護計劃
企業網站日常維護的目的就是保證網站基本功能的正常運行，保證每一位訪問者能正常有效地瀏覽網頁，同時為網站的更新、升級做準備。如果網站沒有不斷更新、變化的新內容，沒有新鮮感，就很難留在過往的客戶。網絡日常維護的主要工作： 1.人員管理 2.信息更新 3.定期備份數據 4.硬設備維護 5.安全性維護 6.優化程序代碼
編碼中少用“會話”變量
慎用緩存頁，或采取部分頁面動態緩存技術 最好不使用框架頁面
盡量不使用太大的表格，或嵌套過多的表格 及時關閉已使用過的對象 盡量使用存儲過訪問程數據庫 7.日志文件分析 找出程序中的BUG 認識網站有沒有攻擊，是什么類型的攻擊，如何解決
了解網站的訪問量、受用戶歡迎的信息、搜索引擎對本站的活動規律等信息
8.搜索引擎優化SEO 4．
2、網絡安全維護對策
計算機網絡面臨的一事對網絡中信息的威脅；二是對網絡中設備的威脅。影響計算機網絡的因素很多，也有些因素可能事有意的，也有可能是無意的；可能是人為的，也可能是非人為的；也有可能是外來黑客對網絡系統資源的非法使用，歸結起來網絡安全所面臨的主要潛在威脅有以下幾個方面：（1）信息泄密（2）信息被篡改（3）傳輸非法信息流（4）網絡資源的錯誤使用（5）非法使用網絡資源（6）計算機病毒
網絡的安全直接關系到網站的安全，網絡堵塞脆弱性使我們不得不預先做好安全防護和盡可能地做好安全對策。對于網絡的安全對策可以從以下幾個方面入手：
（1）建立網絡安全體系（2）專網與互聯網隔離
物理隔離 邏輯隔離（3）搭建防火墻（4）防止病毒感染（5）建立訪問控制機制（6）建立入侵檢測（7）建立虛擬安全對策（8）其他網絡安全對策 采用適當的強度的密碼算法 采用安全性好的操作系統
采用電磁防護，既要防止信息的電磁泄露，又要采用抗電磁干擾的傳輸方式
采用防雷電保護措施 采用適當的物理防護措施
加強行政管理和法律介入，完善規章制度，嚴格人員選任等，這也許是最重要的一點
做好網絡的安全對策，對于網站來說就已經有了良好的安全保障基礎，接下來主要應該關注：
規章制度的建立健全和人員管理 防注入攻擊等 做好日志和備份
五、總結
通過這次動態網頁制作實訓，使我進一步了解并熟悉了asp代碼，而且通過不斷的調試和糾錯，讓我深刻地認識到數據庫在一個動態網站中的重要性，以及數據庫是怎樣與在網站前臺與后臺的協調關聯，了解了網站后臺是如何對前臺數據進行修改的。充分認識到動態網站的方便和實用性。
第三篇：網頁制作論文--個人網站設計
網頁制作課程論文
（個人網站設計論文）
姓名：薛金鴿 學號：105031040025 班級：103212 專業：市場營銷（電子商務方向）學期：2011-2012學年第2學期 任課教師：劉新飛
個人網站策劃書
1.組織機構描述
1.1個人網站的應用背景
網絡發展到今天，建立網站已經成為一個很普遍的問題了，對于個人來說，建設好時間的個性化網站可以更加方便的收集信息，開展更加直接的網絡交流，使用自己構筑的友善平臺，我們可以為自己畢業后找工作做好充分的準備，通過自己建設的網站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個個人網站的制作過程中，我選擇了我比較熟悉的大學生活中的許多內容做為我的網站的重要組成部分，這樣相對于其他包括種類齊全的網站，我就有了一定的材料基礎。這是我這個網站選擇大學生主題的原因之一。
其次，做為在校大學生，我知道大學生現在對什么事物，內容，活動等等感興趣，所以，我做起來的時候相對來說是比較隨手的，我不用像其他的網站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會捕捉到大學生的興趣點。所以，在整個網站的設計過程中，我廣泛的聽取同學的意見和建議，不斷的改進和提高我的網站的內容和質量，這些都取得了比較好的效果。
在整個網站的設計過程中，我根據自己以往的設計經驗和自己找來的資料，又經過老師的指點，經過了近一個月的努力，幾經易稿，最終做成了我的這個個人主頁。.2 個人網站建設的目的
在我們的工作、日常生活中，能夠擁有一個自己的網站，一個已經成為不少人的希望和驕傲。一個網站項目的確立是建立在各種各樣的需求上面的，這是個人網站，所以這種需求往往來自于個人的實際需求，其中每個人的實際需求占了絕大部分[6]。因此如何更好地的了解、分析、明確需求，并且能夠準確、清晰以文檔的形式表達出來，保證開發過程按照個人需求為目的正確項目開發方向進行。不同的網站目的要求通過不同的方式來實現。一個展示個人能力的網站與一個以花卉種植為主題的網站，以及一個大型門戶網站和一個小型企業網站，其出發點和建站目的都有所不同，在整個網站的建設規劃方面的要求也是肯定是大不一樣的。因此在規劃我的這個網站時，我選擇了和大學生的生活和學習相關聯的主題。
1.3 相關應用軟件選用、技術采用
在網頁的設計過程中，我選用的軟件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5，其中，Dreamweaver 是網頁編輯軟件，Fireworks cs5是圖形/圖像處理軟件，photoshopcs5是圖片處理軟件。它們是Macromedia公司專門為網頁設計、制作開發的系列軟件套件，三者之間可以無縫集成，能夠有效地解決網絡帶寬問題，是設計動畫網頁的最佳工具。
Dreamweaver cs5采用“所見即所得”的直觀設計模式，充分尊重設計人員的原始意識和想象力。她成功地將網頁設計功能中的技術實現部分和設計部分分離開來，使用戶只需專注于設計，而其余的工作由Dreamweavercs5自動完成。另外，還有一點值得說明的是，Dreamweaver cs5可以控制和刪除冗余代碼，減小網頁文件的大小。從而能夠快速上傳和下載。
Fireworkscs4的獨特之處在于它能夠優化、切分圖片映射圖，并提供了功能強大的翻滾圖工具。它是基于WEB應用的圖形/圖象處理軟件，提供了一種革命性的新方法來創建WEB圖形，并且具有所有其他圖形處理工具的諸多優點。Fireworks cs4的最大優勢就在于它在任何時候可以從任何階段開始設計工作，這樣既可以節約時間又可以對產品進行擴展。另外，Fireworks cs4中的諸多功能都是面向WEB應用的，因此對于WEB設計新手來說也很容易學習的。
在我設計我的個人網站的過程中，我選擇了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三種軟件。因為自己向對于其它的軟件來說，這三個還算是比較熟悉的。
2．網站的技術參數部分
2.1我的導航系統
我所制作的個人網站的導航系統包括：
1.個人簡介2.個人專題4.我的相冊5.網站說明6.給我留言 8.發送郵件9.鏈接百度10.女生花園
2.2功能模塊的劃分
1．搜索引擎：
根據瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個Internet上進行搜索，完成信息的優化與提取。
2．論壇：
主要功能是網友和網站之間的交流平臺，也是網友給版主提出意見的主要渠道。在論壇中用戶可以發表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對留言的內容進行回復，只留給版主的留言只有版主能夠回復，并且版主可以登錄后臺對留言進行管理，是否發表或刪除。
3．發送電子郵件：
網友可以通過“聯系我”利用outlook 向版主或其他人發送電子郵件。4．精品收藏：
在其中展示我喜愛的東西，包括電影、歌曲和一些優美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。但我增加了管理權限，我以管理員的身份可以對加入的新內容進行管理，即允許加入和對其進行刪除。
5．留言板：
是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。
2.3 首頁的設計 我的網站首頁主要采用簡單大方的設計方法，用的是色調一致的一組圖片做的LOGO和相關的背景圖片，主要頁面布局如下：
2.4主要欄目的介紹
1．個人簡介：
介紹版主的一些基本信息，希望各位訪客能夠認識版主。2.我的論壇：
此版塊又分為主頁、發表意見、回復意見、顯示論壇內容、版主后臺管理以及版主的回復界面。其中發表意見界面是所有訪客都可以在論壇里面發表自己的意見，這些意見可以是發表給所有的訪客，也可以是只發表給版主，如果只發表給版主，只有版主可以看到和回復；回復意見是所有訪客針對自己感興趣的話題進行回復；這些發表的意見和回復可以在顯示論壇內容的界面都顯示出來，供大家討論；那些只有版主才能看到的信息在版主的管理界面，這個界面需要登錄，設有用戶名和密碼，在這里版主可以對所有評論進行發表或刪除的管理。3.個人專題：
這里收錄了我平時搜集的一些文章和音樂，各位訪客可以根據自己的喜好進行閱覽。4.我的相冊：
在這個板塊可以看到我的照片，班級照片和搜集的校園照片，如果大家喜歡可以收藏。更改照片的時候只要更新數據庫就可以了。5.網站說明：
里面是我對整個網站的介紹，不太清楚網站構架的訪客可以先到這里。6.給我留言：
這是每位訪客針對我的網站情況給我留言，這些留言會直接保存到數據庫里面，并且能夠輕松的讀取。7.發送郵件：
各位訪客可以通過outlook向版主或者其他人發送電子郵件。8.鏈接百度：
如果訪客想在互聯網上查找東西，可以直接點擊這里。9.女生花園：
收集了一些女生喜歡的東西，如果你是女生，可以進來看看。
2.5二級頁面的設計
我的網站主頁內容簡單所以主要內容再二級頁面里要有詳細的說明，具體說明如下：
2.5.1個人簡介
本模塊是個人簡介部分，每個個人網站都會有作者介紹。在這個模塊訪客會了解到作者的一些基本信息.2.5.2文學欣賞
這個版塊主要介紹我自己喜歡的相關文學作品。此版塊的界面如圖所示：
圖3.6 文學欣賞界面
2.5.3快樂音樂
進入此版塊，界面如圖所示：
通過在數據庫中存放音樂路徑，達到在網頁上播放的效果。在音樂的首頁上放置了歌曲的名字，網友無需登錄，即可收聽自己喜歡的歌曲。
音樂界面
2.5.4我的相冊版塊
個人網站中又一亮點就是個人相冊的設置，在我的相冊里，放置了我自己的照片、班級照片和校園照片。
相冊里面的這三個版塊具有相同的版面設計，如下圖所示：
相冊界面
2.5.5網站說明版塊
此版塊是我根據自己的網站結構對整個網站以及每個版塊所做的網站結構和功能的說明，以及網站和作者版權說明。如下圖所示：
網站說明界面
如果網友不清楚網站的構架，可以查看此版塊。2.5.6給我留言版塊
留言板是目前最為流行的網絡應用之一，使用留言板，可以為留言者提供發言的機會，讓他們能夠及時、準確地交換自己的觀點。
2.5.7留言板主界面
完整的留言板具有發表留言和察看別人留言的功能，如圖所示的留言板主界面index1.ASP，可由此進入留言界面和察看留言界面。
留言主界面
在主界面中存有全部留言的作者和主題，點擊你想察看的主題就會進入察看留言界面，點擊 “發表帖子”進入留言界面。
3．網站的維護方案
3.1域名的申請
域名（Domain Name），是由一串用點分隔的名字組成的,Internet上提供用戶訪問某網站或網頁的路徑，用于在數據傳輸時標識計算機的電子方位（有時也指地理位置）。
域名申請的含義
“域名申請”：為保證每個網站的域名或訪問地址是獨一無二的，需要向統一管理域名的機構或組織注冊或備檔的一種行為。也就是說，為了保證網絡安全和有序性，網站建立后為其綁定一個全球獨一無二的域名或訪問地址，必須向全球統一管理域名的機構或組織去注冊或者備檔方可使用的一種行為。由于域名是網站必不可少的“門牌號”，域名可用于：網站地址訪問、電子郵箱、品牌保護等用途，所以很多企業或個人均會進行域名申請。
3.2空間或者主機的租用
有了自己的域名這個門牌號后，就需要一個空間來存放自己的網站，也就是虛擬主機。一般虛擬主機提供商都向用戶提供100MB、500MB、3GB等虛擬主機空間。我的個人網站選擇100-300MB的虛擬主機空間。購買虛擬主機主要考慮幾個方面：售后服務、穩定性、訪問速度等。首先我選擇在萬網上注冊一個域名然后申請租用空間建立個人網站。
3.3網站鏈接穩定性測試
超級鏈接對于網站用戶而言意味著能不能流暢的使用整個網站提供的服務，因而鏈接將作為一個獨立的項目進行測試。網站能夠正確運行首先要保證鏈接能夠連貫運行。
網站的運行中整個系統是否運行正常，我主要采用將測試網站長時間運轉進行測試，派生出執行程序所有功能需求的輸入條件，從而導出測試用例，進行測試，網站中的每個版塊的每個頁面都出現了很多的鏈接，所以每個版塊要先進行單獨測試，單獨測試完成后，根據個版塊之間的連接結構再進行總體測試，從而達到網站的整體的運營能夠順利地進行。在測試這個環節時，沒有特定的測試方法，就要做到細心，做到網站的順利運行。
總結：
通過這次個人網站設計的制作，我學會了很多東西，也了解了很多關于個人網站的資料。不知不覺網頁設計的課程將要結束了，這門課程所包含內容的豐富是讓我從沒有想到的。在整個的學習過程中，我學習了Dreamwave、Firework、Html語言、網站建設的基本思想等重要內容。到現在為止，我還是很慶幸能夠學到這么多的內容。
雖然整個網頁的結構還有很多不足，還有一些板塊沒有開通，但是我的確能夠感到在我們制作過程中技能的提高。整個網站的不足我想是沒有使用到一些動態網頁的知識，使得日后網站的維護較為繁雜。希望以后可以自學動態網站的課程，從而彌補自己在動態網絡語言方面的不足。這樣以后可以利用業余的時間為自己或者公司，根據自己的愛好建立一個個人網站。
[參考文獻] [1] 袁曉紅.《網頁設計與制作》[M].高等教育出版社 2006 385頁~389頁 [2] 甘登岱.《我也能掌握Flash編程》[M].航空工業出版社 2000 [3] 趙更生.《Flash動畫制作培訓實錄》[M].人民郵電出版社 2004 [4] 鮑嘉.盧堅.陳丁法《Dreamweaver CS5網頁設計從入門到精髓》[M].中國電力出版社2010 [5] 張成龍.《網頁制作一點通》.延邊人民出版社
[6] 劉瑞新，《ASP動態網站開發、畢業設計指導及實例》[M].機械工業出版社 2000 [7] 石曉燕、蘇萍《網頁設計基礎》[M].清華大學、交通出版社 20 04 [8] 王玉芬.《網站規劃與設計》[M].西北工業出版社 2003 [9] 謝希仁.計算機網絡(第5版)[M].北京：電子工業出版社,2008
第四篇：網站設計與制作課程總結
網站設計與制作課程總結
我是一名電腦愛好者。進入大學里的條第一門公選課，我選擇了《網站設計與制作》這門課程，出于對網站設計的強烈的興趣，抱著強大的求知欲，終于，我進入這門課程的學習。雖然這門課程的總學時比較短，但是經過老師的認真授課以及我的認真聽講，我學到了很多有關網站設計與制作的知識，在一定程度上為我認識了解網站設計與制作提供了良好的基礎，并為我下一步深入學習相關方面的知識做了良好的鋪墊。
一、網站設計與制作中所用的工具
1.dreamweaver用與編輯HTML、ASP、JSP、PHP時的輔助工具。
2.flash網頁需要畫面流動時的首選擇
3.photoshop圖象處理軟件，一般網頁都需要有圖片相搭配，photoshop是款很強大的工具。
4.fireworks跟Photoshop一樣都是圖象處理軟件，但fireworks偏向與對網頁的處理。
二、網站的概念與域名
網站是指在因特網上，根據一定的規則，使用HTML等工具制作的用于展示特定內容的相關網頁的集合。人們可以通過網站來發布自己想要公開的資訊，或者利用網站來提供相關的網絡服務。人們可以通過瀏覽器來訪問網站，獲取自己需要的資訊或者享受網絡服務。文字與圖片是構成一個網頁的兩個最基本的元素。除此之外，網頁的元素還包括動畫、音樂、程序等等。域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，所有前期工作就將全部落空要把域名起得形象、簡單、易記。
三、網頁的制作與網站版式
根據這幾節課的學習，我基本了解了要想做好一個網站，就必須把網頁做好。
首先，要明確所做網站是什么類型的。其次是布局，還有網站的信息、網站打開的速度等。
（1）、網站的整體布局：網站主頁就好象是宣傳欄或者店面——對訪問者產生第一印象，都希望盡量給人留下好的印象。網頁應該力求抓住而不是淹沒瀏覽者的注意力，過多的閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從，一般來說，好的網站應該給人有這樣的感覺：干凈整潔；條理清楚；專業水準；引人入勝。
（2）、信息：無論商業站點還是個人主頁，你必須給人們提供有一定價值的內容才能留住訪問者，所以你必須提供某些有價值的東西。
（3）、打開速度：我們都知道，頁面下載速度是網站留住訪問者的關鍵因素，如果20—30秒還不能打開一個網頁，一般人就會沒有耐心。至少應該確保主頁速度盡可能快，最好不要用大的圖片。
（4）、顏色搭配：顏色也是影響網頁的重要因素，不同的顏色對人的感覺有不同的影響，所以在做網頁的時候應該注意顏色的搭
配。包括網頁的整體的顏色、網頁中文字的顏色等。不要將所有顏色都用到，盡量控制在三至五種色彩以內。
（5）、網站的版式設計：網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處。版式設計通過文字圖形的空間組合，表達出和諧與美。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，我們將反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。
（6）、網頁標題的可讀性：必須盡量使你的網頁易于閱讀。為所有標題和副標題設置同一字體，并將標題字體加大一號，所有標題和副標題都采用粗體，這樣便于識別標題，使瀏覽者一眼就可以看到要點，以便找出并繼續閱讀有興趣的內容。所以，要認真寫好每個標題！
四、HTML語言
雖然課程比較短暫，但老師還是在講課中穿插了一點HIML語言，它在網頁制作中也發揮了比較重要的作用，可以大大提高網頁制作的效率。雖然，我不是計算機專業的，但作為一個電腦愛好者我會在課后抽時間認真去學習掌握這門語言，讓自己具備更專業的知識。
總而言之，經過對《網站設計與制作》這門課程的學習，我收獲了很多。我所學的專業并不是計算機方面的，更別說是網頁設計了，但是由于我對網頁設計及制作的強烈興趣，我選擇這門課程是我最大的樂趣，因為我學到了知識。并且我今后會繼續在這方面提高自己，全面提高，綜合發展。
在這里我很感謝老師的認真授課，讓我對這門課有了初步的了解，學到了很多關于這方面的知識。最后我想說句謝謝老師！
第五篇：新聞網站的設計與制作
題
目 ：
新聞網站的設計與制作
0
目錄
第一部分：引言........................................3 第二部分：工具介紹.....................................3 2.1 Dreamweaver.....................................3 2.2 Adobe Fireworks CS6.............................4 2.3 html瀏覽器.....................................4 第三部分：網站結構圖...................................5 第三部分：網站界面設計.................................5 3.1 新聞瀏覽........................................7 3.2 新聞閱讀........................................8 3.3 新聞查詢........................................9 第四部分：總結.......................................10 致謝.................................................10
第 1 頁
新聞網站設計與制作
摘要：隨著現代網絡信息的快速發展，人們對外界的信息需求越來越高。本論文將從建站的實際情況出發，經過對有關網站新聞網站的一番考察和分析。確立了系統采用Dream weaver作為開發環境，Adobe Fireworks CS6作為輔助工具。闡述系統的結構設計和功能設計，實現新聞的分類顯示，最近新聞顯示、熱點新聞顯示、搜索、等。登陸本網站后可以了解到當下最新的新聞資訊，瀏覽到社會各方面的詳細消息。本網站具有很好的外部接口，較好的容錯性，能夠承受大量用戶同時瀏覽的壓力，滿足大部分新聞發布的需求，能夠很好的配合其它子系統服務于網站的新聞發布。網站主要以文字、圖片、視頻合理并且有序地呈現在大家面前。簡單的說,新聞網站就是充當一個網絡新聞媒介的功能。關鍵詞：新聞網站；Dream weaver；設計
News Website Design Articles
Abstract: With the rapid development of modern network information, people increasingly high demand for outside information.This paper will Build the actual situation, through to some news sites about the site investigation and analysis.Established a system using Dream weaver as the development environment, Adobe Fireworks CS6 as an auxiliary tool.Elaborate structure of the system design and functional design, implementation, news classification shows that the recent news show, hot news show, search, and so on.After landing on this website you can learn the latest news and information instantly, navigate to the social aspects of the detailed news.This site has a good external interface, better fault tolerance, able to withstand the pressure of a large number of users to simultaneously view, to meet the needs of most press releases, can be very good with other subsystems serving the website's news release.Website mainly text, pictures, video and reasonable and orderly presentation in front of everyone.Simply put, the news site is to act as a network media functions.Key word: News sites;Dreamweaver;design
第 2 頁
第一部分：引言
伴隨著網絡的出現，網頁逐漸融入人們的生活?？焖偌皶r的新聞瀏覽，五彩繽紛的網上信息，使網絡與人們的生活息息相關，于是世界上又出現了第三媒體——Internet。
新聞網站是一個新聞單位不可缺少的部分,同時也是現代網民了解時事不可缺少的工具。它的內容對于新聞的決策者和管理者來說都至關重要,所以新聞網站應該能夠為用戶提供充足的信息和快捷的查詢手段。但一直以來人們使用傳統人工的方式管理文件檔案，這種管理方式存在著許多缺點,如:效率低、保密性差,另外時間一長,將產生大量的文件和數據,這對于查找、更新和維護都帶來了不少的困難。
隨著科學技術的不斷提高,計算機科學日漸成熟,其強大的功能已為人們深刻認識,它已進入人類社會的各個領域并發揮著越來越重要的作用。
作為計算機應用的一部分,使用計算機對網上新聞發布進行管理,具有著手于管理所無法比擬的優點.例如:檢索迅速、查找方便、可靠性高、存儲量大、保密性好、壽命長、成本低等。這些優點能夠極大地提高網上新聞發布的效率,也是企業的科學化、正規化管理,與世界接軌的重要條件。第二部分：工具介紹
運行平臺：html瀏覽器（360安全瀏覽器）。開發平臺：Dreamweaver，Adobe Fireworks CS6。語言：html。
2.1 Dreamweaver Adobe Dreamweaver，簡稱“DW”，是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師
第 3 頁
特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。
Adobe Dreamweaver使用所見即所得的接口，亦有HTML（標準通用標記語言下的一個應用）編輯的功能。它有Mac和Windows系統的版本。隨Macromedia被Adobe收購后，Adobe也開始計劃開發Linux版本的Dreamweaver了。Dreamweaver自MX版本開始，使用了Opera的排版引擎“Presto” 作為網頁預覽。2.2 Adobe Fireworks CS6
網頁圖片處理也是網頁制作一個非常重要的組成部分,圖片是網頁內容最有視覺沖擊力的表現方法,因此,圖片在網頁中具有非常重要的作用,不管這些圖片是作為內容還是作為修飾而存在。常用的圖片處理軟件有網頁三劍客中的Fireworks和Photoshop,對于一些簡單的圖片處理工作用Fireworks即可完成,而對于復雜和性能要求高的圖片比如jpg格式的圖片往往采用Photoshop去處理。本網站的圖片主要使用Fireworks。
Adobe Fireworks CS6[1]是專業的網頁圖片設計、制作與編輯軟件。它不僅可以輕松制作出各種動感的Gif、動態按鈕、動態翻轉等網絡圖片。更重要的是Fireworks可以輕松地實現大圖切割，讓網頁加載圖片時，顯示速度更快！讓你在彈指間便能制作出精美的矢量和點陣圖、模型、3D 圖形和交互式內容，無需編碼，直接應用于網頁和移動應用程序！Fireworks CS6更是利用 jQuery 支持制作移動主題，從設計組件中添加 CSS Sprite 圖像。為網頁、智能手機和平板電腦應用程序提取簡潔的 CSS3 代碼。利用適用于 Mac OS 的增強的重繪性能和適用于 Windows? 的內存管理，大大提高工作效率。利用增強型色板快速更改顏色。
2.3 html瀏覽器
網頁瀏覽器是個顯示網頁服務器或檔案系統內的文件，并讓用戶與此些文件互動的一種軟件。它用來顯示在萬維網或局部局域網絡等內的文字、影像及其他資訊。這些文字或影像，可以是連接其他網址的超鏈接，用戶可迅速及輕易地瀏 第 4 頁
覽各種資訊。網頁一般是HTML的格式。有些網頁是需使用特定的瀏覽器才能正確顯示。本網站的設計主要使用360安全瀏覽器。第三部分：網站結構圖
第三部分：網站界面設計
本主界面為index.html，它的功能是顯示新聞類別,熱點新聞中的7條新聞和最新新聞，并提供新聞的詳細分類。新聞以文字、圖片以及視頻的方式傳遞信息。它是由2.html，2.1.html，娛樂.Html等模塊組成。
第 5 頁
無論是專業網站還是企業網站，一個網站對其內容的管理都要涉及到采編、分類、發布、瀏覽、檢索等內容。信息管理實現網站內容的更新與維護，提供在后臺輸人、查詢、修改、刪除各類別和專題中的具體信息的功能，選擇本信息是否出現在欄目的首頁、網站的首頁等一系列完善的信息管理功能。
第 6 頁
系統的主要功能是通過幾個功能模塊來實現的。具體的設計過程如下：
3.1 新聞瀏覽
該模塊負責分頁列出網站所有新聞的信息，包括標題、類型、來源部門字段及發布日期，每條新聞的標題被做成一個超鏈接，點擊它們就能跳轉頁面進行新聞閱讀。
添加代碼：
![下載網站設計與制作課程體系實踐的論文[合集]word格式文檔](http://static.xiexiebang.com/skin/default/images/icon_word.png){kind=icon}
下載網站設計與制作課程體系實踐的論文[合集].doc
將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。
點此處下載文檔
文檔為doc格式 網址：http://www.tmdps.cn/fanwen/qita/1bbadcaaa30537e3.html
聲明：本文內容由互聯網用戶自發貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發現有涉嫌版權的內容，歡迎發送郵件至：645879355@qq.com 進行舉報，并提供相關證據，工作人員會在5個工作日內聯系你，一經查實，本站將立刻刪除涉嫌侵權內容。 校園網站的設計與制作校園網站的設計與制作 “聽者有心”的首頁 創建背景 這個網頁可以說是采用了二分欄結構，卻有一些變化，包括網頁上方占很大面積的Banner、欄目名稱以及網頁下方放置版權信息...... 教案【設計網站與制作首頁】教學目標 1. 知識與技能：了解設計網站的一般流程以及網頁的基本構成元素；學會運用表格進行版面布局；能夠在網頁中添加網頁元素 2. 過程與方法： 通過制作網站首頁，掌握版面布局、...... 網站建設與網頁制作結業論文網站建設與網頁制作結業論文 簡介： 本課程的考查方法采用選題課程論文進行，學生選擇的題目可重復，但是內容不可雷同，如果內容雷同將取消相關學生本課程的最終成績。為避免出現非...... 網站設計制作合同書網站設計制作合同書 甲方（委托方）：_________ 乙方（執行方）：_________ 為了使甲方_________，甲乙雙方秉承相互促進，相互信賴的原則，經友好協商，達成如下協議：一、合同內容和要求甲方網...... 網站設計制作合同書網站設計制作合同書甲方：乙方：XX科技有限公司為了充分利用Internet的優勢，進行企業宣傳和商務活動，甲方委托乙方進行網站設計制作，雙方本著公平友好的原則，簽定本合同：一、甲方的權...... 網站設計制作合同書網站設計制作合同書甲方（委托方）：_________ 乙方（執行方）：_________ 甲乙雙方秉承相互促進，相互信賴的原則，經友好協商，達成如下協議： 一、合同內容和要求 甲方網站設計，制作及維護，具體...... 網站設計制作協議書網站設計制作協議書 甲方： 乙方： 經甲乙雙方協商，就甲方委托乙方進行網站設計達成共識，雙方理解并認可協議的所有內容，同意承擔相應的責任和義務，忠實履行本協議。其內容如下： 第一...... 網站設計制作協議甲方：_________乙方：_________一、總則1．甲方同意為乙方提供網站策劃，網站制作服務。2．網站的信息發布必須符合中華人民共和國現行的各項相關法律，若網站的信息發布出現違反中華人...... |
點擊咨詢 