時間：2023-01-29 16:35:42
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇網頁設計報告范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
今年11月,我在超想電腦公司實習,本次實習主要是參加超想電腦公司給一個地稅的辦公自動化系統的軟件設計,此軟件采用asp開發。本人在此過程中主要參與了用asp進行網設計,包括新聞欄的創建和自動更新，以及公告欄的創建、使用和維護。通過本次設計，使我更加深入掌握了asp網設計的技巧。下面就是本人在本次實習后的心得。
asp是microsoft公司推出的一種用以取代通用網關接口的技術，英文全稱active server pages。它是一個web服務器端的運行環境。asp本身包含了vbscript和javascript引擎，使得腳本可以直接嵌入html中?，F將我們在asp運用過程中的幾個小技巧與大家分享。
一、新聞欄
大多數網上有新聞欄，用以顯示最近新聞的主題，點擊此主題即可查看詳細報道。倘若每天都一條條寫在網上，再依次建立鏈接太過麻煩。如何讓其可以根據文件自動更新呢？
記得初到公司時，我對公司的了解僅僅局限于公司網站的簡單介紹，除此之外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴格做到按時按量完成產品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的加載速度。此外，注意用戶體驗問題，站在用戶的角度瀏覽網頁，發現問題、解決問題，以提高網站的瀏覽量。
自從擔任網頁制作以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領會領導的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態度和細節決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中，我將努力提高技術水平，克服不足，朝著以下兩個方向努力：
1、在以后的工作中不斷學習技術知識，通過多看、多學、多問、多練來不斷的提高自己的各項業務技能。
2、提高自己解決實際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的對待每一項工作。
從學校畢業后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚?，F在，中國每年都有很多畢業的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網頁設計的工作?，F將我在工作中的情況報告如下。
一、工作介紹
我工作的這家公司，從事網站開發工作的，公司在技術團隊這部分是比較正規的，一般是五到六人為一個小組，小組中有明確分工，有負責聯系客戶接恰生意的，有專門做技術的，而在技術這塊分為網站前臺、后臺開發，我在學校主要做的是后臺開發，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發工作，這樣的網站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發。但是有個別的網站開發時，我們還是需要進行一些手寫代碼工作的。
二、開發技術
做為一個剛畢業的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據主動，減少被動情況的尷尬發生，通過二個星期的時間，我成功的適應了公司的工作和生活節奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是后來在分析就業情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數據庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰環境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。
像我這個組常用的是css+p排版，后臺使用php技術進行開發，服務器平臺采用，linux+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都采用css+p進行網頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發部分，我們使用php來進行開發，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
三、工作流程
小組分工時，我負責后臺里小模塊的開發工作，如：留言板或，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+p技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術，做出優良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現在比較流行的一種網站開發技術，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結果就是錯誤，后來我才發現，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發工作，一定要細心，否則就會給自己和別人帶來麻煩。
四、安全檢查
安全檢查是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發人員有很大的關系的。因為開發人員技術的高低決定了網站的安全性，有些人員在一些環節上的疏漏，很有可能導致網站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。
一、工作介紹
我工作的這家公司，從事網站開發工作的，公司在技術團隊這部分是比較正規的，一般是五到六人為一個小組，小組中有明確分工，有負責聯系客戶接恰生意的，有專門做技術的，而在技術這塊分為網站前臺、后臺開發，我在學校主要做的是后臺開發，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發工作，這樣的網站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發。但是有個別的網站開發時，我們還是需要進行一些手寫代碼工作的。
二、開發技術
做為一個剛畢業的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據主動，減少被動情況的尷尬發生，通過二個星期的時間，我成功的適應了公司的工作和生活節奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是后來在分析就業情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數據庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰環境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。
像我這個組常用的是css+p排版，后臺使用php技術進行開發，服務器平臺采用，linu+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都采用css+p進行網頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發部分，我們使用php來進行開發，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。
三、工作流程
小組分工時，我負責后臺里小模塊的開發工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+p技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術，做出優良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現在比較流行的一種網站開發技術，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結果就是錯誤，后來我才發現，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發工作，一定要細心，否則就會給自己和別人帶來麻煩。
四、安全檢查
安全檢查是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發人員有很大的關系的。因為開發人員技術的高低決定了網站的安全性，有些人員在一些環節上的疏漏，很有可能導致網站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。
一、實習工作介紹
我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有u88、28招商網等。
我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
二、初來公司的時候
（一）初級考試
初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了**公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
（二）三天的培訓工作
三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題,最優秀的人會轉正，得到很優厚的待遇。
考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。
三、正式工作
我們每天的上班時間是從早上8:30分到下午的17:00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他（她）們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3--4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
四、業余的生活
每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
二、調幅中波收音機的電路方框圖，電路圖，信號的流程如下：
收音機的基本工作原理：
天線收到電磁波信號，經過調諧器選頻后，選出要接收的電臺信號。同時，在收音機中，有一個本地振蕩器，產生一個跟接收頻率差不多的本振信號，它跟接收信號混頻，產生差頻，這個差頻就是中頻信號。中頻信號再經過中頻選頻放大，然后再檢波，就得到了原來的音頻信號。音頻信號通過功率放大之后，就可送至揚聲器發聲了。天線接收到的高頻信號通過輸入電路與收音機的本機振蕩頻率(其頻率較外來高頻信號高一個固定中頻，我國中頻標準規定為465khz)一起送入變頻管內混合——變頻，在變頻級的負載回路(選頻)產生一個新頻率即通過差頻產生的中頻，中頻只改變了載波的頻率，原來的音頻包絡線并沒有改變，中頻信號可以更好地得到放大，中頻信號經檢波并濾除高頻信號。再經低放，功率放大后，推動揚聲器發出聲音。
三、安裝前的準備工作：
[關鍵詞]網站建設與管理、網頁設計師、活躍思維、提高學生自我能動意識
中圖分類號：G642 文獻標識碼：A 文章編號：1009-914X（2016）04-0236-01
一、課題的提出
1.背景
十以來，我們國家對職業教育事業越來越重視，職業教學的改革步伐也在日漸加快，當前需要我們創造先進的、有效的經驗來帶動國家職業教育的創新發展。網頁設計專業，在我們國家的網站建設與管理專業中發揮著舉足輕重的作用，其作用發展歷史長久，正處于穩步前進的上升期。
2.現狀
網絡發展飛快的今天，網頁對于我們中職院校的學生來說很是熟悉，如“淘寶網站”、“京東網站”等等都是由網頁組成的網站。伴隨著歷史進步的腳步、計算機技術的不斷提高，人們對網站的要求不僅僅只滿意于網頁的簡單操作，這就需要我們中職院校的教師能正確的培養出一批優秀的網頁設計師。
3.基礎
在學習《使用Photoshop設計網頁》之前，學生已經在上一學期中學習了《使用Photoshop處理圖形圖像》、《計算機的基礎課程》及《配色與布局》的課程，已經對網頁設計有了基本的了解，本次課題的研究是讓學生更好的掌握網頁元素――“網頁LOGO”和“網頁按鈕”的設計。
4.意義
學生通過使用Photoshop設計網頁時，可以使學生們的頭腦能夠充分的發揮、活躍學生們的思維，設計出更好的作品。
二、理論依據
設置問題情境，是中職“做中學”的重要途徑，不少教學實踐表明，基于工作過程導向的教育是對學生專業能力培養的突破口。本課題借鑒姜大源的基于工作過程導向的課程開發方法的探索中的寶貴經驗，著眼于中職網頁設計專業學生實際出發，在工作項目的制定與實施上加以創新。
三、核心概念的界定
本課題是對我校高一年級“網頁設計”專業學生進行研究，以現階段的在校學生學習情況為出發點，研究我校學生在“網頁設計”專業自我動手能力，分析原因，研究出在“網頁設計”專業方面提高學生自我能動意識的辦法，讓學生能夠更好的發揮自己的設計理念，使學生在“網頁設計”專業方面達到學會制作，創新制作的程度。
四、研究目標
針對中職學生的實際情況，合理安排學生在“網頁LOGO設計”和“網頁按鈕設計”方面的課程，做到有目的、有實效，以培養中職學生的綜合能力為主要目標，制定有效的能力檢測手冊。
五、研究內容及對象
1. 研究內容
1）進行市場調研，確實掌握市場需要的人才所應具備的專業技能，明確專業定位與培養目標，撰寫市場調研報告。
2）實施“網頁設計”專業工作任務中需要具備的專業技能。
3）研究“網頁設計”中“網頁LOGO設計”工作崗位具體工作任務和工作項目。
4）研究“網頁設計” 中 “網頁按鈕設計”工作崗位具體工作任務和工作項目。
2.研究對象
我校網站建設與管理專業一年級學生。
六、研究方法
1、實踐研究法 2、調查研究法 3、文獻資料法 4、案例分析法
七、研究的主要步驟和過程
1、準備階段，認真選題，制定研究課題方案，確定課題的名稱、課題研究的對象、研究方法、研究目標和研究任務，進行市場調研，編寫市場調研報告。
2、實施階段，根據網站建設與管理崗位學生的市場調研結果制定對策，制定科研項目實施方案及細則，編寫《專業技能檢測手冊》。根據科研項目實施方案及細則付諸實踐
3、總結階段，研究總結階段的主要任務是對研究實施階段的成果進行綜合分析總結，對研究過程中發現的問題進行反思，提出改進設想，為以后進一步研究做資料儲備。
八、研究成果和結論
根據網頁設計專業崗位的要求，我們制定了網頁設計之“網頁LOGO設計”和“網頁按鈕設計”研究課題，具體成果和結論如下：
（一）、網站建設與管理包括了2個典型的工作任務：
A.典型工作任務一：網頁設計B.典型工作任務二：網絡編輯
網頁設計包括3個具體工作任務：
a）具體工作任務一：網頁色彩與板式，b）具體工作任務二：網頁圖像處理，c）具體工作任務三網頁動畫制作，網絡編輯包括3個具體工作任務：a）具體工作任務一：網頁編排，b）具體工作任務二：布局美化頁面c）具體工作任務三：網頁特效制作
工作項目一：網頁LOGO的設計，工作項目二：網頁按鈕設計
根據所編寫的《專業技能檢測手冊》對學生進行考核，通過學生的考核結果了解學生對“網頁LOGO的設計”和“網頁按鈕設計”掌握的很好。
（二）學生應該具備下列專業能力：
單項專業能力二：能熟練應用Photoshop軟件進行網頁圖像處理
項目技能一：能熟練應用Photoshop軟件制作網頁LOGO
我以“寶馬公司LOGO”的制作作為案例進行考核、分析、講解
學生應該掌握以下4點的專業技能：
1）LOGO的簡介：LOGO的書面翻譯是作為標志的語句，標識語。在實際生活中，LOGO就是標志、徽標的意思。
2）LOGO的設計原則：符合企業的文化、精神、產品，應該具有較強的時代感，簡潔易懂富有美感。
3）LOGO的表現形式：根據網頁內容需要，確定LOGO的表現形式是圖形方式、文字方式還是綜合方式。
項目技能二：能熟練應用PS軟件制作網頁按鈕
我以“Vista風格按鈕”的制作作為案例進行考核、分析、講解
學生應該掌握以下3點的專業技能：
1）按鈕的簡介：一個按鈕至少應該具備兩個條件：（1）代表了某種功能，并且通過某種形式將它所代表的功能表示出來；（2）人們通過這個按鈕可以產生人機互動，來實現這個按鈕所代表的功能。
2）按鈕的表現形式：根據網頁需求的按鈕功能，確定按鈕的表現形式是圖形方式、文字方式還是動畫方式。
3）按鈕的設計原則：按鈕是人機交互的紐帶要醒目引人注意，按鈕是人機互動的橋梁要準確反映功能，按鈕不是獨立存在的按鈕的風格要與整體頁面統一。
（三）根據崗位需求和國家職業鑒定標準，我們制定了網站建設與管理專業網頁設計專題學生專業能力考核標準如下：
單項專業能力二：能熟練應用PS軟件進行網頁圖像處理（滿分100分）
考核項目一：設計網頁LOGO（滿分10分）
考核內容與要求：
①LOGO設計的準確性。（3分）② LOGO設計的獨立性。（3分）③LOGO符合企業的文化、精神、產品。（4分）
考核項目二：設計網頁按鈕（滿分10分）
考核內容與要求：①按鈕表現形式凸顯頁面需求。（5分）②按鈕的制作實用、符合按鈕的設計原則。（5分）
九、存在的主要問題及今后的設想
1.存在的主要問題
在使用Photoshop設計網頁元素的剛開始時期，學生常常會一次性形成一個或者多個創造思維方式，可是往往表現不出來，手與大腦的配合不能協調。
2.今后的設想
關鍵詞：計算機；圖像處理技術；網頁設計
運用隨著信息技術的進步以及人們生活水平的提高，互聯網已經深入家家戶戶。網站是目前人們最常用的信息獲取渠道，而網頁設計直接決定了網站的質量。計算機圖像處理技術是網頁設計中的常用技術，主要目的是提高網頁的整體藝術感，將多樣化的內容呈現在瀏覽者面前。通過計算機圖像處理技術進行網頁設計，能有效提高網頁設計的藝術感，使網頁更具有感染力，獲得瀏覽者的共鳴。
1圖像在網頁設計中的重要性
圖像在網頁設計中占有較大的比重，也是最能吸引瀏覽者的因素之一。圖像在網頁設計中的功能可以分為以下兩方面：第一，視覺吸引功能。圖像和文字相比，對瀏覽者的感覺更直觀，能有效吸引瀏覽者的注意力，激發瀏覽者的興趣，從而提高網站的瀏覽率。正是因此，圖像的直觀功能能為整個網頁設計起到畫龍點睛的作用，提高整體網頁設計的藝術感。有調查報告顯示，圖像是決定瀏覽者對網站興趣的重要影響因素；其次，信息引導功能。網頁設計的根本目的是滿足不同瀏覽者的多樣化需求，使瀏覽者能迅速在網頁中發現自己所需的信息。而圖像則具有一定的信息引導功能，能夠使瀏覽者在眾多的信息中迅速發現自己需要的內容，節省了大量的時間。同時也可以通過圖像對單純的文字進行美觀，提高網頁的吸引力，從而保證網站的瀏覽量。
2計算機圖像處理技術
計算機圖像處理技術即對圖像進行針對性的加工、設計以及美化等，從而表達出相應的含義。目前，計算機圖像處理技術主要包括以下幾方面：
2.1圖像去噪計算機系統
在采取圖像的過程中，可能會出現一定的噪音，這主要是由計算機的硬件特性所導致的。而這些噪聲也會對圖像的質量造成相應的影響，因此可以通過計算機圖像處理技術進行去噪處理，從而提高圖像的質量。
2.2圖像增強
圖像增強指的是對圖像的某個固定區域進行針對性的加強，從而突出圖片的核心信息，同時削弱非重要信息的影響，方便之后圖像在網頁設計中的應用。圖片增強是網頁設計中較常用的圖像處理方法，主要用來改變圖像的畫質。這是由于計算機在對圖像進行采集時，會受到環境、分辨率等多種因素的限制，導致畫面的立體感不強，因此需要進行相應的增強處理。目前，圖像增強的方法較多，例如邊緣增強、色彩增強、銳化增強等。雖然圖像增強技術沒有增加圖像的信息量，但卻突出的重點內容，對網頁設計具有重要的意義。
2.3圖像壓縮
圖像壓縮也是較常用的處理類型之一，根據網頁設計的需求，對圖像的數據進行適當的壓縮，從而保證圖像傳輸的有效性，同時也避免了圖像傳輸過程中可能出現的失真情況。
3計算機圖像處理技術在網頁設計中的應用
網頁設計中，計算機圖像處理技術的核心在于體現出圖像的效果，提高整體設計的合理性與藝術性。而多數計算機所采取的原始圖片并不能達到此要求，因此，就需要通過計算機圖像處理技術進行相應的加工：
3.1滿足網頁設計對圖片格式的需求
網頁設計一般都會對圖片的格式進行一定的要求，在設計過程中，需要結合網頁設計的要求設置相應的圖片格式。在實踐過程中，圖像的種類較多，例如攝影圖像、截圖、連接圖片等等，不同的圖片類型給瀏覽者帶來的直觀感受也不同。一般網頁設計中應用較多的為攝影圖片，通過搭配文字的方式吸引瀏覽者的注意力。但這種方式也會直接增加網頁設計的工作量，影響整體的網頁效果，無法充分表現出網頁的目的。因此，計算機圖像處理技術必須要結合網頁設計的實際情況，選擇合理的圖像格式。
3.2控制網頁設計對圖片大小的需求
這主要是由于計算機屏幕的長度、寬度有限，因此網頁設計中的圖像也需要有一定的限制，一般不能超過計算機屏幕的長寬。其次，網頁設計中的圖像大小與情緒度之間有一定的聯系，若通過圖片處理技術后放大圖片，則其清晰度就會有一定程度的下降。但如果圖片的清晰度過高，也會大大提高網頁的加載速度，對瀏覽者造成一定的影響。因此，必須要根據具體情況，把握圖片大小與清晰度的平衡。
3.3優化網頁設計對圖片定位的需求
不同的圖片在網頁設計中的作用也不同，需要通過圖像來表現出網頁的風格。例如圖像可以通過背景、表格、導航等多種方式存在，也可以直接展現出網站的內容。當需要圖像在網頁設計中作為背景時，不能將單一的圖片作為網頁背景，而是要結合內容，設置文字或其他類型的資料，從而提高網頁的層次感，提高瀏覽者對網頁的興趣。此外，在網頁設計中，可以應用一些篇幅較小或線條型的圖片，取代單一的連接標志，動靜結合，提高網頁的美觀性。
4結語
通過計算機圖像處理技術在網頁設計中的應用，能夠對圖像進行多樣化的設計，提高網頁瀏覽的速度、效率，也是目前網頁設計中的核心。通過計算機圖像處理技術，能根據網頁的具體需求調整圖像的格式，并在清晰度與大小間保持一個良好的平衡，提高網頁的加載速度。此外，還能夠根據圖片定位充分發揮圖片的作用，提高網頁設計的美觀度和藝術感，從而提高網站的瀏覽率。
參考文獻
[1]雷萌.如何在網頁設計中運用計算機圖像處理技術[J].信息與電腦,2016(02):156-157.
[2]智立甫,王春寫.淺談網頁設計中的圖像處理技術[J].中小企業管理與科技,2015(05):213-213,214.
[3]吳明珠.網頁設計中圖像處理的最佳化分析[J].電腦知識與技術,2017,13(05):164-165.
[4]韋燕.網頁設計中計算機圖像處理技術的應用[J].現代商貿工業,2013(22):181-182.
關鍵詞：網頁設計與制作；教學內容；教學方法
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
隨著計算機網絡技術的迅猛發展和網絡應用的日益廣泛，Internet在人們的生活、學習和工作中的地位顯得越來越重要，上網沖浪已經成為現代人生活的一個重要部分。信息技術的高速發展，使人們通過網絡來個人或者企業的信息、推廣企業產品已成為一種流行的趨勢。網頁已經成為信息共享和傳播的主要載體，掌握網頁的制作和網站的管理等內容已成為現代人必備的一種技能。
《網頁設計與制作》是軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用等專業公共的必修課程，也是許多高校的公共選修課，具有實踐性強和知識面廣的特點。該課程要求學生掌握HTML語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識，為后繼課程《動態網頁設計》、《計算機網絡》等打下牢固基礎，因此該課程具有知識點多、操作性強的特點。如何提高《網頁設計與制作》課程的教學質量，是亟待解決的問題。根據近年來對網頁課程的講授經驗，筆者從課程目標、課程內容、教學方法、課程實踐、課程實訓等幾個教學環節對該課程進行了一些研究和總結。
1理論教學
1.1課程目標
《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：
1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；
2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；
3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；
4)使學生能夠用Flash進行網頁動畫的簡單設計；
5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1 HTML網頁設計
重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養。“知其然，知其所以然”是我們的目標。
1.2.2 DIV+CSS網頁設計
DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得 網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。
該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3 Photoshop圖像處理
重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。
課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。1.2.4 Flas制作
重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5 JavaScript程序設計
JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。
1.3教學方法
該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。
教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。
1.3.1模塊教學法
根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。
1.3.2案例教學法
在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例――具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計
結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1 HTML網頁設計
實驗1 HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5 HTML綜合實例。
2.1.2 DIV+CSS網頁設計
實驗1 CSS文字排版、實驗2 CSS網頁布局、實驗3背景設置、實驗4 CSS導航菜單設計、實驗5綜合實例。
2.1.3 Photoshop圖像處理
實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4 Flas制作
實驗1 Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5 JavaScript程序設計
實驗1 JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3 JavaScript內置函數和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。
2.2自學模式的創建
為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學
鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面
組織成立網頁課程的興趣學習小組，具體活動包括：
1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；
2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。
這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓
網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。
實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。
平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。
課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
4結束語
明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。
參考文獻：
[1]李偉,鄧紅濤,曹傳東.《網頁設計》課程實踐性教學改革與創新研究[J].改革與創新,2011(12):103-104.
