您好!歡迎進(jìn)入廣東華商網(wǎng)絡(luò)科技有限公司
1. 讓網(wǎng)頁(yè)頁(yè)面更有彈性,有些網(wǎng)頁(yè)開(kāi)發(fā)者稱以下要介紹的這種技巧為 liquid,我在這兒則把這種技巧叫做是 stretchy(彈性延伸的技巧)。這是一種技巧,可在訪客瀏覽器窗口巨細(xì)改動(dòng)時(shí)也隨之調(diào)整網(wǎng)頁(yè)頁(yè)面巨細(xì),因而若是窗口過(guò)大就不會(huì)有空白處、窗口過(guò)小邊緣就不會(huì)跑出上下移動(dòng)的拉Bar。其實(shí)大多數(shù)簡(jiǎn)單的網(wǎng)頁(yè)會(huì)自己跟著瀏覽器窗口巨細(xì)來(lái)調(diào)整頁(yè)面巨細(xì),可是若是網(wǎng)頁(yè)里用到很多不同的框框及表格,網(wǎng)頁(yè)頁(yè)面巨細(xì)就很難主動(dòng)彈性地調(diào)整。通常網(wǎng)頁(yè)規(guī)劃者會(huì)用混合運(yùn)用固定欄寬的框框,和 GIF 圖檔作為距離,來(lái)規(guī)劃網(wǎng)頁(yè)頁(yè)面,這樣一來(lái)不論是用 Internet Explorer 或是用,頁(yè)面巨細(xì)都會(huì)固定而不會(huì)跑掉。用 Dreamweaver 4.0 能夠垂手可得的規(guī)劃出會(huì)主動(dòng)彈性調(diào)整的網(wǎng)頁(yè)。要怎么做呢?用東西面版(Object palette)上的按鈕敞開(kāi)網(wǎng)頁(yè),而且轉(zhuǎn)換到格式檢視( Layout view)。這時(shí)能夠看到文字方塊的列寬,每一列的方框上方中間還有一個(gè)小小的下拉式箭頭 ,挑選想要設(shè)定彈性顯現(xiàn)的列上方的小箭頭,接著挑選「將列設(shè)為彈性顯現(xiàn)」( Make Column Autostretch)。(設(shè)定主動(dòng)調(diào)整列寬以一列為限)這時(shí)該列方框上方就會(huì)呈現(xiàn)一條波浪形的線,而不是原本表示列寬的數(shù)字。 Dreamweaver 會(huì)主動(dòng)制造出固定版面的空格圖文件,這個(gè)空白圖文件是以列上方的兩個(gè)長(zhǎng)條形的空白表格表示,如此版面會(huì)主動(dòng)被填充,才會(huì)完結(jié)彈性版面設(shè)定。(在第一次增加空白圖文件時(shí)會(huì)跳出一個(gè)對(duì)話框問(wèn)你是否要使用內(nèi)建圖檔,為求作用,我主張你Dreamweaver 主動(dòng)發(fā)生一個(gè),不然就不必使用空白圖文件來(lái)填充版面。)
2. 發(fā)明個(gè)性化調(diào)色盤,Dreamweaver 4.0 新的 Assets panel(特點(diǎn)控制面板)是一種能夠在修改網(wǎng)站時(shí)依據(jù)檔案型態(tài),例如圖片、樣板等來(lái)管理檔案的新東西,當(dāng)你定義新站臺(tái)時(shí)(挑選Site · New Site),一切類型的組件會(huì)主動(dòng)增加到 Asset panel 里的適當(dāng)表框中。這個(gè)參加新的Assets panel特點(diǎn)控制面版里也有色彩框,儲(chǔ)存你網(wǎng)站里所用到的一切色彩,包含文字的色彩、布景的色彩,以及連接的色彩等。這是一個(gè)為使用者量身定做的網(wǎng)站導(dǎo)向色彩盤。只需激活 Assets panel (先挑選 Window · 再挑選 Assets),接著挑選左方那個(gè)小小的色彩滾動(dòng)條,就能夠看到你網(wǎng)站里林林總總的色彩選項(xiàng)。當(dāng)然你能夠?qū)⑦@些色彩拉到某些特定選取的文字中。乃至當(dāng)你挑選某種色彩時(shí),畫(huà)面上會(huì)呈現(xiàn)這種色彩的十六進(jìn)制值的色彩濃淡度,和三色對(duì)應(yīng)碼(RGB)。假如想將調(diào)色盤東西列縮小一點(diǎn),乃至能夠僅參加某些色彩到調(diào)色盤的保藏夾里。只需將選取的色彩反白、挑選窗口里一個(gè)叫做「增加到我的保藏夾」按鈕(最下方靠右的按鈕),就完結(jié)了。
3. 制造彈出式選單導(dǎo)覽體系,原本要制造彈出式選單導(dǎo)覽體系(Pop-up Menu Navigation System)要用到好一些 JavaScript 的語(yǔ)法技巧,可是若你裝了Dreamweaver/Fireworks Studio,輕輕松松即可快速辦到。首先在 Fireworks 里開(kāi)始,挑選某個(gè)圖片, 然后在 Set Pop-Up Menu的對(duì)話框里挑選 Insert· Pop-Up Menu,你能夠輸入項(xiàng)目(items)的稱號(hào)并挑選 Plus (參加)按鈕,來(lái)新增該項(xiàng)目。你能夠持續(xù)在跳出來(lái)的訊息框里進(jìn)行細(xì)項(xiàng)設(shè)定,例如設(shè)定該項(xiàng)目所要用的文字及連接,當(dāng)然也能夠新增子選單、偏重新安排下一層的設(shè)定。完結(jié)時(shí),挑選 Next (下一步),持續(xù)設(shè)定偏好值,例如色彩、字體等等。這時(shí)選單完結(jié)后,能夠預(yù)覽 HTML 語(yǔ)法,也可預(yù)覽印象。再挑選 Finish (完結(jié))。這時(shí)當(dāng)鼠標(biāo)移動(dòng)到原來(lái)的圖畫(huà)時(shí),會(huì)呈現(xiàn)選單體系的內(nèi)容一覽。 接著將制造好的檔案匯出時(shí), Fireworks 會(huì)主動(dòng)生產(chǎn)出一切 Dreamweaver 需要用到的 HTML、JavaScript,以及印象檔案。
4. 讓圖檔動(dòng)起來(lái)!假如你一起裝置有 Dreamweaver/Fireworks Studio,這兩種產(chǎn)品調(diào)配的完美程度將使你贊不絕口。即便你不是專業(yè)的圖檔規(guī)劃者,在規(guī)劃網(wǎng)頁(yè)時(shí)也多多少少想把一些 GIF 圖片文件修正得活靈活現(xiàn)。Dreamweaver 能夠讓你制造動(dòng)畫(huà)不求人喔!在標(biāo)準(zhǔn)窗口里挑選要進(jìn)行修正的圖片,然后在 Property Inspector 里挑選修改鈕(Edit)。假如你裝置的 Dreamweaver里附有 Fireworks, Fireworks 就是 Dreamweaver 預(yù)設(shè)圖片修改器,這時(shí)圖片就會(huì)主動(dòng)加載到 Fireworks。(若仔細(xì)看,各位會(huì)發(fā)現(xiàn) Fireworks 的畫(huà)面會(huì)呈現(xiàn) Editing From Dreamweaver 這樣的文字和圖樣,指示你能夠由Dreamweaver 里進(jìn)行圖片修改。) 好了,現(xiàn)在在 Fireworks 里挑選要修改的圖片,挑選 Modify ·Animate ·Animate Selection。 接下來(lái)完結(jié) Animate dialog box 里的設(shè)定,選定動(dòng)畫(huà)的結(jié)構(gòu)數(shù),動(dòng)畫(huà)移動(dòng)的方向、透明度等等設(shè)定。你也能夠挑選 Frames 東西列設(shè)定移動(dòng)速度,挑選 Object 面版來(lái)改動(dòng)設(shè)定。要匯出檔案時(shí),只需挑選 Optimize 東西列,在檔案類型的當(dāng)?shù)靥暨x Animated GIF。完結(jié)以后,F(xiàn)ireworks 就會(huì)主動(dòng)將圖片以化設(shè)定匯出,而且主動(dòng)將 GIF 圖檔更新,還會(huì)在 Dreamweaver 里將更新過(guò)的圖檔秀出來(lái)。挑選 File ·Preview in Browser,這樣就能夠在瀏覽器里預(yù)覽剛剛制造完結(jié)的心愛(ài)圖檔!
5. 讓按鈕有閃爍作用,在 Dreamweaver中,不必有 Flash 程序,也能夠制造有閃爍作用的 Flash 按鈕對(duì)象。 4.0 版內(nèi)建有好幾個(gè) Flash 按鈕對(duì)象,能夠制造好幾個(gè)不同方式的按鈕。挑選 Insert ·Interactive Images ·Flash Button 就可看到有哪些內(nèi)建按鈕。在對(duì)話框內(nèi)乃至能夠用鼠標(biāo)指到想要使用的按鈕方式,然后看看在瀏覽器里的作用怎么。用鼠標(biāo)光標(biāo)把要用的按鈕方式選起來(lái),再依序輸入?yún)?shù),例如按鈕上的文字、字形、色彩、連接等,或是自定文件稱號(hào)。按 下OK。接下來(lái)就會(huì)有一個(gè) SWF 檔發(fā)生,檔案并會(huì)主動(dòng)置入你的網(wǎng)頁(yè)中。按一下這個(gè)做好的檔案,會(huì)看到 Property Inspector (特點(diǎn)明細(xì))中會(huì)秀出檔案的特點(diǎn)。將檔案特點(diǎn)秀出來(lái)時(shí),假如擴(kuò)展檔案特點(diǎn)明細(xì)表,會(huì)呈現(xiàn) Play (播映)鈕,挑選之后能夠不必敞開(kāi)瀏覽器來(lái)預(yù)視按鈕的閃爍作用。
365*24小時(shí)全國(guó)統(tǒng)一服務(wù)熱線
400 0769 366
郵箱:dgce@dgce.com.cn
地址:南城街道宏一路G1蜂匯1棟寫(xiě)字樓803、804
業(yè)務(wù)咨詢微信
華商首頁(yè)/ 營(yíng)銷型網(wǎng)站/ 網(wǎng)站建設(shè)/ 外貿(mào)網(wǎng)站/ seo優(yōu)化/ 微信營(yíng)銷/ 網(wǎng)站建設(shè)案例/ 網(wǎng)站建站資訊/ 關(guān)于我們/ 往期案例/ 往期資訊/ 服務(wù)項(xiàng)目/
熱門搜索:東莞網(wǎng)站建設(shè)東莞做網(wǎng)站東莞建網(wǎng)站
華商網(wǎng)絡(luò)專業(yè)為企業(yè)提供基礎(chǔ)互聯(lián)網(wǎng)建設(shè)服務(wù):網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),微官網(wǎng)設(shè)計(jì)制作,小程序開(kāi)發(fā)等等,您的選擇是我們奮力向前的最好動(dòng)力!
版權(quán)所有:廣東華商網(wǎng)絡(luò)科技有限公司 備案號(hào): 粵ICP備13071417號(hào)
今日已有165人獲取方案