網(wǎng)頁(yè)設計報告
在現在社會(huì ),越來(lái)越多的事務(wù)都會(huì )使用到報告,多數報告都是在事情做完或發(fā)生后撰寫(xiě)的。一起來(lái)參考報告是怎么寫(xiě)的吧,下面是小編精心整理的網(wǎng)頁(yè)設計報告,供大家參考借鑒,希望可以幫助到有需要的朋友。
網(wǎng)頁(yè)設計報告1
我第一次步入了社會(huì ),從此開(kāi)始了面對社會(huì )、工作的生活。剛剛走入社會(huì )的我是一個(gè)性格有些內向的人,面對陌生的人,我不善言辭,不會(huì )給自己的外表進(jìn)行很好的包裝,不適合做那些銷(xiāo)售、接待的工作,只有技術(shù)類(lèi)的工作,少說(shuō)多干的活適合我,這個(gè)我很清楚,F在,中國每年都有很多畢業(yè)的大學(xué)生找不到工作,我也不例外,所以,這第一次實(shí)習工作肯定不會(huì )太好找,但是相反,我的運氣還不錯。找到了一份網(wǎng)頁(yè)設計的工作,F將我在工作中的情況報告如下。
一、工作介紹
我工作的這家公司,從事網(wǎng)站開(kāi)發(fā)工作的,公司在技術(shù)團隊這部分是比較正規的,一般是五到六人為一個(gè)小組,小組中有明確分工,有負責聯(lián)系客戶(hù)接恰生意的,有專(zhuān)門(mén)做技術(shù)的,而在技術(shù)這塊分為網(wǎng)站前臺、后臺開(kāi)發(fā),我在學(xué)校主要做的是后臺開(kāi)發(fā),當然前臺設計工作也還算熟練,但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開(kāi)發(fā)工作,這樣的網(wǎng)站技術(shù)難度不大,而且工作周期短,有相當一部分的,只需要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)。但是有個(gè)別的網(wǎng)站開(kāi)發(fā)時(shí),我們還是需要進(jìn)行一些手寫(xiě)代碼工作的。
二、開(kāi)發(fā)技術(shù)
做為一個(gè)剛畢業(yè)的大學(xué)生,我的知識儲備肯定有不足的地方,畢竟學(xué)校教的東西肯定會(huì )有一部分和社會(huì )是脫節的,但好在我的領(lǐng)導對于我沒(méi)有太多的要求,他只是要求我盡快的適應公司的工作和生活,在短時(shí)間內熟練的掌握相關(guān)技術(shù),干好本職工作。
在大學(xué)里對一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的,那就是學(xué)習能力。要知道,這個(gè)世界上,知識在發(fā)展,人類(lèi)在進(jìn)步,每天都在進(jìn)行日新月異的變化,我們的知識儲備總會(huì )有不夠的地方,但是一定要有學(xué)習能力,將不會(huì )知識快速掌握,只有這樣才能占據主動(dòng),減少被動(dòng)情況的尷尬發(fā)生,通過(guò)二個(gè)星期的時(shí)間,我成功的適應了公司的工作和生活節奏,每天早九點(diǎn)上班,晚17:30下班,中午休息一個(gè)半小時(shí),每周還有兩天假期。我利用業(yè)余時(shí)間,抓緊學(xué)習,將工作中所需要的.技術(shù)進(jìn)行了強化學(xué)習,其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò),只是不精通。那個(gè)時(shí)候學(xué)的東西多,難免有個(gè)主次之分,這次工作了,才知道哪個(gè)應該多學(xué)點(diǎn),但好在我都有學(xué)過(guò),所以有個(gè)好的基礎在這里,也就不怕了,比如說(shuō):flash,公司要求技術(shù)人員會(huì )做flash,flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的,可是后來(lái)在分析就業(yè)情況時(shí),分析錯了方向,以為這東西沒(méi)有什么用處,結果就給荒廢了。但好在還有印象,并且當初記了很多的筆記,所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數據庫這些東西我都學(xué)過(guò),只是實(shí)踐能力稍差一點(diǎn),但好在從前在學(xué)習方面用的功不是白費的。通過(guò)這種實(shí)戰環(huán)境,和半個(gè)月的刻苦學(xué)習,我終于可以感上小組的工作進(jìn)度了,已經(jīng)可以很好的完成領(lǐng)導教給我的任務(wù)了。
像我這個(gè)組常用的是css+div排版,后臺使用php技術(shù)進(jìn)行開(kāi)發(fā),服務(wù)器平臺采用,linu+apache+mysql+php,這種 lamp組合,我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版,這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了,現在大部分網(wǎng)站都開(kāi)始了重新構架,所以都采用css+div進(jìn)行網(wǎng)頁(yè)排版,我目前正在學(xué)習,掌握的還算比較快。而在后臺開(kāi)發(fā)部分,我們使用php來(lái)進(jìn)行開(kāi)發(fā),我的工作是手寫(xiě)一些小模塊;蛘哂胘avascript寫(xiě)一些特效小代碼。
三、工作流程
小組分工時(shí),我負責后臺里小模塊的開(kāi)發(fā)工作,如:留言板或論壇,還有一部分javascript代碼編寫(xiě)工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作,使用css+div技術(shù)。編寫(xiě)代碼這種工作看起來(lái)有些枯燥,其實(shí)時(shí)間長(cháng)了以后,還真有點(diǎn)厭煩,但是后來(lái)我明白,只有將自己的本職工作做好,提高自己的技術(shù),做出優(yōu)良的東西,這樣自己才會(huì )有價(jià)值感,才會(huì )對自己的工作保持新鮮感。所以我每天都在工作后,記錄下每天在技術(shù)上的不足之處,回家后,將強學(xué)習,這所謂:找出不會(huì )的地方,學(xué)會(huì )它,你就變的強大了。
php是現在比較流行的一種網(wǎng)站開(kāi)發(fā)技術(shù),由于它是開(kāi)源的免費代碼,并因良好的跨平臺性能受到了大重的喜歡,我個(gè)人認為php很簡(jiǎn)單,適合初學(xué)者學(xué)習使用,但是在某些地方想要做好,就需要你認真的學(xué)習了。目前,我負責的只是技術(shù)性較低和規模較小的模塊,不過(guò),我覺(jué)得從簡(jiǎn)單處做起也挺好的,但是我在寫(xiě)代碼時(shí),還是經(jīng)常犯些小錯誤,導致代碼頁(yè)面經(jīng)常出錯,而自己往往還找不到是哪錯了,有幾次急的都不行,不管怎么弄,結果就是錯誤,后來(lái)我才發(fā)現,原來(lái)只是一個(gè)小錯誤,小的不仔細察看,我都找不到。于是我明白,做開(kāi)發(fā)工作,一定要細心,否則就會(huì )給自己和別人帶來(lái)麻煩。
四、安全檢查
安全檢查是很重要的一個(gè)環(huán)節,就像你給人家蓋房子,房子蓋好了,可是門(mén)和窗不結實(shí),那這種就必然不會(huì )安全的了。頁(yè)站的制做也是同樣的道理,在安全方面,有一個(gè)地方是和開(kāi)發(fā)人員有很大的關(guān)系的。因為開(kāi)發(fā)人員技術(shù)的高低決定了網(wǎng)站的安全性,有些人員在一些環(huán)節上的疏
漏,很有可能導致網(wǎng)站在實(shí)際使用時(shí),遭到黑客攻擊,如果造成了經(jīng)濟損失就無(wú)法挽救了。
所以,我們每個(gè)人在將各自的工作完成以后,組長(cháng)和其它專(zhuān)門(mén)的技術(shù)人員會(huì )對網(wǎng)站的安全性進(jìn)行測試,找出存在的漏洞,然后加以修改。以使它的安全性達到最高最穩定的狀態(tài)。
在公司進(jìn)行實(shí)習工作的這段時(shí)間,我在個(gè)人技術(shù)上收獲了很多,現在的我已經(jīng)能獨檔一面了,做一些難度比較大的工作,我通過(guò)優(yōu)異的表現,已經(jīng)轉為正式員工,我對自己的表現感到滿(mǎn)意,最重要的是我給自己的學(xué)校爭了光,但是在社交能力方面,溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習,要加強和別人的溝通能力。使自己變的更好,為國家為社會(huì )做出更多的貢獻。
網(wǎng)頁(yè)設計報告2
在經(jīng)濟迅速發(fā)展的今天,Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會(huì )發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專(zhuān)用周是實(shí)習,讓我們把平時(shí)所學(xué)知識運用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習使我獲得了更多的新知識同時(shí)也使我使我認識到了自己在學(xué)習上的許多不足,下面就談?wù)勎以诒敬螌?zhuān)用周的主要感受。
一、網(wǎng)站整體規劃,要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規劃。這主要包括四個(gè)方面的內容
1。討論網(wǎng)站的主題。
網(wǎng)站整體規劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對服裝的網(wǎng)頁(yè)比較關(guān)心,無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2。定位網(wǎng)站的CI形象。
“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個(gè)既有濃厚文化底蘊,又有現代自然人文氣息的特色品牌!耙住奔词侨,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展!胺啤蓖ǚ,是生機、是個(gè)性、是春意盎然、是自強不息,是對人性深度的一種挖掘!吧钊缁,自在快樂(lè )”是YIFINI易菲的設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂(lè )的生活方式。這也便是我網(wǎng)站的CI形象。
3。確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準備做四張網(wǎng)頁(yè):一張主頁(yè)三張二級頁(yè)面。分別設計了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。
4。網(wǎng)站的整體風(fēng)格和創(chuàng )意。
整個(gè)網(wǎng)站的創(chuàng )意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上,YIEINI易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設計之中,充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達這張自然之美、和諧之美。
二、網(wǎng)頁(yè)制作的前期策劃與準備,在本階級主要有兩方面的工作
1。資料的搜集。
在做網(wǎng)頁(yè)我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁(yè)觀(guān)察其網(wǎng)頁(yè)的布局、顏色搭配、欄目、板塊等方面的內容,同時(shí)也搜集了一些對我有用的資料。在搜索資料最困難的便是動(dòng)態(tài)圖片的搜集,動(dòng)態(tài)圖片其gif格式的'還是好保存,但是要搜集flash動(dòng)態(tài)圖片就相對較難了。我用了一天的時(shí)間來(lái)搜集我的flash都不太成功,不過(guò)還搜到了可以換自己圖片的代碼。在開(kāi)始時(shí)我根本就不知道flash是怎樣搜索,不過(guò)經(jīng)過(guò)三次像老實(shí)詢(xún)問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現了自己的許多不足之處,最關(guān)鍵就是平時(shí)對知識的掌握不夠,連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認真和努力的表現。通過(guò)這次的教訓在以后我一定會(huì )做得更好,爭取不范類(lèi)似錯誤。
2。熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉,因為在平時(shí)上課是老師帶領(lǐng)我們運用過(guò)。所以我還可以正常的運用,但是出現的問(wèn)題還是有很多。有很多不懂如何操作,只有通過(guò)在次去看書(shū)才能夠了解,這也體現了我學(xué)習方面的缺點(diǎn),它是我平時(shí)不夠認真的具體表現。
三、網(wǎng)頁(yè)制作,這便進(jìn)入我該次的主題了具體制作流程如下
1。構建站點(diǎn)框架。
在我打開(kāi)Dremweaver后第一步便是新建站點(diǎn),我把我的站點(diǎn)建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。
2。設計主頁(yè)及二級頁(yè)面。
在主頁(yè)我設首頁(yè)制作時(shí),時(shí)刻考慮著(zhù)網(wǎng)頁(yè)的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務(wù),美容美體,一個(gè)網(wǎng)站強調的就是一個(gè)整體,只有圍繞一個(gè)統一的目標所做的設計才是成功的;連貫,頁(yè)面之間關(guān)系連貫,統成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個(gè)網(wǎng)頁(yè)有動(dòng)有靜,色彩呼應,搭配協(xié)調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。
而且制作過(guò)程中,不忘以下原則:
簡(jiǎn)潔實(shí)用:這是非常重要的,網(wǎng)絡(luò )特殊環(huán)境下,盡量以最高效率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的,滿(mǎn)足使用者的要求,網(wǎng)頁(yè)做得越適合使用,就越顯示出其功能美;頁(yè)面用色協(xié)調,布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁(yè)富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò )的優(yōu)勢,是每個(gè)使用者都參與到其中來(lái),這樣的設計才能算成功的設計。這樣的網(wǎng)頁(yè)才算真正的美的設計。每個(gè)子頁(yè)都設有上導航欄,便于瀏覽和跳轉。3個(gè)二級網(wǎng)頁(yè)制作時(shí),使用的是表格,每一個(gè)頁(yè)面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規劃性,體現了連貫統一性,不同的內容根據各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。
3。實(shí)現網(wǎng)頁(yè)間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
4。向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。
在這一階段我遇到了許多的問(wèn)題,主要是我在主頁(yè)插入我的flash的時(shí)候,開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在瀏覽網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
四、網(wǎng)頁(yè)的調試
在做完網(wǎng)站才發(fā)現,怎么所有的圖片素材并不是在一個(gè)文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對應一個(gè)文件夾。制作過(guò)程中,才發(fā)現,原來(lái)自己懂的太少了,好多不知道的地方,才趕緊查書(shū),開(kāi)始的時(shí)候只是會(huì )建立模版,可不會(huì )應用。而對于動(dòng)態(tài)flash的插入我更是問(wèn)題多多,開(kāi)始是我對代碼基本上是不懂,這就是自己學(xué)校上的問(wèn)題,當真正開(kāi)始運用的時(shí)候在向老師提問(wèn)。
這只是在制作過(guò)程中出現一些問(wèn)題,其它問(wèn)題也是類(lèi)似相同,F在想想,自己所會(huì )的東西太少了,現在做的網(wǎng)站只是一些簡(jiǎn)單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè),不僅欄目?jì)热葚S富,信息量大,而且頁(yè)面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁(yè)來(lái)看可以反映出學(xué)習的還不夠,缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習,不斷開(kāi)拓視野,增強自己的實(shí)踐操作技能,為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類(lèi)似動(dòng)手練習,讓我們在實(shí)踐之中來(lái)學(xué)習知識。因為我覺(jué)得實(shí)踐不僅能夠提高我們的學(xué)習興趣它更能夠提高我們的動(dòng)手能力增強我們的技術(shù)性。
網(wǎng)頁(yè)設計報告3
隨著(zhù)當前計算機技術(shù)的飛速發(fā)展,計算機應用范圍的擴大,越來(lái)越多的中職院校在課程開(kāi)設時(shí)順勢采用了項目式教學(xué)方法,結合校企結合或引企入校的方式來(lái)實(shí)施教學(xué)!毒W(wǎng)頁(yè)設計》課程不但是計算機專(zhuān)業(yè)學(xué)生的專(zhuān)業(yè)技術(shù)課,同時(shí)也是非計算機專(zhuān)業(yè)的學(xué)生非常歡迎的選修課目。針對中職教育的特點(diǎn),為了適應學(xué)生這個(gè)群體的心理特點(diǎn)及思維現狀,我們在不斷的實(shí)踐過(guò)程中,探索新型的教學(xué)方法,讓學(xué)生在結合現實(shí)工作中的項目,小組團隊協(xié)作完成項目,從協(xié)作和實(shí)施項目過(guò)程中完成知識和技能的學(xué)習,從真實(shí)的工作環(huán)境中學(xué)習。從而能達到學(xué)習完課程就能頂崗獨立完成工作。
在我們的生活中,小到一個(gè)生日聚會(huì )、一次課余活動(dòng),大到一項工程建設,一個(gè)節日慶典,這都屬于一個(gè)項目。項目無(wú)論是簡(jiǎn)單還是復雜都有一定的共有特性。美國PMI定義說(shuō):“項目是為了完成某一獨特的產(chǎn)品、服務(wù)或任務(wù)所做的一次性努力!倍覀冊诮虒W(xué)活動(dòng)中所提出的是“項目”則是指提出一個(gè)前人曾完成過(guò)的一個(gè)項目工作,也可以是由教材的相關(guān)內容轉化來(lái)的社會(huì )的一種需求。學(xué)生圍繞此工作或需求進(jìn)行相關(guān)聯(lián)的學(xué)習和探究的活動(dòng),從而完成知識的學(xué)習和能力的培養。
一、項目教學(xué)法的含義及特點(diǎn)
項目教學(xué)法是指教師與學(xué)生共同將教學(xué)知識作為一個(gè)完整的項目進(jìn)行實(shí)施的教學(xué)活動(dòng)過(guò)程。項目教學(xué)的`目標在于把學(xué)生有意義的融入到一個(gè)完成項目的過(guò)程中去,調動(dòng)學(xué)生的學(xué)習積極性、自主的對知識進(jìn)行建構,把通過(guò)學(xué)習所掌握的知識技能以及培養起來(lái)的職業(yè)能力作為最終的目標。
二、在《網(wǎng)頁(yè)設計》課堂教學(xué)中的設計
項目式教學(xué)設計中課堂教學(xué)中按照選定項目、制定計劃、活動(dòng)探究、制作作品、成果展示、綜合評價(jià)等6個(gè)環(huán)節來(lái)設計。整個(gè)教學(xué)過(guò)程中以學(xué)生自主學(xué)習為主,教師引導啟發(fā)為輔來(lái)讓學(xué)生圍繞項目自主學(xué)習探究。
在教學(xué)過(guò)程中貫穿項目式的學(xué)習中,項目的制定就顯得非常重要,它既要根據學(xué)生興趣來(lái)選定,同時(shí)又要考慮體現教學(xué)總體目標;并且所選擇項目應該和學(xué)生日常的經(jīng)歷相關(guān);難度要與學(xué)生的知識背景相符。制作熱門(mén)話(huà)題專(zhuān)欄、制作個(gè)人主頁(yè)、制作班級主頁(yè)、制作個(gè)人愛(ài)好娛樂(lè )主頁(yè)等,這些都是學(xué)生感興趣的一些內容。在課程開(kāi)始前要展示優(yōu)秀的網(wǎng)站效果,讓學(xué)生對網(wǎng)站建設有初步了解,并激發(fā)學(xué)生對網(wǎng)頁(yè)設計的興趣,讓學(xué)生自己產(chǎn)生要制作屬于自己的作品。
三、項目式教學(xué)過(guò)程的實(shí)施
根據學(xué)生自己感興趣的課題項目對學(xué)生進(jìn)行分組,并在課堂上統一進(jìn)行課題項目的分析,分析的過(guò)程中要對學(xué)生網(wǎng)頁(yè)設計的基礎內容進(jìn)行講解和分析。在整個(gè)分析講解的過(guò)程中要讓學(xué)生了解整個(gè)過(guò)程的制作工具,并選定項目的負責人。然后依據學(xué)生學(xué)習自主化的原則,任務(wù)目標化的方法,根據項目目標的要求,由負責人統一安排小組學(xué)習任務(wù),由教師引導學(xué)習方向,共同制定出個(gè)人學(xué)習任務(wù)目標。
本項目要以學(xué)會(huì )專(zhuān)業(yè)規劃網(wǎng)站、對主題網(wǎng)頁(yè)進(jìn)行相關(guān)設計并完成制作為知識目標;把掌握資料素材整合、制作軟件使用確立為技能目標;讓學(xué)生學(xué)會(huì )協(xié)作、學(xué)會(huì )正確的認識與評價(jià)自己與同學(xué)相互幫助增強自信心為情感目標。
課程項目?jì)热菁跋嚓P(guān)能力要求中首要學(xué)生學(xué)習的內容是頁(yè)面的布局。頁(yè)面布局是依照網(wǎng)站的受眾群體的特點(diǎn)進(jìn)行色彩組合和版面布局,通過(guò)導航的設計及媒體的使用來(lái)修飾網(wǎng)頁(yè)的整體視覺(jué)效果和功能效果。并通過(guò)添加各種網(wǎng)頁(yè)元素(文字、圖像、表格、表單、視頻、動(dòng)畫(huà)等)的設計與制作完善網(wǎng)頁(yè)整體效果。再次是網(wǎng)頁(yè)的結構,網(wǎng)頁(yè)結構的確立一般是由網(wǎng)頁(yè)框架、使用的表格及層的綜合運用來(lái)完成。最后就是使用各種特殊效果來(lái)美化網(wǎng)頁(yè)效果、增強網(wǎng)頁(yè)使用功能。并確定網(wǎng)頁(yè)元素。如JavaScript特效的設計,使用不同的特效來(lái)加強網(wǎng)頁(yè)與用戶(hù)的可交互能力。
根據學(xué)習進(jìn)程,制定小組前期準備部分。學(xué)生深入的調查研究確定知識內容與技能技巧部分的前期資料。這個(gè)過(guò)程主要是由學(xué)生自己進(jìn)行協(xié)作,通過(guò)自習與課外活動(dòng)時(shí)間來(lái)做相關(guān)的調查與資料的搜集。小組成員通過(guò)教材及輔助材料的共同分析學(xué)習,出現問(wèn)題與指導教師統一探究解決。這個(gè)過(guò)程學(xué)生們通過(guò)不斷發(fā)現問(wèn)題,提出問(wèn)題,最后解決問(wèn)題的過(guò)程來(lái)完善自己的知識結構體系,最后形成一個(gè)系統的知識體系。
活動(dòng)探究部分讓學(xué)生完成知識體系的培養后,學(xué)生運用相應的小組計劃分別完成各自的作品,在完成作品的時(shí)候還會(huì )出現知識性問(wèn)題,也會(huì )遇到能力培養方面的問(wèn)題,這時(shí)候教師就要引導學(xué)生自己探究,培養學(xué)生解決問(wèn)題的能力,從而提高學(xué)生的知識水平也加強學(xué)生各方面能力的培養。再此環(huán)節中要求教師在引導項目實(shí)施過(guò)程中要在引導方式上注意到有針對性的進(jìn)行查漏補缺的幫助學(xué)生學(xué)習。
項目完成以后,由各小組先進(jìn)行相互的指導交流,指導交流主要是為了讓學(xué)生取長(cháng)補短,這樣可以很好的幫助自己發(fā)現問(wèn)題,同時(shí)也可以發(fā)現自己的優(yōu)點(diǎn),從而增強自己的自信心。交流后給小組成員一課時(shí)的時(shí)間進(jìn)行相應的總結及作品的微調整,并指定小組成員進(jìn)行知識層面及技術(shù)層面的演示講解,分享作品制作的成功和喜悅。通過(guò)這種形式,學(xué)生們獲得了極大的成就感。
成就的最終獲得還是要取決于最后的學(xué)習情況評價(jià)。整個(gè)評價(jià)過(guò)程采用了小組成員間、小組間及師生間的全方位綜合評價(jià)法。項目開(kāi)展過(guò)程中小組長(cháng)對成員、成員對成員、成員對小組長(cháng)都要進(jìn)行不同方面的評價(jià),最后把每部分的評價(jià)綜合為項目終結性個(gè)人評價(jià),加上其他小組成員對作品的評價(jià),最后加上教師引導過(guò)程中的效果評價(jià)形成個(gè)人綜合評價(jià)。這個(gè)評價(jià)也包括了知識和能力等多方面的細化評價(jià),通過(guò)評價(jià),使學(xué)生反思自己學(xué)到了什么知識和技能,以及不足,從而找出進(jìn)一步學(xué)習的方向。
四、項目式課程設計的優(yōu)勢及不足
在整個(gè)項目的進(jìn)行過(guò)程中學(xué)生可以自主的學(xué)習,自覺(jué)地接受學(xué)習,自己找可以承擔的學(xué)習任務(wù)來(lái)完成,同時(shí)也學(xué)會(huì )了發(fā)現問(wèn)題和解決問(wèn)題的方法,發(fā)揮了個(gè)人的最大能力,也培養了從不同角度觀(guān)察、思考和解決問(wèn)題的辦法,激發(fā)自身的創(chuàng )新意識,提高自身的創(chuàng )新能力。
但是整個(gè)過(guò)程仍然存在懈怠的同學(xué),過(guò)分依賴(lài)他人完成整個(gè)項目,教師要是整個(gè)過(guò)程不能夠及時(shí)發(fā)現這個(gè)問(wèn)題則會(huì )造成學(xué)生學(xué)習發(fā)展的不均等,所以要加強項目學(xué)習的細化指導,加強教學(xué)過(guò)程的監督與引導。
其次在整個(gè)過(guò)程的實(shí)施中,學(xué)生的自覺(jué)性是直接影響到項目的進(jìn)程及完成的最終效果,所以在學(xué)生整個(gè)學(xué)習的時(shí)間安排上應該有效的科學(xué)的安排,既要結合課余時(shí)間也要提高個(gè)人的學(xué)習效率。因為學(xué)生課余還有參加很多其他的學(xué)校獲得所以導致計劃落實(shí)有出入,所以加強計劃可行性安排及建立項目學(xué)習的保障體系是需要我們繼續探究的問(wèn)題之一。
網(wǎng)頁(yè)設計報告4
一、畢業(yè)設計的內容和意義:
學(xué)校網(wǎng)站是實(shí)現教育資源分配的橋梁網(wǎng)絡(luò )有巨大的教育資源庫,它聚集社會(huì )的力量,使教育資源無(wú)限增長(cháng)。學(xué)校網(wǎng)站是最佳的教學(xué)研究室,學(xué)校網(wǎng)站與教育類(lèi)專(zhuān)門(mén)網(wǎng)站的有效鏈接,給學(xué)校教學(xué)研究帶來(lái)了一片新天地,各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內容為學(xué)生提供了極佳的平臺。有效地降低教研成本、提高效率。
我國的大學(xué)教育已經(jīng)普及,大學(xué)生的隊伍也正在不斷壯大,為了 方便大學(xué)生對本校各項工作的了解以及加深學(xué)生、教師與學(xué)校之間相 互的交流,建設一個(gè)規;男@網(wǎng)站成為了當務(wù)之急。網(wǎng)絡(luò )化將給我們的工作和學(xué)習帶來(lái)了極大的便利。
以Internet/Intranet為網(wǎng)絡(luò )平臺實(shí)現校園網(wǎng)絡(luò )各項信息發(fā)布、管理、設置等功能。本題目要開(kāi)發(fā)一個(gè)校園網(wǎng)門(mén)戶(hù)網(wǎng)站。包括BBS系統平臺、院校新聞發(fā)布平臺,在限選課平臺。后臺:包括平臺管理、統一認證、資源管理、用戶(hù)權限管理等。
二、文獻綜述:
經(jīng)濟高速發(fā)展的今天,校園的各種信息的收集與發(fā)布都要求有一個(gè)高的效率。由于大學(xué)生的生活節奏較快,且電腦普及率和上網(wǎng)概率也隨著(zhù)社會(huì )的發(fā)展越來(lái)越高,學(xué)生上網(wǎng)獲取信息的機會(huì )越來(lái)越多。所以,學(xué)?梢詫⒄⻊(wù)宣傳服務(wù)切入到這個(gè)點(diǎn)來(lái),讓學(xué)生更方便地獲取相關(guān)信息,這將大大提高學(xué)生學(xué)習的進(jìn)度和對學(xué)校教育的滿(mǎn)意度。這就要求通過(guò)網(wǎng)站,全面宣傳、展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色,發(fā)布學(xué)校的重大活動(dòng)安排與招生政策,增強家長(cháng)與學(xué)校之間的.聯(lián)系,在Internet上實(shí)現完成部分校務(wù),提高辦事效率。
該系統是面向全網(wǎng)絡(luò )的,作為學(xué)校與外界聯(lián)系的一個(gè)平臺。系統管理員負責更新網(wǎng)站內容,不同權限的用戶(hù)登錄系統將進(jìn)入不同的頁(yè)面,實(shí)現不同的操作。
系統主要包括六個(gè)模塊:
1.用戶(hù)注冊模塊:這個(gè)模塊完成新用戶(hù)的注冊功能,并能對注冊信息進(jìn)行檢查。
2.用戶(hù)登錄模塊:這個(gè)模塊提供用戶(hù)的登錄界面,并驗證用戶(hù)名和密碼,以確定用戶(hù)身份。
3.顯示模塊:這個(gè)模塊將根據用戶(hù)權限顯示出不同的頁(yè)面,以及內容。
4.操作模塊:這個(gè)模塊提供與內容相關(guān)的功能,并且對不同身份的用戶(hù)給予不同的操作權限。
5.用戶(hù)管理模塊:這個(gè)模塊能夠對用戶(hù)個(gè)人信息進(jìn)行管理。
6.數據庫模塊:這個(gè)模塊實(shí)現對數據庫的連接和訪(fǎng)問(wèn)。
三、工作計劃及方案論證:
1.第一階段:11月20日 — 11月25日
閱讀資料;進(jìn)行需求分析,提出設計方案確定技術(shù)路線(xiàn),完成開(kāi)
題報告;設計軟件原型。
2.第二階段:11月26日 — 2月10日
在上一階段基礎上,按時(shí)、按質(zhì)、按量完成畢業(yè)設計任務(wù)
3.第三階段:2月11日 — 4月1日
總結所有的工作,完成畢業(yè)設計論文初稿
4.第四階段:4月2日 —4月20日
修改論文;小組內答辯,評分;準備答辯材料
四、參考文獻:(不少于10篇,期刊類(lèi)文獻不少于7篇)
[1] 周懷軍. ASP動(dòng)態(tài)網(wǎng)頁(yè)設計應用教程[M]. 電子工業(yè)出版社,20xx-3
[2] 趙燕萍. 電子商務(wù)概論[M]. 北京中共中央黨校出版社,20xx-11
[3] 王恩波 王若賓. 管理信息系統實(shí)用教程[M].人民郵電出版社,20xx-9
[4] 唐乾林. 網(wǎng)頁(yè)設計與制作案例教程[M]機械工業(yè)出版社,20xx-8
[5] 趙增敏. ASP可視化編程及應用[M].機械工業(yè)出版社,20xx
[6] 龔小勇. 關(guān)系數據庫與SQL Server20xx[M].機械工業(yè)出版社,20xx-1
[7] 崔良海 沙俐敏. WEB編程技術(shù)[M].人民郵電出版社,20xx
[8] 陳家琪. C程序設計教程[M].新華出版社,20xx-11
[9] 明日科技. ASP.NET數據庫系統開(kāi)發(fā)完全手冊[M].人民郵電出版社,20xx-1
[10] 鄧春妮 孫艷華 鄒慶云. ASP.NET信息化系統建設案例[M].人民郵電出版社,20xx-XX
[11] 張樹(shù)亮 李超. ASP.NET 2.0+SQL Server網(wǎng)絡(luò )應用系統開(kāi)發(fā)案例精解 清華大學(xué)出版社,20xx-9
[XX] 李文梅. 談采用ASP數據庫存取組件訪(fǎng)問(wèn)SQL Server數據庫 新余高專(zhuān)學(xué)報,20xx-10-30 期刊
[XX] 王大龍. 基于VB程序和SQL Server數據庫的多條件模糊查詢(xún)的實(shí)現 電腦知識與技術(shù),20xx-XX-15期刊
[14] 朱麗敏. 交互式動(dòng)態(tài)網(wǎng)頁(yè)建構技術(shù)——ASP技術(shù) 太原科技,20xx-02-26期刊
[15] 王珂玲. 利用報,20xx-06-30ASP技術(shù)訪(fǎng)問(wèn)數據庫技術(shù)探討 湖南輕工業(yè)高等專(zhuān)科學(xué)校學(xué)期刊ASP技術(shù)的在線(xiàn)教育系統設計與實(shí)現 電腦知識與技[16] 吳錦. 基于術(shù),20xx-XX-25期刊
[17] 王明華. 用ASP技術(shù)實(shí)現網(wǎng)上購物系統 科技資訊,20xx-09-03期刊
[18] 王海燕 王明明 張景義. 用術(shù),20xx-06-25ASP技術(shù)實(shí)現人員信息查詢(xún)系統 電腦知識與技期刊ASP技術(shù)的網(wǎng)站后臺管理系統 電腦知識與技術(shù),20xx-06-25[19] 李錚. 基于刊 期
網(wǎng)頁(yè)設計報告5
1.結合畢業(yè)論文(設計)課題情況,根據所查閱的文獻資料,撰寫(xiě)3000字左右的文獻綜述(包括目前同類(lèi)課題在國內外的研究狀況、發(fā)展趨勢以及對本人研究課題的啟發(fā)):
一、課題背景
計算機與網(wǎng)絡(luò )技術(shù)的飛速發(fā)展,已經(jīng)逐步改變了面對面獲取知識的傳統教學(xué)方式;贗nternet的網(wǎng)絡(luò )學(xué)習模式,具有交互性好,教學(xué)過(guò)程可以不受地域、時(shí)間限制,而且可以使得教學(xué)資源能在最大范圍內實(shí)現共享。并且使傳統的以教師為中心的課堂模式轉化為以學(xué)生為中心、學(xué)生可以自由選擇學(xué)習內容的新模式,具有知識信息量大、教學(xué)方式生動(dòng)活潑、聲像輝映、圖文并茂等特點(diǎn),因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯(lián)網(wǎng)開(kāi)展網(wǎng)上學(xué)習呈現出快速發(fā)展的態(tài)勢,開(kāi)發(fā)了一大批具有較高的水平的網(wǎng)絡(luò )教學(xué)課程。隨著(zhù)經(jīng)濟全球化的發(fā)展,英語(yǔ)的應用越來(lái)越廣泛,學(xué)習英語(yǔ)的重要性更是重中之重。
二、國內外研究現狀及發(fā)展趨勢
在國內,網(wǎng)絡(luò )教育還停留在基礎的應用階段,還在摸索中前進(jìn),幾乎沒(méi)有把英語(yǔ)學(xué)習和網(wǎng)絡(luò )很好的相結合。在學(xué)校里看到最多的是基于小型局域網(wǎng)的多媒體英語(yǔ)學(xué)習教室,使用時(shí)也多是放錄音,學(xué)生與老師之間幾乎沒(méi)有互動(dòng)環(huán)節。而具有互動(dòng)環(huán)節的在線(xiàn)英語(yǔ)自學(xué)系統,由于國內對網(wǎng)絡(luò )教學(xué)還比較保守,因此現還處于剛起步階段。在國外,網(wǎng)絡(luò )教育和各方面的教學(xué)的發(fā)展已經(jīng)進(jìn)入深入階段。學(xué)校把課程和計算機網(wǎng)絡(luò )相結合,充分發(fā)揮了網(wǎng)絡(luò )教學(xué)的互動(dòng)優(yōu)勢,使學(xué)生在快樂(lè )中學(xué)習。據統計,國外已經(jīng)有55%的在校學(xué)生人手一臺電腦,遠程教育的參加人數正在以89%的增長(cháng)速率遞增。
在調研中,我們了解到"網(wǎng)絡(luò )環(huán)境下大學(xué)英語(yǔ)的教學(xué)改革"正處在國家推進(jìn)、重點(diǎn)突破、全面展開(kāi)的進(jìn)程之中,并取得了積極的成效。大部分試點(diǎn)院校經(jīng)過(guò)兩年多的教改實(shí)驗論證,效果較好,規模進(jìn)一步擴大。如北京大學(xué)、清華大學(xué)、北京理工大學(xué)、北京交通大學(xué)、北京林業(yè)大學(xué)、北京化工大學(xué)、武漢大學(xué)、西南大學(xué)、大連民族學(xué)院、大連理工大學(xué)等部分試點(diǎn)高校在05級新生中已經(jīng)全面實(shí)現網(wǎng)絡(luò )環(huán)境下大學(xué)英語(yǔ)教學(xué)模式。西北工業(yè)大學(xué)、北華大學(xué)、山東大學(xué)、東北大學(xué)、南開(kāi)大學(xué)、解放軍信息工程大學(xué)、首都經(jīng)濟貿易大學(xué)等高校都于05年在新生中進(jìn)一步擴大規模。20xx年,有更多的試點(diǎn)院校將在06級新生中全面推行網(wǎng)絡(luò )環(huán)境下大學(xué)英語(yǔ)教學(xué)模式。相信在未來(lái),網(wǎng)上學(xué)習英語(yǔ)的模式將得到更好的重視與發(fā)展。
雖然在線(xiàn)學(xué)習已經(jīng)蓬勃地發(fā)展起來(lái),但是在線(xiàn)學(xué)習的普及率還并不高。目前已開(kāi)發(fā)出來(lái)的系統基本具備一個(gè)自學(xué)系統所需的`基礎功能,比如可以根據自己的需要選擇課程學(xué)習等。但是在知識庫設計這一模塊還存在一些問(wèn)題,如設計不全面,管理紊亂,知識的匱乏,因此在線(xiàn)學(xué)習系統的應用并不廣泛。另外,對于我國來(lái)說(shuō),在線(xiàn)學(xué)習主要出現在高等教育以及一些特定的領(lǐng)域,具有相當大的局限性,這對于許多求學(xué)者來(lái)說(shuō)是遠遠不能滿(mǎn)足其需求的。在國外,隨著(zhù)技術(shù)的飛速發(fā)展,不僅高等教育、很多社會(huì )其他部門(mén)都已經(jīng)開(kāi)設了在線(xiàn)自學(xué),通過(guò)計算機實(shí)現異地自學(xué)和自檢,F在,計算機硬件技術(shù)的發(fā)展已經(jīng)達到了相當高的水平。但是,教學(xué)軟件尤其是知識庫的設計、開(kāi)發(fā)還處于起步階段,隨著(zhù)這項技術(shù)的不斷深入發(fā)展,就要求有更好、更完善的軟件系統應用到教學(xué)當中去,這就給設計人員提出了更高的設計要求。
網(wǎng)絡(luò )必須走綜合化發(fā)展之路,實(shí)現與其他課程的整合,而不能再按照學(xué)習一門(mén)學(xué)科的老辦法去講、去學(xué)、去考。在網(wǎng)絡(luò )環(huán)境下的英語(yǔ)學(xué)習讓學(xué)習者自己動(dòng)腦筋去尋找問(wèn)題、發(fā)現問(wèn)題,幫助他們如何利用網(wǎng)絡(luò )資源為英語(yǔ)學(xué)習服務(wù)。教師和學(xué)生之間可以通過(guò)網(wǎng)上討論、 電子信箱等進(jìn)行探討性的學(xué)習,讓老師快速、準確地了解學(xué)生的學(xué)習情況,幫助學(xué)生提高學(xué)習效率。
三、課題研究意義及啟發(fā)
隨著(zhù)我國對外開(kāi)放的不斷擴大化,科學(xué)技術(shù)的不斷進(jìn)步,國際地位的不斷提高,迫切需要造就一大批精通外語(yǔ)的專(zhuān)門(mén)人才,以加速我國“四化”進(jìn)程,使我國在國際事務(wù)中發(fā)揮更大更積極的作用。英語(yǔ)的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫(xiě)或用英文寫(xiě)地址的。全世界科技出版物 70% 以上用英語(yǔ)發(fā)表。全世界的廣播節目中,有60%是用英語(yǔ)進(jìn)行的。絕大部分的國際會(huì )議是以英語(yǔ)為第一通用語(yǔ)言它也是聯(lián)合國的正式工作語(yǔ)言之一?傊,在國際政治、軍事、經(jīng)濟、科技、文化、貿易、交通運輸等領(lǐng)域,英語(yǔ)是一個(gè)重要的交際工具。對具備一定外語(yǔ)知識的綜合型人才的需求也隨之大幅增加。而隨著(zhù)網(wǎng)絡(luò )技術(shù)的迅猛發(fā)展,人們的生活越來(lái)越依賴(lài)于網(wǎng)絡(luò )的發(fā)展。通過(guò)網(wǎng)絡(luò )學(xué)習英語(yǔ)的要求也相應提高。因此,學(xué)好英語(yǔ)對實(shí)現上述目標具有重要的現實(shí)意義和深遠的歷史意義。
信息社會(huì )的最明顯的標志是信息采集的全面與快捷。要善于在教學(xué)中整合網(wǎng)絡(luò )資源,充分利用網(wǎng)絡(luò )資源優(yōu)勢。學(xué)習網(wǎng)站可以為學(xué)生創(chuàng )造盡可能多的接觸現實(shí)的機會(huì ),提供更多的直觀(guān)生動(dòng)的感性材料,擴大學(xué)生的知識面,增加詞匯量,減少學(xué)生因缺乏相關(guān)知識而造成的學(xué)習困難,增強學(xué)生對英語(yǔ)的敏感性,拓寬學(xué)生思路、開(kāi)闊視野,促使學(xué)生用英語(yǔ)思維,強化記憶,提高學(xué)習效率,讓學(xué)生在聽(tīng)說(shuō)讀寫(xiě)譯能力等方面都獲得提高。網(wǎng)絡(luò )教學(xué)為我們提供了克服傳統教學(xué)弊端的全新的教學(xué)方式,使抽象的、枯燥的學(xué)習內容轉化成形象的、有趣的、可視的、可聽(tīng)的動(dòng)感內容,網(wǎng)絡(luò )教學(xué)已成為英語(yǔ)教學(xué)的發(fā)展趨勢。
網(wǎng)頁(yè)設計報告6
一、任務(wù)內容
原計劃打算以“植物”為主題,在設計過(guò)程中發(fā)現范圍過(guò)于寬泛,無(wú)法完成主題的設計。因自己十分喜愛(ài)梔子花且有所種植經(jīng)歷,經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁(yè)設計內容。主要分為一、梔子花的文化,二、梔子花的種類(lèi)和生長(cháng)特性以及三、我的梔子花三個(gè)模塊。
其中,模塊一使用幻燈片進(jìn)行演示,主要分為關(guān)于梔子花的詩(shī)句、梔子花的傳說(shuō)以及梔子花的蘊涵三個(gè)部分。模塊二采用網(wǎng)頁(yè)模板進(jìn)行展示,主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過(guò)我的展示,讓他人對梔子花有所了解。
二、設計步驟
一、構思
首先,對梔子花的種類(lèi)進(jìn)行簡(jiǎn)單的介紹;其次,對梔子花的文化內涵進(jìn)行簡(jiǎn)要描述;最后,展示自己種植的梔子花成果。因此,此次作業(yè)共由三部分網(wǎng)頁(yè)【一、主頁(yè)、二、梔子花的種類(lèi)和生長(cháng)特性、以及三、自己種植的梔子花的圖片三個(gè)模塊!亢鸵唤M幻燈片【梔子花的文化】構成。其中模塊二【梔子花的種類(lèi)和生長(cháng)特性】采用網(wǎng)頁(yè)模版組成,主要介紹了兩類(lèi)梔子花——大葉梔子和雀舌梔子,更加便于了解。
二、取材
主要從網(wǎng)絡(luò )上獲取所需的圖片、音樂(lè )等關(guān)于梔子花的素材,其中部分照片從個(gè)人相冊中獲取。
三、設計 (一)網(wǎng)頁(yè)設計
模塊一、梔子花的.文化以及模塊三、我的梔子花采用網(wǎng)頁(yè)設計。
在首頁(yè)添加表格,在表格內增添標題欄以及字幕,增添了圖片、背景圖片、背景音樂(lè )、文字、藝術(shù)字對首頁(yè)進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接,與三個(gè)模塊進(jìn)行連接,便于翻閱。
在模塊二中采用網(wǎng)頁(yè)模板進(jìn)行展示,主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內采用表格對網(wǎng)頁(yè)進(jìn)行劃分,對梔子花進(jìn)行概述和分類(lèi)描述。插入圖片,便于直觀(guān)的了解各個(gè)種類(lèi)的梔子花。其中,各個(gè)種類(lèi)的梔子花展示位于網(wǎng)頁(yè)模板的右方,在左方進(jìn)行總說(shuō),并通過(guò)超鏈接與梔子花的分類(lèi)說(shuō)明建立聯(lián)系。
在模塊三中,通過(guò)繪制表格對網(wǎng)頁(yè)進(jìn)行大小不同的劃分,插入梔子花的圖片拼接成整個(gè)網(wǎng)頁(yè)。
。ǘ┗脽羝O計
此組幻燈片主要用來(lái)介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂(lè )以及大量的文字說(shuō)明,未對幻燈片進(jìn)行大量的美化和修飾,主要目的是為了讓他人關(guān)注了解梔子花的豐富的內涵和文化。
。ㄈゝlash設計
此次flash設計主要用于美化模塊二中對大葉梔子以及雀舌梔子的介紹過(guò)程。
四、美化
。ㄒ唬┨砑颖尘耙魳(lè )
在主頁(yè)以及各個(gè)模塊中均插入了背景音樂(lè )。
。ǘ┰O計網(wǎng)頁(yè)過(guò)渡 (三)添加超鏈接
三、采用的方法與手段
。ㄒ唬┦褂肍rontpage制作網(wǎng)頁(yè)
單擊新建網(wǎng)頁(yè)可選擇新建空白網(wǎng)頁(yè)或其他網(wǎng)頁(yè)模版。
單擊表格,選定繪制表格或布局表格或單元格即可繪制單元格。 選定單元格,單擊鼠標右鍵選定背景即可插入背景圖片。
選定網(wǎng)頁(yè),單擊鼠標右鍵,選定網(wǎng)頁(yè)屬性,瀏覽格式即可添加網(wǎng)頁(yè)背景。 選定單元格,即可輸入文字。
選定插入,選擇插入圖片或藝術(shù)字即可插入圖片或藝術(shù)字。 選定插入,選擇交互式按鈕,即可插入字幕。 選定格式,選擇網(wǎng)頁(yè)過(guò)渡,即可設計網(wǎng)頁(yè)過(guò)渡效果。
。ǘ┦褂肞owerpoint制作幻燈片
單擊鼠標右鍵,選定背景,選定其他填充效果,瀏覽選定圖片即可添加背景圖片。
單擊插入,選擇圖片,即可添加圖片或者藝術(shù)字。
選定文字,單擊鼠標右鍵,選擇自定義動(dòng)畫(huà)即可添加自定義動(dòng)畫(huà)。 選定幻燈片,單擊鼠標右鍵,選擇自定義動(dòng)畫(huà)即可添加自定義動(dòng)畫(huà)。 選定藝術(shù)字,單擊鼠標右鍵,選擇自定義動(dòng)畫(huà)即可添加自定義動(dòng)畫(huà)。、
。ㄈ┦褂肍lash制作動(dòng)畫(huà)
單擊插入新建元件,即可進(jìn)行元件的編輯。
單擊15幀或30幀,單擊鼠標右鍵,選擇插入空白關(guān)鍵幀。 單擊第一幀或第15幀,選擇補間,選擇形狀或動(dòng)畫(huà)即可。
網(wǎng)頁(yè)設計報告7
為此學(xué)校為我們進(jìn)入社會(huì )實(shí)習前為我們組織一次為期兩個(gè)月的校內實(shí)習。在學(xué)校組織的這次校內實(shí)習,讓我們在進(jìn)入社會(huì )之前,提前體驗了一下將來(lái)在社會(huì )上的工作情況,給我們提前積累一些社會(huì )經(jīng)驗,通過(guò)本次的實(shí)習讓我們更加熟練網(wǎng)頁(yè)的制作,并創(chuàng )新的以網(wǎng)絡(luò )作為平臺,結合網(wǎng)絡(luò )運用制作了各類(lèi)網(wǎng)頁(yè)。這包括了我們專(zhuān)業(yè)所學(xué)習的所有內容,這次實(shí)習不緊是對我們過(guò)去學(xué)習成果的總結驗證,更是一次學(xué)習上的創(chuàng )新與進(jìn)步。在這次校內實(shí)習過(guò)程中,不管在知識掌握上,還是知識運用實(shí)踐體驗方面我都得到了很大的收獲。
網(wǎng)頁(yè)設計與制作的實(shí)習是鍛煉我們實(shí)踐能力的重要環(huán)節,是對我們實(shí)際工作能力的具體習練和考察過(guò)程。隨著(zhù)科學(xué)技術(shù)發(fā)展的日新月異,網(wǎng)頁(yè)設計制作已經(jīng)成為當今計算機應用中空前活躍的領(lǐng)域,在生活中可以說(shuō)得是無(wú)處不在。因此作為二十一世紀的大學(xué)來(lái)說(shuō)掌握網(wǎng)頁(yè)設計制作的技術(shù)和能力是十分重要的。
這次實(shí)習,我為自己家鄉的一個(gè)概況做一個(gè)網(wǎng)頁(yè)。我是來(lái)自大理,大理作為一座旅游城市,擁有眾多的旅游風(fēng)景點(diǎn),所以我選擇了為我家鄉的旅游做一個(gè)網(wǎng)頁(yè)。
首先我要做的就是要選擇好題目和網(wǎng)頁(yè)的風(fēng)格,之后我就分步驟準備在制作網(wǎng)頁(yè)前所要做好的準備工作。我瀏覽了大理旅游網(wǎng)的一些
特點(diǎn),借鑒這些網(wǎng)頁(yè)的優(yōu)秀之處,不好的地方在自己的網(wǎng)頁(yè)上加以改良,從而使自己的網(wǎng)頁(yè)更加美觀(guān)。
做好這些準備工作之后我希望能在最短的時(shí)間內做到最好的效果。接下來(lái)的步驟就是準備素材,搜集與主題相關(guān)的文字、圖像、動(dòng)畫(huà)、音樂(lè )等資料。在準備素材的過(guò)程中我用到了dreamweaver、photoshop等工具。再是設計網(wǎng)頁(yè)的內容結構、目錄結構和鏈接結構,設計首頁(yè)及其頁(yè)面的版式結構。然后創(chuàng )建本地網(wǎng)頁(yè),建立網(wǎng)頁(yè)的目錄結構。制作首頁(yè)、二級子頁(yè)、內容頁(yè),創(chuàng )建超級鏈接。最后就是測試與瀏覽網(wǎng)頁(yè),如果還有什么不理想的地方再改進(jìn),改進(jìn)后再預覽,如此反復,最后達到預期的`效果!
在設計的過(guò)程中遇到的問(wèn)題,可以說(shuō)是困難重重,這畢竟是第一次獨自設計網(wǎng)頁(yè)、制作網(wǎng)頁(yè),難免會(huì )遇到過(guò)各種各樣的問(wèn)題,同時(shí)在設計的過(guò)程中發(fā)現了自己的不足之處,對以前所學(xué)過(guò)的知識理解得不夠深刻,掌握得不夠牢固,比如說(shuō)拖動(dòng)層的設置,時(shí)間軸與層的顯示與隱藏的綜合應用,浮動(dòng)導航欄的定位等。在CSS的具體應用還不是和很熟練,沒(méi)有能完全達到自己預期的效果,還好通過(guò)老師的細心指導才能達到最終效果??通過(guò)這次網(wǎng)頁(yè)設計與制作實(shí)習,把以前所學(xué)過(guò)的知識重新溫
回顧這次課程設計,至今我仍感慨頗多。的確,從選題到開(kāi)始制作,從理論到實(shí)踐,在實(shí)習兩個(gè)月的日子里,可以說(shuō)得是苦多于甜,但是可以學(xué)到很多很多的東西,同時(shí)不僅可以鞏固了以前所學(xué)過(guò)的知識,而且學(xué)到了很多在書(shū)本上所沒(méi)有學(xué)到過(guò)的知識。通過(guò)這次課程設
計使我懂得了理論與實(shí)際相結合是很重要的,只有理論知識是遠遠不夠的,只有把所學(xué)的理論知識與實(shí)踐相結合起來(lái),從理論中得出結論,才能真正為掌握技術(shù),從而提高自己的實(shí)際動(dòng)手能力和獨立思考的能力。
這次實(shí)習為我提供了與眾不同的學(xué)習方法和學(xué)習體會(huì ),從書(shū)本中面對現實(shí),為我將來(lái)走上社會(huì )打下了扎實(shí)的基礎。從實(shí)踐操作中,我總結出一些屬于自己的實(shí)踐經(jīng)驗,社會(huì )是不會(huì )要一個(gè)一無(wú)是處的人的。作為信息與計算科學(xué)專(zhuān)業(yè)的學(xué)生,現在我能做的就是吸取知識,提高自身的綜合素質(zhì),提高自己的創(chuàng )新能力和合作能力等,自己有了能力,到時(shí)候才會(huì )是“車(chē)到山前必有路”。我相信在不久的未來(lái),會(huì )有屬于我自己的一片天空!
這次課程設計在驗收之后終于順利完成了,在設計中遇到了很多的技術(shù)問(wèn)題,最后在老師的辛勤指導下,終于游刃而解。同時(shí),在老師的身上我學(xué)得到很多實(shí)用的知識,在這我再次我表示深深地感謝!同時(shí),對給過(guò)我幫助的所有同學(xué)表示忠心的感謝!
網(wǎng)頁(yè)設計報告8
一、 實(shí)習目的
(一) 檢驗自己是不是真的適合這個(gè)職業(yè)
鑒于自己對未來(lái)的職業(yè)生涯的規劃更傾向于設計,這和自己所學(xué)的專(zhuān)業(yè)不是
十分有聯(lián)系,所以我希望在實(shí)習的過(guò)程里思考自己未來(lái)是否適合從事這方面的工作,為以后求職之路少走彎路做一定的嘗試。
(二) 在實(shí)踐中查漏補缺
在學(xué)校學(xué)習的網(wǎng)站建設知識僅僅停留在平時(shí)的作業(yè)里,并沒(méi)有得到充分的運
用。希望可以藉由這次實(shí)習,好好鞏固書(shū)面知識。在實(shí)際運用中通過(guò)發(fā)現問(wèn)題,解決問(wèn)題對知識進(jìn)行查漏補缺。
(三) 在工作中打磨自己
由于學(xué)校和社會(huì )是截然不同的生活、學(xué)習、工作氛圍,在工作中我們不可以
像在學(xué)校一樣隨心所欲,待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實(shí)習里,和同事上司的相處中獲得這方面的成長(cháng)。
二、 實(shí)習內容
(一) 實(shí)習主要內容
廣州xxxx有限公司是一個(gè)研發(fā)和銷(xiāo)售智能寄存柜的公司。它的產(chǎn)品在展示和
銷(xiāo)售這兩個(gè)環(huán)節很需宣傳冊、企業(yè)網(wǎng)站等作為一個(gè)推廣媒介。我實(shí)習的主要內容就是配合網(wǎng)絡(luò )部去完成網(wǎng)站建設的工作,涉及前臺的外觀(guān)設計和后臺的代碼編寫(xiě),以及宣傳冊的設計。
1、負責設計公司整個(gè)企業(yè)網(wǎng)站的頁(yè)面部分,根據網(wǎng)頁(yè)設計師或客戶(hù)所提供的主題要求和思路框架來(lái)設計出整個(gè)網(wǎng)站。
1)使用Photoshop、AI等圖片處理軟件設計、處理和制作網(wǎng)站上需要的圖片
2)使用DIV+CSS樣式及基礎的HTML語(yǔ)言做頁(yè)面布局的排版
3)使用Photoshop對網(wǎng)頁(yè)進(jìn)行配色及排版設計
4)編寫(xiě)CSS代碼使網(wǎng)站頁(yè)面無(wú)論是在IE瀏覽器里還是在FF瀏覽器上正常顯示
2、負責網(wǎng)站的幾個(gè)主體模塊的文案撰寫(xiě)和后臺編輯
1)在已有的文案上配合網(wǎng)站架構進(jìn)行提煉和歸納整理
2)使用Photoshop對文案進(jìn)行概念配圖
3)在后臺將文案部分合理配色排版
4)按照網(wǎng)站架構在后臺錄入所有產(chǎn)品資料
(二)工作過(guò)程
在公司的2個(gè)多月里,我的工作都是由負責整個(gè)網(wǎng)站文案架構的曹經(jīng)理分配
監督的。確認實(shí)習機會(huì )前的面試的時(shí)候也是由他負責的。面試的時(shí)候他并沒(méi)有過(guò)多的考察我在網(wǎng)站制作上的技術(shù)問(wèn)題。更多的從我對網(wǎng)站設計方面的配色排版的現有審美以及做事的認真細致程度去考察的。從一開(kāi)始我就以踏實(shí)認真的態(tài)度對待每一項他交付給我的任務(wù)。下面我挑選一些讓我收獲很多,學(xué)習很多,影響我很多,讓我回想起來(lái)都是歷歷在目的事情重點(diǎn)說(shuō)一下。
1、 經(jīng)理讓我按照網(wǎng)頁(yè)設計師提供的jpg稿變成div和css 。
1)這個(gè)任務(wù)簡(jiǎn)單來(lái)說(shuō)就是架構網(wǎng)頁(yè)框架和完善里面的文本主體。里面涉及很多文本,我覺(jué)得既然有具體的設計稿就一定保存有文案,所以咨詢(xún)了經(jīng)理是否有必要花這部分時(shí)間去打文本。經(jīng)理的回復是很有必要。他的意見(jiàn)是,讓我重新輸入文本可以幫助檢查錯誤,同時(shí)可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的'主要內容,對我后面的工作有幫助。頓時(shí)知道,一個(gè)實(shí)習生想到的東四是多么的膚淺,對經(jīng)理工作上的態(tài)度更是肅然起敬。
2)因為經(jīng)理沒(méi)想要讓實(shí)習生負責過(guò)于復雜的事情,在這部分工作中設計的div 和css的內容并沒(méi)有很復雜,需要的就是要注重細節。但實(shí)際上自己做事遠沒(méi)有自已一開(kāi)始想象的那么能夠靜下心地考慮大局。只要想到一個(gè)覺(jué)得挺好的排版我就一下子全部套用了,以至于最后通過(guò)多次檢查,發(fā)現這個(gè)排版有瑕疵的時(shí)候又要重頭再來(lái)。這些經(jīng)歷都讓我體會(huì )到比起表面的工作速度,有前面深思熟慮的慢節奏才能造就最終的高效率。所以一開(kāi)始在用css排版的時(shí)候其實(shí)應該多做幾個(gè)版本仔細做對比,看清楚哪個(gè)更合適才確定的。
2、經(jīng)理讓我設計幾個(gè)欄目對應的banner圖片
1)由于自己并沒(méi)有專(zhuān)門(mén)學(xué)過(guò)banner規范和設計方面的專(zhuān)業(yè)知識,有的只是審美方面的一些小體會(huì )。接手這個(gè)工作需要花大量的時(shí)間去學(xué)習和參考。一開(kāi)始略略覺(jué)得壓力大,但是覺(jué)得經(jīng)理讓我去做,就是相信我的能力。所以我也沒(méi)有慌,按照自己的節奏和需要邊學(xué)邊做。
從整體了解主題:自己找了多個(gè)類(lèi)似的企業(yè)網(wǎng)站作參考,通過(guò)總結企業(yè)網(wǎng)站
中,幾個(gè)主要的欄目在網(wǎng)站上具體意義,體會(huì )這對應的幾個(gè)欄目banner的設計意義。
思考配色與構圖:對整個(gè)內容有了一了解后,便要思考作品的色彩和具體的
構圖,先用筆畫(huà)出草圖,有時(shí)候也會(huì )直接在腦海里構思。除了從公司的角度,圍繞要傳達的東西去設計,我也充分意識到要轉換身份從用戶(hù)的角度出發(fā),怎樣才可以更吸引人?傮w來(lái)說(shuō)就是除了審美上的設計,也考慮很多目的性。
查找素材:素材這個(gè)問(wèn)題我總結了一種思路,電腦里下載一些專(zhuān)業(yè)的“科技
信息”圖庫。另外配合專(zhuān)業(yè)在線(xiàn)圖庫網(wǎng)站(通常是國外站點(diǎn))+Google,百度圖片等搜索引擎進(jìn)行即使的素材查找。再加上自己平時(shí)積累的素材,選擇是非常大的。最后就是不斷地觀(guān)察對比最終效果,看哪幾張banner圖片更適合整體網(wǎng)站。
2)最終banner圖片并沒(méi)有全都采用我設計的,有一些還是因為不夠大氣被撤下來(lái)了。一開(kāi)始我還挺灰心,覺(jué)得自己的付出沒(méi)有得到認可。但是我知道當初經(jīng)理就是感覺(jué)可以給我試一下,才給我這個(gè)機會(huì )去讓我發(fā)揮一下的,所以我好好學(xué)習了別人的圖片,看自己的和別人的差別在哪里,不浪費這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個(gè)公司簡(jiǎn)介的頁(yè)面
1)我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來(lái)說(shuō)其實(shí)很簡(jiǎn)單。但是我從舊網(wǎng)站了解到公司簡(jiǎn)介那篇文案比較累贅,如果想要瀏覽網(wǎng)站的用戶(hù)肯停留在這個(gè)頁(yè)面多幾秒,或者因為這個(gè)公司簡(jiǎn)介的頁(yè)面而更信任這個(gè)公司的產(chǎn)品,更有沖動(dòng)訂個(gè)公司的寄存柜就要在文案的內容上下功夫,就要在表現上更生動(dòng),讓人看著(zhù)不會(huì )覺(jué)得文字流水賬,很煩躁。
于是在經(jīng)理沒(méi)有給我嚴格期限的時(shí)候,我選擇了按照自己的思路去修改文案,
把多余的文字刪掉,根據公司的優(yōu)勢修改出精簡(jiǎn)的幾點(diǎn),變得更有條理更有重點(diǎn)。
這只是對文案的初步處理,接著(zhù)根據幾個(gè)要點(diǎn)用Photoshop處理幾張概念配
圖出來(lái),將公司寄存柜的技術(shù)水平之領(lǐng)先,應用領(lǐng)域之眾多,銷(xiāo)售范圍之巨大等等用更生動(dòng)形象的方式表現。從設想到思考中間的問(wèn)題到最后的完成,花的時(shí)間雖然多,但是最終的效果得到了經(jīng)理的肯定,對網(wǎng)站的宣傳作用起到了很好的幫助,這都是值得的。
三、 實(shí)習體會(huì )
做了2個(gè)月的網(wǎng)頁(yè)設計和編輯的實(shí)習生,終于體會(huì )到網(wǎng)頁(yè)設計并非只是圖文混排的那點(diǎn)事。當你真正的去努力的創(chuàng )造了之后,經(jīng)常被別人一眼就否定了。這才真正明白一個(gè)好的網(wǎng)頁(yè)不只是效果華麗還要多從用戶(hù)的角度去考慮問(wèn)題。通過(guò)實(shí)習,我不僅將自己在學(xué)校學(xué)過(guò)的東西通過(guò)實(shí)踐進(jìn)步一鞏固,也通過(guò)向公司的人請教學(xué)到很多工作上的技巧,更通過(guò)實(shí)習體會(huì )到很多沒(méi)有人會(huì )教授給你的東西。 工作是人生活的重要部分,是我們畢業(yè)生必須面對的。就算是遇到困難,我也會(huì )用平常的心態(tài)實(shí)際看待問(wèn)題,不說(shuō)“不可能”,而是冷靜下來(lái)思考如何處理并付諸于實(shí)踐。
在實(shí)習的日子,我學(xué)習到了很多如果沒(méi)有這次經(jīng)歷,就不會(huì )有的細膩體會(huì )。
(一) 深刻感受到什么是真正的細心
其實(shí)在高中甚至到大學(xué),老師都總是強調“細心”,對于細心什么的我以前自我感覺(jué)還挺不錯的。但是當老師在斤斤計較一個(gè)標點(diǎn)符號或者花時(shí)間可以渲染“細心”的重要性的時(shí)候我就覺(jué)得好小題大做那時(shí)的我覺(jué)得“細心”是你可以刻意去營(yíng)造的狀態(tài)。包括經(jīng)理對我強調細致的時(shí)候我也是這樣想的。我覺(jué)得只要想到考試的時(shí)候或者處理工作的事情的時(shí)候去跟自己說(shuō)細心點(diǎn)就好了。但是在這個(gè)實(shí)習的過(guò)程里,因為無(wú)意和粗心犯下的錯誤,才讓我明白老師反復說(shuō)的話(huà)到底意義在哪里。往往一些不好的后果或者沒(méi)有必要的錯誤,正正是在你認為不用細心和沒(méi)有想過(guò)要去細心的行為后出現的。這才是我們?yōu)槭裁匆B成這個(gè)習慣的原因。所以不管是生活中的小事情還是工作中的大事情,我們都要養成習慣,以細心認真的態(tài)度對待。
(二) 主動(dòng)思考的重要性
從學(xué)校走向社會(huì ),首要面臨的問(wèn)題便是角色轉換的問(wèn)題。從一個(gè)學(xué)生轉化為一個(gè)單位人,一個(gè)單位人工作要考慮的問(wèn)題就是如何發(fā)揮自己最大的價(jià)值為單位創(chuàng )造效益。做事要主動(dòng)一點(diǎn),這不是指一直主動(dòng)問(wèn)上司有什么事做,而是在別人交付你任務(wù)的時(shí)候自己主動(dòng)想一下怎么做才更好,而不是把自己當一個(gè)機器人一樣。就像做公司簡(jiǎn)介頁(yè)面的時(shí)候,我把自己做得效果給經(jīng)理看的時(shí)候,經(jīng)理說(shuō)“你真的很用心,很負責”,“你做的公司簡(jiǎn)介那個(gè)頁(yè)面,讓我感觸很深”。
網(wǎng)頁(yè)設計報告9
一、網(wǎng)頁(yè)設計的內容
網(wǎng)頁(yè)設計中包含著(zhù)主觀(guān)和客觀(guān)兩方面的因素,在確立了網(wǎng)頁(yè)主題之后,首先要明確和熟悉設計的對象和構成的要素。網(wǎng)頁(yè)設計涉及的具體內容很多,可以概括為視聽(tīng)元素和版式設計兩個(gè)方面。
1、視聽(tīng)元素
這里所說(shuō)的視聽(tīng)元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂(lè )、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà),還是音頻、視頻,網(wǎng)頁(yè)設計者所要考慮的是如何以感研究的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運用大大豐富了網(wǎng)頁(yè)設計的表現力。
以上各視聽(tīng)元素大多數瀏覽器本身都可以顯示或收聽(tīng),無(wú)需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動(dòng)畫(huà)。還有些多媒體文件(如mp3音樂(lè ))需要先下載到本地由?上,然后啟動(dòng)相應的外部程序來(lái)播放。另外,在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后,提供了基于ole的activex技術(shù),用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前activex已經(jīng)成為熱門(mén)技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語(yǔ)言編寫(xiě)的應用于網(wǎng)頁(yè)之中的小應用程序,相比于插件和activex,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景?傊,技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)設計中的綜合運用越來(lái)越廣泛,使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現,也對網(wǎng)頁(yè)的藝術(shù)設計提出了更高的要求。
2、版式設計
網(wǎng)頁(yè)的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網(wǎng)頁(yè)的藝術(shù)設計中占據著(zhù)重要的地位。所謂網(wǎng)頁(yè)的版式設計,是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機的排列組合,將理性思維個(gè)性化的表現出來(lái),是一種具有個(gè)研究風(fēng)格和藝術(shù)特色的視聽(tīng)傳達方式。它在傳達信息的同時(shí),也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁(yè)的排版與書(shū)籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸,網(wǎng)頁(yè)則不然,它的尺寸是由讀者來(lái)控制的。這使網(wǎng)頁(yè)設計者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置。而且,網(wǎng)頁(yè)的組織結構不像印刷品那樣為線(xiàn)性組合,這給網(wǎng)頁(yè)的版式設計帶來(lái)了一定的難度。
二、網(wǎng)頁(yè)設計的原則
網(wǎng)頁(yè)作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現形式、運行方式和社會(huì )功能的不同,網(wǎng)頁(yè)設計又有其自身的特殊規律。網(wǎng)頁(yè)的藝術(shù)設計,是技術(shù)與藝術(shù)的結合,內容與形式的統一。它要求設計者必須掌握以下三個(gè)主要原則:
1、主題鮮明
視覺(jué)設計表達的是一定的意圖和要求,有明確的主題,并按照視覺(jué)心理規律和形式將主題主動(dòng)地傳達給觀(guān)賞者。訴求的目的,是使主題在適當的環(huán)境里被研究們即時(shí)地理解和接受,以滿(mǎn)足研究們的實(shí)用和需求,這就要求視覺(jué)設計不但要單純、簡(jiǎn)練、清晰和精確,而且在強調藝術(shù)性的同時(shí),更應該注重通過(guò)獨特的風(fēng)格和強烈的視覺(jué)沖擊力,來(lái)鮮明地突出設計主題。
根據認知心理學(xué)的理論,大多數研究在短期記憶中只能同時(shí)把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘,概括起來(lái)就是:較小而分立的信息要比較長(cháng)而不分立的信息更為有效和容易瀏覽。這個(gè)規律蘊含在研究們尋找信息和使用信息的實(shí)踐活動(dòng)中,它要求視覺(jué)設計者的網(wǎng)頁(yè)設計必須自覺(jué)地掌握和遵從。
作為視覺(jué)設計范疇一種的網(wǎng)頁(yè)設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過(guò)對網(wǎng)頁(yè)主題思想運用邏輯規律進(jìn)行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過(guò)對網(wǎng)頁(yè)構成元素運用藝術(shù)的形式美法則進(jìn)行條理性處理,更好地營(yíng)造符合設計目的的視覺(jué)環(huán)境,突出主題,增強瀏覽者對網(wǎng)頁(yè)的注意力,增進(jìn)對網(wǎng)頁(yè)內容的理解。只有兩個(gè)方面有機地統一,生能實(shí)現最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁(yè)設計必然服務(wù)于網(wǎng)站的主題,就是說(shuō),什么樣的網(wǎng)站,應該有什么樣的設計。例如,設計類(lèi)的個(gè)研究站點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同,目的也不同,所以評論的標準也不同。網(wǎng)頁(yè)設計與網(wǎng)站主題的關(guān)系應該是這樣:首先,設計是為主題服務(wù)的;其次,設計是藝術(shù)和技術(shù)結合的產(chǎn)物,就是說(shuō),即要“美”,又要實(shí)現“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個(gè)搜索引擎,首先要實(shí)現“搜索”的“功能”。它的主題即是它的“功能”。而一個(gè)個(gè)研究網(wǎng)站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網(wǎng)頁(yè)為目的。它的主題只有一個(gè),就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁(yè)構成元素空間關(guān)系的形式美組合,或者只重視網(wǎng)頁(yè)形式上的條理而淡化主題思想的邏輯,都將削弱網(wǎng)頁(yè)主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網(wǎng)頁(yè)設計或使網(wǎng)頁(yè)設計以失敗 而告終。
要使網(wǎng)頁(yè)從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過(guò)對網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間的邏輯性的把握運用來(lái)達到。
2、形式與內容統一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱(chēng)為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風(fēng)格或設計語(yǔ)言等表現方式。內容決定形式,形式反作用于內容。一個(gè)優(yōu)秀的設計必定是形式對內容的完美表現。正如黑格爾所說(shuō):“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去摹擬事物,再現現實(shí),而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風(fēng)尚、趣味,使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境!(黑格爾<美學(xué)>第三卷)
一方面,網(wǎng)頁(yè)設計所追求的形式美,必須適合主題的需要,這是網(wǎng)頁(yè)設計的前提。只講花哨的表現形式以及過(guò)于強調“獨特的設計風(fēng)格”而脫離內容,或者只求內容而缺乏藝術(shù)的表現,網(wǎng)頁(yè)設計都會(huì )變的空洞而無(wú)力。設計者只有將二者有機地統一起來(lái),深入領(lǐng)會(huì )主題的精髓,再融合自己的思想感情,找到一個(gè)完美的表現形式,生能體現出網(wǎng)頁(yè)設計獨具的分量和特有的價(jià)值。另一方面,要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性,不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會(huì )適得其反。只有通過(guò)認真設計和充分的考慮來(lái)實(shí)現全面的功能并體現美感生能實(shí)現形式與內容的統一。
據有關(guān)資料所做的保守估計,目前在上網(wǎng)頁(yè)數據傳輸平均以每秒1、5k的速度到達客戶(hù)端。假設某個(gè)網(wǎng)頁(yè)為了豐富其藝術(shù)性而追趕時(shí)髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網(wǎng)頁(yè)數據,使瀏覽者必須等待很長(cháng)時(shí)間生能看到“廬山真面目”,這樣的網(wǎng)頁(yè)就不是一個(gè)優(yōu)秀的網(wǎng)頁(yè),因為它不符合網(wǎng)頁(yè)傳播信息的突出特性之一——快捷性,使網(wǎng)頁(yè)內容不能很快地到達訪(fǎng)問(wèn)者,影響了訪(fǎng)問(wèn)效果和質(zhì)量,損害了訪(fǎng)問(wèn)者的情趣和積極性,這種技術(shù)要素影響了傳達信息的效果,因而不是形式與內容的完美統一。
網(wǎng)頁(yè)具有多屏、分頁(yè)、嵌套等特性,設計者可以對其進(jìn)行形式上的適當變化以達到多變性處理效果,豐富整個(gè)網(wǎng)頁(yè)的形式美。這就要求設計者在注意單個(gè)頁(yè)面形式與內容統一的同時(shí),更不能忽視同一主題下多個(gè)分頁(yè)面組成的整體網(wǎng)頁(yè)的形式與整體內容的統一。
因此,在網(wǎng)頁(yè)設計中必須注意形式與內容的高度統一。
3、強調整體
網(wǎng)頁(yè)的整體性包括內容和形式上的整體性,這里主要討論設計形式上的整體性。
網(wǎng)頁(yè)是傳播信息的載體,它要表達的是一定的內容、主題和意念,在適當的時(shí)間和空間環(huán)境里為研究們所理解和接受,它以滿(mǎn)足研究們的實(shí)用和需求為目標。設計時(shí)強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給研究一種內部有機聯(lián)系、外部和諧完整的美感。整體性也是體現一個(gè)站點(diǎn)獨特風(fēng)格的重要手段之一。
網(wǎng)頁(yè)的結構形式是由各種視聽(tīng)要素組成的。在設計網(wǎng)頁(yè)時(shí),強調頁(yè)面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風(fēng)格等方面入手。例如:在版式上,將頁(yè)面中各視覺(jué)要素作通盤(pán)考慮,以周密的組織和精確的定位來(lái)獲得頁(yè)面的秩序感,即使運用“散”的結構,也是經(jīng)過(guò)深思熟慮之后的決定;一個(gè)站點(diǎn)通常只使用兩到三種標準色,并注意色彩搭配的.和諧;對于分屏的長(cháng)頁(yè)面,不可設計完第一屏再考慮下一屏。同樣,整個(gè)網(wǎng)頁(yè)內部的頁(yè)面,都應統一規劃,統一風(fēng)格,讓瀏覽者體會(huì )到設計者完整的設計思想。
從某種意義上講,強調網(wǎng)頁(yè)結構形式的視覺(jué)整體性必然會(huì )犧牲靈活的多變性,“物極必反”就是這個(gè)道理。因此,在強調網(wǎng)頁(yè)整體性設計的同時(shí)必須注意:過(guò)于強調整體性可能會(huì )使網(wǎng)頁(yè)呆板、沉悶,以致影響訪(fǎng)問(wèn)者的情趣和繼續瀏覽的欲望!罢w”是“多變”基礎上的整體。
三、網(wǎng)頁(yè)設計的特點(diǎn)
1、交互性與持續性
網(wǎng)頁(yè)不同于傳統媒體之處,就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是web成為熱點(diǎn)的主要原因,也是網(wǎng)頁(yè)設計時(shí)必須考慮的問(wèn)題。傳統媒體(如廣播、電視節目、報刊雜志等)都以線(xiàn)性方式提供信息,即按照信息提供者的感覺(jué)、體驗和事先確定的格式來(lái)傳播。而在web環(huán)境下,研究們不再是一個(gè)傳統媒體方式的被動(dòng)接受者,而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續的交互,使網(wǎng)頁(yè)設計不像印刷品設計那樣,發(fā)表之后就意味著(zhù)設計的結束。網(wǎng)頁(yè)設計研究員必須根據網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標,配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略,以及用戶(hù)的反饋信息,經(jīng)常地對網(wǎng)頁(yè)進(jìn)行調整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進(jìn)行改版,這就需要設計者在保持網(wǎng)站視覺(jué)形象一貫性的基礎上,不斷創(chuàng )作出新的網(wǎng)頁(yè)設計作品。
2、多維性
多維性源于超級鏈接,主要體現在網(wǎng)頁(yè)設計中對導航的設計上。由于超級鏈接的出現,網(wǎng)頁(yè)的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前研究們接收信息的線(xiàn)性方式。例如,可將頁(yè)面的組織結構分為序列結構、層次結構、網(wǎng)狀結構、復合結構等。但頁(yè)面之間的關(guān)系過(guò)于復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設計者帶來(lái)了更大的困難。為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息,設計者必須考慮快捷而完善的導航設計。
印刷品中導航問(wèn)題不是那么突出,如果一個(gè)句子在頁(yè)尾突然終止,讀者會(huì )很自然地翻到下一頁(yè)查找剩余部分,為了幫助讀者找到他們要找的信息,出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁(yè)跳到后面的非順序頁(yè)時(shí),讀者會(huì )看到類(lèi)似于“續68頁(yè)”這樣的指引語(yǔ)句。然而,作為一名網(wǎng)頁(yè)設計者,你以前所學(xué)的導航技術(shù)沒(méi)有一種完全適合于網(wǎng)頁(yè)導航。在替瀏覽者考慮得很周到的網(wǎng)頁(yè)中,導航提供了足夠的、不同角度的鏈接,幫助讀者在網(wǎng)頁(yè)的各個(gè)部分之間跳轉,并告知瀏覽者現在所在的位置、當前頁(yè)面和其他頁(yè)面之間的關(guān)系等。而且,每頁(yè)都有一個(gè)返回主頁(yè)的按鈕或鏈接,如果頁(yè)面是按層次結構組織的,通常還有一個(gè)返回上級頁(yè)面的鏈接。對于網(wǎng)頁(yè)設計者來(lái)說(shuō),面對的不是按順序排列的印刷頁(yè)面,而是自由分散的網(wǎng)頁(yè),因此必須考慮更多的問(wèn)題。如:怎樣構建合理的頁(yè)面組織結構,讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點(diǎn)索引、幫助頁(yè)面、查詢(xún)功能在內的導航系統?這一切從哪兒開(kāi)始,到哪兒結束?
3、多種媒體的綜合性
目前網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、聲音、視頻等,隨著(zhù)網(wǎng)絡(luò )帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來(lái)設計網(wǎng)頁(yè),以滿(mǎn)足和豐富瀏覽者對網(wǎng)絡(luò )信息傳輸質(zhì)量提出的更高要求。目前國內網(wǎng)頁(yè)已經(jīng)出現了模擬三維的操作界面,在數據壓縮技術(shù)的改進(jìn)和流(stream)技術(shù)的推動(dòng)下,inter網(wǎng)上出現實(shí)時(shí)的音頻和視頻服務(wù),典型的有在線(xiàn)音樂(lè )、在線(xiàn)廣播、網(wǎng)上電影 、網(wǎng)上直播等。因此,多種媒體的綜合運用是網(wǎng)頁(yè)設計的特點(diǎn)之一,是未來(lái)的發(fā)展方向。
4、版式的不可控性
網(wǎng)頁(yè)版式設計與傳統印刷版式設計有著(zhù)極大的差異:
(1)印刷品設計者可以指定使用的紙張和油墨,而網(wǎng)頁(yè)設計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器;
(2)網(wǎng)絡(luò )正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;
(3)網(wǎng)頁(yè)設計過(guò)程中有關(guān)web的每一件事都可能隨時(shí)發(fā)生變化。
這一切說(shuō)明,網(wǎng)絡(luò )應用尚處在發(fā)展之中,關(guān)于網(wǎng)絡(luò )應用也很難在各個(gè)方面都制訂出統一的標準,這必然導致網(wǎng)頁(yè)版式設計的不可控制性。其具體表現為:
(1)網(wǎng)頁(yè)頁(yè)面會(huì )根據當前瀏覽器窗口大小自動(dòng)格式化輸出;
(2)網(wǎng)頁(yè)的瀏覽者可以控制網(wǎng)頁(yè)頁(yè)面在瀏覽器中的顯示方式;
(3)不同種類(lèi)、版本的瀏覽器觀(guān)察同一個(gè)網(wǎng)頁(yè)頁(yè)面,效果會(huì )有所不同;
(4)用戶(hù)的瀏覽器工作環(huán)境不同,顯示效果也會(huì )有所不同。
把所有這些問(wèn)題歸結為一點(diǎn),即網(wǎng)頁(yè)設計者無(wú)法控制頁(yè)面在用戶(hù)端的最終顯示效果,但這也正是網(wǎng)頁(yè)設計的吸引研究之處。
5、技術(shù)與藝術(shù)結合的緊密性
設計是主觀(guān)和客觀(guān)共同作用的結果,是在自由和不自由之間進(jìn)行的,設計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀(guān)條件限制,優(yōu)秀設計者正是在掌握客觀(guān)規律基礎上得到了完全的自由,一種想象和創(chuàng )造的自由。網(wǎng)絡(luò )技術(shù)主要表現為客觀(guān)因素,藝術(shù)創(chuàng )意主要表現為主觀(guān)因素,網(wǎng)頁(yè)設計者應該積極主動(dòng)地掌握現有的各種網(wǎng)絡(luò )技術(shù)規律,注重技術(shù)和藝術(shù)緊密結合,這樣生能窮盡技術(shù)之長(cháng),實(shí)現藝術(shù)想象,滿(mǎn)足瀏覽者對網(wǎng)頁(yè)信息的高質(zhì)量需求。
例如,瀏覽者欣賞一段音樂(lè )或電影,以前必須先將這段音樂(lè )或電影下載回本地機器,然后使用相應的程序來(lái)播放,由于音頻或視頻文件都比較大,需要較長(cháng)的下載時(shí)間。流(stream)技術(shù)出現以后,網(wǎng)頁(yè)設計者充分、巧妙地應用此技術(shù),讓瀏覽者在下載過(guò)程中就可以欣賞這段音樂(lè )或電影,實(shí)現了實(shí)時(shí)的網(wǎng)上視頻直播服務(wù)和在線(xiàn)欣賞音樂(lè )服務(wù),無(wú)疑增強了頁(yè)面傳播信息的表現力和感染力。
網(wǎng)絡(luò )技術(shù)與藝術(shù)創(chuàng )意的緊密結合,使網(wǎng)頁(yè)的藝術(shù)設計由平面設計擴展到立體設計,由純粹的視覺(jué)藝術(shù)擴展到空間聽(tīng)覺(jué)藝術(shù),網(wǎng)頁(yè)效果不再近似于書(shū)籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀(guān)賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與藝術(shù)的緊密結合,把瀏覽者帶入一個(gè)真正現實(shí)中的虛擬世界。
技術(shù)與藝術(shù)的緊密結合在網(wǎng)頁(yè)設計中體現得尤為突出。
網(wǎng)頁(yè)設計報告10
UI設計
崗位實(shí)習報告
部門(mén):
實(shí)習崗位:UI設計
姓名:×××
指導偉德: 杜青道
完成時(shí)間:
一、實(shí)習目的
實(shí)習目的是,通過(guò)UI設計相關(guān)工作崗位實(shí)習使我了解以后再UI設計相關(guān)工作崗位工作的特點(diǎn)、性質(zhì),學(xué)習體驗UI設計相關(guān)崗位工作的實(shí)際情況,學(xué)習與積累工作經(jīng)驗,為以后真正走上UI設計相關(guān)工作崗位做好崗前準備。
同時(shí)通過(guò)UI設計相關(guān)工作崗位的實(shí)習,熟悉實(shí)際工作過(guò)程的運作體系和管理流程,把自己所學(xué)UI設計工作崗位理論知識應用于實(shí)際,鍛煉UI設計工作崗位業(yè)務(wù)能力和社會(huì )交際實(shí)踐能力,并在工作中學(xué)習UI設計相關(guān)工作崗位的新知識,對自己所學(xué)的知識進(jìn)行總結并提升,以指導未來(lái)在UI設計相關(guān)工作崗位的學(xué)習重點(diǎn)和發(fā)展方向。
二、實(shí)習時(shí)間
20x×年03月01日~20x×年06月15日
(修改成自己UI設計相關(guān)工作崗位實(shí)習時(shí)間)
三、實(shí)習地點(diǎn)
蘇州市經(jīng)濟開(kāi)發(fā)區江南大道
(修改成自己UI設計工作崗位實(shí)習地點(diǎn))
四、實(shí)習單位
江蘇省蘇杭偉德集團(修改成自己UI設計相關(guān)工作崗位實(shí)習單位)
此處可以繼續添加具體你UI設計工作崗位實(shí)習單位的詳細介紹
五、實(shí)習主要內容
我很榮幸進(jìn)入江蘇省蘇杭偉德集團(修改成自己UI設計相關(guān)工作崗位實(shí)習單位)開(kāi)展UI設計崗位實(shí)習。為了更好地適應從沒(méi)有UI設計崗位工作經(jīng)驗到一個(gè)具備完善業(yè)務(wù)水平的工作人員,實(shí)習單位主管領(lǐng)導首先給我們分發(fā)UI設計相關(guān)工作崗位從業(yè)相關(guān)知識材料進(jìn)行一些基礎知識的自主學(xué)習,并安排專(zhuān)門(mén)的老前輩對UI設計崗位所涉及的相關(guān)知識進(jìn)行專(zhuān)項偉德。
在實(shí)習過(guò)程,單位安排的了杜老師作為實(shí)習指導,杜老師是位非常和藹親切的人,他偉德UI設計相關(guān)工作崗位領(lǐng)域工作已經(jīng)有二十年。他先帶領(lǐng)我們熟悉實(shí)習工作環(huán)境和UI設計相關(guān)工作崗位的工作職責和業(yè)務(wù)內容,之后他親切的和我們交談偉德實(shí)習工作具體性質(zhì)以及UI設計相關(guān)工作崗位容易遇到的問(wèn)題。杜老師帶領(lǐng)我們認識實(shí)習單位的其他工作人員,并讓我們虛心地向這些辛勤地在UI設計相關(guān)工作崗位上的前輩學(xué)習,在遇到不懂得問(wèn)題后要積極請教前輩。 畢竟是人生第一次在UI設計工作崗位上,所以真正掌握這一份工作是需要一個(gè)過(guò)程的。一開(kāi)始我對實(shí)際UI設計崗位的工作內容比較陌生,都不太清楚自己的工作范圍和職責,對實(shí)習單位的情況也不
太了解,不過(guò)杜老師會(huì )告訴我該怎樣處理自己在UI設計崗位上遇到的問(wèn)題。慢慢的'我也就熟悉了自己的UI設計崗位工作內容,在UI設計崗位上的一些棘手問(wèn)題也能自己獨立解決,每天把工作做得井井有條。
在單位實(shí)習期間,我偉德的UI設計工作崗位相關(guān)的工作之外,還負責協(xié)助其他部門(mén)的日常工作,包括制定計劃,利用新學(xué)習的UI設計相關(guān)工作崗位業(yè)務(wù)知識處理相關(guān)文書(shū)。
六、實(shí)習總結
對于第一次在UI設計相關(guān)工作崗位的的我來(lái)說(shuō),還沒(méi)有足夠的社會(huì )經(jīng)驗。經(jīng)過(guò)了這半年來(lái)的UI設計相關(guān)工作崗位實(shí)習,我學(xué)到了很多,感悟了很多。特別是在實(shí)習單位領(lǐng)導和UI設計工作崗位的相關(guān)同事的關(guān)心和指導下,認真完成領(lǐng)導交付的工作,和同事之間能夠通力合作,關(guān)系相處融洽而和睦。在工作中積極學(xué)習新知識、技能,注重自身發(fā)展和進(jìn)步,我學(xué)會(huì )了很多UI設計相關(guān)工作崗位理論實(shí)踐技能,增加了UI設計相關(guān)工作崗位相關(guān)工作經(jīng)驗,F將這兩個(gè)月UI設計崗位實(shí)習工作遇到的困難及心得總結如下:
實(shí)習體會(huì )
一是低調地做人,高調地做事。我到UI設計崗位工作以后,要知道自己能否勝任這份工作,不在于掌握了多少UI設計相關(guān)工作崗
網(wǎng)頁(yè)設計報告11
題目一、選題的背景和意義:
。ㄒ唬┻x題的背景:
1)國際動(dòng)態(tài):深圳市WTO事務(wù)中心通過(guò)紡織行業(yè)協(xié)會(huì )和服裝行業(yè)協(xié)會(huì ),就歐美對我國紡織品服裝啟動(dòng)保障措施設限,向各紡織服裝企業(yè)發(fā)出了預警信息。服裝企業(yè)要想成功地在國際市場(chǎng)中打拼,關(guān)注相關(guān)預警信息是重要保證。在藝術(shù)和設計領(lǐng)域,國外各種新思潮的涌入和滲透,帶動(dòng)著(zhù)我們的價(jià)值觀(guān)與審美觀(guān)一起跟隨國際流行動(dòng)態(tài)前進(jìn)。虛榮夸大的裝飾化風(fēng)格成為新的形式主義,使其更具國際化,緊隨國際時(shí)尚潮流。
2)國內動(dòng)態(tài):中國服裝的演變歷史大約是在夏商時(shí)期初見(jiàn)端倪,到了周代漸趨完善。當時(shí)的服飾依
據穿著(zhù)者的身份、地位各有分別。發(fā)展至今,中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡(jiǎn)單的款式,取代華麗而夸張的服裝款式等等。
我國服裝歷史悠久,款式、面料絢麗多彩,是我國民族文化藝術(shù)寶庫的珍品之一。隨著(zhù)社會(huì )的進(jìn)步和科學(xué)技術(shù)的發(fā)展,出現了不少現代多功能及高科技的奇妙服裝,以滿(mǎn)足人們的生活和工作需要。將來(lái)服裝的發(fā)展趨勢是不求名貴,但求方便,更求舒適,越來(lái)越薄的“綠色”服裝。
。ǘ┻x題的意義
服裝是一種帶有工藝性的生活必需品,而且在一定生活程度上,反映著(zhù)國家、民族和時(shí)代的政治、經(jīng)濟、科學(xué)、文化、教育水平以及社會(huì )風(fēng)尚面貌的重要標志,是兩個(gè)文明建
設的必然內涵。從社會(huì )、思想和文化變遷的角度看服裝的變化,服裝就成為考察社會(huì )文化變遷的窗口。所以一部?jì)?yōu)秀的社會(huì )生活史必定是社會(huì )文化史;一部?jì)?yōu)秀的社會(huì )文化史必然要對社會(huì )生活作出具體詳實(shí)的文化和社會(huì )的闡釋。
。1)大力弘揚我國服裝業(yè)進(jìn)取拼搏的精神,促進(jìn)服裝業(yè)的發(fā)展
由于網(wǎng)絡(luò )平臺可以實(shí)現信息資源共享,在網(wǎng)上組織更優(yōu)秀的服裝業(yè)發(fā)展動(dòng)態(tài),不僅使消費者在網(wǎng)上看到服裝業(yè)的最新發(fā)展趨勢,而且為消費者提供一個(gè)互相交流的平臺。
。2)尋找利用計算機技術(shù)及其專(zhuān)業(yè)技術(shù)實(shí)現消費者遠程交互自主買(mǎi)賣(mài)解決方案
。3)完善和發(fā)展學(xué)習設計理論
二、課題研究的主要內容:
1、服裝網(wǎng)站設計理論體系的研究
包括服裝品牌的.設計、構建性服裝網(wǎng)站環(huán)境的設計、服裝情境的設計、服裝資源的設計、消費者自主買(mǎi)賣(mài)活動(dòng)的設計、消費者與本網(wǎng)站互動(dòng)的設計、消費者評價(jià)工具的設計等。
2、基于網(wǎng)絡(luò )環(huán)境下的教學(xué)策略與教學(xué)模式的研究
。1)網(wǎng)絡(luò )教學(xué)策略的研究,如網(wǎng)絡(luò )環(huán)境下的教學(xué)內容組織策略、網(wǎng)絡(luò )環(huán)境下的教學(xué)情景營(yíng)造策略、網(wǎng)絡(luò )環(huán)境下的教學(xué)對話(huà)組織策略、網(wǎng)絡(luò )環(huán)境下的的課堂管理策略等
。2)網(wǎng)絡(luò )教學(xué)模式的研究,如項目化學(xué)習模式、探索性學(xué)習模式、研究性學(xué)模式等
。ㄈ、主要研究(設計)方法論述:
本項目的研究主要采用個(gè)案研究、實(shí)證研究、調查研究、比較研究等方法。對于較大規模的服裝款型與服裝面料的研究,將采用調查研究方法。
對于個(gè)別帶有創(chuàng )新性的服裝研究,則通過(guò)建立科學(xué)的假設,采用比較研究的方法。利用Flash編輯網(wǎng)站所需的小動(dòng)畫(huà),利用Dreamweaver
編輯網(wǎng)站框架,利用ASP和ASP。net實(shí)現網(wǎng)上買(mǎi)賣(mài)及消費者與網(wǎng)站交流溝通等功能。做出畢業(yè)設計!
四、論文(設計)
進(jìn)度安排:時(shí)間工作內容
選課題并完成該課題的開(kāi)題報告收集資料,建立模型整理分析資料,設計與調試完成論文初稿網(wǎng)站試驗,評價(jià)修改擴大試驗,歸納總結論文修改
對論文排版和打印,制光盤(pán)論文答辯五、指導教師意見(jiàn):指導教師簽名:六、系部意見(jiàn):年月日系主任簽名:年月日
網(wǎng)頁(yè)設計報告12
為期四個(gè)星期的實(shí)訓就這樣結束了。這學(xué)期的實(shí)訓是我在南工院的最后一次實(shí)訓,所以我很重視,也很認真。當然,在本次實(shí)訓中我也學(xué)會(huì )了許多編程方面的知識,這些知識的積累是非常重要的。
本次實(shí)訓的主要目的是讓我們來(lái)做一個(gè)網(wǎng)上商城,通過(guò)了解ASP的框架以及結構,熟悉ASP.NET應用程序的運行環(huán)境及開(kāi)發(fā)平臺和其內置對象的屬性以及其方法,以及其界面的設計代碼讓整個(gè)系統能正常的運行,通過(guò)寫(xiě)每個(gè)頁(yè)面的功能實(shí)現代碼,讓我們鞏固了之前學(xué)的知識,又有進(jìn)一步的加深對語(yǔ)言學(xué)習的印象,最終能夠實(shí)現網(wǎng)上購物的一系列流程。我們小組主要應用ASP.NET設計一個(gè)網(wǎng)上圖書(shū)商城,完成對數據庫的基本操作。根據所安排的課題項目,設計出一個(gè)結構基本完整,具備一定應用功能的網(wǎng)上圖書(shū)商城。要求具有一定的內容,程序界面使用ASP.NET的WEB控件,可以完成會(huì )員的圖書(shū)瀏覽、數據檢索、登陸、注冊、購書(shū)、修改會(huì )員的各種信息等。
我本人主要負責網(wǎng)上書(shū)城首頁(yè)、詳細頁(yè)面的設計。其中首頁(yè)實(shí)現的功能主要有:圖書(shū)的展示、新書(shū)上架、圖書(shū)搜索、會(huì )員登陸、圖書(shū)詳細情況的調用。另外,我還設計制作了數據庫中的圖書(shū)信息表。其中首頁(yè)的搭建過(guò)程還是比較繁瑣的,需要考慮的內容太多,而且還要做得美觀(guān)簡(jiǎn)潔,工作量是蠻大的。經(jīng)過(guò)此次實(shí)訓,使我比較全面、系統的了解和熟悉ASP的各種工具的使用,各種不同的效果的做法,為我們以后的學(xué)習和工作打下了堅實(shí)的.基礎。以前沒(méi)有學(xué)懂的一些東西,在這個(gè)實(shí)習過(guò)程中我基本把它們弄懂了,可以說(shuō)這是對我所學(xué)知識的復習和深化。對于難點(diǎn)的克服,我除了請教老師、詢(xún)問(wèn)同學(xué)外,課后也找了一些相關(guān)書(shū)籍看了看,在實(shí)訓的過(guò)程中真的學(xué)了很多知識,受益匪淺。
其實(shí),實(shí)訓不僅僅是為了讓同學(xué)們完成任務(wù)而展開(kāi)的學(xué)習計劃,更是要培養學(xué)生的學(xué)習能力和精神。我也深刻認識到:在學(xué)習過(guò)程中密切聯(lián)系生活和工程實(shí)際,激發(fā)學(xué)習的求知欲,培養我們的科學(xué)精神和創(chuàng )新精神;培養學(xué)習對待工作和學(xué)習要耐心、細心和一絲不茍、精益求精的職業(yè)習慣等精神和素養是十分重要的。
實(shí)訓結束了,很感謝田曉敏和楊正翔兩位老師一個(gè)月來(lái)對我的悉心指導,感謝小組同學(xué)的互相鼓勵與支持,也感謝班級其他同學(xué)對我的幫助。如果沒(méi)有每一個(gè)人的辛苦努力與付出,我不可能完成自己的任務(wù),也不可能取得如此好的成績(jì),在此,我對所有付出過(guò)努力的老師、同學(xué)道一聲誠摯的謝意:謝謝你們!
天高任鳥(niǎo)飛,海闊憑魚(yú)躍。人生的道路上還有很多考驗等待著(zhù)我們,我們要勇敢的向前大步邁進(jìn)。
加油吧,為我們的理想!
網(wǎng)頁(yè)設計報告13
前言
Dreamweaver是美國MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器,它是第一套針對專(zhuān)業(yè)網(wǎng)頁(yè)設計師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專(zhuān)業(yè)網(wǎng)頁(yè)圖像設計的FIREWORKS,三者被MACROMEDIA公司稱(chēng)為DREAMTEAM(夢(mèng)之隊),足見(jiàn)市場(chǎng)的反響和MACROMEDIA公司對它們的自信。說(shuō)到DREAMWEAVER我們應該了解一下網(wǎng)頁(yè)編輯器的發(fā)展過(guò)程,隨著(zhù)互聯(lián)網(wǎng)(Internet)的家喻戶(hù)曉,HTML技術(shù)的不斷發(fā)展和完善,隨之而產(chǎn)生了眾多網(wǎng)頁(yè)編輯器,從網(wǎng)頁(yè)編輯器基本性質(zhì)可以分為所見(jiàn)即所得網(wǎng)頁(yè)編輯器和非所見(jiàn)即所得網(wǎng)頁(yè)編輯器(則原始代碼編輯器),兩者各有千秋。所見(jiàn)則所得網(wǎng)頁(yè)編輯器的優(yōu)點(diǎn)就是直觀(guān)性,使用方便,容易上手,您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)制作和在WORD中進(jìn)行文本編輯不會(huì )感到有什么區別,但它同時(shí)也存在著(zhù)致命的弱點(diǎn),F如今,數以萬(wàn)計的網(wǎng)站以網(wǎng)頁(yè)的方式提供了豐富、精彩的信息。在人類(lèi)社會(huì )進(jìn)入信息時(shí)代的'時(shí)候,在網(wǎng)絡(luò )成為通信的主要手段的時(shí)候,在計算機網(wǎng)絡(luò )普及的今天,網(wǎng)頁(yè)也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁(yè)是我們在網(wǎng)絡(luò )上的“代言人”。
1.對靜態(tài)網(wǎng)頁(yè)設計的認識
1.1網(wǎng)頁(yè)設計介紹
從文件的角度來(lái)說(shuō),一個(gè)網(wǎng)頁(yè)就是一個(gè)HTML文件。當瀏覽者輸入一個(gè)網(wǎng)址或單擊某個(gè)鏈接后,在瀏覽器中顯示出來(lái)的就是一個(gè)網(wǎng)頁(yè)。一般網(wǎng)頁(yè)上都會(huì )有文本、圖片等信息,而復雜一些的網(wǎng)頁(yè)上還會(huì )有聲音、視頻、動(dòng)畫(huà)等多媒體內容,為網(wǎng)頁(yè)增添了豐富的色彩和動(dòng)感。靜態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件中沒(méi)有程序,只有HTML代碼,一般以.html或.htm為后綴名的網(wǎng)頁(yè),靜態(tài)網(wǎng)站內容不會(huì )在制作完成后發(fā)生變化,任何人訪(fǎng)問(wèn)都顯示一樣的內容。網(wǎng)站是一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁(yè)集合,是許多相關(guān)網(wǎng)頁(yè)有機結合而組成的一個(gè)信息服務(wù)中心。對于小型網(wǎng)站,是指帶有一定主題的多個(gè)網(wǎng)頁(yè)集合;對于大型網(wǎng)站還包含數據庫和服務(wù)器端應用程序等如新浪、網(wǎng)易、搜狐等門(mén)戶(hù)網(wǎng)站。在構成網(wǎng)站的眾多網(wǎng)頁(yè)中,有一個(gè)頁(yè)面比較特殊,稱(chēng)為首頁(yè),即網(wǎng)站的第一個(gè)頁(yè)面。動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件不僅具有HTML標記,而且還含有程序代碼,并使用數據庫連接。動(dòng)態(tài)網(wǎng)頁(yè)能根據不同的時(shí)間,不同的來(lái)訪(fǎng)者顯示不同的內容,動(dòng)態(tài)網(wǎng)站更新方便,一般在后臺直接更新。
1.2網(wǎng)頁(yè)設計及網(wǎng)頁(yè)布局技術(shù)
網(wǎng)頁(yè)是構成網(wǎng)站的基本元素。一個(gè)網(wǎng)頁(yè)是否精彩與網(wǎng)頁(yè)布局有著(zhù)重要關(guān)系。常見(jiàn)的網(wǎng)頁(yè)布局類(lèi)型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類(lèi)型的有:標題文本型,封面型,Flash型,框架型?梢杂帽砀竦男问街v一個(gè)頁(yè)面分成幾個(gè)單元格,通過(guò)單元格的合并拆分,對網(wǎng)頁(yè)進(jìn)行布局,單元格就相當于是一塊紙,在紙上寫(xiě)的東西單元格里都可以容得下。通過(guò)設置單元格的長(cháng)寬對頁(yè)面進(jìn)行布局?蚣軐W(wǎng)頁(yè)進(jìn)行布局有很多優(yōu)點(diǎn)網(wǎng)頁(yè)結構清晰,易于維護和更新。方便用戶(hù)瀏覽網(wǎng)頁(yè),采用滾動(dòng)條,可節省頁(yè)面空間,使網(wǎng)頁(yè)風(fēng)格保持統一;CSS作為網(wǎng)頁(yè)設計中的一種重要技術(shù),具有以下優(yōu)點(diǎn):,表現和內容相分離,提高頁(yè)面瀏覽速度,易于維護和修改,應用apdiv創(chuàng )建網(wǎng)頁(yè),網(wǎng)頁(yè)清晰,易于分塊。應用表單創(chuàng )建網(wǎng)頁(yè),應用行為創(chuàng )建網(wǎng)頁(yè)。
1.3靜態(tài)網(wǎng)頁(yè)設計的技術(shù)要點(diǎn)
用框架對網(wǎng)頁(yè)進(jìn)行布局時(shí)有很多缺點(diǎn):網(wǎng)頁(yè)內容無(wú)法被大多數搜索引擎搜索到,不被低版本瀏覽器支持,樣式陳舊,無(wú)法滿(mǎn)足個(gè)性化設置,難以實(shí)現不同框架中各元素的精確對齊。在網(wǎng)頁(yè)設計過(guò)程中使用CSS樣式表,主要有以下兩種方式,內部CSS樣式表,外部CSS樣式表,應用庫創(chuàng )建網(wǎng)頁(yè)時(shí):對于站點(diǎn)訪(fǎng)問(wèn)者和開(kāi)發(fā)人員而言,使用交互式網(wǎng)頁(yè)www.具有更多用途,使訪(fǎng)問(wèn)者可以快速方便地在一個(gè)內容豐富的網(wǎng)站上查找信息,后臺管理者可以收集、保存和分析站點(diǎn)訪(fǎng)問(wèn)者提供的數據,,后臺管理者可以對內容不斷變化的網(wǎng)站進(jìn)行更新。靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL,且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見(jiàn)形式為后綴,而不含有“?”;網(wǎng)頁(yè)內容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上,無(wú)論是否有用戶(hù)訪(fǎng)問(wèn),每個(gè)靜態(tài)網(wǎng)頁(yè)的內容都是保存在網(wǎng)站服務(wù)器上的,也就是說(shuō),靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件,每個(gè)網(wǎng)頁(yè)都是一個(gè)獨立的文件;靜態(tài)網(wǎng)頁(yè)的內容相對穩定,因此容易被搜索引擎檢索;靜態(tài)網(wǎng)頁(yè)沒(méi)有數據庫的支持,在網(wǎng)站制作和維護方面工作量較大,因此當網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難;靜態(tài)網(wǎng)頁(yè)的交互性較差,在功能方面有較大的限制。
【網(wǎng)頁(yè)設計報告】相關(guān)文章:
網(wǎng)頁(yè)設計報告04-25
網(wǎng)頁(yè)設計述職報告12-24
網(wǎng)頁(yè)設計與制作報告02-13