- 相關(guān)推薦
網(wǎng)頁實(shí)習(xí)報(bào)告范文_實(shí)習(xí)報(bào)告
隨著社會不斷地進(jìn)步,報(bào)告的適用范圍越來越廣泛,報(bào)告具有語言陳述性的特點(diǎn)。我們應(yīng)當(dāng)如何寫報(bào)告呢?以下是小編精心整理的網(wǎng)頁實(shí)習(xí)報(bào)告范文_實(shí)習(xí)報(bào)告,希望對大家有所幫助。
從學(xué)校畢業(yè)后,我第一次步入了社會,從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內(nèi)向的人,面對陌生的人,我不善言辭,不會給自己的外表進(jìn)行很好的包裝,不適合做那些銷售、接待的工作,只有技術(shù)類的工作,少說多干的活適合我,這個我很清楚。現(xiàn)在,中國每年都有很多畢業(yè)的大學(xué)生找不到工作,我也不例外,所以,這第一次實(shí)習(xí)工作肯定不會太好找,但是相反,我的運(yùn)氣還不錯。找到了一份網(wǎng)頁設(shè)計(jì)的工作,F(xiàn)將我在工作中的情況報(bào)告如下。
一、工作介紹
我工作的這家公司,從事網(wǎng)站開發(fā)工作的,公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的,一般是五到六人為一個小組,小組中有明確分工,有負(fù)責(zé)聯(lián)系客戶接恰生意的,有專門做技術(shù)的,而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā),我在學(xué)校主要做的是后臺開發(fā),當(dāng)然前臺設(shè)計(jì)工作也還算熟練,但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作,這樣的網(wǎng)站技術(shù)難度不大,而且工作周期短,有相當(dāng)一部分的,只需要通過cms軟件就可以進(jìn)行開發(fā)。但是有個別的網(wǎng)站開發(fā)時,我們還是需要進(jìn)行一些手寫代碼工作的。
二、開發(fā)技術(shù)
做為一個剛畢業(yè)的大學(xué)生,我的知識儲備肯定有不足的地方,畢竟學(xué)校教的東西肯定會有一部分和社會是脫節(jié)的,但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求,他只是要求我盡快的適應(yīng)公司的工作和生活,在短時間內(nèi)熟練的掌握相關(guān)技術(shù),干好本職工作。
在大學(xué)里對一個學(xué)生來說什么是最重要的,那就是學(xué)習(xí)能力。要知道,這個世界上,知識在發(fā)展,人類在進(jìn)步,每天都在進(jìn)行日新月異的變化,我們的知識儲備總會有不夠的地方,但是一定要有學(xué)習(xí)能力,將不會知識快速掌握,只有這樣才能占據(jù)主動,減少被動情況的尷尬發(fā)生,通過二個星期的時間,我成功的適應(yīng)了公司的工作和生活節(jié)奏,每天早九點(diǎn)上班,晚17:30下班,中午休息一個半小時,每周還有兩天假期。我利用業(yè)余時間,抓緊學(xué)習(xí),將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí),其實(shí)這些東西在學(xué)校的時候就接觸過,只是不精通。那個時候?qū)W的東西多,難免有個主次之分,這次工作了,才知道哪個應(yīng)該多學(xué)點(diǎn),但好在我都有學(xué)過,所以有個好的基礎(chǔ)在這里,也就不怕了,比如說:flash,公司要求技術(shù)人員會做flash,flash這東西以前我在宿舍的時候經(jīng)常玩的,可是后來在分析就業(yè)情況時,分析錯了方向,以為這東西沒有什么用處,結(jié)果就給荒廢了。但好在還有印象,并且當(dāng)初記了很多的筆記,所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學(xué)過,只是實(shí)踐能力稍差一點(diǎn),但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過這種實(shí)戰(zhàn)環(huán)境,和半個月的刻苦學(xué)習(xí),我終于可以感上小組的工作進(jìn)度了,已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。
像我這個組常用的是css+div排版,后臺使用php技術(shù)進(jìn)行開發(fā),服務(wù)器平臺采用,linux+apache+mysql+php,這種lamp組合,我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版,這種方式簡單但是已經(jīng)有些過時了,現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架,所以都采用css+div進(jìn)行網(wǎng)頁排版,我目前正在學(xué)習(xí),掌握的還算比較快。而在后臺開發(fā)部分,我們使用php來進(jìn)行開發(fā),我的工作是手寫一些小模塊;蛘哂胘avascript寫一些特效小代碼。
三、工作流程
小組分工時,我負(fù)責(zé)后臺里小模塊的開發(fā)工作,如:留言板或,還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作,使用css+div技術(shù)。編寫代碼這種工作看起來有些枯燥,其實(shí)時間長了以后,還真有點(diǎn)厭煩,但是后來我明白,只有將自己的本職工作做好,提高自己的技術(shù),做出優(yōu)良的東西,這樣自己才會有價(jià)值感,才會對自己的工作保持新鮮感。所以我每天都在工作后,記錄下每天在技術(shù)上的不足之處,回家后,將強(qiáng)學(xué)習(xí),這所謂:找出不會的地方,學(xué)會它,你就變的強(qiáng)大了。
一.實(shí)驗(yàn)過程
1.資料的搜集。
2.熟悉制作軟件。
3.構(gòu)建站點(diǎn)框架。
打開dremweaver后第一步便是新建站點(diǎn)
4設(shè)計(jì)主頁及二級頁面。
5實(shí)現(xiàn)網(wǎng)頁間的鏈接
鏈接的過程其實(shí)很簡單,主要是把要鏈接的文選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
6向靜太網(wǎng)頁插入動態(tài)效果
具體情況如下:
通過這半年的學(xué)習(xí)實(shí)踐中和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例,教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧,使我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個人網(wǎng)站,作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是dreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò)時代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案,如電子商店,庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。例如,網(wǎng)頁上很流行的陰影和立體按紐等效果,只需單擊一下就可以制作完成。當(dāng)然,其最方便之處是,它可以將圖象切割,圖象映射,懸停按紐,圖象翻轉(zhuǎn)等效果直接生成html代碼,或者嵌入到現(xiàn)有的網(wǎng)頁中,或者作為單獨(dú)的網(wǎng)頁出現(xiàn)。主圖是一個網(wǎng)頁的門面,它能體現(xiàn)出這個網(wǎng)頁的整體風(fēng)格。
制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于中國的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個簡單的中國介紹和相關(guān)的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。
然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,中國簡介,中國歷史,用戶登錄注冊頁面留言,再加入個別網(wǎng)站等,每一部分又分幾小部分,內(nèi)容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關(guān)網(wǎng)站,收集關(guān)于中國的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網(wǎng)站的布局,特色,顏色搭配,背景圖等。
再后是設(shè)計(jì)網(wǎng)頁圖片,用flash制作網(wǎng)頁的banner。
再后是建立站點(diǎn),站點(diǎn)分布如下:
再后是制作網(wǎng)頁了,使用dreamweaver制作。
首頁內(nèi)容精彩豐富,簡潔明快,語言風(fēng)趣,通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),一個網(wǎng)站強(qiáng)調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實(shí)用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
利用我們所學(xué)的框架集,制作更完美的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來
再后,調(diào)試過程,好多次本來在dream里好好的,把調(diào)的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實(shí),經(jīng)過再三調(diào)試,整理,加了好多表格,終于滿意了,很是麻煩,想請問老師,為什么會出現(xiàn)這種情況啊,還有怎么解決啊,不用這么反復(fù)調(diào)整的辦法,還有什么好辦法?
還有,在最超鏈接過程中,明明在頁面屬性里設(shè)置的是超鏈接的文是原色,點(diǎn)擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實(shí)驗(yàn),終于知道怎么回事了,原來應(yīng)該對文所在的單元格整體做鏈接,而不是只選中文做鏈接。
還有,這次的網(wǎng)站大部分用的是表格,層用的很少,因?yàn)樗`活了,不好控制,用的很少。
再后,是網(wǎng)頁的上傳與發(fā)布,用ftp將制作好的網(wǎng)站上傳
制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用,操作,可這樣要修改模版可就麻煩了,要一個網(wǎng)頁一個的修改,于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容,閱覽書籍,最后才知道文件這有個資源,點(diǎn)擊
進(jìn)入資源面板,點(diǎn)擊到數(shù)第二個的模版,選項(xiàng),所有模版就都顯示了,點(diǎn)擊資源面板左下角的應(yīng)用命令,好了,這個模版就應(yīng)用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一,其它問題也是類似相同,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗(yàn),當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實(shí)踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
同學(xué)告訴我,要做好網(wǎng)頁,一定要學(xué)從c++,java,php,asp,數(shù)據(jù)庫。以后要學(xué)的實(shí)在是太多了,而且我也很喜歡這方面,在以后的日子里,會努力填充自己,豐富自己的。希望以后有不懂的地方,老師能多多指點(diǎn)。
二.實(shí)驗(yàn)心得
在internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。
對于現(xiàn)在的社會,科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標(biāo)志。其中計(jì)算機(jī)的發(fā)展可謂快中之快,而在計(jì)算機(jī)的發(fā)展中計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計(jì)算機(jī)網(wǎng)絡(luò)從為我們所知,到現(xiàn)在才經(jīng)歷的短短的幾年時間,在這幾年中隨著計(jì)算機(jī)網(wǎng)絡(luò)的廣泛應(yīng)用,特別是internet的普及和發(fā)展,網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種it動態(tài),包括等候就業(yè)人才的,我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁,F(xiàn)如今,數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進(jìn)入信息時代的時候,在網(wǎng)絡(luò)成為通信的主要手段的時候,在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天,網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“代言人”。我們將什么樣的信息傳達(dá)給瀏覽者,要講述什么樣的事情,網(wǎng)頁在這里起著重要的作用。
企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡(luò)營銷當(dāng)中占有及其重要的地位,只要是涉及網(wǎng)絡(luò)宣傳的企業(yè),都應(yīng)該建立屬于自己的個性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡(luò)上展示自己的產(chǎn)品,促進(jìn)實(shí)際銷售的增長,更能夠通過一根網(wǎng)線,向目標(biāo)客戶展示企業(yè)自身的形象。
對于企業(yè)網(wǎng)站設(shè)計(jì)的觀點(diǎn),偏重網(wǎng)站的形象設(shè)計(jì),即在功能務(wù)實(shí)、體系完善的情況下,重點(diǎn)結(jié)合企業(yè)理念打造網(wǎng)站的形象。logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標(biāo)志(logo)是指用于代表企業(yè)形象的獨(dú)特的、有意義的圖案,是企業(yè)形象識別當(dāng)中最核心的環(huán)節(jié),可用于與企業(yè)形象相關(guān)的所有環(huán)節(jié)。由于企業(yè)標(biāo)志所處的特殊地位,決定了其不能夠隨意更換,因此能否設(shè)計(jì)一個有內(nèi)涵、有文化、便于識別的標(biāo)志,并建立相關(guān)的應(yīng)用系統(tǒng),關(guān)乎到企業(yè)長遠(yuǎn)的發(fā)展,不容小視。
建設(shè)網(wǎng)站的一般過程包括:前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設(shè)計(jì)、網(wǎng)站建設(shè)。網(wǎng)站的功能版塊一般分為首頁(含引導(dǎo)頁)、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據(jù)不同的企業(yè)需求,各網(wǎng)站的功能版塊數(shù)量、布局、結(jié)構(gòu)各異。
。ㄒ唬╉撁娴脑O(shè)計(jì)方面
網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心,如果沒有耐心,就學(xué)不好網(wǎng)頁設(shè)計(jì),應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持,堅(jiān)持不斷的學(xué)習(xí),因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新,因此我們要不斷的學(xué)習(xí)
并且學(xué)習(xí)網(wǎng)頁設(shè)計(jì)不要掉入技術(shù)的陷阱,如果你的網(wǎng)頁設(shè)計(jì)技術(shù)一流,并且對軟件的掌握程度已經(jīng)達(dá)到一定水平,但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹,這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運(yùn)用多種知識,才能設(shè)計(jì)出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.
并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性,因?yàn)樗亲屓藶g覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。
。ǘ┚W(wǎng)頁視覺效果
視覺形象識別即我們通常所說的vi(visualidentity),與bi一起用于深化表現(xiàn)企業(yè)理念,同時也受到bi的影響。所謂視覺形象識別,就是指能夠被目標(biāo)客戶通過視覺來認(rèn)知與企業(yè)相關(guān)的一切事物,從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服裝、名片等等,在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套cis中處于最表層的位置,其中所有的設(shè)計(jì)都將與目標(biāo)客戶發(fā)生直接的接觸。
。ㄈ┚W(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu),說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容,即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中,一個共同的特點(diǎn)就是網(wǎng)頁的整體架構(gòu)十分的清晰明了,便于用戶瀏覽網(wǎng)頁布局大致可分為“國”型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型
網(wǎng)頁布局是主要考慮以下幾點(diǎn):
1、首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3、正文的框架設(shè)置(橫向因素和縱向因素交錯)
(四)網(wǎng)頁中文、圖像
圖象我利用網(wǎng)上搜索和自己所學(xué)過的banner進(jìn)行處理,這樣做起來節(jié)約了很多時間。
。ㄎ澹┚W(wǎng)頁制作過程中的其他注意事項(xiàng)
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實(shí)用價(jià)值。
通過這次實(shí)習(xí),在制作時想想使自己的網(wǎng)頁更加豐富多彩,在網(wǎng)頁中插入圖象,動畫,動態(tài)特效?墒强傆龅竭@樣那樣的問題,但在同學(xué)的幫助和自己摸索的情況下完成了這個實(shí)習(xí)的成果。看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗(yàn),當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實(shí)踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
【網(wǎng)頁實(shí)習(xí)報(bào)告_實(shí)習(xí)報(bào)告】相關(guān)文章:
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告06-11
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告02-27
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告07-12
網(wǎng)頁制作實(shí)習(xí)報(bào)告12-22
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告08-12
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告08-12
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告08-12
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告08-12