Time of Update: 2017-02-28
在國內Html 5勢頭正猛的時候,國外同行也不甘示弱。今天精選的這5個Html 5案例,甲方都是不差錢的企業,寶馬、阿迪達斯、寶潔等,作品品質無出其右,有沒有差距,體驗就知道。 所有案例均可掃描文中二維碼訪問。 1. 寶馬MINI:The MINI Story 廣告主:MINI 推廣產品:MINI系列汽車
Time of Update: 2017-02-28
今天將教大家學會如何在頁面中插入Flash動畫,Flash動畫格式有swf和Flv,本篇教程主要是以swf格式為例進行講解; 1、首先開啟Dreamweaver,建立一個網站,再通過HTML在網站下建立一個新項目。 圖1 2、將建立的html項目進行儲存,建立—儲存(如圖2所示),將檔案儲存在網站中,並命名為“index”(如圖3所示)。這裡提醒一下在插入swf之前,建議先對檔案進行儲存,否則將無法順利進行插入。 圖2 圖3 3、插
Time of Update: 2017-02-28
在一些網頁中常會看到滑鼠滑過圖片後會更換另一張映像,這種效果如何?呢?今天小編為大家介紹一下如何在Dreamweaver中實現該效果。 在“插入”菜單的“映像對象”下選擇“滑鼠經過映像”,如下圖所示。 在彈出框中我們可以看到“原始映像”和“滑鼠經過映像”項。 選擇好網頁中初始顯示映像和滑鼠滑過是出現的映像後,點擊確定按鈕。 這時我們就設定好此效果了。
Time of Update: 2017-02-28
這些日子裡都是在搞flash遊戲,自娛自樂。 以本人這種業餘水平,只得慢慢磨,搞了半年還是沒搞完。不過現在這些日子,還有空做自己喜歡做的事情已經是很不錯的了。 這個教程主要是總結了一些FW鼠繪的小技巧。因此不要期望這個教程是一步一步來的哦。 什麼?!你不用FW來鼠繪?!看一下也無妨嘛。 1.真正像支鉛筆 毫無疑問,在用電腦畫畫的時候,調一支好的鉛筆筆觸是所有事情的基礎。 鄙人在曆盡“千辛萬苦”後,調了一種比較像鉛筆的筆觸,用滑鼠畫起來的時候,比
Time of Update: 2017-02-28
其實方法比較簡單,也沒有把刀做的很花哨,知道金屬可以這樣搞,有時間的話,誰都可以打造一件漂亮的傢伙。 先來看下最終效果: 1. 用鋼筆工具畫出形狀,調整控點,使比實際需要的稍微長一些。 2. 填充:漸層-星狀放射。調節顏色和手柄,可以試試操作簡單的放射狀漸層和橢圓形漸層。 3. 使用濾鏡中的“斜角和浮雕”中的內斜角製作刀刃形狀,調整值如圖。 4. 濾鏡-Eye Candy 4000 LE-Bevel Boss ,製作刀的輪廓,用 Bevel
Time of Update: 2017-02-28
在Fireworks或者是PhotoShop中設計好的網頁效果圖,需要匯入到Dreamweaver中進行排版布局。在匯入到Dreamweaver之前,可以使用Fireworks對效果圖進行切片和最佳化,然後才能夠把最佳化好的切片輸出到Dreamweaver的網站中進行布局。切片的目的是為了獲得映像素材,也就是說能夠通過寫XHTML語言指令碼實現效果的部分,就不需要切片,而必須用映像的地方,則一定要切片。下面通過一個執行個體來給大家介紹一下Fireworks
Time of Update: 2017-02-28
這種不用噴漆的塗鴉方式大受歡迎,它的魅力不僅表現在黑夜裡光彩奪目的絢爛,更多的是人們對一種隨時會幻滅的美好畫面的著迷。簡單地說,就是在黑暗中,拿個手電簡對著相機,揮舞,拍下來的東西,當然,事先要將相機調整到合適的狀態,用什麼手電筒,以及揮舞的路線,那還是要花點時間計劃一下的。先看一下最終效果吧! 1、建立一個新文檔,開啟下面的圖: 2、再匯入一張行人過馬路的圖片素材: 3,使用fireworks中的鋼筆工具勾出人物的輪廓,使用鋼筆時請不要選擇任何填充與邊框顏色 4,隨後在
Time of Update: 2017-02-28
我們製作中要完成的效果是當滑鼠移動到文字上時,就會彈出一個漂亮的菜單,如圖 17-1 和圖 17-2 所示。 具體操作步驟如下: 1、輸入文字並設定超連結。在網頁中輸入文字,因為單獨的文本文字是無法添加行為的,按照 Dreamweaver 中的約定,將文字的超連結設定為“ JavaScript:; ”才能夠添加行為。所以將文字的超連結設為“ Javascript:; ”,並執行【顯示彈出式菜單】行為,如圖 17-3 所示。
Time of Update: 2017-02-28
本文主要講述了Dreamweaver經典問題,具體內容看看編輯老師為大家整理的吧! 1>
Time of Update: 2017-02-28
一、代碼指定方式 1.代碼指定方式是指直接在頁面的HTML代碼內設定背景音樂。現實中通常使用標記來實現。 標記的文法格式如下: src:背景音樂檔案地址; loop:設定播放次數,迴圈播放為-1; delay:播放音樂的延時; volume:背景音樂的音量; balance:背景音樂的左右均衡。 2.具體例子: 建立一個HTML空白頁 3.開啟程式碼檢視,在中輸入代碼,詳見下圖: 4.根據代碼中的條件輸入完全,詳見下圖: 5.按F12預覽就可以了。 但是
Time of Update: 2017-02-28
最終效果圖: 第一步:畫一個圓 啟動Fireworks -> 將背景調成“黑色”,在畫布中畫一個圓。 第二步:添加輻射漸層 像圓內添加漸層,漸層的方式選為“放射狀”,顏色填儲值為#000000
Time of Update: 2017-02-28
我們在利用dw建站時候基本都會用到ftp工具,然後在本地電腦上用dw ,這樣就出現一個問題了,當我們修改一個檔案的時候,就要從新通過ftp軟體上傳到空間上,這樣的反覆操作。工作效率很低。 一開始不知道怎麼設定儲存之後自動上傳到伺服器空間,網上找了下,DW是有這樣的功能的。跟大家分享一下! 先來瞭解dreamweaver裡面內建一個ftp自動上傳功能,好,我們現在配置一下。 開啟dreamweaver,點“網站》建立網站》進階》本地資訊
Time of Update: 2017-02-28
最終效果 看上去精緻漂亮的葡萄酒瓶,其實製作起來非常簡單,用fireworks只需幾步,就能輕鬆打造。 首先,用圖形工具畫出相應的形狀,通過這些形狀的組合,我們能夠得到一個瓶身。 接著,我們開始製作瓶頸,用鋼筆工具勾畫出半個瓶頸的形狀,通過複製-水平翻轉,得到右邊半個,這樣製作的瓶頸看起來對稱平整,比完整勾勒的更好。用路徑面板中的組合路徑拼合他們。 把製作完成的瓶身和瓶頸組合起來,得到完整的葡萄酒瓶子,這裡由於在做封裝紙的時候我需要用瓶頸部門形狀,所以暫時不需要把他們合并
Time of Update: 2017-02-28
今天在開啟cs5時發現沒有問題,但是開啟檔案時我們的就dw就提示 xslt.htm有不正確的設定資訊了,後來我找了很久才解決。 第一步.我們先刪除 C:/Documents and Settings/使用者名稱/Application Data/目錄到的adobe目錄中的cs目錄,如果你是dw8我們可以刪除/Dreamweaver 8整個檔案夾 然後我們把dw刪除,再重新安裝,你再開啟dw看看還會不會提示xslt.htm有不正確的設定資訊啊,沒有了吧,解決了 提示 asp.htm:
Time of Update: 2017-02-28
1、靈活運用樣式 熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊滑鼠右鍵選擇Custon Style來調用Style標準,也可以在狀態列中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。比如用Custon Style來調用Style標準,在網頁代碼中就產生一個〈span〉標籤,這樣的標籤一多就會使檔案十分臃腫而且影響瀏覽器的解析速度,所以我們應盡量使用狀態列中的元素列表來調用Style。 2、活用Format
Time of Update: 2017-02-28
雙人光劍的短打,改進了不少製作方法,在光劍的處理上加入了濾鏡,效果頗好我在這就談談我的製作經驗光劍練習效果。 一、準備工作 模板檔案(Template.fla),以及FLASH8或更新版本(因為要用到濾鏡)。 二、整體設定 先簡單說下我的源檔案整體設定: 主情境大小:400*250 背景:一個比主情境稍大的矩形,這樣做是因為它比直接用背景的顏色更方便修改。 幀頻:25幀/秒 檔案:2個FLA檔案(註:強烈推薦在開始做之前,將源檔案另存新檔另一個檔案,這樣可方便測試
Time of Update: 2017-02-28
文字連結是網頁中最常見的頁面元素,在預設狀態下,文字連結樣式都是帶底線的,這種一陳不變的外觀使網頁無法凸現個性和滿足布局的需要。為了使文字連結符合頁面的整體效果,可以採用 CSS (樣式)來實現多樣的文字連結。 效果說明 將滑鼠置於文本上時,文本樣式會發生改變,比如不會出現底線,文字會閃動等。結合其他樣式屬性,還可以實現按鈕式文字連結,效果如圖 22-1 所示。 創作構思 Text-decoration 屬性用來控制超級連結,結合 Border-Style
Time of Update: 2017-02-28
前些天看到一張可愛的卡通娃娃圖,發現其線條很簡明,就畫了個大家一起練習~開始開始,今天不說廢話了~先來看下最後效果: 開啟Flash,建立一個空白的Flash文檔。首先來畫帽子~選擇線條工具,先在情境中畫一條橫直線,然後用選擇工具把它變成曲線(這個變曲線的方法在葉子的繪製裡有說了,不明白的就去看下吧~) 圖1 截個小動畫協助大家理解曲線的製作~ 圖2 再次選擇線條工具,加多一條直線,且選擇工具改變線線形狀為如圖所示: 圖3 用同樣的方法,繼續添加直線畫其它部分,如圖: 圖4
Time of Update: 2017-02-28
將Flash插入網頁的時候,我們有時候會需要將它設為透明,有時候我們需要在Flash的背面插入一些漂亮的圖片,搭配出漂亮的效果……下面我們介紹一些將Flash插入網頁中的一些透明的設定技巧。 一、Swf透明、無座標控制 首先教大家最簡單的插入Flash的代碼,透明,無座標控制: 注意wmode="transparent"是控制Flash是否透明顯示的,如果不想讓它顯示為透明的,直接把wmode="transparen
Time of Update: 2017-02-28
緩衝公式在製作特效中非常有用,著名的三星導覽功能表就用到了此公式。現在許多網站出盡風頭,其中緩衝導航是其一大亮點。本文以一德國網站的導航為例,詳解緩衝導航的製作。這個效果是我和溶劑共同完成的,他提供座標的演算法,我提供縮放的演算法。 圖片縮放控制 利用緩衝公式設定圖片的縮放比例,如果滑鼠滑過某圖片,放大1.8倍。如果其它圖片的序號與此圖片的序號相差1,就是此圖片兩邊的圖片,放大1.4倍,其它的為原始大小。 圖片座標控制 當某圖片放大時,相鄰的圖片的座標等於此圖片的座標加上