網店模板制作與設計全流程二_第1頁
網店模板制作與設計全流程二_第2頁
網店模板制作與設計全流程二_第3頁
網店模板制作與設計全流程二_第4頁
網店模板制作與設計全流程二_第5頁
已閱讀5頁,還剩31頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1我們先看例子,先在PS中做切片,這是已經切好的摸版,切片不能亂切,切的時候要規整,方便后面的網頁制作,而且直接影響最終的效果。這里切片01以后是要做滾動公告的,為了少切幾個片片,我把放置公告的圖片放在了這個切片的正中,切片04、06、07、08是要做鏈接的地方,所以單獨切出來了,切片11、12、13、14、15、17、19、21都是以后需要無限延伸的,也單獨切出來。做切片的時候一定要方便后面的網頁處理。我把整個摸版橫向切成了整齊的五個局部,這樣,后面的表格拆分就方便了。之后,我們要在PS里存儲這些切片,菜單-文件-存儲為Web使用格式會出現一個對話框,這里可以設置圖片的存儲格式和品質,我們把它存在預設好的文件夾里,方便以后的查找好了,PS里的工作完成了,先別著急關了這個圖片,后面我們網頁處理的時候還用的到的。現在翻開Dreamweaver,新建一個文件,然后插入一個表格,這個表格是與你設計的摸版同寬的,無限延伸的摸版制作關鍵在于表格嵌套〔就是表格套表格〕以后我們所有的表格拆分和嵌套都在這個表格里完成。杠調整捕一下僚表格漢,把促它拉漁長些科,表笨格屬洗性為絞〔水發平-美默認阿,垂嗚直-腰頂端揭〕然伍后我揀們開挪始第趙一部吵的拆秋分。陰制作開好的萄摸版蜜橫向菜是整射齊的答五個壇局部違,我瘦們先別把這腫個表河格拆膨成五埋行而注意時:操柏作時君都要誦先選降中要廈操作噴的表匹格才勁能進棍行,薪不要碌忘記昆呀用接下粘來我瑞們繼活續拆趴分第都一部觸分的住表格胸,第叢一部哥分是挺切片趟01朽、0鳥2

桑橫向粉放置儲,所脖以把田第一喬個表失格再幅拆成寸2列疤就可掘以了姥。祥拆分鮮好之胳后就夾要插網入圖此片了刪,東切片罵01地是要主制作膨成滾心動公寨告的晉,這宋張圖漢片要傲以鏡背景跟方式厚插入室注意才:凡惕是將紀來需萄要插翻入文書字、網圖片霞和無壞限延辨伸的盯地方辨,都闊以背級景方黎式插避入圖窩片鑰圖象書放置撤好之覆后,屢先不稻用調喪整,紙繼續系插入敵切片己02痰,這臭個切妹片是鵝固定坑不動廟的,拘我們終以俱圖象江插入因方式懂在第鈔2個面單元微格進忙行圖跡片的肺插入跑接下負來是仍第2眉局部賭的表寬格拆障分,恢第2盼局部爪的圖芹片與劉第1平局部徹的圖狐片拆庸分位紙置不節同,班這樣崗我們裹就需辱要在傻第2祝局部臭里嵌敞套一描個新更的表啞格來瘡進行橡拆分螞,這潑樣表里格之柴間就帆相互魚不干功擾了受。豐拆分擇好之端后,分對照疊PS別里切杏好的企摸版蘋,分隱別以浮圖象敢方式紐插入嗽圖片鵝。插衛入圖卷片的蹤時候怕,表敏格會跡自動頓伸縮依的,宮這時憑侯幾誼乎不撞用進廢行調籃整。策下面威是第賀3部誼分的之表格訪拆分熄,我育們還傾是要鼓先嵌瞞套一雅個表梨格,盾然后本進行贏拆分賄這里披的圖維片也檢是固血定不鋒動的皆,我學們也股分別量以矩圖象旋方式句插入音相應節的圖叨片。威好了奧,休摘息一陳下,瞎第4幻局部造就有助無限璃延伸料了,煉要好哲好看倉呀。譽還是筒先再太第4甩局部摩的表根格里鉛嵌套脊一個嗽80勒0象團素寬抵的表靈格,圣拉長飯些,促然后忘根據杜PS性里切贊好的艇圖象掛,先煮把表積格拆宵成5渠列溝呵呵縮,之晴前的佳切片匹一定究要切傲的規諷矩呀齒,橫賽豎對兵齊,飾這樣迅網頁鋤處理懇起來籮會很默方便恐,做駝到這此里就柱感覺柿到了裙吧。嚷看看帽PS歲里切京好的兵圖片梯,第諸2列訴里有櫻幾行獎,這愛里就守拆分即成幾顆行。登對應們著P題S里亭的圖膨片看活呀,踩有紅格心標班注的葬地方盟都是扶需要飲無限命延伸役的地榴方。夫

返美美捉在制筑作這得個摸枝版的殿時候壺,需育要無真限延很伸的佳地方愈,我忠都使承用的喬是單屈色,痕在網賽頁處蒸理的棗時候迎相應痕的表達格內洗直接候用喇背景壩色填澤充態就O旦K了弦,當蝕然,哥您也綿可以爹把這雖些地飄方設恭計成敏固定潮的圖艘案,搜然后規選擇罷背景左方式必插入括圖案欲,也否是可溫以無篇限延船伸的奏。方氧法是旱多種痰多樣文的,堪關鍵局在于勾背景暗是可突以無朵限延漠伸的永道理挺。屬先在聯PS訓中點射選出便背景框色,背得到恒色號鋼,在益DW勉里進饞行鑰背景鋸顏色即的填裳充。售之后煤調整歪一下納表格渴的寬撕度,貸使每酸個表尖格都票與對炊應的觀切片勢同寬逆。鞭接下穿來看肢2列彼,參葡照P拘S里滅的圖示象,串在需燦要插跟入圖壘片、踐文字題的地譽方進露行水背景湖顏色券的填圈充〔慕插入取圖片精和文緣字的站地方漏也是抽要無喇限延皆伸的耕〕泛對應攀PS原里的攀圖片頁,把殺2列際其余襲的部發分分塞別以集圖象辱方式州插入婦圖片泉下面躲我們倆開始戰做4太列里乳的表散格,告4列菊里對鋸應的屈是寶胳貝推酒薦的紅帖圖愁,這壓里也弓是需程要無類限延移伸的構,我飾們先面把4低列用傷相應壤的偏背景炕顏色青填充奏好,豐然后灘在里狡面插置入一化個與順切片鋸14綱同寬識的表菌格。錫再嵌芬套好慌的表租格里驚用評背景峽顏色血填充埋相應浪的顏如色。炮最后睬在第口5部努分用膨圖象崖方式栗把最爸后一振張圖冶片進基行插奶入。形好了窄,可助以無需限延神伸的線摸版驅制作霉完成禮了。環下面構我們唐要進只行進總一步效的調細整,帽要使銹每個愁表格請都與系對應淘的切各片同憲長寬孝,這纖樣模黨版才香不會賢變形眉,整息理的奮時候卻要多負預覽穿,哪留里不呈好調呆哪里支,調卻好之腹后,換選中款整個菊表格潮,設構置屬拿性為允“水清平-死居中思〞。撇全部音調整宴好之正后,魚我們兼還要照設置既一下工個別鳳表格慌的屬津性,獄把需靈要插君入放悟大圖殺和推燈薦圖刻的表拴格屬紗性設山置為格〔水代平-之居中鐮,垂鵝直-撓頂端搶〕,事把需芹要插層入文叉字的庭單元限格屬式性設居置為研〔水聽平-棍默認鼻或左兵對,錦垂直秤-頂封端〕惕這些福做好農后,賄我們雁要把椅“我輔的店煎鋪、援店鋪攔介紹住〞等狗局部晌做好芒相應藝的網卸址連奔接,褲先打感開您儲在T苦AO歸BA頭O的混主頁國,復饒制網句址,刊選取姓“我撤的店哨鋪〞華圖片珠,在冤屬性述的連色接框歪中,嘩把網口址粘芝貼過懲去,斑這樣證,連未接就貧做好咳了。增“店暗鋪介廳紹,輪信用訪評價冤〞等終地方思用同披樣的付方法甲進行浴地址失連接量。服然后古我們裂再做佳滾動粘公告夏,美恰美在謊DW均里怎點么也艦沒找姿到做盛滾動研字幕勇的地販方,躬所以身只好后借助斬Fr雙on撈tP冬ag聯e來較完成福滾動展字幕撥的設防置。險先在慚DW鴿里保奉存這巖個制灑作好色的摸凍版〔源存好負之后功不用技關〕回,然融后打列開F偽P軟你件,干翻開經這個抄摸版稻,在效

芝菜單貫-插葡入-僵We需b組曠件

正中插腸入滾聚動字悔幕碧設置滾好之槐后,丘雙擊爐文字毛,調股整對被話框樂的長綢短寬舅窄來續決定嘆公告征文字患出現耍的范晃圍。辯這樣愛做好把之后億的文鄭字是挺從左饅到右掉滾動犯的,規如果寄想讓外他向特上滾陵動,滴我們押需要帶改一遣下代用碼,糞先選著中公通告文袖字,筒然后練切換醫到代塌碼頁啊,找爽到m誼ar啊qu洲ee簽那行枯,在鍵后面咸加上次“d友ir瞧ec扭ti向on葉="殖up拾"莖〞這冷樣一包來文輝字就窄變為世自下倒而上摧滾動言了。棵之后廈保存強,關運閉,帝再切蓄換到恥DW議〔呵機呵,林這樣兔好折召騰呀董。〕瘋會出緩現一想個更滴新對引話框季,點增是,雞進行蓋代碼云更新掙。聰做到鬼這里趕,一果個完鎖整的縣可以梅無限毛延伸配的摸肅版就游完全泥做好陵了,已先喘埋口氣沃。貧以前旺美美貨認為豐發布影新品兩最累曉,現插在認穴為做敗教程線是最究累的環,我致的眼究睛都戴看花恢了,杏眼珠串子都深快掉廊下來錯了。砍現在榮,我旺們要密把所恨有用去到的吐切片班都上踐傳到際您的循網絡偷相冊巡中,段這里較說明耳一下既呀,盲美美載的網旁絡相鍬冊是膏買的聲,很翼穩定竊,功樂能好北,傳斜輸速速度快情,請費打聽恰免費冬相冊昨的涼朋友嘉不要卡再問恢我了握,我逆真的吊不知衫道哪粘個免鮮費的姑可以不用呀總。炎傳好款之后自,我司們就涼可以厲把做翼好的桌摸版貪放到麗TA攪OB忙AO艘中使構用了畝,先警在D睬W中塵切換胸到代背碼頁插面,座選取裂所有賀代碼乞,進耽行復夫制,蔬然后困翻開袋TA往OB岔AO嚇需要現編輯蔬的寶辮貝頁佩面,蝶進入盾寶貝種描述鍋編輯懸對話珍框,咬切換駛到驅編輯臟源文硬件狂,把淺所有救代碼皇粘貼評進去咳現在券,先皮不要箏著急巖切換劍到瓶使用辨編輯爛器岸看效惑果,悲因為為這時植候的藝圖片這地址戒是您涉機器賓上存株圖片突的位滿置,傻在網摘絡上埋顯示影不出滋來,解我們豐要把唉這些嶼圖片留地址杏替換扎成網狗絡相煌冊里漆相對蕉應圖墨片的浙網絡莖地址塵,這竿樣都踩替換齒好了秤,再崖切換命到叫使用詠編輯榆器述,才端能顯蛙示完營整的照圖片層。地烏址替堪換的者時候乒要仔凝細呀托,不木要換坦錯了成。殊好了苦,

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論