DreamweaverCS5實驗一

1、實驗一使用Dreamweaver CS5制作網(wǎng)頁一表格基本操作一、實驗?zāi)康暮鸵?、掌握表格的基本操作。2、掌握表格及單元格的設(shè)置。3、掌握表格的布局技巧。4、掌握在網(wǎng)頁中插入文本，設(shè)置文本格式。5、掌握為文本添加超鏈接。二、實驗內(nèi)容EX16文件夾參照樣頁（見圖16-1），根據(jù)要求制作網(wǎng)頁。本實驗的素材在所配套素材 中。+ mOTE百石時尚骨蝴喪飛辺找魚橡詩泉涼輕山備在記憶的空閭®犬學生奇慟畑涮踴匕畫面衛(wèi)如歡決跚謝咅5?*邀 幅日的余嫌 阿和昭聲肓勾起範無盡的廻敷蹴我思歲月懿，時間尅跆許參東西，但我的心靈 ±P怎吳不變?；貞浭前闳彰滥吹霓賹O。村開二討的記曰 翹時光檢適，在大

2、宇一年昜的生括中，北學會了在先慰與脫軸 主習中自】疏買的生活！字會了在獨處與玄往的環(huán)境中釋敲自己的心情！字會了在曲聽與沽說的玄互中加探豆&罰 友臥 孵在美RR的族園中，回想自己過去一年釘?shù)淖阕?舉覺自己臘去出 不再是一年翩吟禪踽男檢 f睥運自己n維迭養(yǎng)適的克學環(huán)悄中認識很攝親切的巻和循識說參算擊的同學是慚m讓鮒鈦學生話更乘 實便鮒生活中充芮了快樂"拿看的元壽“A的成贍不開自身各昭婭歷：曰折“加速百丸童志的成憐牲折，悟育軒人性胳的因麒堅塚人恰念 的追求*生活吉訴悲*路昱人走辻凍的，關(guān)注要卑自己，振作起來主舌的董女軟是前進栽不嘗立記自己走過的 蹈；那些百旳軋岡首光慾的跆 那些演逓

3、汗水禺力擁西的跆 那些帕呃不平&刪辛韓 但盤會在込 里陽自己誼：9有記住這豊路，才能走毎咲后屈、Q2DI0. D9ld社的（空問1曲甜 1瑚生的謝片 iFWHLy SITEVJK至電話：眄沖魏8S88SEW：哩L6JecapvRiiHi307 »AURQHTE REfERUEP圖1- 1參考樣頁三、實驗步驟實驗準備：啟動 Dreamweaver CS5。1、新建網(wǎng)頁，頁面類型為（1）執(zhí)行【文件】菜單中【新建】功能，在新建文檔窗體中選擇“空白頁” “HTML ”，單擊“創(chuàng)建”按鈕，如圖16-2所示。-J頁面走型£空白頁 母空腹扳 警複板中的頁 ri示例中的頁 y苴也H

4、INLWTNL僅扳X5LT （莖帀） ASLT （片斷） 庫項目 AetiosiSiiript 曲J穴贏葉昨七WL戰(zhàn)T JavaScript ASF VlScript ASP.MIl C# 屆T.KET ¥B CaldJuEiidn CollFuEivn 組件 JSPFMF1貝胸定，居中1別佰定，居中苛題和I毋至1歹I踰奄居中1列踰惑居中，衍題和押注2別固宦，剖準2引同磊右©準、拆題細蛀Z弔咽毎左Q準2列固總左也膽、輛題極睢2列滋態(tài)右倍)欄?弔噪靳右也忙、標題狐惟2弔擁薪左(S能£弔腋蟄 左曲膽*無題和ai3歹幗走3列固走，標懸和卿逹3列融疼3列鹿務(wù)，標迪和卿注M

5、THL交檔無偵覽文帖堯型：KtfIML 1.0 Trwti tiwal 布呂CES ft 55猱廨枚檔頭PfttO CSS 交件«啟用 InCwt齢t Editing了祉自癸”的訂護二"<1卯1 :nin F u h 1 e匸iinjaw號tsm 義車事各卩.|嘗.圖16- 2新建HTML頁面說明：Dreamweaver可以制作網(wǎng)頁、框架網(wǎng)頁等。系統(tǒng)提供了多種模板，便于用戶快速制 作網(wǎng)頁，提高工作效率。在新建的網(wǎng)頁編輯窗口空白處單擊右鍵，選擇"頁面屬性”功能，在"大小”下拉 列表框中選擇12,并設(shè)置頁面邊距為 0，顯示如圖16-3。(3)單擊I一I

6、按鈕，完成“頁面屬性”設(shè)置。2、選擇【插入】/【表格】菜單，彈出“表格”對話框，在“行數(shù)”文本框中輸入3,在“列數(shù)”文本框中輸入1，在“表格寬度”文本框輸入800，在其后的下拉列表框中選擇 “像素”選項，并設(shè)置其他屬性為0,如圖16-4所示。圖16- 3頁面屬性設(shè)置圖16- 4表格設(shè)置3、選擇插入的表格，單擊鼠標右鍵，在彈出的快捷菜單中選擇 【對齊】/【居中對齊】命令， 將插入的表格居中對齊，如圖16-5所示。圖16- 5插入表格4、為了便于查看插入的表格，選擇插入的表格，將鼠標移動到表格的下方，當鼠標光標變?yōu)?#39;形態(tài)時按住鼠標左鍵不放，將其向下拖動調(diào)整表格的顯示高度。5、選擇插入表格第

7、二行的單元格，在“屬性”面板中單擊“拆分單元格為行或列”按鈕如圖1-6,把單元格拆分2列，使用鼠標調(diào)整表格中單元格的位置，如圖1-7所示。圖16- 6拆分單元格圖16- 7單元格調(diào)整6、 將鼠標定位到第1行單元格中，單擊【插入】/【圖像】，在彈出的對話框中選擇本實驗 提供的素材top.jpg。7、 將鼠標定位到第2行第1列單元格中，在屬性欄設(shè)置“水平”為“居中對齊”，“垂直”為“頂端對齊”。單擊【插入】/【圖像】，在彈出的對話框中選擇本實驗提供的素材left01.jpg ,同樣方法插入圖像left02jpg , left03.jpg , leftO4.jpg , left05.jpg , le

8、ft06.jpg。& 將鼠標定位到第 3行單元格中，單擊【插入】/【圖像】，在彈出的對話框中選擇本實驗 提供的素材bottom.jpg，如圖16-8所示。IBI - I" l=IS IH :12345G7!3、IJIILIEM!:15低17聞132021：2224 25 %27 30 !，曲抽.:FnHLUflTE*圖16- 8插入圖像，設(shè)置單9、將表格第2行第2列單元格拆分為2行。并在第1行內(nèi)輸入“大學生活規(guī)劃” 元格“水平”屬性為居中對齊。10、將本實驗素材文件夾內(nèi)“大學生活規(guī)劃” 所示。內(nèi)容復(fù)制到第3行第2列單元格內(nèi)，如圖16-9'Tri大學生屠抑劃在確狂了犬學

9、朋間的岌展目抹后，址要酬是和創(chuàng)實可冇的方紊把目標甘解祇!若桿小目怖一段一覆的去實1 e成咖播雉能可酣北是能昶誣葩并段宴現(xiàn)制1的目觸而不是橡劉I蔭些冋學，總憩一 口吞傘犬熾Ti 果反而祺咯百了*肪此11誼刨走方案，附圧性地朝百目標奮斗的人是f昭易職得威功的*衷th行計劃則定方賽過程中必離合產(chǎn)生一個具煉性的*綢節(jié)性的計師 醐是平fl把動的獅b它會船hf嚴酣金噺櫛葉i :、希力，指導(dǎo)鹿卄細間諼跖+冬同時還會舌訴懷在邨飾段埠會取得件玄樣的鋼h在機行敗怫過程當和脳是大學生話規(guī)劃呢？ 一腳講、丸學生丟覘対是從目前比較濟行的丑11生涯規(guī)劃中浦我?guī)艞l的，是一種號應(yīng) 一走程度上人可以宰腥自己的命運、竝對未寒大學

10、生活道鮒預(yù)棲設(shè)計，莽釆聯(lián)相應(yīng)的箱施違求在大學生活中1 毎更咖功的一種新S!的丸學生話官醛勸。科學的主話規(guī)劃可以華助誦立在丸學朋閆的發(fā)展目標、叢展前雖，! 菠發(fā)展適略1可以鄢眈理時間和睛力ttzS于最晝回扳奉的事情上去，罠益毎更玄的成內(nèi)。爲ftavaise卅也,兩何進行丈學生爲鍛劃唯¥ 編尢孚生希摳劃的訴玖是召限下八不曲賒進行；:蘆生創(chuàng)劃意i?袖是舌覺誘現(xiàn)詮BU學生話潼商卄么意義喘？濮苦朗彎天if在忙晞 卻滾商收魏朗廊是杏覺碌，自己恵是比 別A1»t拍蜩怖壬菠保應(yīng)請利用丈寧寶粥汨捐和向限的熒源何點卄丄聯(lián)飾打吏自想也玻自己的現(xiàn)1斯丫 ： 如果你的回苔是*弟話那么恭盲你：怖已疑開

11、胎對現(xiàn)狀不希 已姑也生了規(guī)劃的息識"巴fe&劃息識是汗始 I行丈學生活規(guī)知曲開駡。如果你是一嚇環(huán)凰進恥、衣于珊狀或者是一偉有勇鍛叢自己的人那送下面的歩驟此 焉再石T*扛迸行自題評估包我評估就是時自己進行科宇、全面砌且的聒呂包培對現(xiàn):在的我，迅去涉1我的別折.對將來的糊報想*自我： 的目的,是訃識自己了常自巴因;百訃識了自己才能対自己湫宇生舌作出止爾的選樺，才社込定騎自i 愛區(qū)的路抵，才龍對自己的楞生話昌標作出最住抉擇。自我評潔可以逋過回售以下三于坯古走的何卿進行。C ir我St?二 我皿排里來，至懈里去扌祚'曲要做卄也孑爲:鮭目忻在丸竽生活規(guī)剤申誦立目標是區(qū)爻謹也是最

12、雅f啓G的一古©能不能正硝地誦立丈學期間的發(fā)展方向和磴展道路直 按丟奈到能否在去學取得咸杲的丸小*分析翊與矢敗者之司的差距只在于；威功舌在他們細之環(huán)都淮硝磋 運大的謹想。fem的妙旦不過展堅持孑譚地朝石目標不時禺力的罟麴杲。市失敗音他n住住沒有目標克音是| 禰比較臥偲帚杲杲-做一天和菊捏一天鐘，幣從來軸昭昨常過自己更暢件&不要爐什船所哄IffiilH餉了 功.5用虛方妄9QS1J遊行自烹押首皆琢平估就杲對自己誑行科字*全面5底的網(wǎng)環(huán) 包括對現(xiàn)在的禺 過吉曄的刮析，對將來的fe的邀g。自冊 的司眇 是認識自己、了解自于 因為只有認識了自已 才飆自己的衣字生話作出正晞的選擬 才統(tǒng)

13、罡適莒自i 玄珈:;路塔，才龍對自己的蠟土話目存件城佳快擇-自O(shè)&可椒通過回售且下三傘盤古老的何鰥進行* <: 1>蘇淮？ “:“我覽連列鄭雖主廠:要徴什臥;那必如何is行丸宇主活規(guī)劃唧一颶大宇生曲嗣怡琥程別姒下丿n網(wǎng)廝a行"吾生規(guī)卻意識加是習朗由時的世生話設(shè)肖卄么磁呢亍你是鈿:毎對盹忙麻軀宥收5WW懷是香覚得自己耗比 別切胖柏瞬怖是香賞恨應(yīng)祓利用大學寶謝時可鈾限的負源做點卄也呢卞怖商法ft想圉變自己的輛規(guī)扌 如杲儒的回普是'¥»啲話"那Z熬言爐你已疑開抬湘瞅不商已疑H生了規(guī)劃的意識了* r生姒知1意識是開始 行丸學生裁規(guī)劃的

14、開如黑滋是一節(jié)不國進取蠢于現(xiàn)狀或右是一代右恿遷改變目己的人那i'F面的歩囁趾:0«»»«:mSI 尊學DO圖16-10 插入水平線12、鼠標選中新插入的水平線，在“屬性”面板中單擊至 按鈕，在彈出的“編輯標簽”欄中輸入"<hr alig n= "ce nter" no shade=" no shade" color= "#f60000"/ > ” ,將水平線的顏色設(shè)置為“紅色”，如圖16-11和16-12所示。圖 16- 9輸入文字11、將鼠標定位到第一段文字末尾，

15、選擇【插入】 本的下方插入水平線，如圖16-10所示。/【HTML】/【水平線】命令，在輸入文大學主丟規(guī)劃肱跌學邃厳廝二締滿;箱生潮痂曲舗讖諳嗣述邊腳陽舞赫萌逼二禰鉅私 L罡程廈上人可以莖眶自己的命丟通過對未來犬字工走迫路的預(yù)期設(shè)計，井采取相應(yīng)的IS施讒1H1大學生皤中£ 福些成妓L種新婁的尢芋生旺垃f翳站=科學的生遷規(guī)劉可很赳助確丄玄字取閆盯乂展目于、疋遅前呆 I 巫岌展道賂；可此華趾管理時間和帝力，追之用于噴貝回報翔事情上去，以菇得更丈的成貞*5天學生雋樹劃E 1 - 1二i三丨四1 £-12345B了8910111121314151C1?191920rt ZI2223

16、24252&2728U2D1D. Mu o圖16-11快速標簽編輯器編輯標簽金呼韋叫認時cslor=T, #£50000 M/>圖16- 12設(shè)置水平線樣式13、點擊“實時視圖”觀看效果，如圖16-13，圖16-14所示。Dw文血月希E：>W(V)插入(I)悸改(M)梧式0) 甜令(C)index.html xHi代碼|拆分|設(shè)計實時代碼：4實時視圉|檢査以巳地址：tiLe：/E |/我的工作兀1 計阜機工程學院工作/02.科研I頁E圖16- 13 實時視圖按鈕一定理匿上人可權(quán)星推自己的甜運，通過對耒來丈宇生害逍路茁預(yù)期設(shè)計，弄來聯(lián)相應(yīng)的軸應(yīng)，謀求在太學生吿中 取

17、塚更大刪的一沖新埜的犬字生話背理話動*科字的±smb可以帝刪互在丈學期聞的左長目杠 srw 融以戲展迫路：可以舉助官聚眶和精力使之用于員貝回抿辜的判育上去，以菠得更犬的成攻I*14、選擇 bottom.jpg圖片，點擊屬性面板上“矩形熱點工具”，如圖16-15所示，在圖片上尢學生拾撫剤什盤呈犬學生旺規(guī)戈|忑？ 一般的俳大學主牙規(guī)劃是從目前比按流ti的旳業(yè)生涯規(guī)劃中顯而來的是一種假走在那也如何退行犬學生箔執(zhí)劃呢丫 一段丸學生話觀対的克程是分以下八借驟退行®L產(chǎn)生觀劃息i 口惋是苦覺涵趕的嫦生活沒有忡也蕙義?。坷仁钦苡X規(guī)再天都在忙聚卻愛育收親哮悅是否覺環(huán)自已總星比 刷人慣豐拍喘

18、孑師是舌覺梓應(yīng)該利用犬學寶朋彌閭和育E頭貓瘟做臣什細孑臨有迄有彌過改變自己的玫欣呢？ 如果席的回答是-y»胡話那也恭言伸：懦已徑開刪玫狀不満已輕產(chǎn)生了規(guī)的意識了。產(chǎn)生換劃息識是幵 伯進行丸學生送覘創(chuàng)的開端#如杲怖是一個不閩進SI *毆于現(xiàn)狀或者是一個設(shè)有蟲包莊自己的人，那冼下面的歩 噪就無希再看了":廻行自我評估自倉評估就是對自己進行科學、全面*徹慝的解剖”包括對現(xiàn)在的我"過去的北的剖析，溜將來的我的設(shè)還。自我 評酋的呂的”是認識自己* 了解自呂。因拘只苒認識了自己，才龍對自己的大宇生舌作出正禰的謹擇，才龍送定誨 合自己左喂的略線，才臆曲自己榊學生話目標作岀最佳決

19、擇。自我評店可以通過回膏以下三牛最古老的問題來邊 弘我是灌亍”；“我汕哪里來，到郭里去廠：*要做卜盤、圖16- 14實時效果“我的大學”文字上劃出矩形方框，如圖16-16所示。圖16- 15矩形熱點工具之阿 P'：al. nr.aiuillwltdjam*-3i的理片圖16-16 劃岀熱點區(qū)域16、 選擇【文件】/【保存】命令，保存制作的網(wǎng)頁保存為index.html。按【F12】預(yù)覽網(wǎng)頁， 點擊“我的大學”觀看鏈接效果。17、 用同樣的方法制作“校園故事”頁面xygs.html，“青春時尚”頁面qcss.html，如圖16-18, 圖 16-19。rutn £rrM!

20、71;iS! ! =口hw!. :.VrrrTJT右Ji irnl- Htm+il- mvPiFBfl-厚辭理.- QHrkyRfiiA aWTF'Rt. ilB-HN-l-li iKWTc-iaifl- 石也剛肯1曲三曲*曰心1©比ILVC' Hirtt-S-M心.吧；* -LHFi-百 Ml-Ellfi "ufcffcfl 3- Hi丄！ 込皿軸審a _"削ibiHWhNi!2：. Erili.F 才-住 *r»LMn-i*h ftanfiiaiPiHv=iia nail ci th *i時闘，- k- ilhH- 片win 右4盲1

21、 巴* »!(.WKTe -j：itlT-1IBfla flj. BWI7- 一 in 叛柚Min =耳tirtOTfTft” snafHwn-ifta- ijb.hi ¥：*-弓H7- BWTTr EHdftUiltWWnlH- HI >_flSU > EJInffTMlfld HBid-fl軒£黑 +c.fi：6 iQn =UL. J訶 ii« nntsfcw*- "H .+* a”! nnT-twjy. .-1-M-l hs iliz T*J- ft r. !VrJ：“i> Cl- PPPfTi 僧«>.- V"Wl-丄! 一陣:tJ|比E爭、禺冊虹(NIMIliBt'KKMHI-nTTIMi員* 丘右-硒: 口亡耳亶知三弊FHIRy準71 胃HTTrlh -HB-,¥RM5*肪耳丸宇wunwfth -KKRMWtaaWA* HHERR>UUS.«1*h6i=-«