前言:我們精心挑選了數篇優質網站開發論文文章,供您閱讀參考。期待這些文章能為您帶來啟發,助您在寫作的道路上更上一層樓。
網頁設計與網站開發課程的教學活動的要從三個方面來描述:從編寫HTML代碼到創建實際任務;從獨立開發到小組合作、組間協作;從“白手起家”到“站在巨人肩膀上”再創造再開發。
1.1從編寫代碼到創建實際任務。傳統的網頁教學總是以編寫HTML超文本標記語言、CSS層疊樣式表文件、JavaScript為基礎,通過Dreamweaver工具的拆分模式實現可視化的實際效果與基礎理論的結合來展開。這樣的教學方式與網頁的實際應用聯系較少。使得學生在學完網頁之后難以解決具體的實際問題。采用任務驅動的教學方法,通過實際項目,引入真實情境,如玩具銷售店、我的大學生活、學科資源網站等。讓學們從單純的學生角色轉化為網站構建者,成為一個生產者。這樣大大激發了學生的學習動力,并肩負責任感和成就感去學習。學生在構建實際網站過程中直接、頻繁地接觸計算思維的概念,如網頁結構的搭建,樣式美化的屬性設置等,并不斷提升系統性的思考能力和創意思維能力。構建網站時系統性的思考力是指學生需要在設計諸如導航條或鏈接中從設計網站、解決問題和理解用戶需求的角度去“仔細思考用戶與網站的互動方式以及根據意圖實現功能的方式解決問題”[1]。構建網站中的創意思維是指學生可以把網頁設計學習融入到創作具有實際意義和真實內容及富有個性的網站構建過程中,將學科學習與實際生活相統一。
1.2從獨立開發到小組合作、組間協作。網頁設計與網站開發的工作不是一個人獨立完成的,而是需要團隊的合作共同完成,當前的信息產業的工作都不是一個人獨立能夠完成的,而需要與他人合作完成。因此,獨立思考和學習確實能促進學生知識掌握能力、而通過合作構建網站可以分解復雜任務。利用這種協作模式可以培養計算思維能力中除知識技能方面的其他方面——過程與方法、情感態度與價值觀。
2考核評價
根據《網頁設計與網站開發課程》的三維教學目標(知識技能、過程與方法、情感態度三方面)制定考核方法及評價標準。考核評價改變傳統的單一的總結性評價的方法,采用平時的過程評價、階段評價和綜合評價相結合的評價方法。過程評價是指學生平時的學習過程,根據精心設計的學習情境對學生的學習過程進行記錄和評分。這其中包括學生出勤情況、學習態度、單元情境的完成情況;階段評價即是期中評價,通過期初時提出主題網站任務,學生在學習過程中著手規劃、設計、實施并完成任務,在學期中期進行集中評價[2],起到貫穿始終、承前啟后的作用;期末考試采用上機考試,題型包括根據給定素材及代碼截圖拼出網頁頁面,根據給定模板和主題要求,在現有素材的基礎上實現網站規劃及網頁設計。
3結束語
網站是企業宣傳形象、理念、產品文化的窗口,是企業在網絡上的代言人。網站對企業網絡營銷的效果有直接影響。網站定位不準確是許多企業網站失敗的主要原因。在給中小企業開發網站時,首先要明確建站的目的是什么,哪些人可能會訪問這個網站,這個網站能給用戶提供哪些內容和信息。只有這些問題都有了明確的答案,網站建設的其它步驟才能順利開展,達到企業網站建設的預期效果。
2收集網站素材
網站的定位明確以后,就可以到企業去收集相關用于網站建設的素材。素材包括:文字、圖片、視頻、宣傳冊等,這些素材應當包括企業本身介紹的,也應包括企業產品的。對這些素材要進行整理形成文檔,為以后的網站制作工作打下良好的基礎。
3網站的規劃
(1)采用何種開發技術制作網站前要根據具體的網站選取相應的開發平臺和運行平臺、開發工具和開發技術。現在比較流行的開發平臺有兩個,一個Windows操作系統下的IIS,主要的開發技術是ASP、,數據庫一般采用SQLSERVER或ACCSESS。另一開發平臺是Linux操作系統平臺下Apache,開發語言一般為PHP,數據為MySQl。網站的頁面開發工具可以選擇微軟的網頁三劍客。
(2)網站的風格設計網站風格是指一個網站的整體形象給瀏覽對象的一個整體感受,是站點與眾不同的特色,通過它可以展現出企業形象、企業文化和企業精神。整體風格應當體現在網站的結構設計、色彩和內容的各個方面。每個企業網站都應有自己的特色,而不應是產品介紹的一個簡單的羅列。
(3)網頁的色彩搭配在設計網頁時,一定要根據企業的特點和產品的特色選擇色彩,使網頁中的文字、圖片和色彩搭配美觀,給人留下深刻的印象。首先要根據企業特色選擇主色調,根據主色調選擇輔色調,做到主色突出,輔色調與主色調互相協調。
(4)網站的版式設計網頁的版式設計指如何合理的美觀的把各個網頁元素合理組織起來。首先要考慮頁面的大小,考慮用戶屏幕的分辨率,要確保瀏覽器滿屏時不出現滾動條。網站的首頁不要做得太長。此外要選擇具體的布局版式,比如T型布局、“口”型布局、“三”型布局、POP布局等。
(5)網站的欄目設置一般企業網站應包括:公司簡介、產品介紹、服務內容、價格信息、聯系方式、網上定單等基本內容。根據以上設計,開發者用作圖軟件Photoshop或Firework給用戶做出三個或以上方案的頁面效果圖,供用戶選擇。效果圖包括網站首頁、欄目頁和內容頁。用戶可以選擇其中滿意的效果圖作為網站的開發方向,如果效果圖用戶不滿意,可以在此基礎上修改。當效果確認好了以后,就可以進行頁面的制作了。
4網站頁面的制作
現在比較流行的是使用DIV+CSS技術進行頁面排版。首先要對效果圖進行頁面布局,根據布局結果對效果圖進行切片,將切出的圖片保存成需要的格式。在站點建立以后,需要制作CSS樣式文件和相關聯的XHTML文件。通過DIV和CSS技術分別制作網頁的背景、Logo、導航、頁面內容的版式、網站的超鏈接等。最終把效果圖轉化為HTML網頁文件。網頁的前臺界面出來以后,可以著手進行動態網頁部分的設計,并最終與后臺數據庫進行連接,實現網站的最終效果。
5網站的測試和
主題網站在搭建過程中,頁面的總體版面、框架設計、圖片熱點鏈接、網站等依靠WEB開發技術實現;網站內各版塊的內容則通過嵌入門戶控件模塊,為用戶授權進行更新。
二、WEB開發方面
2.1框架設計。首先,對網站的整體版面進行劃分,上部為網站頭,左側和右側為圖片展示列,中間為主體,即各版塊內容,通過使用框架對網站頁面劃分,能夠明確各模塊展示內容,提高開發效率,便于設計和維護。
2.2樣式設計。樣式設計主要包括以下兩個方面:一是網站整體風格設計。主要是網站主色調設計和頂部、兩側、底部版面的圖片素材選擇。二是細節調整。主要是網站底色,各版面對齊,圖標制作,邊框粗細和色彩以及圖片素材中的字體、行間距、段落間距等需要細化處理的部分。
2.3熱點鏈接。熱點鏈接,即在一張圖片上按區域劃分,實現不同區域具有不同URL的超級鏈接,格式:<imgsrt="圖片地址"usemap="#地圖名稱"><mapname="地圖名稱"><areashape="rect"coords="坐標1,坐標2,坐標3,坐標4"href=""/></map>需要注意的是:img中的地圖名稱前注意要加#號;shape參數rect/circle/poly為熱點區域形狀,分別是矩形、圓形、多邊形;坐標1—坐標4分別為矩形左上角和右下角的坐標;圓形坐標為3個值,前2個是圓心坐標,后1個是半徑;多邊形為每個折點的坐標;href為目標URL地址。
2.4網站。在WEB服務器上存儲主題網站源文件,在IIS中設置虛擬目錄、安全參數、應用程序池、指定首頁等,實現網站,用戶可以正常瀏覽。
三、門戶技術方面
3.1創建頻道。使用域用戶登陸門戶服務器,打開網站管理工具Sitemanage,在CMSRoot下新建子網站,創建頻道,將頻道名稱改為和主題網站版塊一一對應,此時頻道只能由域用戶訪問,下一步進行權限擴展。打開Users工具,在子網站下對剛才新建的頻道授訪問權限,以便子網站門戶管理員可以進行管理。登錄門戶管理網站,進入編輯模式,對剛才新建的頻道審批通過后完成新頻道。最后,登錄CMSRoot,找到子網站,對新建的頻道進行刷新,訪問權限變為everybody,即實現普通用戶訪問瀏覽。
3.2嵌入網站。頻道,即版塊創建完成,需要嵌入到網站中才能正常使用。首先,創建一個IFRAME控件,將頻道地址添加進去,設置最大記錄數、日期顯示/隱藏等網絡參數。其次,將該IFRAME控件復制到對應主題網站的版塊位置。注意,操作過程中會彈出提示輸入用戶名和密碼的對話框,一定要用域用戶登陸,否則版塊內容無法編輯和更新,原因就是,版塊內容和門戶頻道已經相關聯,本地無法修改其內容,只有子門戶管理員有權限修改。
四、結論