1、如何快速製作網頁特效
1.打開你需要的帶特效的網站,單擊菜單欄(上面)的查看-源文件.然後找到你需要的特效的代碼段(用dreamweaver軟體容易找些),復制~粘貼~改代碼(最好先了解javascript語言~否則比較麻煩)
2.先獲得你要變換圖片的控制項(用ById),然後寫個方法~在裡面寫個循環,或者用隨機數獲得圖片並且附給你要變圖片的控制項,(所有的圖片名必須有規律~比如1.jpg,2.jpg),最後在方法里寫個計時器setTimeOut(方法名,每過多少毫秒執行一次)
3這些東西必須要有JAVAscript的基礎~否則建議先學去
2、Dreamweaver使用,網頁特效代碼製作
首先用ps或者其他軟體將幾張圖片的大小p成一樣的。比如筆者把三張圖片都p成了200x268的大小。
2
打開Dreamweaver,新建一個網頁(筆者這里建立一個html類型的網頁)。
3
按Ctrl+S保存新建的網頁。
4
點擊菜單欄:插入-->表格。插入一個1行1列的表格。
5
把滑鼠指針放到表格中,單擊菜單欄的:插入-->布局對象-->AP Div,插入一個AP Div。
6
把滑鼠放到剛剛新建的AP Div里邊,點擊菜單欄的:插入-->圖像,選擇一張需要插入的圖片。
7
按上面的方法依次添加其他幾個AP Div,並在里邊插入圖片。
接下來插入一個AP Div,然後再里邊添加一個1行3列的表格。
滑鼠指針放到表格第一個方框中,單擊菜單欄:插入-->表單-->按鈕。操作如圖
滑鼠點中添加的按鈕,然後再下方屬性面板中,把值修改為1。
按照上述步驟依次為表格的第二個框、第三個框添加一個按鈕,並把屬性值改成2和3。如圖
把幾個AP Div移動到同一個區域。如下圖
單擊菜單欄:窗口-->行為,打開行為面板。
滑鼠點擊第一個方框的按鈕,點擊標簽檢查器行為面板下方的「+」號,彈出的菜單中選擇「顯示-隱藏元素」。
按照下圖所示,把AP Div1設置成顯示,AP Div2設置成隱藏,AP Div3設置成隱藏。AP Div4可以設置成顯示,也可以不設置(默認顯示)。
如圖,點擊行為面板左邊的英文,在彈出的菜單中選擇onFocus。
按照上面的步驟,依次把表格第二個方框、第三個方框的按鈕設置成如下圖所示。
這樣就做好了。按F12在瀏覽器中看看效果。
3、在已經做好的網頁怎麼可以加上特效啊
工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
4、網頁設計特效??
能說的具體點嗎?yahoo還是yahoo中國?什麼欄目?
此為下拉式菜單,按鈕為flash。
下拉式菜單的代碼無須自己編寫,有軟體可以自動按要求生成,具體軟體請去天空下載,地址:
http://www.skycn.com/sort/sort2010900_indate_DESC_1.html
FLASH按鈕其實也是很簡單的。下載個Macromedia Flash 自己去做一個就行了。
5、有沒有人知道網頁製作特效的代碼介紹的比較好的網站,推薦我看看!
http://www.helpor.net/
http://www.baron.com.cn/javascript/
http://js.wanxu.com/
http://www.dabaoku.com/texiao/
http://www.8695.com/netweb/
http://www.sgzld.com/life.htm
http://www.3lian.com/zl/3lian/3/
你自己選吧,裡面什麼都有
6、怎樣使用網頁設計模板和網頁特效代碼
使用網頁設計模板和網頁特效代碼,一般這種模版都會給一定提示,例如在什麼位置去插入,然後告訴通過一個什麼函數來調用,然後只需要在DW中打開模版,根據自己需要的地方,更改文字,或者是圖片就可以了。
7、求幾個網頁設計的素材網站 和特效網站 比較有權威的 最好
三劍客素材網 推薦給你 素材很全的
8、自己設計的網站網頁怎麼能在自己的電腦上顯示效果
我的電腦-》右鍵-》管理,安裝iis後最下面,有個默認網站,你把它的屬性中的默認網站地址指向改成你的網站地址,並將默認網站如你的是首頁是index.asp則添加它並將它調到最上面,最後保存,你在網址中輸入127.0.0.1
應該就可以了,這是指你的網站能在iis環境下運行,如果你用的是php的話,那還得配置相應的環境,如果你和我一樣用的asp的話,你也可以使用awt.exe,直接預覽,要是你的網站是靜態的html的話,你也可以裝個Dreamweaver直接預覽,就是你想看的效果
9、求一個網站製作特效的網站
你需要的是flash
還是JS腳本啊?
要是JS腳本在網上直接搜JS腳本特效就行
要是flash
就去
http://www.hh.cn/
這個是網站模板的
http://bestmoban.com
要是需要分層圖片的
可以去昵圖網
10、用div怎樣製作網頁特效
啟動dreamweaver cs5,執行文件-新建命令,在彈出的新建文檔對話框選擇html文件,點擊創建按鈕。
網頁中如何使用div展示圖片效果
在標簽<title>無標題文檔</title>中修改名稱為<title>div布局圖片效果</title>。
網頁中如何使用div展示圖片效果
在<title>標簽下方輸入<style>相關的代碼,定義網頁的整體樣式,樣式直接影響著網頁的美觀程度。
網頁中如何使用div展示圖片效果
接著在<body>中輸入div標簽三個,並分別設置他們所屬於的類,最外邊的div設置類為db,中間兩個分別為zpxc1和zpxc,在下方就會看到基本的框架效果。
網頁中如何使用div展示圖片效果
外部的框架設計好之後,接著設計使用div布局圖片,書寫相應的代碼,設置div的尺寸大小和相關屬性,同時設計圖片的相關屬性。
代碼為:
div.pt img{margin:0px; height:220px; width:120px; margin-top:10px; border: 1px solid #333;}
div.pt{float:left; height:240px; width:140px; margin:6px; padding:0px; margin-top:10px; filter:light; background:#333; margin-left:0.8em;}
.pic{ float:right;}
在類為zpxc1的div中建立新的四個div,並設置img的 src屬性值,對圖片進行正確的鏈接。
按f12進行在瀏覽器中進行預覽效果,出現提醒信息「是否將改動保存到」,直接點擊是,找一個合適的位置進行保存。
接著在類為zpxc的div中輸入「作品展示」四個字,再次才看效果,如果不合適可進行再次修改。
如果圖片過多,可以修改類zpxc1和db的高度,反復修改直至合適為止,重復步驟6、7採用同樣的方法建立多個圖片div。
如果對「作品展示」四個字不滿意的話,可以使用圖片進行替換,達到滿意為止,再次按f12進行在瀏覽器中進行查看效果,
執行文件-另存為命令,在彈出的對話框中輸入名稱為「div布局圖片」,找到一個合適的位置進行保存即可。