公司網站設計與開發精品(七篇)

序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內心深處的真相，好投稿為您帶來了七篇公司網站設計與開發范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創作。

篇(1)

1.1教材方面

選用教材一般采用國家規劃教材，教材的編寫人員主要由從事此課程教學的一線教師組成，普遍不在公司一線工作，技能和技術上已經到不到目前公司的要求。另外，從開始編寫教材到印刷出版，再到學生使用，往往已經過了好幾年。由于WEB技術發展非常迅速，再加上網站設計開發工作的特殊性，學生所學到的知識，往往都是前幾年的技術，已經不能滿足公司對于網站設計人員的要求。

1.2教學內容方面

一本教材中前面章節的教學內容往往以知識點為主，后面章節加上幾個WEB系統設計與實現，知識點非常分散，沒有完整的圍繞一條主線進行教學。教學過程中，學生雖然感覺學到了很多東西，但是教學內容沒有緊緊圍繞一條主線進行，學生學完之后總感覺學了很多東西，但是就是不知道怎么用。

1.3教學方法方面

傳統教學都是以課程為中心，以教師為中心，以教材為中心，教師教什么，學生就學什么，沒有從實際工作需要入手，學生完全處于被動接受，學生根據教師的講授一步一步去完成，很難發揮學生的主觀能動性。

1.4教學條件方面

主要采用多媒體教室+機房來保障教學，雖然能滿足教學條件要求，但是學生在學校感受不到真實的工作環境，學習沒有動力。

1.5教學團隊方面

教師往往以中、青年教師為主，但是大部分教師沒有相應的工作經驗，直接從學校畢業就來到職業院校當老師，不了解社會上對于本門課程技術發展到什么程度和企業對于本門課程的人才需求。

2《網站設計開發》課程設計改革

2.1課程設計思路

依托各個網站設計公司及軟件公司，開展校企合作進行課程聯合開發建設。以職業能力培養為重點，以“工學結合”為切入點，依照“干什么、學什么、缺什么、補什么”的原則，基于網站架構設計師的典型工作任務和過程設計來進行課程教學體系。在課程設計中通過“真實產品開發、項目載體、知識理論實踐一體化”將完整的項目開發過程貫穿在整個項目開發中,以提高學生職業能力和職業素養為目標，將網站設計開發知識和技能貫通于實踐項目，以真實項目為核心整合網站設計人員所需的知識、技能和態度。在內容的選取上堅持夠用、實用、新穎的原則，減少理論知識的講解，理論基礎知識以夠用為準。同時，增加實踐性、操作性強的知識，加強知識的實用性。密切結合行業需求，相關課程需要，注重知識連貫性和實效性。

2.2課程內容改革

《網站設計開發》課程的教學內容主要是針對高職高專層次的學生，以培養WEB應用開發程序員崗位的技能型人才培養目標，根據崗位和前后課程銜接的要求，綜合考慮和選取教學內容。本課程基于一個真實的完整的項目----新聞系統開發的工作過程，在項目開發的過程中培養學生在WEB應用開發程序員崗位上每一工作環節的專項職業能力。（1）課程內容設計將實際項目轉換為教學內容確定學習內容。以往的教學內容中的知識點非常非常松散，沒有明確主線，因此我們選取真實的項目“新聞系統開發開發過程”為教學內容，根據開發流程將工作領域分成9個典型的工作情境，分別為搭建新聞系統項目開發環境、撰寫新聞系統項目系統文檔、新聞系統數據庫設計、新聞系統數據庫訪問層設計與實現、新聞系統后臺用戶管理模塊設計與實現、新聞系統后臺欄目管理模塊設計與實現、新聞系統后臺文章管理模塊設計與實現、新聞系統前臺頁面顯示模塊設計與實現、新聞系統安全控制與部署。（2）教學內容（表1）

2.3教學方法改進

2.3.1逆向式教學方法:教師在授課過程中摒棄原來那種先講后練習的方式，而采用先簡單給學生說明具體任務完成的思路和步驟，學生對照任務的思路和步驟自行完成，學生在任務過程中出現問題后，由師生共同解決問題，最后教師講解任務的實現過程，并進行理論的提升。2.3.2任務驅動教學方法：將一個大型項目拆分成一個個小任務，通過讓學生自主完成一個個小任務，最終實現一個大型項目。在完成一個個具體的小任務中，教師只是輔助指導，真正做到了講、學、練一體化。通過在實踐的過程中，培養和提高學生的學習興趣，增強學生的自主學習能力。2.3.3項目實訓教學方法：在綜合練習之后，結合所學知識，給同學分組進行項目實訓。通過具體的項目，讓學生獲得親身參與軟件開發研究的經歷，充分提高了學生應用知識解決問題的能力。同時，還加強了學生在工作別需要的團隊合作能力和協調能力，為學生能夠在畢業后很快進入與實際工作銜接的工作崗位做好充分的準備。2.3.4基于問題的教學方法（PBT（Problem-BasedTeaching）[4]：在教學過程中，教師根據教學內容和教學需要，在課堂上設計問題情景，啟發和引導學生積極主動參與課堂討論，提出、分析和解決問題，從而得到問題的答案。在這個過程中，教師只給學生提供解決問題的思路和方法，主要以學生為中心，以問題為核心，以完成教學任務的一種教學方法。

2.4教學條件改進

2.4.1以現有的多媒體教室或機房建立仿真教學環境，由教師扮演企業代表，學生扮演軟件開發團隊成員，完成客戶與項目組的交互過程。教師提出需求，學生完成“需求分析、系統設計、編碼調試、提交作品”的各個過程，模擬企業項目的完整開發過程。2.4.2在學校建立大學生創業工作室，由學生從校外接一些真實項目開發的任務，讓學生在學習的過程中就能夠參加到真實項目的制作開發工作中去，這樣，學生畢業進入企業后很快就能成為合格的專業技術人才。

2.5教學團隊改進

2.5.1走出去，給一線教師提供到網站設計公司掛職和下企業實踐的機會。2.5.2請進來，邀請擁有豐富工作經驗的網站開發人員，在本課程中擔任外聘教師，負責帶領學生開發具體項目、綜合實訓指導等工作。

3結束語

篇(2)

關鍵詞:網站設計;技術;應用

1開發背景

如今網絡成為各單位、各企業宣傳自身的重要平臺。學校通過網站可以宣傳辦學理念、辦學特色,介紹專業設置情況和招生就業情況,讓師生可以更加直觀地了解學校,在如今網絡時代是很好的宣傳平臺。另外,隨著網絡技術的發展,網上預約、網上辦公系統也大大提高了辦事效率,節約了資源和時間。在教學資源共享方面,網絡平臺可以儲存和共享各類資料、信息等,各類交互式學習和教學平臺大大提高了教學效果。因此,加強網站建設,拓展網站功能,提升辦公效率,不斷開發網絡技術,是計算機更好的服務于人們的日常工作,是技術發展的需要,也是專業人員的職責。

2網站開發工具

本人根據工作需要,在本網站設計中結合實際選擇Dreamweaver8作為開發工具,運用PhotoshopCP處理好圖片效果,應用在網頁中,用Flash制作漂亮的動畫,并在網頁中使用,Dreamweaver8是Macromedia公司的開發產品,是目前使用最為廣泛的網頁制作軟件。Dreamweaver8是一個集網頁創作、網站開發與站點管理于一身的超重量級的創作工具。

3網站的分析與布局

3.1網站的色彩分析

本文以我單位中專部網站為設計基礎,網站基調顏色選擇是藍色為主。因為藍色是冷色調,給人以穩重、冷靜的感覺,同時,藍色也代表著創新,也是許多人鐘愛的顏色。同時在設計過程中,藍色與其他色調進行結合,通過對比,將藍色的樸實、穩重、內向性格與其他活躍、擴張力的色彩進行對比,給人以沉靜、理智、誠實以及和平、淡雅、可靠等感覺。

3.2網站的內容分析與布局

本文設計的網站是一個實用性的網站,是介紹宣傳中專部基本情況、辦學特色、教學與科研一體的綜合性網站。中專部網站建設的內容是為了方便學校招生信息、教育教學改革成果、校內各類新聞等。根據工作需要,結合設計的思路,網站的板塊計劃作如下圖1所示。本網站利用Dreamweaver進行開發,其功能目標是要實現信息在線瀏覽的功能。本系統建成后,對各功能模塊進行了反復的測試,經過多次的修改各功能模塊已經達到設計的要求。本網站開發技術先進、功能模塊齊全并且具有較好的通用性。在本網站中界面的設計主要還是圖文結合,以簡潔大方為主。

4網站測試與上傳

4.1網站的測試

網站制作完成后需要進一步的測試和運行,方便查看整體效果以及各模塊適應情況。需要對網站進行全面測試。軟件測試是為了發現程序中的錯誤而執行程序的過程。好的測試方案是極可能發現迄今為止尚未發現的錯誤的測試方案。

4.2網站上傳

利用FlashFXP上傳做好的完整的網站內容。FlashFXP是一款功能強大的FXP/FTP軟件,集成了其它優秀的FTP軟件的優點,如CuteFTP的目錄比較,支持彩色文字顯示等;如BpFTP支持多目錄選擇文件,暫存目錄;又如LeapFTP的界面設計。支持目錄(和子目錄)的文件傳輸,刪除;支持上傳、下載以及第三方文件續傳;可以跳過指定的文件類型,只傳送需要的本件;可自定義不同文件類型的顯示顏色;暫存遠程目錄列表,支持FTP及Socks3&4;有避免閑置斷線功能,防止被FTP平臺踢出;可顯示或隱藏具有“隱藏”屬性的文檔和目錄;支持每個平臺使用被動模式等。在這一個章節中主要是網站的測試,通過IETESTER軟件對系統整體功能進行測試,測試網頁在IE6、IE7、IE8瀏覽器是否能都能正常顯示。檢驗本網站是否符合系統開發的目標,發現系統存在的問題進行改進,利用Flashfxp上傳網站,從任何瀏覽器都可以看到此網站,從而實現學院網站的開發目標。

作者:張雪瑩 單位:永城職業學院

參考文獻:

篇(3)

[關鍵詞] 電子商務網站 網絡數據庫 ASP 服務器

一、引言

目前動態網站設計技術主要有Perl/C++/Delphi等開發的CGI,以及3P技術(ASP、JSP、PHP）。其中ASP即Ative Server Page，由微軟公司開發，是一個WEB服務器端的開發環境，主要采用腳本語言VBScript、JavaScript等作為自己的開發語言，可用ODBC或直接驅動法訪問Windows平臺的數據庫。

電子商務網站的設計主要包括“網站結構的設計”、“注冊界面”、“交易界面”、“后臺數據庫”，以及“配套模塊”諸如購物、用戶、論壇、反饋、搜索、會話等設計。本文只給出統一的前臺界面及后臺數據庫的設計方法。

二、構建ASP運行環境

ASP的運行環境：NT 5.0 Server,IIS 5.0和ASP。安裝Windows 2000 Server時選擇IIS 5.0有關選項。安裝完后ASP便內嵌于IIS 5.0中。測試ASP的方法:啟動瀏覽器，在地址欄處輸127.0.0.1:80/default.asp,若瀏覽到IIS服務器的ASP歡迎頁面，說明安裝成功。

三、生成動態表單頁面

為了通用,這里采用可能用到的表單對象為例，至于下面設計具體數據表用到的字段，只要轉成給出的表單域相應對象即可。

用ASP動態生成與數據庫進行數據交互的操作表單：form.asp，主要生成表單域頭、生成普通文本、生成密碼文本、生成滾動文本、生成單選、生成復選、生成列表框、生成提交按鈕、生成重填按鈕、生成表單域尾。

四、設計用于存儲商務網站交互數據的MySql數據庫

可在NT 5.0下用啟動服務法、NET命令法等啟動MySql數據庫服務器，啟動數據庫服務器后，開始建立MySql數據庫tradedb，接著建立MySql數據庫表，這里以商務網站中常用的幾種數據表為例，表結構如下：

客戶登錄管理數據表：

users ( ID, UserName, Password )

客戶信息數據表：

usermessage ( UserName, Email, Address, Fax ,Phone , Cerreycard)

客戶定購商品數據表：

catalog ( ProductId, Name , Price, Description )

五、設計處理表單數據的ASP程序

在form_perform.asp中建立與數據庫的連接，這里采用直接驅動法：set conn = Server.CreateObject(“ADODB.Connection”)； conn.open “driver={MySQL};server=localhost;uid=sa;pwd=sa;database=tradedb”。

獲取表單提交的數據：data1=request(“data1”)；data2=request(“data2”)；

用SQL語句對數據庫進行操作，查詢數據記錄：sql=“select * from tablename” ；set rs=conn.execute(sql) ；

增加數據記錄：sql=“insert into tablename(data1,data2) values(’data1‘,’data2‘)”； set rs=conn.execute(sql)；

更改某條數據記錄：sql = “ update tablename set data1=”request(‘data1’)“where ID=”num“”； set rs=conn.execute(sql)；

刪除某條數據記錄：sql = “delete from tablename where ID=”num“”；set rs=conn.execute(sql)；

六、總結

考慮篇幅,本文沒有對Linux平臺、網站結構、各個功能模塊設計等，只給出了Windows平臺上，電子商務網站設計中的主要環節的代碼設計。除了MsSql數據庫，還可操作Windows平臺上的Access/ Foxpro/Informix/Oracle等數據庫,考慮MySql的許多方便的特點,本文以此為例,做了一些有益的工作。

篇(4)

實踐表明，個體的發展主要是靠能力、具體的知識、技能，教育過程必須逐步使學生獲得這種無形的、可持續發展的、內化的、人本的、個性的能力。所謂工作過程，指的是個體“為完成一件工作任務并獲得工作成果而進行的一個完整的工作程序”。工作過程系統化課程主要體現為課程內容的選擇和課程內容的排序。

（一）課程內容的選擇

選擇的課程內容要以職業資格為標準，使學生的知識、技能和價值觀的學習融合為一體。高職生大多以形象思維為主，因此要設計和一定的環境和背景聯系在一起的課程內容，重點在于讓學生掌握“怎樣做”和“怎樣做更好”的過程性知識，陳述性知識為輔助。

（二）課程內容的排序

課程內容的排序包括形式上和實質上的序化結構。這要求對課程內容排序時，要從“3+6+6”這三方面考慮：一是從專業能力、方法能力和社會能力3個維度描述工作過程；二是從“對象、內容、手段、組織、產品、環境”6個要素描述；三是從“資訊、決策、計劃、實施、檢查、評價”6個步驟強調工作過程。

二、學習情境設計的基本思路

（一）通過分析崗位群和職業技能確定課程

課程設計的思路是依據對崗位群和對應的職業技能的分析，培養出適應于各行業移動應用的前端開發工程師、UI設計師、網站開發工程師、交互設計工程師等崗位的高端技能型專門人才。

（二）課程學習情境的挑選依據

作為基于工作過程系統化的《移動互聯網站設計》課程，立足于移動互聯網發展進入到第三個階段的時代大背景，結合廣東行業的發展現狀以及新趨勢下造成的人才缺口，認真解剖案例，是體現以學生為主體的學習領域課程，其教學方式上有如下特點：

（1）強調以學生直接經驗的形式；

（2）增強學生關于職業內容和工作環境的感性認識，進而獲得與職業相關的專業知識和技能；

（3）通過典型移動互聯網頁的案例來設計與制作，來掌握融合于實踐行動中的新知識、新技能。

（三）面向工作過程的學習情境的能力分析

從2011年起，我們就開始通過社會需求調研、畢業生回訪、企業一線技術人員反饋信息、參加國家級職業技能大賽，形成和完善“移動互聯網站設計”課程的典型工作任務，以源于企業、經過教學改造的典型網頁為載體，重構了體現移動互聯網站設計的工作過程性知識與技能體系的學習領域課程，更結合社會發展趨勢形成了課程的學習情境。在設計課程的學習情境時，從專業能力、方法能力、社會能力三方面考慮：

1.專業能力

全面了解移動互聯網站建設與管理等相關知識，掌握移動互聯網站方案策劃、設計、實現，根據產品需求和設計圖完成網站前端頁面制作，保證頁面的瀏覽器兼容性，優化前端頁面體驗和頁面響應速度，維護網站整體結構。

2.方法能力

掌握網站頁面的JS等交互原型的制作，CSS、模板的維護，策劃、設計各種網站專題頁面，設計合適的網頁風格設計；掌握靜態HTML頁面制作，網站皮膚整體設計，界面設計、CSS高級使用、動態網站的簡單應用，能夠做出獨出心裁的頁面設計及實用性高的作品。

3.社會能力

具備不斷探索新技術發展方向，結合實際不斷創新的能力，工作主動熱情，有恒心和責任心，邏輯性強，注重細節，有良好的溝通能力和團隊意識，能夠勝任移動互聯網站及移動互聯應用界面的各類工作。

（四）課程學習情境的設置思路

經過在原有課程的幾年探索和積累，依據當前移動互聯網站設計的“對象、內容、手段、組織、產品、環境”的6個要素，從以下幾個方面進行課程內容的設置。

1.從就業崗位的趨勢需要出發

按照以技能為核心、市場職業崗位需求為導向選擇教學內容。在實際調查的基礎上，以網頁設計、網站前端開發，網站建設的綜合技能為主線，使學生掌握一個基礎，培養學生五大關鍵能力并按教學內容劃分五大模塊的模塊化教學內容體系。

2.以培養崗位綜合技能為主線

這種基層崗位綜合技能，是為了適應企事業單位在構建網站平臺時對具有實踐性人才的復合能力的要求。既區別于單獨的網站建設的戰略規劃能力，又區別于以單獨使用網站從事生產、營銷、財務等職業技能。整個課程的教學內容以這種綜合技能為主線進行設計。

3.培養學生具備適應變化的能力

包括夠用的網頁美術設計基礎、網頁語言基礎、交互設計基礎，以及網站規劃、管理、基礎維護等，且知識貫穿在實際應用中講授，目標是讓學生掌握必備的知識和原理，并具備適應不斷變化的網頁設計趨勢的能力。

4.培養學生五大關鍵能力

本課程要重點培養學生的五大關鍵能力，即網頁設計能力、網站建設、創新能力、與客戶溝通能力、項目組內成員的合作能力。這五大能力是一個網站開發人員的獲得成功的必備能力。在本課程中，在介紹基本知識、原理的基礎上，重點放在圍繞網站設計工作過程所需的實用技能上，并把這五種能力的培養貫穿本課程的始終。

5.符合形象思維特點的教學方法

采用項目出題法、項目模擬法、合作法、問調法、沖浪法、崗位法這6種與高職學生形象思維相適應的教學方法，為學生創設掌握與運用知識的背景和環境。

（1）項目出題法。

請企業人士或社區人員按照實際需求出題，或者教師從現存的實際網站或APP中挑選，根據當時講授的內容對題目進行加工后提供給學生，這樣學生所做的作業與企業相適應，培養出適合市場需求的人才。

（2）項目模擬法。

建立模擬網站、網頁，開發實際軟件項目。學生建立自己的個人主頁，讓學生在網上個人主頁，學生全員參與評估；與此同時，把網上PC版的網頁（網站）改為移動版本，傳送到智能終端以檢查效果。部分同學參與實際計算機軟件項目的開發。

（3）合作法。

要求學生在課上課下以組為單位組成項目組，進行討論、研究、設計本組的項目，形成本組的方案。這種方式既挖掘了學生的個人創新能力，又能培養溝通與協作能力。

（4）問調法。

組織學生進行校園、社區、社會調查。有條件時，直接訪問企業一線人員，組織學生與企業人員的對話活動。

（5）網絡沖浪法。

根據教學進度需要，引導學生登陸有關網站，收集并整理素材資料，了解行業企業狀況，學習最新知識，思考與分析現實問題。

（6）崗位法。

以就業崗位為導向，實行以能力為中心的開放式、全程化的情景教學。

（五）基于工作過程系統化的學習情境

根據移動互聯網站設計的主要應用和當前設計趨勢，在課程內容上設計了如下的學習情境。

三、結語

篇(5)

關鍵詞 網站設計 控件

中圖分類號：TP315 文獻標識碼：A

毫不夸張地說，計算機的出現，在給我們生活、工作、學習帶來便利的同時，也在一定程度上改變了我們的生活習慣和生活方式，隨著計算機網絡技術的不斷發展，人們對于計算機的依賴性也越來越強，對于計算機技術提出了更高的要求?；ヂ摼W發展之初，Web憑借其圖文并茂、音頻技術以及可以進行有限的內部交互，得到了企業的青睞，隨著Web的不斷完善，逐漸形成了HTML、DHTML、ASP以及。是由微軟公司推出的一款以建立動態網站為目的的網站制作技術，與傳統的網站制作技術相比，面向的對象群體較為廣泛，便于操作，具有較強的靈活性，因此，在各個領域的動態網站制作中得到了廣泛應用。

1 概述

基于設計網站，可以使用多種語言進行編寫，只要一臺機器上具備框架，那么這個網站就可以正常運行?；诘木W站設計打破了網站設計的局限性，網站設計者只要掌握一種編寫語言，就可以對極為繁瑣的Web應用進行編寫，與傳統的開發模式相比，具有高效率、強大支持、便于操作、靈活性強以及安全性高等優勢。

2 服務器端組件

我們將服務器端用于放置組件的容器稱之為 Web窗體。它是以文本文件的形式體現出來的（. aspx）。值得注意的是，在對其進行編譯時，只需要一次就可以實現，同時，如果其它實例需要，也可以直接申請，再次使用。即使是在虛擬的根目錄樹下， Web窗體網頁也可以正常使用， Web窗體的架構為可伸縮的程序模塊，這個程序模塊的任務就是在服務器端，進行動態網頁的創建。

中包含著許多簡單但是非常實用的控件：在諸多控件中，最為常用也是最為簡單的就是Label控件，其主要任務就是將某段文本進行輸出，并且其中的Text屬性能夠對輸出的文本進行自定義設置。

當我們需要輸出某張圖片時，就需要Image控件來實現，通過Image Url就可以對圖片的位置進行調整。除此之外，我們還可以憑借動態屬性，對這張圖片的動態屬性進行改變。

用戶可以在網頁上輸入文本，這個功能就是由Text Box控件實現的，它的值主要有三種體現形式：其一，編輯框（Single Line），單行輸入模式。其二，文本框（Multi Line），可進行多行輸入，并且帶有滾動條。其三，密碼輸入框（Pass Word），密碼輸入模式。

我們在網站上看到的一些普通按鈕，比如網上購物進行訂單提交、網站退出確定按鈕等，都是由Button控件實現的。此外可以進行普通按鈕創建的還有Link Button控件，該控件的主要功能是在Web上實現超鏈接，也就是說，當我們在瀏覽一個網站時，當我們點擊某一圖片或某一段文本時，可以跳轉到另一個網站。需要注意的是，Link Button控件與Hyper Link控件的外觀相同，但是與Button空間的功能一致，如果網站中涉及到超鏈接，此時，我們將使用Hyper Link控件。

Image Button控件不僅能夠顯示圖像，而且當鼠標點擊到圖像上時，能夠做出相應的反應。

Check Box和Check Box List控件都是用來在web頁面上創建復選框，允許用戶進行true和false的轉換。如果涉及的Check Box的控件較多，我們可以用Check Box List控件取代，并且與前者相比，Check Box List控件能夠對數據進行綁定。但是，如果只存在一個Check Box控件，可以對Web頁面進行更多控制。兩者之間具有相似屬性。Auto Post Back屬性表示一旦狀態被更改，是否將其自動回發到服務器上。如果自動回發，則設置成true，反之，設置成false。如果需要添加選項，則用到Check Box List控件中的Items屬性，具體操作方法是：單擊右邊方形按鈕，彈出對話框，點擊添加按鈕。

Radio Button、Radio Button List控件與Check Box、Check Box List控件無論是在關系上，還是在用法上都極為相似，區別主要體現在：Radio Button和Check Box只有一個選項可供選擇，其余兩者能夠復選。

List控件是用來進行單選框或者多選框的創建，通過Rows屬性，對目標控件進行高度設定，如果涉及多項選擇，要將Selection Mode屬性設置為Multiple。在Items屬性下，就可以進行添加選項。

我們在瀏覽網站的時候，為了獲取更多或者未完全顯示信息，需要將右側滾動條進行下拉控制，而這部分的實現就是由Drop Down List控件完成的。同樣，在Items屬性下，就可以進行添加選項。

List Box和Drop Down List控件都支持數據綁定。若要將控件綁定到數據源，先要創建一個包含要顯示在控件中的項的數據源，然后通過Data Bind方法將該數據源綁定到控件上。

此外，當我們需要在網站上進行注冊時，都需要填寫一些帶有個人信息以及其它信息的電子表單，其中，有些選項，比如用戶名、密碼等屬于必填選項，而有些內容則為可選。并且，諸如郵箱、聯系方式等內容一旦格式錯誤，還需要進行提示，這些內容的實現都是由數據驗證控件實現的。

3結語

在了解上述中的控件之后，網站設計人員就可以更好地對動態網站進行設計，并且在逐漸的開發設計中，不斷提高自身的設計能力和審美能力，從而為企業設計出更加絢爛的動態網站。

參考文獻

篇(6)

項目一：個人網站的設計與制作。隨著網絡技術的不斷發展，個人網站已成為人們展示自己的一種手段。本項目將通過制作一個簡單的“鴻瀾”個人網站，從任務資訊、任務決策與計劃、任務實施、任務檢查與評估和練習與提高五個方面進行描述，了解個人網站規劃與設計的基本原則和主要內容，熟悉網站建設的基本流程，掌握Dreamweaver的基本操作和表格布局排版技術，認識HTML語言的基本結構和常用標記符<table>、<img>、<font>、<p>、<br>等使用方法，培養學生團隊合作和獨立思考的意識，養成良好的職業素養，為制作更加復雜的網站做好知識準備。項目二：電子商務類網站的設計與制作。21世紀以來，電子商務伴隨著IT的成熟，逐漸發展壯大，成為網絡經濟的核心。企業通過電子商務網站實現了宣傳公司形象、企業動態、產品展示、網上訂單、網上交易等功能，與客戶間的距離進一步貼近。本項目通過完成整個電子商務網站的設計與制作，相關內容層層展開，在學生頭腦中形成“如何搭建整體網站”的概念。項目三：中小企業網站的設計與制作。作為企業類網站，主要實現的功能首先是具有較強的盈利能力。其次網站是企業樹立形象和展現文化的重要窗口，是為顧客提供服務的一個工具，是企業整體營銷戰略的一部分。常見功能有企業信息、新聞中心、產品展廳、人力資源、會員中心、留言反饋等。本項目通過某一中小企業類網站的整體設計，培養學生在學習過程中發現問題、解決問題的能力，提高學習的主觀能動性。項目四：主題網站的設計與制作。本項目給出網站設計與制作的如下要點：（1）建立網站站點；（2）建立網站頁面（首頁為：index.html），頁面元素完整；（3）應用表格或者div、css布局頁面；（4）在頁面中插入文字，并用css美化文字大小、字體、顏色等效果；（5）在頁面中添加超級鏈接，并用css美化超級鏈接；（6）建立模板，并制作其他頁面；（7）至少完成8個及以上頁面，頁面標題欄、狀態欄、版權等信息齊全；（8）頁面中超級鏈接如沒有鏈接頁面以空鏈接（#）代替。學生根據以上設計要求，結合所學內容，從旅游類網站、時尚類網站、教育類網站、門戶類網站等幾個大類中選擇某一項進行設計制作。教師將根據學生完成情況的復雜程度和實際效果給予評價，鍛煉了學生的實踐動手能力，增強了自信心和學習興趣。

二、教學素材的選用方法

教學素材是以完成課堂教學任務為目的，以教師引導學生開展課堂活動的形式呈現的教學材料。1.合理性。以個人網站設計來說，文本的制作上講求清晰、明了、突顯個性化，Logo和導航的字體、字號設計可以依個人的喜好采取不規則式，選擇跳躍感強的色彩。在圖像的選取上也是以色彩豐富、形狀多樣的圖案為主。2.整體性。選用的教學素材要能夠自然、貼切地把各個知識點整合在一起，教學素材要服務于教學目標，要突出教學的重點。電子商務類網站以從事電子商務為主，對安全、穩定等性能要求較高，比較考驗網站中運行的程序。在知識點上以表格嵌套、模版運用、腳本語言和行為語句為重點進行講解。3.現實性和針對性。課堂教學中選取的素材要符合學生的認知水平和實際生活，教師可以從具體教學對象的特殊性出發，根據教學對象因人、因地、因時選材，為他們“量身定制”針對性較強的教學素材，如在教授電子商務專業學生時，素材的選取多以電子商務平臺或某一個人網店為主，以便引導學生從自己熟悉的教學素材中直觀體驗獲取知識、提高能力的喜悅。

三、教學模式在教材中的運用

在《網頁設計與制作》校本教材的開發上主要采用“基于過程的項目式教學法”。即“在引導學習者融入有意義的項目完成的過程之中，讓學習者積極地探究與發現，自主地進行知識的整合與建構，以現實的、學生生成的新知識和提高的完成項目任務的能力為主要成就目標，項目完成的過程也是學習者學習活動進行的過程”。為此，以項目作品開發為主線，把教材中的范例網站分解成若干個子任務，將課程標準中的圖像處理、動畫制作、音視頻處理、網頁頁面設計制作、站點維護等多方面的知識點融入其中，在整個課堂教學實施中，教師根據網站設計開發的實際工作順序安排，以作品演示的方式從頭至尾帶領學生操作，讓其感受網站從無到有一步步制作的全過程，有助于提高學生的學習興趣，培養其創新設計能力。

四、結語

篇(7)

據記者了解，“兒童網絡項目”是由德國聯邦文化與媒體專署和德國聯邦家庭事務、老年、婦女及青年部于2008年發起的，其目的是為了借助政府、研究機構和企業的合作，讓網絡真正成為孩子們成長的幫手。該項目主要針對8—12歲的兒童。到目前為止，項目組已推出近100個適合兒童的高質量網站。孩子們可以在家及學校，在家長和老師的指導下進入這些網站。

一位項目負責人告訴記者，在孩子上這些網站前，家長、老師和學校只需在電腦上安裝一個保護軟件。打開網頁后，孩子們可以見到一個“我的首頁”，首頁可按需要設計，有兒童網絡社交、網絡搜索、兒童百科書、兒童電視節目等。

記者看到，網站設計新穎巧妙，內容實用，非常符合兒童特點。比如，“建筑學大冒險”網站設計了一個在線游戲。孩子們可以通過對城市建筑、綠地和交通狀況的考察，完成游戲設定的任務。游戲對建筑的施工技術、藝術風格、資金投入和社會環境都有相應的介紹，讓孩子們在玩中學，學中玩。這些網站還包括類似谷歌、臉書等實用性專門網站，不過在這里已經過濾了不健康的內容，只有兒童參與交流。此外，還有針對殘障兒童的網站，令這些兒童也可以通過網站觀看連載故事、玩游戲、做練習，豐富他們的日常生活。

為了讓該項目順利運行，幾年來，德國聯邦文化與媒體專署每年出資100萬歐元（1歐元約合人民幣8元），德國聯邦家庭事務、老年、婦女及青年部則每年出資50萬歐元。此外，一些企業也給予了贊助。每年，相關研究機構和企業可遞交申請，為所開發的兒童網頁項目申請資金支持?！皟和W絡項目”組的專家進行論證后，優秀者可獲得資金。申請通過后，這些網頁都將進入由fragFINN.de公司開發的網絡空間，被孩子們“擇優”使用。為了宣傳這個項目，項目組每年還推出《網上沖浪無風險》小冊子。這本冊子里，介紹了這個項目的各種背景知識，還指導孩子們健康又安全的上網方法。

對于“兒童網絡項目”，家長和老師都給予了很高評價。柏林家長克勞蒂亞對記者說，這個項目解決了家長的后顧之憂，網絡也可成為孩子的學習工具。老師們表示，這些網站都是有創意、高質量的網絡資源，對孩子們的成長和教育至關重要。孩子們則更加高興。一位兒童對記者說：“現在沒有家長監督了，我可以自主上網。這些網站很酷，能學到很多知識?！?/p>