1、網頁模板-我就想要實現小圖切換大圖的效果的製作步驟與教程
<style type="text/css">
body{
margin:0;
padding:40px;
background:#fff;
font:80% Arial, Helvetica, sans-serif;
color:#555;
line-height:180%;
}
img{border:none;}
ul,li{
margin:0;
padding:0;
}
li{
list-style:none;
float:left;
display:inline;
margin-right:10px;
border:1px solid #AAAAAA;
}
/* tooltip */
#tooltip{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:2px;
display:none;
color:#fff;
}
</style>
<script type="text/javascript">
//<![CDATA[
$(function(){
var x = 10;
var y = 20;
$("a.tooltip").mouseover(function(e){
this.myTitle = this.title;
this.title = "";
var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";
var tooltip = "<div id='tooltip'><img src='"+ this.href +"' alt='產品預覽圖'/>"+imgTitle+"<\/div>"; //創建 div 元素
$("body").append(tooltip); //把它追加到文檔中
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x) + "px"
}).show("fast"); //設置x坐標和y坐標，並且顯示
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove(); //移除
}).mousemove(function(e){
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x) + "px"
});
});
})
//]]>
</script>
</head>
<body>
<ul>
<li><a href="images/apple_1_bigger.jpg" class="tooltip" title="蘋果 iPod"><img src="images/apple_1.jpg" alt="蘋果 iPod" /></a></li>
<li><a href="images/apple_2_bigger.jpg" class="tooltip" title="蘋果 iPod nano"><img src="images/apple_2.jpg" alt="蘋果 iPod nano"/></a></li>
<li><a href="images/apple_3_bigger.jpg" class="tooltip" title="蘋果 iPhone"><img src="images/apple_3.jpg" alt="蘋果 iPhone"/></a></li>
<li><a href="images/apple_4_bigger.jpg" class="tooltip" title="蘋果 Mac"><img src="images/apple_4.jpg" alt="蘋果 Mac"/></a></li>
</ul>
</body>
你再去下個jquery的庫就行了
2、求網頁TOP圖片製作教程--flash切換式
給你介紹兩個flash的傻瓜式軟體 就是做這種的 1、swftext 2、SWiSHmax 在網上搜索一下就有了 有漢化版的 像做這種動畫的 用這個 事半功倍
3、怎樣製作高清網頁圖片
要想學做網頁，首先得了解製作網頁的工具。
製作網頁主要有以下一些工具
Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。
Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具，javascript、java編輯器等。
網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。
大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。
總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。
網頁製作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip
dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip
要是在網上的話,你最好去一些論壇,你可以查一下,很多的
4、FLASH網頁設計教程
FLASH網頁設計教程
http://.baidu.com/question/27309102.html?si=1
http://.baidu.com/question/49368944.html?si=2
5、跪求動態網頁製作實例教程
如果要讓頁面支持全屏，需要添加3行代碼，但是每次編譯後新生成的html文件會覆蓋原來的，很麻煩。所以直接將工程的
html-template目錄下的index.template.html改掉，主要以後每次都會以此為模板生成html文件。
全屏需要如下代碼：
"allowScriptAccess","sam96Domain",
"allowFullScreen","true", //增加這行
allowScriptAccess="sameDomain"
allowFullScreen="true"//增加這行
6、急！求一套完整的 html+CSS+javascript 的網頁設計教程!
http://www.youku.com/playlist_show/id_1095101.html
這個是張孝祥講的視頻專輯，裡面的視頻都是。標題內是JavaScript視頻教程，但是容我看了裡面前一半都是講html+css的，很適合你。
如果想要文字教程的話，還是數最經典的網站:
http://www.w3school.com.cn/,裡面網站所有的知識都有了，很有條理很詳細，又可以在線演習代碼。
7、網站製作教程我是菜鳥一步一步的教我說的越明白越好 我給高分
樓主，如果你要做網站而不是網頁
那麼三言兩語是說不盡的
首先，你版一定要具備相權應的專業知識，對資料庫、伺服器、網路編程語言等有一定深度的了解，其次，對於相應的應用軟體也要逐步熟悉，能夠熟練使用。在建完網站後，日常的維護也是相當重要的。
首先你要確定你的網站的性質以及主要方向，然後建議你去圖書館借閱相關書籍，慢慢啃吧，看完以後再接觸製作軟體，最後再付諸實踐
8、ps網頁設計教程
PS軟體應用十分的廣泛，修改圖像，運用圖層蒙版設計簡單網頁，文字排版，網頁優化，包括導航圖，網頁底端的頁腳，網頁主題內容，特效文字的製作，動作按鈕的設計等。今天一起來學習如何用PS來設計簡單的網頁這篇文章吧。
如何用PS來設計簡單的網頁
新建一個800X600像素的空白背景，顏色模式設置為RGB模式。RGB模式顏色是由紅色，綠色，藍色三種顏色相交構成，可以更好的顯示網頁中的色彩內容。
新建文件，點擊確定，空白文件會自動顯示在軟體中。對於新建空白文件來說，圖像的寬度和高度的大小要按照等比例進行設計，也可以不勾選重新定義新像素來實現。
打開一張車的圖片，移動到白色背景畫布中，選擇圓角矩形工具，選擇路徑為了方便轉換為選區，設置為5個像素，像素越大，圓角矩形的四個圓角就是更加的明顯，然後選擇漸變工具，選中系統自帶的黑白漸變，修改黑白漸變的顏色，改為灰白，也可以設置前景色為灰色，背景色為白色進行漸變的填充，然後點擊確定。
然後選擇工作路徑，滑鼠CRL點擊工作路徑，設置為選區，選中線性漸變類型，然後畫出漸變的顏色。漸變的方向是從上到下為白色到淺灰色的漸變效果圖。
然後選擇修改收縮2個像素，就是將選區收縮小2個像素，變小一些，然後再次從下向上漸變，然後alt快捷鍵復制2個，如圖所示，然後找到車的一個的圖標按鈕，然後用磁性套索工具勾勒好，然後滑鼠左鍵拉動到合適位置，然後選擇3個圖層，然後水平分布，和居中分布對齊。然後選擇左對齊分布，分布均勻。分布按鈕是在選擇工具上方的工具欄中，有平均分布對齊等多個按鈕。
然後再次用鋼筆工具勾畫另外一個車的圖標，然後再用自由變換調整到合適位置，然後點擊2個圖層之後，進行左對齊分布。分布到形狀中的最左邊位置即可。
再次選擇一個不同的車的圖標設計圖片，然後用鋼筆工具進行勾畫圖標，或者為了方便，可以直接用魔棒工具來選擇，選中其需要圖形的一部分。
然後再次選中圖形，形狀圖形，全部選中相應圖層，調整水平分布和左對齊分布。當分布不均勻，可以按住滑鼠左鍵自動進行調整。
所有的圖標都自由變換，調整到合適位置，如圖。按住crl+t來實現圖形的自由變換的內容。如圖
輸入相應的文字，文字的顏色設置為黑色，將其三個文字圖層，按住shift鍵和左右方向鍵進行移動調整來改變。之後將車的圖片進行調整，便於觀看，文字進行排版即可。