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