做網(wǎng)站的時候應(yīng)該注意哪些東西？

　　1. 讓網(wǎng)頁頁面更有彈性,有些網(wǎng)頁開發(fā)者稱以下要介紹的這種技巧為 liquid，我在這兒則把這種技巧叫做是 stretchy(彈性延伸的技巧)。這是一種技巧，可在訪客瀏覽器窗口巨細(xì)改動時也隨之調(diào)整網(wǎng)頁頁面巨細(xì)，因而若是窗口過大就不會有空白處、窗口過小邊緣就不會跑出上下移動的拉Bar。其實大多數(shù)簡單的網(wǎng)頁會自己跟著瀏覽器窗口巨細(xì)來調(diào)整頁面巨細(xì)，可是若是網(wǎng)頁里用到很多不同的框框及表格，網(wǎng)頁頁面巨細(xì)就很難主動彈性地調(diào)整。通常網(wǎng)頁規(guī)劃者會用混合運用固定欄寬的框框，和 GIF 圖檔作為距離，來規(guī)劃網(wǎng)頁頁面，這樣一來不論是用 Internet Explorer 或是用，頁面巨細(xì)都會固定而不會跑掉。用 Dreamweaver 4.0 能夠垂手可得的規(guī)劃出會主動彈性調(diào)整的網(wǎng)頁。要怎么做呢?用東西面版(Object palette)上的按鈕敞開網(wǎng)頁，而且轉(zhuǎn)換到格式檢視( Layout view)。這時能夠看到文字方塊的列寬,每一列的方框上方中間還有一個小小的下拉式箭頭 ，挑選想要設(shè)定彈性顯現(xiàn)的列上方的小箭頭，接著挑選「將列設(shè)為彈性顯現(xiàn)」( Make Column Autostretch)。(設(shè)定主動調(diào)整列寬以一列為限)這時該列方框上方就會呈現(xiàn)一條波浪形的線，而不是原本表示列寬的數(shù)字。 Dreamweaver 會主動制造出固定版面的空格圖文件，這個空白圖文件是以列上方的兩個長條形的空白表格表示，如此版面會主動被填充，才會完結(jié)彈性版面設(shè)定。(在第一次增加空白圖文件時會跳出一個對話框問你是否要使用內(nèi)建圖檔，為求作用，我主張你Dreamweaver 主動發(fā)生一個，不然就不必使用空白圖文件來填充版面。)

　　2. 發(fā)明個性化調(diào)色盤,Dreamweaver 4.0 新的 Assets panel(特點控制面板)是一種能夠在修改網(wǎng)站時依據(jù)檔案型態(tài)，例如圖片、樣板等來管理檔案的新東西，當(dāng)你定義新站臺時(挑選Site · New Site)，一切類型的組件會主動增加到 Asset panel 里的適當(dāng)表框中。這個參加新的Assets panel特點控制面版里也有色彩框，儲存你網(wǎng)站里所用到的一切色彩，包含文字的色彩、布景的色彩，以及連接的色彩等。這是一個為使用者量身定做的網(wǎng)站導(dǎo)向色彩盤。只需激活 Assets panel (先挑選 Window · 再挑選 Assets)，接著挑選左方那個小小的色彩滾動條，就能夠看到你網(wǎng)站里林林總總的色彩選項。當(dāng)然你能夠?qū)⑦@些色彩拉到某些特定選取的文字中。乃至當(dāng)你挑選某種色彩時，畫面上會呈現(xiàn)這種色彩的十六進(jìn)制值的色彩濃淡度，和三色對應(yīng)碼(RGB)。假如想將調(diào)色盤東西列縮小一點，乃至能夠僅參加某些色彩到調(diào)色盤的保藏夾里。只需將選取的色彩反白、挑選窗口里一個叫做「增加到我的保藏夾」按鈕(最下方靠右的按鈕)，就完結(jié)了。

　　3. 制造彈出式選單導(dǎo)覽體系,原本要制造彈出式選單導(dǎo)覽體系(Pop-up Menu Navigation System)要用到好一些 JavaScript 的語法技巧，可是若你裝了Dreamweaver/Fireworks Studio，輕輕松松即可快速辦到。首先在 Fireworks 里開始，挑選某個圖片， 然后在 Set Pop-Up Menu的對話框里挑選 Insert· Pop-Up Menu，你能夠輸入項目(items)的稱號并挑選 Plus (參加)按鈕，來新增該項目。你能夠持續(xù)在跳出來的訊息框里進(jìn)行細(xì)項設(shè)定，例如設(shè)定該項目所要用的文字及連接，當(dāng)然也能夠新增子選單、偏重新安排下一層的設(shè)定。完結(jié)時，挑選 Next (下一步)，持續(xù)設(shè)定偏好值，例如色彩、字體等等。這時選單完結(jié)后，能夠預(yù)覽 HTML 語法，也可預(yù)覽印象。再挑選 Finish (完結(jié))。這時當(dāng)鼠標(biāo)移動到原來的圖畫時，會呈現(xiàn)選單體系的內(nèi)容一覽。 接著將制造好的檔案匯出時， Fireworks 會主動生產(chǎn)出一切 Dreamweaver 需要用到的 HTML、JavaScript，以及印象檔案。

　　4. 讓圖檔動起來!假如你一起裝置有 Dreamweaver/Fireworks Studio，這兩種產(chǎn)品調(diào)配的完美程度將使你贊不絕口。即便你不是專業(yè)的圖檔規(guī)劃者，在規(guī)劃網(wǎng)頁時也多多少少想把一些 GIF 圖片文件修正得活靈活現(xiàn)。Dreamweaver 能夠讓你制造動畫不求人喔!在標(biāo)準(zhǔn)窗口里挑選要進(jìn)行修正的圖片，然后在 Property Inspector 里挑選修改鈕(Edit)。假如你裝置的 Dreamweaver里附有 Fireworks， Fireworks 就是 Dreamweaver 預(yù)設(shè)圖片修改器，這時圖片就會主動加載到 Fireworks。(若仔細(xì)看，各位會發(fā)現(xiàn) Fireworks 的畫面會呈現(xiàn) Editing From Dreamweaver 這樣的文字和圖樣，指示你能夠由Dreamweaver 里進(jìn)行圖片修改。) 好了，現(xiàn)在在 Fireworks 里挑選要修改的圖片，挑選 Modify ·Animate ·Animate Selection。 接下來完結(jié) Animate dialog box 里的設(shè)定，選定動畫的結(jié)構(gòu)數(shù)，動畫移動的方向、透明度等等設(shè)定。你也能夠挑選 Frames 東西列設(shè)定移動速度，挑選 Object 面版來改動設(shè)定。要匯出檔案時，只需挑選 Optimize 東西列，在檔案類型的當(dāng)?shù)靥暨x Animated GIF。完結(jié)以后，F(xiàn)ireworks 就會主動將圖片以化設(shè)定匯出，而且主動將 GIF 圖檔更新，還會在 Dreamweaver 里將更新過的圖檔秀出來。挑選 File ·Preview in Browser，這樣就能夠在瀏覽器里預(yù)覽剛剛制造完結(jié)的心愛圖檔!

　　5. 讓按鈕有閃爍作用,在 Dreamweaver中，不必有 Flash 程序，也能夠制造有閃爍作用的 Flash 按鈕對象。 4.0 版內(nèi)建有好幾個 Flash 按鈕對象，能夠制造好幾個不同方式的按鈕。挑選 Insert ·Interactive Images ·Flash Button 就可看到有哪些內(nèi)建按鈕。在對話框內(nèi)乃至能夠用鼠標(biāo)指到想要使用的按鈕方式，然后看看在瀏覽器里的作用怎么。用鼠標(biāo)光標(biāo)把要用的按鈕方式選起來，再依序輸入?yún)?shù)，例如按鈕上的文字、字形、色彩、連接等，或是自定文件稱號。按 下OK。接下來就會有一個 SWF 檔發(fā)生，檔案并會主動置入你的網(wǎng)頁中。按一下這個做好的檔案，會看到 Property Inspector (特點明細(xì))中會秀出檔案的特點。將檔案特點秀出來時，假如擴展檔案特點明細(xì)表，會呈現(xiàn) Play (播映)鈕，挑選之后能夠不必敞開瀏覽器來預(yù)視按鈕的閃爍作用。