第一篇:美工網站設計基礎 實訓1
對21世紀網頁設計的審美傳播認識
網頁把各種信息以最快捷、方便的方式傳達給受眾。人們對美的追求是不斷深入的,網頁設計同樣如此。網頁不光是把各種東西放上去,能看就行,這是遠遠不夠的!要考慮如何受眾能更多的和更有效率的接收網頁上的信息,從而使他們對給網站留下很好的印象,那就更能促進自己網站的運作。在這種標準的要求下,逐步產生了審美的需求。這需要從審美的方面入手,結合使用方便的要求,就能制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加容易。同時提升網站的形象。
運用一些平面設計中美的基本形式到網頁中去就能是網頁更加富有美感,例如將平面設計中的節奏與韻律和骨格的形式溶入到網頁中,這樣會使內容繁多的頁面更加有條理,也會是人瀏覽起來主次分明。當然這種美首先建立在頁面的內容充實,而且實用,一個內容空洞無物的網頁既使做得再漂亮也不會吸引人,頂多贏得幾聲贊嘆,沒有任何的用處。沒有實用性的東西是不會具有生命力的。要想將頁面做的更漂亮,就要求設計師要用較好的審美方面的素質,同時要有豐富的平面設計的經驗。這樣才能在設計時駕輕就熟。
由于網頁的從無到有,從滿足基本的功能需要到追求美的較為高層次的需要,這是一個循序漸進的過程。這使人不由得想起工業革命前夕,很多現代的產品那時候都沒有,沒有現成的模樣可以參照,產品的設計都是滿足基本的功能需要出發,所以做出來的產品非常粗糙,冷冰冰的,毫無生氣。由于商業競爭和工業化大生產的結果,使得人們不斷的改進產品的功能,更為重要的是改進產品的外觀,是產品更符合美的需要和使用方便。從而使今天貨架上出現了琳瑯滿目的漂亮的產品。我想網頁同樣也是如此,在滿足了基本的功能的要求之后,為了突出自己的特色,突出自己的優勢,必須從審美上入手。而目前很多國內網站的現狀是什么樣子的呢?經常上網的網友可能會有所體會。目前的網頁存在著諸多的不足,以下簡單的分析一下,希望能從中得到一些啟示。隨后我們再為大家介紹一些網頁設計的審美法則。
第一個可以用一個字來形容,那就是“塞”。
這是很多的網頁都具有的特點,它將各種信息諸如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規范化,條理化,更談不上藝術處理了。導致瀏覽時會遇到很多的不方便,主要就是頁面五花八門,不分主次,沒有很好的歸類,整體一個大的雜燴。讓人難以找到需要的東西。
第二也可用一個字“花”來形容。
這類網站也有不少,顯然這是很多不懂設計的人來制作的。比較多是他們把頁面做的很花哨,但是非常不實用,例如采用很深的帶有花哨圖案的圖片作為背景,嚴重干擾了瀏覽,獲取信息很困難。同時有些還采用了顏色各異,風格不同的圖片、文字、動畫。使頁面五彩繽紛。沒有整體感覺,盡管有些頁面內容不多,但是瀏覽起來仍然特別困難。這種過度的包裝甚至不如不加任何裝飾的頁面。不加裝飾最起碼不會損害其基本的功能的需求。所以這種網頁屬于粗制濫造的次品,是對自己的受眾不負責任的表現。或許他們的初衷是好的,就是想把自己的頁面做的漂亮,結果卻是適得其反。
第三個現在網頁設計中的誤區就是千篇一律,缺乏自己的特色。當我們打開電腦,上網一看,好像哪個網站都是一樣的。從標題的放置,按鈕的編排到動畫的采用都是如此。用色時隨心所欲,只要能區分開文本和背景就達到目的。造成這種原因就是網頁設計師本身的原因,他們沒有充分的利用自己的知識,分析自己網站的優勢,發揮自己的網站的特點,而是采用的走捷徑的方式,就是用大眾化的方法去做,做起來當然很容易了,但是失去了自己特點的網頁就像流水線上下來的產品,好像隨便看哪一個都一樣,這樣就不能起到網頁設計的目的。至少不能算設計。這也是對自己的用戶不負責任的表現。當然這里不是片面的唯美主義,不能只是看中頁面的漂亮而不顧受眾的使用的不方便。例如有些網頁將按鈕溶入到頁面的圖片中去,倒是比較漂亮了,整體感強了。但是受眾有時候卻找不到按鈕,造成困難。這同樣是不可取的。
還有一類站點的網頁是一種純技術化的網頁。
在這種網頁上,充斥了許多的純為了炫耀技術的東西,如多個風格迥異的動畫(缺乏美感甚至是與主體無關的動畫),還有大量的利用Javascript和動態HTML的技術,然而始終沒有把握住整體這個中心,造成頁面的混亂。這與第一種有些類似,但是這種網頁很多是技術上的高手。但是結果給人只有羨慕技術之外毫無收獲。這樣的網頁也是不適合于需要的,是網頁設計上的失敗,更為嚴重的是大量的采用這種技術或者動畫,造成瀏覽上由于受帶寬的限制而非常的慢。所以不管是從功能上還是從形式上都是不可取的。
綜合以上的分析,可以找出很多目前網頁設計上設計的不足,特別是審美上的不足,照顧網頁功能上的需要的前提下,需要有針對性的采用一些美的形式。來使網頁做得更加有生氣,更吸引人。
那么加入美的因素,也要遵循一定的形式美法則。這種美的形式有很多種,合理的利用,可以給網頁增光添彩。賞心悅目。是受眾瀏覽起來更加有效率,有力的提升網站的形象。下面逐一分析這些美的形式,并考慮如何將它們融入到網頁之中,以解決以上遇到的很多網頁設計上的審美不足的問題。
從古至今,很多藝術家和學者提出了各種關于形式美的規律,很多經得起推敲的作品都是遵循這些規律去創作,以期完成其審美價值的。因此,在網頁設計過程中,設計者必須去研究,掌握并主動地、有意識的運用這些規律,才能創作出好的作品。當然,不同時代有不同的設計審美觀念,也有不同的美學特征。在信息特別發達的今天,競爭日趨激烈,給人們帶來了新的審美需求,對于網頁設計,客觀上將其推向了更高層的表現境界,這是網頁設計的必然趨勢。去追求一種和諧的單純,即追求清晰的視覺沖擊力和巨大的張力,我們應該把美的形式規律同現代的網頁設計的具體問題相結合起來。
上面僅僅探討了幾個非常貼近網頁制作的形式美的規則,以及在網頁中的運用。如何解決網頁中的獨特性的問題呢?我想這不僅僅是審美的形式問題,主要要站在網站本身的高點上來考慮,綜合自身的整體形象,如網站的標志、標準字體、標準色等等,因為這些方面就是自己與眾不同之處,如果將這些經獨特設計的關于自身經營理念的東西融合到網頁設計中去,怎會與人雷同呢?隨便打個比方,假如運用自己的網站的標準色作為網頁的基調,不光是能做到獨特,而且對于網站本身的形象是很有好處的,就如我們經常見到的IBM的藍,可口可樂的紅白兩色。這都是苦心的營造的企業形象的重要組成部分。網站要想樹立自己的獨特的形象,必須從這些方面入手,把網頁上的各種信息的表達統一到網站綜合形象的整體里面來考慮。就會給人留下深刻的獨特的形象。
作為形式美的法則,隨著時代的不同而不斷發展進步,特別在生活節奏如次快的互聯網時代,由于追求的目標的變化,人們的審美觀念也在不斷的變化,但是美的本質是一樣的,同時隨著技術的發展,很多的目前不容易實現的審美形式也逐漸被克服,突破帶寬的瓶頸。就會給網頁設計的自如發展一片新的天地。我們對美的追求是永不停止的,作為設計師,也要不斷的提高自己的素質,才能做出更好的富于美感的網頁來。
第二篇:網站實訓
計算機與信息工程系實驗
(實訓)報告
題 目:網頁設計
班 級:
指導教師:
姓 名:
2016年6月
日
網站的設計與制作
目 錄
第一章
前言 第二章
1.1 必需進行個人網站前臺功能設計 1.2 對個人網站后臺管理功能設計 1.3 網站的發布 1.4個人網站推廣 第二章 網站制作 2.1 小組實訓任務 2.2做網頁的要素 第三章 網站的設計 3.1 網頁部分代碼 3.2 頁面布局 第四章 結束語 參考文獻
引 言
網絡發展到今天,建立網站已經成為一個很普遍的問題了,對于一個企業來說,建設好自己的網站可以搶占新世紀發展的戰略要點。建立新的企業形象,直接開拓國際市場,開展24小時網上營銷及高效廉價的定向宣傳;與客戶建立最直接的交流機制,縮短推出新產品和打開新市場的周期,與富有吸引力的客戶群發展客戶關系網;與自己的銷售人員保持聯系,進一步面向本地市場。
對于個人來說,建設好時間的個性化網站可以更加方便的收集信息,開展更加直接的網絡交流,使用自己構筑的友善平臺,我們可以為自己畢業后找工作做好充分的準備,通過自己建設的網站,用人單位可以更好的去了解你,從而給自己增加了一份很重的砝碼。在我的這個個人網站的制作過程中,我選擇了我比較熟悉的大學生活中的許多內容做為我的網站的重要組成部分,這樣相對相對于其他包括種類齊全的網站,我就有了一定的材料基礎。這是我這個網站選擇大學生主題的原因之一。
其次,做為在校大學生,我知道大學生現在對什么事物,內容,活動等等感興趣,所以,我做起來的時候相對來說是比較隨手的,我不用像其他的網站那樣去刻意的收集信息,資料,我只要在校園里稍微留意,我就會捕捉到大學生的興趣點。所以,在整個網站的設計過程中,我廣泛的聽取同學的意見和建議,不斷的改進和提高我的網站的內容和質量,這些都取得了比較好的效果。
在制作個人網站時我們首先:
一、必需進行個人網站前臺功能設計
包括個人網站主題的確定,前臺功能設計與管理、個人網站主頁設計、個人網站留言板、注冊、忘記密碼、搜索等網頁設計與管理。
二、對個人網站后臺管理功能設計
包括個人網站后臺管理功能的設計、后臺管理信息系統功能的設計、后臺系統權限管理、后臺文件管理、個人網站后臺管理系統主頁設計。
三、網站的發布
通常我們發布一個網站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。
四、個人網站推廣
一個網站做好了,就要對個人網站進行推廣,這是一個電子商務網站必需做得的一步,因為如果你不對你的網站進行推廣,就算你發布了也沒有人會知道的。
在設計這個網站時真的體會很多東西,從一開始網頁主題的確定,到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。我都一一進行了規劃,因為如果你不規劃好,想做什么就做什么,是不會做得好的。因我為體會到這一句話:“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列
明。例如:775寬度,分三欄,每一欄占多少。因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數據庫實操做過了,所以今次在做就比較輕松,但我以前是經過一個比較長的練習,做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫,第二次我用的是sql數據庫加權限管理,第三次我用的是數據源名稱的連接,第四次我用的是自定義連接字符串,第五次??每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習,不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學提出的問題解決到,也不會輕松教會同學,因為你自己首先學會,學通,學廣,才能把問題一一的解決。
小組實訓任務:
我本人主要負責網頁排版、詳細頁面的設計。其中首頁實現的功能主要有:圖片的展示、網頁的美觀、排版、詳細情況的調用。其中首頁的搭建過程還是比較繁瑣的,需要考慮的內容太多,而且還要做得美觀簡潔,工作量是蠻大的。經過此次實訓,使我比較全面、系統的了解和熟悉ASP的各種工具的使用,各種不同的效果的做法,為我們以后的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西,在這個實習過程中我基本把它們弄懂了,可以說這是對我所學知識的復習和深化。對于難點的克服,我除了請教老師、詢問同學外,課后也找了一些相關書籍看了看,在實訓的過程中真的學了很多知識,受益匪淺。
其實,實訓不僅僅是為了讓同學們完成任務而展開的學習計劃,更是要培養學生的學習能力和精神。我也深刻認識到:在學習過程中密切聯系生活和工程實際,激發學習的求知欲,培養我們的科學精神和創新精神;培養學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業習慣等精神和素養是十分重要的。
網頁設計作為一種視覺語言,要講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處,應充分加以利用和借鑒。版式設計通過文字圖形的空間組合,表達出和諧與美。一個優秀的網頁設計者也應該知道哪一段文字圖形該落于何處,才能使整個網頁生輝。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。尤其是我們在利用網頁效果體現在線營銷的意圖時,更要注意為了達到最佳的視覺表現效果,而講究整體布局的合理性,比如一家生產型的企業,它所提供產品的名稱、類別、型號、價格、功能介紹應怎樣編排才能使瀏覽者有一個流暢的視覺體驗,從而方便他對產品的了解,促成最后的購買
網頁部分代碼:

頁面布局:
結束語
在系統的需求分析過程中,由于不熟悉,產生了很大的困難,通過與指導老師的探討與溝通,我漸漸地對系統有了一個大體的認識。雖然說在系統需求分析過程中花費了很多時間,但是我認為這是必要的也是必須的。
第三篇:網站美工基礎考試試題
網站美工考試試題
一、單選題(每題一分)
1.文本被做成超鏈接后,鼠標移到文本,光標會變成什么形狀()
A.手形 B.十字形 C.向右的箭頭 D.沒變化 2.下面關于超鏈接說法錯誤的是()
A.超鏈接包括超文本鏈接和超媒體鏈接兩大類 B.超文本鏈接可以鏈接所有類型的文件 C.超媒體鏈接只能鏈接各類多媒體文件
D.超鏈接不僅可以用于網頁,還可以用于其他各類文檔 3.下面哪些不屬于網頁的多媒體元素()
A.音頻 B.視頻 C.動畫 D.圖片 4.下列關于Html標記不正確的是()
A.a標記 用來標記超級鏈接 B.img標記 用來插入圖片
C.table標記 用來插入表格 D.table 標記 用來插入框架網頁 5.在網站設計中可以直接插入以下內容
a)圖片
B)動畫
C)超級鏈接
D)以上都可以直接插入
6.在Photoshop中,給對象填充背景色和前景色的快捷鍵分別是()
A.CTRL+DEL ALT+DEL B.ALT+DEL CTRL+DEL C.SHIFT+DEL CTRL+ENTER D.CTRL+ENTER SHIFT+DEL 7.在網站美工設計中,關于網絡廣告的尺寸規格,第一次規范標準中全尺寸的BANNER是:
A.468×60 B.392×72 C.234×60 D.125×125 8.在網站設計中,下列哪一個屬性表示表格中的單元格間距:
A.width B.cellspacing C.cellspadding D.border 9.在網站設計中,表格嵌套實際上是用到了表格的哪種屬性?
A.表格在頁面中的對齊方式 B.表格的邊框 C.表格的寬與高
D.表格內的文字對齊方式
10.在網站設計中,下列哪個操作對庫不能實現
A.在資源管理器面板中創建庫
IPTC-版本所有
Page 1 of 7
B.在資源管理器面板中對已創建的庫進行修改和刪除
C.只要在資源管理器面板中對庫進行刪除,那么在頁面中引用的庫也會被刪除 D.只要在資源管理器面板中對庫進行修改,那么在頁面中引用的庫也會發生相同的變化。
二、多選題(每題2分)
1.在網站設計中,網頁框架設計為區域劃分時分為哪幾個部分?()A.頂部區 B.底部區 C.導航區
D.一區,二區,三區
2.在網站美工設計中,如果我們將靜態頁面設計成不規則框架結構,則有可以選擇以下哪幾種方法?()A.無框架式的整張圖片設計
B.頁面橫向很長,需要滾動條的網頁 C.把這三種框架揉合運用 D.多變化Flash頁面設計
3.在網站美工設計中,網頁制作中常用的按鈕效果有:()A.簡潔按鈕 B.水晶按鈕 C.迷你按鈕 D.塑料按鈕
4.在Photoshop中,可以新建文檔的操作有(): A.文件菜單中選擇新建
B.啟動應用程序后的歡迎窗口中 C.快捷鍵:CTRL+N D.按CTRL鍵的同時,在界面中的灰色區域雙擊 5.下列關于網站整體形象規劃說法正確的是:()A.想要讓網站有一見傾心的效果,首先要頁面顏色協調,沒有給人刺眼的感覺; B.其次要看網站上的內容是否易于閱讀; C.圖片設計是否合理
D.頁面中的“動”、“靜”元素結合是否適度 6.下列有關網站字體設計說法不正確的是:()A.排版時要注意:大標題、小內文;粗標題、細內文; B.頁面中字體與背景的顏色對比度要大; C.字體大小可隨意設置;
D.全文排版要有層次,不可混亂
7.在Photoshop中,下列哪些選項屬于“圖層樣式”:()A.顏色疊加 B.斜面與浮雕 C.內陰影 D.外發光
8.在網站美工設計中,網頁中常見的裝飾邊線有哪些類型?()A.虛線
IPTC-版本所有
Page 2 of 7
B.內嵌線條 C.斜紋線條 D.交叉線條
9.背景圖像分為哪幾種:()A.單色背景 B.漸變色背景 C.位圖背景 D.紋理背景
10.在網站美工設計中,既要不違反原設計意圖,也要保證圖片清晰的情況下,我們應該從哪些方面優化網頁?()A.把大的背景分割,不需要的部分省去,另一部分可換成表格背景,分開插入頁面。B.注意到頁面的長度,考慮好是否可重復使用圖片,以及是否以x、y軸重復圖片; C.單色的,可以使用表格背景填充。有文字的,不做在圖片里
D.花色最好是橫向重復的或者是水平線形花紋,在一定程度上解決分辨率問題
11、行為是()和()的組合 A: 事件 B: 頁面體 C: 動作 D: 幀
12、下面是Dreamweaver MX 8.0提供的各種應用程序接口的是()A: JavaScript應用程序接口 B: 文件輸入輸出接口 C: 圖像記錄接口
D: Fireworks MX集成接口
13、在Dreamweaver MX 8.0中,只需要三個參數()來加入一個Shockwave影片 A: 位置 B: 高度 C: 寬度 D: 長度
14、在Dreamweaver MX 8.0文檔窗口中插入空格且生成 代碼的操作有()A: 在中文的全角狀態下按空格鍵 B: 插入一個透明的圖 C: 選擇Instert(插入)菜單下的Special Character(特殊字符)-> none-breaking Space D: CTRL+SHIFT+空格鍵
15、在Dreamweaver MX 8.0中建立框架網頁時,正確的操作是()A: 在HTML代碼中生成
B: 按住“Alt”鍵后用鼠標拖拽邊框 C: 按住“Ctrl”鍵后用鼠標拖拽邊框 D: 按住“Shift”鍵后用鼠標拖拽邊框
IPTC-版本所有
Page 3 of 7
16、在Dreamweaver MX 8.0 中,在插入欄中的Head的對象面板中包含下面哪些對象()A: Meta(MIME字符集信息)B: Keywords(網頁的關鍵字信息)C: Description(網頁或網站的描述信息)D: Base(設置網頁的主目錄)
17、在Dreamweaver MX 8.0 中,下面的類資源面板里有的是()A: 圖像 B: 顏色 C: 鏈接 D: Flash
18、在Dreamweaver MX中的
標簽的屬性可以通過Page Properties窗口設置的是:()A: Background Image:背景圖像 B: Background:背景顏色 C: Text:文字顏色D: Tracing Image:跟蹤圖像
19、標題標簽
包含了下面哪些網頁的屬性信息:()A: 網頁題目 B: 關鍵詞 C: 網頁類型 D: 語言內碼20、在Dreamweaver中,設置插入表格參數對話框時,下面哪些你可以用來設置:()A: 水平行數目 B: 垂直行數目 C: 表格的預設寬度
D: 每個單元格以及整個表格的邊框的寬度
三、判斷題(每題1分)1.在網站制作時,一般頂部的區域有高度的限制,而底部區域是沒有限制的。()A.對 B.錯
2.在網站區域劃分時,有頂部,底部,一區,二區和三區,這五部分缺一不可。()A.對 B.錯
3.在“新建CSS樣式”對話框中,選擇“只對當前文檔”選項,表示即可在當前文件用,也可在當前站點內的其他文件中引用.()A.對
IPTC-版本所有
Page 4 of 7
錯
4.CSS樣式定義對話框中【區塊】設置是對某區域內文本的各種空隙大小的設置。()A.對 B.錯
5.Dreamweaver中,表格與層可以互相轉換。()
A.對 B.錯
6.Dreamweaver中,可以通過菜單插入一條垂直的豎線。()
A.對 B.錯
7.Dreamweaver中,模板文件后綴名是dwt。()
A.對 B.錯
8.Dreamweaver中網站的首頁文件的擴展名只可以是html或htm。
A.對 B.錯
9.HTML表格在默認情況下沒有邊框。()
A.對 B.錯 10.WWW是World Wide Web的縮寫,也可簡寫為Web,中文叫做萬維網或因特網。()
A.對 B.錯
11、在Dreamweaver中它只能對HTML文件可以進行編輯()A: 對 B: 錯
12、在Dreamweaver中,可以導入外部的數據文件,還可以將網頁中的數據表格導出為純文本的數據文件?()A: 對 B: 錯
13、在Dreamweaver中,可以把已經創建的僅用于當前文檔的內部樣式表轉化成外部樣式表()A: 對 B: 錯
14、在Dreamweaver MX 2004中不能添加object的外部插件()A: 對 B: 錯
15、在Dreamweaver MX 2004中,可以導入外部的數據文件,還可以將網頁中的數據表格導出為純文本的數據文件()A: 對
IPTC-版本所有
Page 5 of 7 B.B: 錯
16、在Dreamweaver MX 2004 中它只能對HTML文件可以進行編輯()A: 對 B: 錯
17、Dreamweaver MX 2004中默認的撤消步驟是50步()A: 對 B: 錯
18、Dreamweaver MX 2004中,表格與層可以相互轉化()A: 對 B: 錯
19、Dreamweaver MX 2004制作鏈接的快捷操作是Ctrl+L()A: 對 B: 錯
20、Dreamweaver MX 2004 中可以實現圖片的四周模糊羽化的效果()A: 對 B: 錯
IPTC-版本所有
Page 6 of 7
四、操作題(30分)單選題
1.A
2.C
3.D
4.D
5.D
6.A
7.A
8.B
9.D
10.C
多選題
1.ABD
2.ABC
3.ABCD
4.ACD
5.ABCD
6.ABD
7.ABCD
8.ABCD 9.ABCD
10.ABCD
11.AC
12.ABCD
13.ABC
14.CD
15.AB 16.ABCD
17.ABCD
18.ABCD
19.ABCD
20.ABCD
判斷題
1對
2錯
3錯
4對
5對
6錯
7對
8錯
9錯
10對 11錯
12錯
13對
14錯
15對
16錯
17對
18對
19對
20對
IPTC-版本所有
Page 7 of 7
第四篇:美工實訓手冊
實(網店美工)
上
創 訓 手
杭州沃土教育科技有限公司 業
網 冊
目錄
第二章 網店美工....................................................錯誤!未定義書簽。
第一節 圖片美化.................................................錯誤!未定義書簽。
一、圖片去除水印...............................................................................................錯誤!未定義書簽。
二、圖片添加水印...............................................................................................錯誤!未定義書簽。
三、店鋪招牌制作...............................................................................................錯誤!未定義書簽。
四、店鋪標志制作...............................................................................................錯誤!未定義書簽。
五、圖片輪播制作...............................................................................................錯誤!未定義書簽。第二節 店鋪裝修.................................................錯誤!未定義書簽。
一、店鋪基本設置...............................................................15
二、店鋪商品分類...............................................................15
三、旺鋪裝修...................................................................16 2
第二章
網店美工
第一節
圖片美化
一、去除水印
1、美圖秀秀:打開美圖秀秀軟件,選擇需要處理的一張圖片,如右圖所見。
2、點擊左側的“消除筆”,彈出右邊頁面。
3、美圖秀秀水印處理效果不是特別理想,但是方法非常簡單。效果見右圖。
4、用PS軟件給圖片去水印:打開PS軟件,打開需要處理的一張圖片,如右圖所見。
5、使用PS軟件中的圖章工具去除水印:選取仿制圖章工具,按住Alt鍵,在無文字區域點擊相似的色彩或圖案采樣,然后在文字區域拖動鼠標復制以復蓋文字。
6、使用PS軟件中的修補工具去除水印:選取修補工具,在公共欄中選擇修補項為“源”,關閉“透明”選項。然后用修補工具框選文字,拖動到無文字區域中色彩或圖案相似的位置,松開鼠標就完成復制。修補工具具有自動匹配顏色的功能,復制出的效果與周圍的色彩較為融合,這是仿制圖章工具所不具備的。如下圖所示。
二、添加水印
1、美圖淘淘:打開美圖淘淘軟件,批量導入圖片,添加圖片完成,選擇圖片作用,點擊“確定導入”。
2、添加素材:點擊上方“素材”,右邊出現添加素材欄,可根據需求選擇不同素材,點擊選擇的素材,素材即刻出現在圖片上面,可放大或縮小素材,也可將素材存為水印備用。也可點擊“管理分類”,選擇產品分類,即可出現相應的素材。需要刪除素材時,只需點素材,按“Delete鍵”。如右圖所示。
3、添加文字:點擊上方“文字”,右邊出現添加文字欄,選擇需要的字體、顏色、大小,在文本框內輸入需要打入的文字,點擊“應用”即可。如下圖所示。
4、添加水印:點擊上方“水印”,右邊出現添加水印欄,可“新增水印”,也可使用素材保存的“我的水印”,點擊“我的水印”中的素材,即可出現在圖片上,可放大縮小。
5、添加邊框:點擊上方“邊框”,右邊出現添加邊框,點擊“管理分類”,勾選所需分類,點擊“確定”。例如勾選了“個性邊框”,點擊“確定”后,再點擊“個性邊框”時,右邊則出現對應的邊框素材可供選擇。如下圖所示。
三、店鋪招牌制作
1、打開PS軟件,新建一個空白文檔,寬950像素,高120像素。
2、打開一張用于制作店招的圖片,復制此圖片。
3、粘貼該圖片至新建文檔,調整位置與大小后合并圖層,修改后保存。
4、添加文字:點擊左側工具欄內的“T”,在需要添加文字的地方左鍵單擊,輸入文字,文字的字體、大小及顏色可在上方工具欄內更改。
5、添加圖片:打開需要添加的圖片,使用移動工具將圖片左鍵按住,拖移至店招圖片上,若需調整圖片大小,同時按Ctrl和T,即可拖動圖片邊緣框改變圖片大小(調整圖片大小時按住Shift即可按原圖比例縮放)。
四、店鋪標志制作
1、打開LOGO生成軟件,找到合適的LOGO模板。
2、在相應圖層中按需要進行修改。并保存為JPG格式。
3、根據需要進行圖片裁剪與圖像大小修改。
五、圖片輪播制作
1、使用PS軟件新建一個950*250(像素)的空白文檔。
2、打開需做成公告的圖片并復制。
3、在空白文檔處粘貼并修改,合并圖層。若需調整圖片大小,同時按Ctrl和T,即可拖動圖片邊緣框改變圖片大小(調整圖片大小時按住Shift即可按原圖比例縮放)。第二節
店鋪裝修
一、店鋪基本設置
1、登陸淘寶網,進入賣家中心,點擊左側功能欄中的“店鋪基本設置”,出現以下頁面。
2、所有帶紅色“*號”的為必填項,包括店鋪名稱、店鋪類目、聯系地址、郵政編碼、店鋪介紹等。填完點擊“保存”。店鋪名總長度2-10個漢字(4-20個字母),不得包含知名品牌、非法字符等。
3、上傳店鋪標志:點擊“上傳圖標”,將做好的店標上傳即可。
二、店鋪商品分類
1、登陸淘寶網,進入“賣家中心”,點擊左側功能欄上的“寶貝分類管理”,出現以下頁面。
2、點擊“添加新分類”,在分類名稱的文本框內輸入商品類別名稱,在此分類名稱下方可點擊“添加子分類”,細分商品名稱。
3、如需用圖片區分就點擊“添加圖片”下面的“編輯圖片”鏈接,將圖片的網絡地址填寫進去即可。
4、點擊 “寶貝歸類”,在“選擇分類”框里選擇相應的分類,如:未分類寶貝、全部寶貝等。在寶貝列表里勾選需要歸類的寶貝,單件商品歸類點擊右邊的“添加所屬分類”按鈕進行歸類,添加或移動多件寶貝則在勾選后到頁面最下端“選擇分類操作”里選擇“批量添加”或“批量移動”,將寶貝放入新選的分類里,點擊“確定”按鈕,寶貝即進入到新的分類里。
三、旺鋪裝修
1、登陸淘寶網,進入“賣家中心”,點擊左側功能欄上的“店鋪裝修”,出現以下頁面。
2、樣式管理:點擊頁面上方的“裝修”,選擇樣式管理,出現以下頁面。選擇自己所需的樣式,點擊右上方“發布”。
3、點擊左邊“背景設置”,點擊“頁頭背景色”,彈出顏色框,選取所需色彩,點擊確定即可。建議使用和店招統一色系。若不需要頁頭顯示,則可選擇白色。
4、更換頁頭背景圖:點擊“上傳圖片”,將準備好的頁頭圖片上傳,文件格式GIF,JPG,PNG,文件大小200k以內,點擊“保存”。
5、頁面編輯:點擊頁面上方的“裝修”,選擇頁面編輯,出現以下頁面。
6、將鼠標移至店鋪招牌上時,右上角出現“編輯”按鍵,點擊進入,背景圖點擊“選擇文件”,再點擊“上傳新圖片”,可以上傳制作好的店招,點擊完成。
7、將鼠標移至導航欄上時,右上角出現“編輯”按鍵,點擊進入,出現以下頁面。
8、點擊右下方 的“添加”按鈕,彈出“添加導航內容”窗口,勾選需要顯示的產品分類,點擊“確定”。
9、在導航設置頁面點擊“確定”,導航欄上即出現添加的相應分類。
10、導航欄自定義頁面編輯:點擊進入導航欄編輯,選擇“頁面”,點擊“添加自定義頁面”。彈出以下窗口。在“頁面名稱”中填入需增加模塊的名稱,點擊保存。
11、自定義內容區編輯:將鼠標移至“自定義內容區”,點擊鉛筆式樣的按鍵,進行自定義編輯模塊。
12、也可在自定義內容區點擊“添加模塊”,共有16免費模塊,在模塊市場中有收費模塊。
13、在導航欄設置中,添加“圖片輪播”模塊,點擊“圖片輪播”右上角的“編輯”按鈕,出現以下頁面。
14、點擊“圖片地址”空白文本框后的按鈕,彈出上傳圖片的幾種方式,可選擇“上傳新圖片”,如上 傳產品時使用過的圖片會出現在圖片空間內,擇點擊“從圖片空間中選擇”即可。最后點擊保存,最多可以添加5組輪播圖片。評論,觀念,各有不同做好自己那份就好
第五篇:JSP商務網站設計實訓_
目 錄
(要求自動生成目錄,內容僅供參考)
一、項目實訓的目的與要求.......................1
1.1項目實訓目的.......................1
1.1項目實訓要求.......................1
二、題目說明..........................1
2.1 政府管理網站的背景介紹...................1
2.2 開發工具與技術介紹.....................錯誤!未定義書簽。
2.2.1開發及運行環境...............錯誤!未定義書簽。
2.2.2JSP簡介.....................錯誤!未定義書簽。
2.2.3mysql簡介.................錯誤!未定義書簽。
三、總體設計....................錯誤!未定義書簽。
3.1系統項目規劃.................錯誤!未定義書簽。
3.2系統功能結構圖....................錯誤!未定義書簽。
3.3 數據庫設計................錯誤!未定義書簽。
四、后臺系統部分模塊的實現..................錯誤!未定義書簽。
4.1管理員登錄頁面文件...................錯誤!未定義書簽。
4.2管理員登錄驗證頁面...................錯誤!未定義書簽。
4.3欄目分類管理頁面................錯誤!未定義書簽。
4.4欄目新聞管理.................錯誤!未定義書簽。
4.5添加欄目新聞.................錯誤!未定義書簽。
4.6刪除欄目新聞.................錯誤!未定義書簽。
4.7投票統計管理.................錯誤!未定義書簽。
4.8用戶咨詢管理.................錯誤!未定義書簽。
五、開發技巧與實現方法.....................錯誤!未定義書簽。
5.1 用服務器端包含技術實現數據庫的打開操作.........錯誤!未定義書簽。
5.2 用Session保存用戶信息...............錯誤!未定義書簽。
六、項目實訓總結...................錯誤!未定義書簽。
七、參考文獻..........................4
附錄(部分源代碼)(可以不寫附錄)...................4一、概述(一級標題,宋體,四號,加粗)
1.1開發背景(二級標題,宋體,小四號,加粗)
隨著社會的進步,經濟的發展,計算機技術在日益成熟。Internet普及,人們利用網絡來實現相互協調工作以及資源共享越來越成為不可扭轉的趨勢,學校信息化的發展也成了必然方向。伴隨著學生人數每年都在增加,傳統的方法用來管理學生信息已跟不上了時代的發展,還帶來了很多的弊端,讓學校的信息化很難推進,制約了學校的進一步發展。因此,學生管理系統的開發對于學校而言是必要的,學生管理系統能夠促進學校信息化的發展,利于學校的長運計劃。并且學生信息管理系統還為學校管理學生一些必要的相關信息帶來了方便,免除了傳統管理方法的繁雜和花費大量的人類、物力資源,減輕了學校的負擔。(正文,宋體,5號,段落行距單倍行距,首行縮進2個字符)
1.2開發目的本次實訓圍繞以下三個方面展開:
(1)網站概論部分:力圖使學生對建立動態網站有一個基本概念,了解什么是動態網站,它與別的網站有什么不同,以及了解建站相關的基礎知識。
(2)外觀設計部分:從網頁制作技術上讓學生利用網頁的靜態頁面元素來完成網站頁面的視覺效果。
(3)Web應用程序開發部分:掌握動態網站的核心部分的知識,以及開發網站應用的各個關鍵部分的方法和技巧。
1.3 開發目標
建立學生管理系統,采用計算機對學生成績進行管理,進一步提高辦學效益和現代化水平。幫助廣大教師提高工作效率,實現學生成績維護工作流程的系統化、規范化和自動化。為了使系統在學院的管理中發揮更大的作用,實現工作過程的計算機化,提高工作效率和工作質量,現提出如下的系統開發目標:
(1)系統應具有實用性、可靠性和適用性,同時注意到先進性。
(2)對各個數據庫進行動態管理,防止混亂。
(3)能夠對查詢結果進行分類匯總,實現報表打印和下載。
(4)方便用戶的操作,盡量減少用戶的操作
二、題目說明
2.1 開發工具與技術介紹
(1).技術可行性:需要用到JAVA基本技術、基于jsp的WEB程序設計、TSQL語言、圖片處理、數據庫服務等技術。
(2)
1.4.1 數據庫技術的現狀與發展
數據庫是60年代末出現的一門計算機軟件技術,到現在雖然只有三十多年的歷史,但在理論和時間上都已經趨于成熟,使我們能夠方便的使用。數據庫技術是信息系統的核心和基礎,它的出現極大地促進了計算機應用向各行各業的滲透數據庫的建設規模、數據庫信息量的大小和使用頻度已成為衡量一個國家信息化程度的重要標志。
MySQL作為一種開放源碼數據庫,以其簡單易用的特點廣泛被廣大用戶采用,MySQL雖然是免費的,但同Oracle, Sybase, Informix, Db2等商業數據庫一樣,具有數據庫系統的通用性:
(1)數據庫管理系統。我們知道,所謂的數據庫就是一些結構化的數據的聯合體,要提供對這些數據的存取、增加、修改、刪除或更加復雜的數據抽取等操作,需要有一個支撐系統,這就是數據庫管理系統(DBMS),MySQL完全具有這方面的功能。
(2)關系型數據庫管理系統。在數據庫的發展歷程中,曾出現過多種不同形式的數據庫系統,但關系型數據庫管理系統(RDBMS)以其優越性而被廣為采用,象現在幾種廣泛使用的數據庫全為關系型數據庫。同樣,MySQL也是關系型的數據庫系統,支持標準的結構化查詢語言(Structured Query Language)。
(3)開放源碼數據庫。同商業性的數據庫相比,這是MySQL最大的特點。MySQL的源碼是公開的,這就意味著任何人,只要遵守GPL的規則都可以對MySQL的源碼使用、修改以符合自己特殊的需求。
(4)技術特點。MySQL服務器端是多線程的,為客戶端提供了不同的程序接口和鏈接庫,如C、C++、Java、Perl、PHP、Tcl等,也提供了簡單的管理工具,如mysqladmin,mysql等。
正因為MySQL的源碼是公開的,使得我們有機會從源碼級,更深入的了解MySQL。從這一層面上可以探求、了解MySQL數據庫的特性:良好的內存管理機制,尤其是內存泄漏的管理,通過了Purify的嚴格測試;支持多種平臺; 提供多種形式的API,為我們開發工具的選擇提供了便利; 使用多線程的技術,可充分發揮系統的特點,避免在SMP系統中出現僅使用單CPU的現象;對磁盤表的管理采用B樹加密及索引的技術,為我們快速訪問數據提供了可能; 高性能的內存申請技術;臨時表采用在內存中以哈希表實現;提供多種數據類型;支持定長的和變長的紀錄;所有的列都有缺省值,為我們的某些“粗心”提供了方便;靈活、安全的權限和密碼系統,密碼在傳輸中加密傳送,允許主機端驗證密碼;
13)客戶端可以通過TCP/IP、Unix套接字、命名管道(NT)連接到MySQL數據庫服務器;對多種字符集的完全支持等等許多優點。MySQL有如此多的特點,又由于其免費的特點,這就給許多的中小應用提供了不錯的選擇。尤其是對一些中小企業,無論是從降低成本,還是從性能方面,采用MySQL作為其數據支撐系統,都是一種可行的方案。但也應當注意,采用MySQL作為應用數據庫,就意味著所有的問題都需要自己解決,要承擔一定的風險。
1.4.3 編碼
程序設計語言是人和計算機通信的最基本的工具,它的特點必然會影響人的思維和解決問題的方式,會影響人和計算機通信的方式和質量,也會影響其他人閱讀和理解程序的難易程度。因此在編碼時所選擇的編碼語言是很重要的。
本系統主要使用了基于JAVA語言的JSP技術Servlet技術,Hibernate開源框架技術,Struts開源框架技術,以及HTML、CSS、XML等等語言和技術。因此該系統據有JAVA的所有優點,移植性能比較好,數據庫移植也比較容易。本系統使用了許多的框架技術擴展也比較容易。
在編碼實現過程中,使用了基本的控制結構,每行只寫一行代碼,在必要的地方加了許多的注釋,結構清晰,代碼容易閱讀。對所有的輸入數據都進行了檢驗,并且對組合輸入也進行了級聯驗證,輸入的格式也比較簡單。對于驗證出錯的,給出詳細的錯誤信息,使用戶可以很清楚的知道自己在哪里出錯了,方便用戶的使用。
2.2運行環境(三級標題,宋體,五號,加粗)
.開發環境:課題在JDK+SQL server平臺下進行設計開發,所使用到的硬件設備有普通PC機一臺(現在市場上主流的PC配置已足夠),軟件有JDK、TOMCAT、SQL、MyEclipse、DERAMWVAER8.0、FREAWORK8.0等。
(3).運行平臺:借助學院現有的WWW服務平臺及數據庫服務平臺即可實現。
三、需求分析
四、總體設計
五、遇到的問題和解決方法
六、心得體會
七、參考文獻(下面是參考格式,不少于3本)
[1].龍馬工作室 編:《ASP+SQL Server 網站開發實例精講》,人民郵電出版社,2007.2
[2].宋昆、李嚴等:《SQL Server數據庫開發實例解析》,機械工業出版社,2006.1
[3].李嚴、于亞芳、王國輝:《ASP數據庫開發實例解析》, 機械工業出版社,2004.12附錄(部分源代碼)
1.數據庫連接文件rscoon.asp代碼如下。<%
response.buffer=true
dim conn
dim admin
dim connstr
Set conn = Server.CreateObject(“ADODB.Connection”)
connstr =“Provider=sqloledb;” & “Data Source=ZNSQLEXPRESS;Initial Catalog=gov_1;User Id=sa;Password=1234;”
conn.open connstr
%>
2.Introduce.asp頁面代碼分析。
<% toptitle=“民政機構簡介...” %> //判斷標題和內容是否為空
<%
%>


文檔為doc格式
聲明:本文內容由互聯網用戶自發貢獻自行上傳,本網站不擁有所有權,未作人工編輯處理,也不承擔相關法律責任。如果您發現有涉嫌版權的內容,歡迎發送郵件至:645879355@qq.com 進行舉報,并提供相關證據,工作人員會在5個工作日內聯系你,一經查實,本站將立刻刪除涉嫌侵權內容。
網站建設實訓
甘肅機電職業技術學院 《網頁設計與制作》 實習時間 指導教師 學生姓名 學號 專業 班級2011年 10月 9日至 2010年10月15日止郭建民趙艷萍G09350172計算機信息管理G093501班......
美工實訓作業二001
步驟簡述: 一、 打開電腦,進入百度搜索, 二、 三、 文字輸入:對21世紀網頁設計的審美轉達的認識 瀏覽尋到文章,閱讀選擇、結合自己所學認識如下: 網頁與平面構成、色彩、版面設計......
電工基礎實訓
電工實訓教學大綱 一、教學目的及要求: 教學目的:通過實訓讓學生全面了解電工基礎知識、常用工具的使用、基本操作,常用電器設備的使用、安裝、調試、檢測與維護。了解電子工藝......
網站美工作業
網站美工設計基礎形成性考核冊 學生姓名:學生班級:學生學號:年 月實訓1 對21世紀網頁設計的審美轉達的認識 實訓目的 提高學生對網頁設計的認識,加深理解網站在當今社會的重要......
網站美工崗位職責
網站美工崗位職責 崗位權限: 受公司委托,行使對公司廣告及旗下網站的設計、修改、美化等管理與制作權限,并承擔執行公司規章制度、管理規程和工作指令的義務。工作內容與職責: 1......
網站美工自薦信
網站美工自薦信 網站美工自薦信1 尊敬的領導:您好!感謝您百忙之中抽出時間閱讀我的求職信,期望您給我一個自我展示和實現價值的平臺,以下是我的個人情況介紹。我叫xxx,畢業于xxx......
網站美工工作總結
網站美工工作總結總結是指對某一階段的工作、學習或思想中的經驗或情況進行分析研究,做出帶有規律性結論的書面材料,通過它可以全面地、系統地了解以往的學習和工作情況,因此好......
網站美工自薦信
本文系網站美工自薦信范文,僅供參考。尊敬的貴公司領導:您好! 感謝你在百忙之中抽空審閱我的自薦信,期望您給我一個自我展示和實現價值的平臺,以下是我的自我介紹。本人2004年從......