整理頁面設(shè)計實訓(xùn)報告

1、Word 整理，頁面設(shè)計實訓(xùn)報告 頁面設(shè)計實訓(xùn)報告一 真的是萬事開頭難啊，遇到了許多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點的就把小一點的給掩蓋掉了；插入的FLASH不能產(chǎn)生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的學(xué)問。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。 在對基本學(xué)問有了具體的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我打算為我的網(wǎng)頁設(shè)計一個引導(dǎo)頁。 然后是主頁和二級頁面的設(shè)置。要留意，網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用

2、的格式都不能用在網(wǎng)上，由于它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如Office 97的照片編輯器。把預(yù)備在主頁上消失的圖象放進相應(yīng)的名目里后. 在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學(xué)到了許多的東西。 網(wǎng)頁的調(diào)試 之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑轉(zhuǎn)變的話也不會影響頁面的效果。 一網(wǎng)站的整體規(guī)劃 1.爭論網(wǎng)站主題：由于自己對普羅旺斯很感愛好，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。 2.定位網(wǎng)站CI形象：旅游網(wǎng)站

3、最重要的就是是掃瞄者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面，依據(jù)普羅旺斯夢幻般的意境，我采納的是清爽雋永的CI形象。使掃瞄者有賓至如歸的感受。 3.確定欄目和板塊： 1首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。 2其次就應(yīng)當考慮導(dǎo)航條的設(shè)置了。 3正文的框架設(shè)置 （橫向因素和縱向因素交叉） 在掃瞄了許多精致的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。 4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使掃瞄者留下映像。 二網(wǎng)頁制作的前期策劃與預(yù)備 1.資料的搜集：由于個人的愛好，我很早以前就收集了很多普羅旺斯的美圖，這次就便利

4、多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。 2.熟識制作工具軟件： 主頁制作的基本條件有：網(wǎng)頁設(shè)計實習(xí)總結(jié) 硬件： 一臺電腦(64MB以上內(nèi)存，當然越大越好啦)；可以撥號上網(wǎng)；假如你有條件的話，建議:配置掃描儀，這將大大便利圖像和文字的輸入; 軟件： HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver； 圖像處理軟件：常用的有Photoshop、flash、Fireworks 等； 文件上傳軟件：常用的有Cuteftp、WSftp等。 頁面設(shè)計實訓(xùn)報告二 我第一次步入了社會，從今開頭了面對社會、工作

5、的生活。剛剛走入社會的我是一共性格有些內(nèi)向的人，面對生疏的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個我很清晰?，F(xiàn)在，中國每年都有許多畢業(yè)的高校生找不到工作，我也不例外，所以，這第一次實習(xí)工作確定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設(shè)計的工作。現(xiàn)將我在工作中的狀況總結(jié)如下。 一、工作介紹 我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責(zé)聯(lián)系客戶接恰生意的，有特地做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學(xué)校主要做的是后臺開

6、發(fā)，當然前臺設(shè)計工作也還算嫻熟，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。 二、開發(fā)技術(shù) 做為一個剛畢業(yè)的高校生，我的學(xué)問儲備確定有不足的地方，究竟學(xué)校教的東西確定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時間內(nèi)嫻熟的把握相關(guān)技術(shù)，干好本職工作。 在高校里對一個同學(xué)來說什么是最重要的，那就是學(xué)習(xí)力量。要知道，這個世界上，學(xué)問在進展，人類在進步，每天都在進行日

7、新月異的變化，我們的學(xué)問儲備總會有不夠的地方，但是肯定要有學(xué)習(xí)力量，將不會學(xué)問快速把握，只有這樣才能占據(jù)主動，削減被動狀況的尷尬發(fā)生，通過二個星期的時間，我勝利的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點上班，晚17：30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進行了強化學(xué)習(xí)，其實這些東西在學(xué)校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應(yīng)當多學(xué)點，但好在我都有學(xué)過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候常常玩的，可是后來

8、在分析就業(yè)狀況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當時記了許多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學(xué)過，只是實踐力量稍差一點，但好在從前在學(xué)習(xí)方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學(xué)習(xí)，我最終可以感上小組的工作進度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。 像我這個組常用的是css+div排版，后臺使用php技術(shù)進行開發(fā)，服務(wù)器平臺采納，linu+apache+mysql+php，這種lamp組合，我很興奮在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格（table）進行排版，這種方式簡潔

9、但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開頭了重新構(gòu)架，所以都采納css+div進行網(wǎng)頁排版，我目前正在學(xué)習(xí)，把握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。 頁面設(shè)計實訓(xùn)報告三 兩周的實訓(xùn)轉(zhuǎn)瞬即逝，在這短暫的時間里，我們在老師的指導(dǎo)和關(guān)心下，對于網(wǎng)頁設(shè)計與制作有了進一步的了解。 在這兩周內(nèi)，同學(xué)們每天都按時完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導(dǎo)和自己的練習(xí)，對其有了很好的了解；對于我們看不懂的一些內(nèi)容，通過與同學(xué)協(xié)商和聽老師的講解來理解并把握它。在這兩周的實訓(xùn)里，我發(fā)覺了很多自己以

10、前沒有留意到的問題，在flash制作方面，有許多是自己以前沒留意過的，通過老師的講解和同學(xué)的關(guān)心，我了解到一些新的東西并對網(wǎng)頁設(shè)計與制作有了更深的愛好，如falsh制作與運用、網(wǎng)站的基本制作、超鏈接的設(shè)置等；我們對網(wǎng)頁設(shè)計與制作方面的學(xué)問有了肯定的熟悉，為我們以后對網(wǎng)站的學(xué)習(xí)和運用有很大的關(guān)心。 通過實訓(xùn)，我們把網(wǎng)頁設(shè)計與制作中涉及到的理論和實踐更好的結(jié)合起來，我對網(wǎng)頁設(shè)計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作力量也得到了增加，使我們了解到無論做什么事都要有足夠的急躁，還要仔細細心。在做題時要對自己做過得東西進行認真的檢查，同時也使我了解到同學(xué)之間要相互協(xié)作、共同努

11、力。 頁面設(shè)計實訓(xùn)報告四 高校在不知不覺中匆忙的過去了，來實習(xí)單位已經(jīng)一個月了，從報到的那天起，我所感覺到的是貴單位的人性化管理和每位員工的敬業(yè)精神和設(shè)計部對設(shè)計的嚴謹負責(zé)。 我來到單位正好是中午休息時間，剛到一個生疏的環(huán)境時的茫然也許人人都有的吧，而且又不是上班時間，我一時不知所措。貴單位的其他部門對我們這些實習(xí)生也都很照看，只要有問題、有麻煩，不管找到誰都會給我們指導(dǎo)。在這里始終可以感覺到和諧的人際關(guān)系所帶來的暖和和關(guān)愛。 在我理解了自己的工作之后，覺得單位的管理條例很細也很嚴，尤其對于我們設(shè)計部的要求很嚴格。我們做的是x的綜合設(shè)計，初到公司，領(lǐng)導(dǎo)覺著對工作不太了解，一開頭要我主要負責(zé)設(shè)計

12、部的畫圖，然后領(lǐng)導(dǎo)依據(jù)我的力量讓我負責(zé)廣告的版面設(shè)計，包括廣告視覺傳達中的文字;廣告視覺傳達中的顏色;廣告視覺傳達中的形象，廣告畫面的編排等等。短短的一個月，在工作的過程中體會到軟件操作的重要性和軟件運用的嫻熟程度。公司并不像在學(xué)校老師讓我們作業(yè)的時候有足夠的時間去漸漸想，漸漸完成，而公司對工作的要求是很嚴格的，尤其在時間的限制上，由于做的又是x設(shè)計，所以要求在規(guī)定的時間內(nèi)必需做出肯定數(shù)量的方案! 短短的一個月，我對廣告有了更深的感受和熟悉。設(shè)計的有用性是很重要的，它是一種良好的溝通方式。設(shè)計師應(yīng)當和一個企業(yè)的領(lǐng)導(dǎo)團隊緊密相連，與設(shè)計團隊共同收集來自企業(yè)領(lǐng)導(dǎo)的反饋看法，反過來說，實踐了外部從內(nèi)

13、部而來，內(nèi)部又源于外部。，我們的作品，尤其是消失在公共場合的作品是不行能不被人看到的。無論它是對是錯，都不行能不看到它，而這也正是我們設(shè)計的責(zé)任所在。就這一點而言，我覺的各學(xué)科之間的溝通是特別重要的。例如：平面設(shè)計師要用圖形的方式與公眾溝通時，就需要向建筑設(shè)計師、城市設(shè)計師、社會學(xué)家和工業(yè)設(shè)計師展現(xiàn)設(shè)計方案。然而，我們的設(shè)計應(yīng)將人放在首位，為城市和環(huán)境考慮，對新文化有所貢獻，用一種新的美學(xué)感覺和對市民的敬重來從事設(shè)計。以前想來排版應(yīng)當是一種很簡潔的工作，真正實踐了才發(fā)覺自己對版面文字的編排存在著許多問題，第一天做版面設(shè)計工作，對文字的大小沒有精確 的尺度，領(lǐng)導(dǎo)告知我文字處理不好，打印出來畫面是

14、很不協(xié)調(diào)的，記的哪天晚上忙到很晚，一個本以為很簡潔的排版做了三四遍，由于公司做的主要是宣揚廣告，主要面對大眾化，不得不以全身的精力去投入工作中。 在實習(xí)的過程中，通過向領(lǐng)導(dǎo)，同事的溝通和向他們虛心的學(xué)習(xí)，總結(jié)了在廣告版面設(shè)計的過程中要留意的很多方面： 一、在版面的文字的排列方面 從文字的大小;字體的形狀變化，字體筆行變化;字體外行的變化，排列的變化漸漸改進。通過轉(zhuǎn)變字體外部結(jié)構(gòu)特征，筆形的特征;字體筆畫間的疏密關(guān)系;或?qū)Σ糠止P畫進行放大縮小以及轉(zhuǎn)變字的中心，使字體顯得新奇別致，在排列上打破常規(guī)的字體排列挨次，使字體從而具有更劇烈的視覺沖擊力。 二、在廣告的顏色運用方面 依據(jù)廣告對象屬性的用色原

15、則，對不同的消費者做出不同的顏色視覺信號，比如：公司設(shè)計的“xMP3”大批量的宣揚彩頁和廣告，MP3一般的消費者都是面對大中院校的同學(xué)，所以顏色要相對活躍，明麗，具有青春得朝氣。依據(jù)廣告宣揚整體策劃的用色原則，為了突出企業(yè)形象、產(chǎn)品附加值和識別度，在廣告設(shè)計中以企業(yè)形象專用色為基本元素進行設(shè)計。 三、場地域特征的用色原則 針對不同國家和地區(qū)的廣告設(shè)計，還有民族習(xí)俗的關(guān)系，在圖形的設(shè)計和顏色的運用上也有所考慮。為了有效的突出設(shè)計主題和廣告的表現(xiàn)力，在支配圖色與底色上，留意了調(diào)整圖案和底色的顏色關(guān)系，將純度，明度，色度的顏色用于品牌的文字、標識、圖形等主體要素中。在整體統(tǒng)一局部活潑的用色原則上，在

16、廣告版面的設(shè)計中，留意廣告的主體色調(diào)和局部的色相對比的關(guān)系，這樣既可以把握廣告整體性又可以使畫面布滿生氣活力。 四、廣告圖象攝影和廣告插畫上 通過對商品在消費使用過程中的情景做出真實的再現(xiàn)，以便來宣揚商品的特征，突出商品的形象;或以攝影圖形來促發(fā)消費者的購買，更直觀精確 地傳達產(chǎn)品信息。真實的反映商品的結(jié)構(gòu)、造型、材料和品質(zhì)。廣告的插畫有傳統(tǒng)的寫實描繪漸漸向夸張、抱負化和多邊化的視覺表現(xiàn)方向進展，重意念而輕形似，從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中，使用卡通形象作為產(chǎn)品代言人不但可以以卡通形象的活潑自由，共性化的形象贏得消費者的好感，還省去了請名人做代言的浩大廣告支出

17、和風(fēng)險。也依據(jù)版面的需要適當?shù)倪\用一些抽象圖形，如圓形、方行、三角形、點、直線、折線等。形象簡潔而有秩序。有機形態(tài)比較自由、活潑而富有彈性，其構(gòu)成大多采納曲線組合，也有不規(guī)章的偶發(fā)形態(tài)，如云紋、水紋、墨跡等，抽象圖形的使用必需符合內(nèi)容、主題，與主題無關(guān)、牽強的形式只能誤導(dǎo)讀者，減弱傳播力。 頁面設(shè)計實訓(xùn)報告五 高校的最終一個暑假，我去了一家廣告公司實習(xí)。為了使自己的基礎(chǔ)更堅固，技術(shù)更全面，實習(xí)的內(nèi)容是學(xué)平面設(shè)計(Photoshop和coreldraw的使用)。 由于考慮到以后畢業(yè)有可能從事這個行業(yè)的工作，因此我特別珍惜這次實習(xí)的機會，在有限的時間里加深對各種平面設(shè)計的了解，找出自身的不足。這次

18、實習(xí)的收獲對我來說有不少，我自己感覺在學(xué)問、技能、與人溝通和溝通等方面都有了不少的收獲?？傮w來說這次是對我的綜合素養(yǎng)的培育，熬煉和提高。 第一天來到公司，不知道該做些什么，什么也插不上手，只是這里看看，那里逛逛，最終還是公司里的老師給我指了條路，讓我用photoshop和coreldraw軟件仿照教程做一些簡潔的圖片，最終找到事情做了，于是我就乖乖的做起了圖片。說實話我以前在學(xué)校的時候也這樣做過，不過效果沒有這么好，由于以前一遇到難的或不懂的就停下來不做了，而現(xiàn)在有老師在旁邊，有不懂的就問，這使我受益非淺。 假如在作圖的過程中假如使用幾個小技巧，的確可以達到事半功倍的效果。 一、photosh

19、op小技巧 制作圓角矩形方塊 首先在photoshop中建立一個新文件，在文件上用矩形選取工具畫一個矩形框，接著選擇選單selectfeather，輸入半徑值，數(shù)值越大則圓角矩形的半徑越大。在選取區(qū)中填入顏色后，取消選取范圍。選取選單imageadjustthreshold，由調(diào)整thresholdlevel來轉(zhuǎn)變大小，如此就會產(chǎn)生您想要的圓角矩形大小。若要產(chǎn)生圓角矩形的選取區(qū)，可以在選取區(qū)作用的環(huán)境下，切換到快速遮罩模式，同樣執(zhí)行threshold以獲得您想要的遮罩。 2.高解析制作 在用photoshop制作網(wǎng)頁圖形的時候，很多伴侶為了快速的操作，都會把圖選擇低解析度進行制作，但是有些濾鏡

20、會由于圖形解析度的不足，而無法處理，最終出來的效果也很差。所以建議大家在處理類似情形時，可以先在高解析度下完成繪制、影像等工作，然后再向下取樣，將影像縮成最終的大小。 3.保留選取范圍大小 當您在photoshop中使用imagesize或cancassize轉(zhuǎn)變影像大小時，原本在影像中選取的范圍也會跟著轉(zhuǎn)變，假如想要保留原本的選取范圍，可以先切換到快速遮罩模式下(按下鍵盤上的q鍵)，然后再選擇“imagesize”或“canvassize”。使用imagesize指令會將影像與選取范圍一同縮小;若使用canvassize指令則只會將影像縮小，而選取范圍仍保持原有的大小。記著再將快速遮罩模式切

21、換成標準模式。 4.快速隱蔽圖層 假如您在photoshop中只想要顯示某一層圖層的影像，是不是得一一將其他圖層隱蔽起來呢?這里有一個既快速又便利的作法：只要在圖層面版上同時按住ctrl+alt以鼠標點選欲顯示的圖層的眼球圖示，就可以將其他圖層通通藏起來。另外也可以用ctrl+alt+快速鍵調(diào)整圖層的前后次序。 二、coreldraw小技巧 1.擦去錯誤線條 假如您使用coreldraw中的手繪鉛筆工具，不當心把線條畫歪了或畫錯了，您不必急著將線條刪除，只要立即按下shift鍵，然后反向擦去即可。 2.動尺規(guī) 在coreldraw中事實上是可以讓您自由移動尺規(guī)的位置，只要在尺規(guī)上按住shift

22、鍵以鼠標拖移，就可以將尺規(guī)移動。假如您想將尺規(guī)放回原位，則只要在尺規(guī)上按住shift鍵快速按鼠標鍵兩下，就會馬上歸位。 3.利用coreldraw制作動畫gif文件 事實上利用coreldraw也可以用來制作動畫gif文件，您可以將coreldraw中的圖層當成動畫中一個個的影格，然后逐一輸出成gif文件(其他圖層上的影像必需先關(guān)閉)。再利用photo-paint的movie功能，先選擇creatfromdocument將第一張gif文件制成movie，再間續(xù)將轉(zhuǎn)好的gif文件以“insertfromfile”插進來，選擇“儲存成”動畫gif的格式，于對話框中設(shè)定延遲的時間和位置，如此就算大功

23、告成。 4.同時旋轉(zhuǎn)與縮放 假如您在coreldraw中，拖拉物件的旋轉(zhuǎn)把手時，同時也按住shift鍵，那么將可以同時旋轉(zhuǎn)與縮放物件;若是按住alt鍵，將可以同時旋轉(zhuǎn)與變形傾斜物件。 經(jīng)過幾天的基礎(chǔ)訓(xùn)練，老師最終讓我參加他們的策劃，剛開頭有點緊急，后來就漸漸熟識了策劃和后期制作的整個過程。漸漸地老師也把一些比較重要的交給我處理。這使我對這個行業(yè)熟悉就更加深了一步。 實習(xí)期間，我利用此次難得的機會，努力工作，嚴格要求自己，虛心向老師和前輩求教，仔細學(xué)習(xí)技術(shù)，利用空余時間仔細學(xué)習(xí)一些課本內(nèi)容以外的相關(guān)學(xué)問，把握了一些基本的法律技能，從而進一步鞏固自己所學(xué)到的學(xué)問，為以后真正走上工作崗位打下基礎(chǔ)?！凹埳系脕斫K覺淺，絕知此事要躬行?！痹诙虝旱膶嵙?xí)過程中，我深深的感覺到自己所學(xué)學(xué)問的膚淺和在實際運用中的專業(yè)學(xué)問的匱乏，在學(xué)?？傄詾樽约簩W(xué)的不錯，一旦接觸到實際，才發(fā)覺