做網站,麻煩在更新,特別是大規模更新,工作量非常大。真不知那些創意不斷而又勤奮的“站長”,隔三岔五將網站來個“大換血”,是怎麼忙過來的。 告訴你這個秘密吧,他們很多是在“批發”網頁,並且你的機器中也有這樣的“批發站”呢!這個好東東就是——模板。常見的網頁製作工具:FrontPage、DreamWeaver中都有這項功能。如用DreamWeaver 3.0
Dreamweaver MX 2004新增加了表格寬度輔助線功能,讓我們在編輯網頁表格的時候能清楚地看到表格中各單元的寬度以及變化,很直觀。 但是如果我們不想讓Dreamweaver MX
Dreamweaver作為優秀的可視化網頁編輯工具,為我們提供了一整套可視化網頁製作平台,讓你的網站開發效率得到極大提升。今天我們來講講“標籤選取器”的應用,通過Dreamweaver內建的強大標籤庫,你會發現自己將遠離枯燥的代碼書寫了。 “標籤選取器”帶來的最直接好處,就是我們不必熟記那麼多純程式碼的參數定義了,別人需要手工大量書寫代碼才能實現的效果,我們通過它就能輕鬆完成。 插入iframe iframe架構,雖然在瀏覽器安全色性上談
本flash
Dreamweaver從出道以來,其簡便易用而又功能強大的“行為”(Behavior)一直是大家所關注的熱點之一。在Dreamweaver MX(DW MX)中,對這一功能又有了擴充與改進。 在DW MX中,行為指的是為了響應某一事件(Event)而採取的一個操作(Action)。其中Event 指的是瀏覽器的事件,比如視窗重新整理、滑鼠移動等。而 Action 指的是後台響應事件的 JavaScript
我常常並不是用全部的工具來完成設計和動畫,有些工具通常是單獨地工作。本例蝴蝶是僅僅使用Flash的變換工具的一個完美的簡單一實例,而扭曲工具完美地改變形狀的透視,例如蝴蝶的翅膀。它比用手工去畫翅膀的每個角度的形狀更節省時間。當使用正確的工具進行正確的工作時,效果是顯而易見的。 下面是製作步驟: 1、這隻蝴蝶是完全在Flash中畫的。它由三個部分組成:身體和兩個翅膀。它的左翅與右翅扇動就象你畫的並使它動起來一樣。選擇所有的元件,在它們之上右擊並在操作功能表中選擇分散到圖層。 圖1 2、
壓扁和展開是傳統的動畫技法,它廣泛地用於寫實的和重力的卡通設計。當一個移動對象轉為靜止對象時,它將因衝擊而變形,除非它是一個堅硬的完整體。有個事是重要的,記住不管有多少個對象被壓扁和展開,它總是保持相同體積。這些壓扁和展開的數量取決於你的對象的彈性。傳統的動畫常常包含著誇張的壓縮和展開。這是一個強壯的球的不錯的例子。當它碰撞到地面時,它將受擠壓而變形。然後它將被向上推而展開。在Flash中使用少量的補間和逐幀動畫,我們將獲得較為滿意的寫實效果。 動畫效果示範 示意圖 1、從對象的最高的
網頁過渡是指當瀏覽者進入或離開網頁時,頁面呈現的不同的重新整理效果,比如捲動、百葉窗等。 注通過模板所建網頁無法添加網頁過渡效果! 製作步驟 1、
在DreamWeaver裡,表格被更多的應用在布局網頁,定位內容上。其實除了這些“大功能”的運用,通過各種變通的方法,表格還能實現很多在設計中一般難以達到的效果,下面將要給大家展示的“線框”製作就是一個很好的例子,當然它的巧妙運用還遠不止此。 “線框”對象在網頁中是經常見到的,比如一條細線,一個方框等等都在包含之列。在某些效果的協調製作中,“線框”的修飾是必不可少的。然而讓我們很遺憾的是,許多主
一、畫簾片: 1、建立一圖形元件,名"簾片",選擇"矩形工具",無筆觸,左色標#D0C695,右色標#D9CC97,在舞台上畫一扁長矩形,畫好後在"屬性"中將寬、高設為466*14.9。如下圖: 圖1 圖2 圖3 2、把映像放大到400%,點菜單中的"視圖"--尺規,拉出如下圖的兩根輔助線。 圖4 用直線工具,筆觸顏色紅色,極細,順著上面那根輔助線,橫著在圖形上通長畫根直線,再用選擇工具點一下圖形上
繪製過程: 首先來畫頭部: 用橢園工具,畫一個園,填充色用皮膚的顏色,筆觸用深遏色或黑色。再畫一個橢園。 圖1 使用橡皮擦工具,將它設為畫除線條模式,然後擦去兩個橢園相交處的線條。 圖2 調整一下,需要注意的是兒童的的臉腮部要鼓一些,這樣顯得可愛一點,這正好用下面那個橢園的左右兩端的弧形。如下圖: 圖3 頭部臉形就畫好了,現在來畫眼晴,兒童的眼睛一般在頭部偏下一點,可以畫在兩個園的相交的位置,卡通兒童的眼睛需要畫得大一些。 用橢園工具,白色填充無筆觸先畫一個橢園,然後在白色
我們為了最佳化網頁、加快網頁下載速度,除了對圖片進行最佳化之外,還需對網頁其他各個元素進行最佳化。在網頁編織過程中如能充分利用編輯工具,也可以在網頁製作中達到最佳化目的。 下面是Dreamweaver中的一些最佳化技法: 合理調用CSS 進行網頁設計時,運用樣式表單CSS來對頁面元素進行布置,可以大大地減少HTML代碼,這點我們已經很清楚。 方法: (1)是選取的物件,從右鍵菜單中選擇定義好的樣式加入;
從Dreamweaver MX
建立一個空白的Flash文檔,把背景設定為黑色。 圖1 在情境中把圖層1改為窗框,然後在這一層中繪製一個矩形邊框。 圖2 因為這裡要把窗填充成一個木製顏色的窗,所以要先匯入一張木紋圖片。選擇檔案——匯入——匯入到庫,匯入一張事先準備好的圖片。 圖3 匯入後按Shift+F9開啟混色器,把填充的類型選擇為“位元影像”,然後在選擇剛才匯入的圖片填充。 圖4 建立一個圖層為“窗”,把這個
通過Flash可以讓任何的圖片飛速旋轉起來!通過這個教程你就可以掌握這種方法。本教程只是簡單的製作一個最基礎的執行個體,你需要的更好的效果可以自己發揮啊!用Action sctipt控制還可以讓它有由慢到快的效果! 製作步驟: 建立立Flash文檔,按Ctrl+J修改屬性,效果如下: (圖1) 然後匯入一幅圖片: (圖2) 然後開啟庫,雙擊匯入的圖片,修改屬性為平滑: (圖3) 然後按Ctrl+K開啟對齊面板,設定如下: (圖4) 把該圖片轉換成電影剪輯元件: (圖5)
動畫型廣告是最顯眼的廣告方式,可以在花花綠綠的網頁中讓瀏覽者無意中注意到廣告內容,以達到宣傳的目的,這樣可以提高廣告的點擊率。先看看本例效果: 本例思路 匯入汽車素材,然後製作出汽車出現動畫廣告; 在Flash的輔助軟體SWiSHmax中製作文字動畫; 匯入汽車剖面圖素材,然後製作出汽車剖面圖廣告。 1、製作汽車廣告 (1)建立一個大小為700×150像素,幀頻為20fps的空白文檔,然後製作一個如圖1所示的背景。 圖1
下面先讓我們來看效果吧: 最終效果 形狀補間動畫主要畫面格上元素的要求:一是必須是向量圖,二是必須是形狀狀態。選中主要畫面格上的物體時顯麻點狀態,在屬面板裡顯示"形狀"。 圖1 如果使用圖形元件、按鈕、文字、對象繪製等,則必先"打散"再變形。形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化。下面通過製作搖曳的燭光進行形狀補間動畫的練習。看效果示範: 動畫效果預覽 建立文檔,背景色黑色,其他預設。 一、製作光圈元件 1、點
此執行個體的實現的是帶熒光文字效果,在製作過程中主要使用了漸層填充等工具,通過簡簡單單幾樣工具便創造出了漂亮的文字特效。痛點就在於圖形、色彩編輯的技巧和填充工具的使用。通過對文字邊框進行柔化處理,產生具有霓虹燈效果的熒光文字。最終播放效果如圖1所示,要實現這一效果,具體製作過程如下: 圖1 1.建立一個電影,在屬性面板中設定其尺寸為480pxX150px,選擇一種顏色(本例為#000099)作為背景色。 2.從工具箱中選取文本工具,在屬性面板中設定字型類型設定成VladimirScrD
Flash MX加入了屬性面板(Properties Inspector),新引入了由Flash 5.0的智能電影夾(SmartClip)演變而來的組件——Components,它預設了7個Components UI(如圖1),運行Flash
浮雕大家並不陌生吧,在日常生活中經常可以見到,公園、曆史博物官這些地方總少不了浮雕的點綴,作為閃客,能用自己的利器、Flash來設計自已的浮雕,這豈不是一樣另人興奮的事情,下面將全面講解文字浮雕效果的製作,最終效果如圖1所示: 圖1 漂亮的浮雕效果 從上面的最終效果可以看出,在製作過程中只是巧秒的應用了不同圖層之間的排序,三個不同的圖層即可實現這一效果,具體操作步驟如下: 1.建立一影片,在屬性面板中設定影片大小為400pxX200px,選擇一種顏色(本例為##0000CC)作為背景色