網頁設計報告范文10篇

時間一晃而過，轉眼間試用期已接近尾聲。在這段試用期中可以說是有喜也有憂。喜的是和同事們工作相處中，自己慢慢轉變為一個社會人，自身實踐經驗和工作能力得到提高。憂的是自己還有許多方面有待于提高。

記得初到公司時，我對公司的了解僅僅局限于公司網站的簡單介紹，除此之外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴格做到按時按量完成產品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的加載速度。此外，注意用戶體驗問題，站在用戶的角度瀏覽網頁，發現問題、解決問題，以提高網站的瀏覽量。

自從擔任網頁制作以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領會領導的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態度和細節決定的。這些不足都需要在今后的工作中加以改進。

在今后的工作中，我將努力提高技術水平，克服不足，朝著以下兩個方向努力：

1、在以后的工作中不斷學習技術知識，通過多看、多學、多問、多練來不斷的提高自己的各項業務技能。

2、提高自己解決實際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的對待每一項工作。

從學校畢業后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚。現在，中國每年都有很多畢業的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網頁設計的工作。現將我在工作中的情況報告如下。

一、工作介紹

我工作的這家公司，從事網站開發工作的，公司在技術團隊這部分是比較正規的，一般是五到六人為一個小組，小組中有明確分工，有負責聯系客戶接恰生意的，有專門做技術的，而在技術這塊分為網站前臺、后臺開發，我在學校主要做的是后臺開發，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發工作，這樣的網站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發。但是有個別的網站開發時，我們還是需要進行一些手寫代碼工作的。

二、開發技術

做為一個剛畢業的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。

在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據主動，減少被動情況的尷尬發生，通過二個星期的時間，我成功的適應了公司的工作和生活節奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是后來在分析就業情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數據庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰環境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。

1概述

《Web應用技術》是我校計算機科學與技術專業為大一學生開設的一門專業選修課程，本課程性質為純實驗課程，總學時32。其教學目標是給出一個網站的具體需求，要求學生通過對實際問題的分析，運用HTML、CSS、JavaScript等技術完成網站的設計及開發。使學生在掌握Web技術的同時進一步提高自學能力、分析問題能力。通過近幾年教學情況總結及學生反饋，發現目前該課程存在以下問題：

1)在以往的教學活動中，授課教師是借助于某一個網頁設計工具如DreamWeaver、Frontpage等完成網頁設計各個知識點的講解，這種教學方法對高職高專類院校的學生來講，可能效果較好。因為最終學生掌握了某一個網頁設計工具的使用。但是這種教學方式不利于我校本專業學生對后繼課程如.NET應用程序設計、軟件工程實踐等課程的學習，因為僅僅通過一門開發工具去實現網頁設計忽視了學生自寫HTML、CSS、搭建網頁設計框架等能力的培養。借助于某個工具，很多網頁代碼都是自動生成的，導致學生對網頁代碼理解就比較膚淺。

2)Web應用技術方面的教材市場上比較多，但是很多只是介紹網頁設計工具的使用方法，比如網絡三劍客Flash、Dreamweaver、Firework等，缺少系統全面講解網站開發的步驟、思路及方法，沒有通過一個完整的網頁開發案例貫穿其中，有些書籍雖然帶有網頁設計的案例，但是很多涉及到數據庫知識，對于還未接觸到數據庫設計的大一同學來說非常吃力。因此，目前需要編寫介紹網頁設計開發實例的教材，在這些教材的指導下，學生的網頁設計能力能有所提高。

3)在以往教學任務中，該課程主要是完成一個“個人博客網站”的制作。隨著網絡技術及時展，博客已經慢慢淡出人們的視野。為了緊跟時展，同時也調動學生學習該課程的積極性，在保證網站的功能要求不變的前提下，需要適當調整網站所完成的內容，比如男生可以選擇自己喜歡的游戲做一個游戲專題網站，女生可以選擇喜歡的影星做一個專題網站等等。因此，鑒于目前現狀，我們申請了學校的教育教學改革項目，對《Web應用技術》課程的教學內容、教學方式方法進行改革。并以資助資金為支撐，自行編寫了《Web應用技術》實驗指導書。并完成《CSS+DIV網頁設計案例》教材初稿的編寫，預計明年3月份由清華大學出版社出版。

2《Web應用技術》課程的教學改革

隨著國家對軟件人才需求的增加以及提高專科軟件相關專業學生技術水平的要求，一些高校設置了專升本軟件工程專業。專科生主要注重動手能力的培養，某些系統軟件的實際應用是他們的目標。軟件開發技術教學則是多數專科院校的薄弱環節。專升本軟件工程專業應在原來的基礎上，大力提高學生的程序開發水平，這就需要一個完整的技術系列課程的教學方案。系列課程的選取、學時的安排、教學方式都與四年制本科生有很大的差別，需要細致的研究及合理的設計。軟件開發有多個系列，由于專升本學制只有兩年，還要學習必要的基礎理論課，所以，留給軟件開發系列課的學時偏少，也只能選擇一個系列軟件開發技術來學習。Java語言是一種簡便高效、多線程、跨平臺的面向對象語言，適合于B/S、C/S模式程序的開發。尤其，互聯網的迅猛發展，Java語言在B/S模式應用程序中的使用越來越廣，在經濟性、開放性、系統集成性和信息交流、服務等方面都體現出它的優越性，受到廣大軟件開發公司的歡迎，Java語言也成為軟件開發最常用的語言[1]。所以，專升本軟件工程專業把Java系列課程作為軟件開發核心課程是必要的。

一、Java系列課程組成

由于Java語言特點，它主要應用于B/S模式的應用系統中。而單靠Java語言自己是不能開發一個完整B/S應用程序，需要和其他技術合作來完成的，主要包括課程：數據庫技術、網頁設計、Java程序設計、JSP動態網頁設計、Java應用框架以及移動設備客戶端開發的Android開發技術等。這幾門課構成了Java系列成組課。另外，專科生在升入專升本之前，一般只學習了C語言，如果直接學習面向對象的Java語言可能有些困難，所以，在學習Java語言之前，設置C++程序設計課程。因為有C語言基礎學起來比較容易，可以順利掌握面向對象思想，再進行Java學習能取得更好的效果。

二、課程設置

Java系列課程可以分為三部分：一類是先修課；一類是專業基礎課；另一類是項目有關的專業技術課程。先修課為專業技術課打基礎做鋪墊，只有先學好先修課，才能順利地進行專業基礎課和專業技術課的學習。先修課有：數據庫技術、網頁設計、C++程序設計；專業基礎課：Java程序設計、JSP動態網頁設計，該兩門課程使學生具備Java及動態網頁編程基礎；專業技術課：Java應用開發框架、Android開發技術，這兩門課是在開發中常用的實際技術。在與現有市場技術相銜接上，設置了軟件案例開發課程。該課程對市場當前的技術進行介紹，使學生能夠開闊知識面，了解當前軟件開發的一些常用的技術，例如Shiro框架、Activiti框架、layUI框架、Bootstrap框架、微信小程序等。該類課程隨著時間的推移會發生改變，所以應該及時調整，靈活處理。（一）先修課課程教學設置。三門先修課之間從知識內容上沒有過多聯系，可以并行開出課程，也可以串行開出課程。考慮到專升本只有三個學期上課時間，不能采用完全串行安排。在實際教學中安排順序是：C++程序設計和數據庫技術并列開出，安排在第一學期前八周，隨后在后八周開出網頁設計課。在課程內容上，根據學生的具體情況和應用型人才培養的需要以及與后續課程的連續性，對課程內容做了相應調整。數據庫技術的理論部分進行壓縮，課時重點分配在具體DBMS及SQL語言應用上；C++程序設計基礎部分占用學時很少，大部分學時分配給與類有關的知識點上；網頁設計基本HTML標簽、CSS的課時相應減少，對于表單標簽多分配了較多學時，并加入HTML5中有關知識，其中插入相應式編程方法。（二）Java專業基礎及技術課設置。在四門課中，Java程序設計是其它三門課程的基礎，也是三門課程都會用到的，所以要先行開出。Java程序設計與網頁設計兩門課程沒有聯系，可以并行開出，實際教學中也安排在第一學期后八周。JSP動態網頁設計在Java程序設計后開出，Java應用開發框架隨后開出，順序不能顛倒，實際教學中，JSP動態網頁設計安排在第二學期的前八周，Java應用開發框架安排在第二學期后八周。Android開發技術與上兩門課程聯系不大，可以在Java程序設計后開出。實際教學中考慮到其它課程，這門課程在第三學期開出。課程內容上，四門課程也稍作調整。Java程序設計重點放在類、接口、JDBC應用、多線程、泛型與集合框架上，基本知識分配學時較少；JSP動態網頁設計圍繞MVC模式為重點展開，了解WEB編程的特點及所涉及的技術，每個技術的作用及它們相互之間的調用關系，詳細介紹JSP+Servlet+JavaBean綜合應用，各種標記及內置對象簡單介紹；Java應用開發框架對內容進行了改革，由學習SSH框架替換成SSM框架，與軟件公司開發工具對應；Android開發是開發移動設備程序的技術，核心是Java程序，重點放在用戶界面設計、組件通信、數據存儲與訪問上。課程設置順序分布學期見表1。（三）注重實踐教學。由于受學時限制，各門課設置的總學時都是48學時。對于這幾門課程來說，Java程序設計、Java應用開發框架、Android開發技術是不夠的,可以適當增加學時。這些課程實踐性較強，壓縮講授學時的同時，每門課開設對應的課設或實訓，有些課程學完之后還設置了綜合實踐環節，在JSP動態網頁之后設置了網站設計綜合實訓，可以把數據庫技術、網頁設計、JSP動態網頁課程集成起來訓練，對綜合應用這些技術起到了較好效果，學生的軟件開發能力顯著提高。各門課程講授學時與實驗學時以及課設、實訓設置如表2。

三、教學方式、方法

摘要:通過分析高職學生學習的行為特點，研究使用信息化技術，借助藍墨云班課APP開展教學，并將信息化技術運用到網頁設計與制作課堂教學中，具體說明如何進行課程教學過程的設計。結合實際教學情況，選取項目模塊內容，具體闡述教學過程設計，并選取四個教學班開展教學效果調查，驗證新實踐教學模式的實施效果。

關鍵詞:信息化技術；網頁設計與制作；高職學生；藍墨云班課APP

1引言

網頁設計與制作是一門有著廣泛應用、實用性非常強的課程，面對具體的教學內容，少部分學生比較精通技術與理論知識，大部分學生則“百思不得其解”。針對這個問題，傳統的授課方式已經不能滿足要求。筆者充分運用信息化技術對課程教學模式進行改革，從高職學生的學習特點、信息化技術教學過程設計、教學改革效果等幾個方面，談談信息化技術在教學過程中的運用及效果。

2高職學生的學習特點分析

在信息技術快速發展的今天，90后高職學生更喜歡從事實踐活動，追求未知事物，熱愛冒險，敢于創新[1]。他們還有另一個特點，即從小就受網絡信息產品的影響，移動信息技術的發展變革帶給他們更多選擇娛樂方式的機會，各類網絡游戲、富媒體信息很輕松地擊敗了不少學生的自控力，存在大量“手機不離手一族”。網絡游戲、微信、QQ信息通信和網上購物都是90后學生休閑娛樂的平臺，學生的平時生活和學習方式正在被網絡信息技術改變。課堂上學生的手機管理問題一直是教師進行課堂教育研究的熱點，學生課堂玩手機現象隨處可見，雖然教師針對這個問題采用很多措施，但是學生課堂看手機現象一直存在，采取的措施很難剔除這個現象[1]。筆者在所授網頁設計與制作課程教學中，嘗試用移動網絡和智能手機開展信息化技術教學，借助藍墨云班課APP移動教學平臺，構建“處處能學、時時能學”的教學網絡平臺，為學生提供移動手機上的課程基本信息、任務推送、課前課中測試、教學課件、教學輔助微課、教學視頻等，使學生體驗在娛樂的環境中學習理論知識和實踐技術，學生學習更自由、有趣，教師教學更輕松。

1電子商務網站設計中的可用性原則

1998年，Forsythe等人在《HumanFactorsandWebDevelopment》一書中提出了基于人機工程學可用性原則的網站設計方法學，該方法學強調要清楚了解客戶的需要，即了解客戶是什么樣的群體，他們喜歡什么，需要做什么或想做

什么，他們使用的軟件、硬件環境如何等等。這些原則同樣適用于電子商務。那么客戶一般喜歡什么樣的站點呢?1999年美國網站在8600個網絡客戶中就此問題作了調查，結果發現，能吸引大多數Web客戶(54%以上)重復訪問的站點具有四個共同的特征:

1.1高質量的內容

客戶訪問電子商務站點是為了獲取他感興趣的商品或服務，所以網頁的內容必須突出重點，避免夸張，裝飾部分不宜太多，以免喧賓奪主。在計算機顯示屏上閱讀容易產生視覺疲勞，且閱讀速度比看書約慢25%.所以網頁設計與雜志美編有很大不同，高質量的網頁在內容編排上必須簡潔明了，便于瀏覽;如果涉及的信息數量比較大.則應使用超文本將其拆分成多個網頁。信息顯示格式也是必須仔細考慮的一個重要方面，如字符應足夠大，盡量少用移動、Flash等動態顯示方式，正文和背景的顏色對比要符合人的視覺特點等。

1.2經常更新

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。

一、介紹

超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。

框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。

網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。

摘要：混合式教學是當前職業教育信息化教學的熱點，采用了線上、線下結合的教學模式，是當前教學改革的重要發展方向。該課題研究以超星泛雅平臺為載體，以中職《網頁設計與制作課程》為例，開展混合式教學模式的設計與實施，從資源開發、教學設計與實施、教學評價和反思等方面進行了探索研究。

關鍵詞：泛雅平臺；混合式教學；微視頻資源；教學設計；教學反思

“互聯網+教育”是一個熱門話題，MOOC教學、翻轉課堂、混合式教學等模式已成為當前教育改革的重要發展趨勢。2019年在教育部的工作會議上提出各學校應積極促進信息技術與教育教學的深度融合，究其本質是推動教育信息化全面升級的同時，教師的思維觀念、創新意識、信息素養也要同步提升，促進課堂教學高質量完成。因此，必須充分利用現有信息化教學手段，改革創新固有的教學思維方式，提升課程教學質量的有效路徑。適逢我校“智慧校園”“高水平現代化職業學校”項目創建，我們與超星公司進行合作，多次去其總部零距離培訓學習，借助他們優秀的泛雅網絡教學平臺進行信息化教學與研究，在“邊學邊做，邊做邊用”中探索《網頁設計與制作》課程的教學模式的實施方案，希望能有效提高課堂教學質量，對中職信息化教學模式改革提供參考。

1中職《網頁設計與制作》課程現狀

本課程是中職計算機應用、計算機網絡等專業的一門專業基礎課程，《國家職業教育改革實施方案》中“職教20條”要求推行“1+X證書”制度，其中“Web前端開發”即是“網頁設計與制作”課程的核心內容，考取該證書的學生可從事Web前端開發、網頁設計、網站建設等職業工種。它亦是對口單招班計算機應用專業學生的高考必考科目，在學生的升學考試中起到舉足輕重的作用。從近幾年本校《網頁設計與制作》課程的教學情況看，由于采用的是傳統填鴨式的教學模式，缺點顯而易見，知識點枯燥乏味，學生被動接受，甚至有學生出現抵觸情緒，教學效果必然不理想。因此，該課程的教學創新改革已箭在弦上。本校是江蘇省首批智慧校園建設單位，無線網絡全校覆蓋，教室已安裝智慧黑板、交互式教學一體機，學生智能終端設備齊全，泛雅平臺可無縫對接，完全可以全天候進行網絡自主學習，混合式學習的軟、硬件條件完全具備。

2泛雅平臺課程資源建設

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。

一、介紹

超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。

框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。

網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。

一、介紹

超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。

框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。

網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。