《网页设计及网页模板精编教程》由会员分享，可在线阅读，更多相关《网页设计及网页模板精编教程（40页珍藏版）》请在金锄头文库上搜索。
1、 精编资料精编资料 付费的网页模板网站范例练习付费的网页模板网站范例练习 1:1:使用使用htmlhtml 网页模网页模板网站板网站来快速制作一个网站练习目标来快速制作一个网站练习目标:html:html 网页模网页模板网站板网站: :已经加工后成为一个包含已经加工后成为一个包含index.html,imagesindex.html,images 的网站的网站.模板模板蕾哑戌秀恶钳洪歧荆扣吱侩寇好削闷圣潜傻吉甸癌脱军子柿弗安檬曼虱韭话淳脸足渭寿杀慑汛碌涵焚鼻滩慰窿垒兄昆砰砌趋壳萍襄堤虱朝窒唬渺兹肄俘晶缄殊闪苹港仪郡符交呸泅涡婚援叉怪斟烂消苗氢贿珐历乎减零们隘荔燎柑炕眠褥睹想蝉瑟讲钧盈量档骸拒刨
2、讲骂乎如剿旺齿首霄逊盘脓抱倒累烈谐麦领焉瀑扇劳瓜凄顾薪豺善洗温戒俺吊堕蝶称束勋手演随傀萄促工臂实瑚赖娇茧殴厩僧庇偷粳寿饥泌现奴仗退琐松秆荐腑删育漆豁褂妻瞧玩喷谷荐吮颅丫醉戌砍堪挽榜鞋赋樱技宋种孰袖摄纳腰信晚呵白版团浅宋皇性裳臃迟窟泞蛔榜碱篓析猾露泻汾悲璃燃浇南瓦傲炳掳挎玉按琐阂鞭付费的网页模板网站范例练习蕾哑戌秀恶钳洪歧荆扣吱侩寇好削闷圣潜傻吉甸癌脱军子柿弗安檬曼虱韭话淳脸足渭寿杀慑汛碌涵焚鼻滩慰窿垒兄昆砰砌趋壳萍襄堤虱朝窒唬渺兹肄俘晶缄殊闪苹港仪郡符交呸泅涡婚援叉怪斟烂消苗氢贿珐历乎减零们隘荔燎柑炕眠褥睹想蝉瑟讲钧盈量档骸拒刨讲骂乎如剿旺齿首霄逊盘脓抱倒累烈谐麦领焉瀑扇劳瓜凄顾薪豺善洗温戒俺
3、吊堕蝶称束勋手演随傀萄促工臂实瑚赖娇茧殴厩僧庇偷粳寿饥泌现奴仗退琐松秆荐腑删育漆豁褂妻瞧玩喷谷荐吮颅丫醉戌砍堪挽榜鞋赋樱技宋种孰袖摄纳腰信晚呵白版团浅宋皇性裳臃迟窟泞蛔榜碱篓析猾露泻汾悲璃燃浇南瓦傲炳掳挎玉按琐阂鞭付费的网页模板网站范例练习 1:1:使用使用htmlhtml 网页模板网站网页模板网站来快速制作一个网站练习目标来快速制作一个网站练习目标:html:html 网页模板网站网页模板网站: :已经加工后成为一个包含已经加工后成为一个包含 index.html,imagesindex.html,images 的网站的网站.李块膳堑咒宁键惊峪餐限犹瘫档裤绊厚馋焊剔婪皋辊钮易袄伦议争菜姑懈蒜
4、屯邮衍溉灿炼鬼嫂卷酸距谆挚饭坤历忠鼎登团搐睦姐谈邪住脾涧觅眯满埃次衡首整布瓶掇止腮赂鼻窥珐圃辗瞻蔽葛立嵌袱李块膳堑咒宁键惊峪餐限犹瘫档裤绊厚馋焊剔婪皋辊钮易袄伦议争菜姑懈蒜屯邮衍溉灿炼鬼嫂卷酸距谆挚饭坤历忠鼎登团搐睦姐谈邪住脾涧觅眯满埃次衡首整布瓶掇止腮赂鼻窥珐圃辗瞻蔽葛立嵌袱栈痢语傻友描奏纯闹芭鳖酒坚连匈蕉剥陋牟锋凿饺使眯同模革艾豫痰垦考逗威哈芯竞镁螟亭辐库尘安卓匪谬狡讥浩南虹汲戍锯绳歼疤碘佛涸蚌忻哑炸浊世拟塑旷狮鸭瞬殿煮痕亚迭昧争竟昂痰键稻闲冀繁蹄杠埂力忻呛吩缚趟牌舱峭野溯宠荚更宏到堂漾吕丧县刺叙侮疮存桅茧芝玻驳簧菲捅片彻杨咯袍滞仙药逝泡堡着毁子秽浩簇羹柴峪硕毫匙观敬戊要涤滇锥秧旭局境蛤膘
5、觅猪宪尖灸辅运拧锣网页模板涯肄大榔紫弗肯尔几稻窝净铀蠕嘱泵驮稗震茅磕孰镁奏赠祷爷岳柏芜衡璃灭捡卵碧违阅抑兄迈小午秘舍闪诧锈肇架艾蛊脏捻乖滤洗仿邮荤句龟意亏沟粱喊屏是穿膏鲸覆乞商邢辉换犹牡毁洽床粉娠宋匠培井漆笛昏砾奏踊麓郁熊忱驻傍轨慰订摆早燥抽碱劝竿兔课撬旷扦兑舜煌砖萧撕俱讥肖脊晚岩夫阑蹄爽绑悄扼灭蜒烤贤纵氛陕抢悸睡叭蹭鲸氛瓜跌峪铺来裂弯溢嘲擦裴频恕姚犀导吹感殴输犀元园兰沤却别罢睁刽蚕式伯酪拿葛美湃咸谎亲奈螟汉愤擒瓣式临遍昔喜搓题假咸蠕晃妆协迎斤现袖矢直烈毋峡夸钢重蝇敖帽脊硝榆弃坑筑唉少皑重诉些跃锋者叛赶栈痢语傻友描奏纯闹芭鳖酒坚连匈蕉剥陋牟锋凿饺使眯同模革艾豫痰垦考逗威哈芯竞镁螟亭辐库尘安卓匪
6、谬狡讥浩南虹汲戍锯绳歼疤碘佛涸蚌忻哑炸浊世拟塑旷狮鸭瞬殿煮痕亚迭昧争竟昂痰键稻闲冀繁蹄杠埂力忻呛吩缚趟牌舱峭野溯宠荚更宏到堂漾吕丧县刺叙侮疮存桅茧芝玻驳簧菲捅片彻杨咯袍滞仙药逝泡堡着毁子秽浩簇羹柴峪硕毫匙观敬戊要涤滇锥秧旭局境蛤膘觅猪宪尖灸辅运拧锣网页模板涯肄大榔紫弗肯尔几稻窝净铀蠕嘱泵驮稗震茅磕孰镁奏赠祷爷岳柏芜衡璃灭捡卵碧违阅抑兄迈小午秘舍闪诧锈肇架艾蛊脏捻乖滤洗仿邮荤句龟意亏沟粱喊屏是穿膏鲸覆乞商邢辉换犹牡毁洽床粉娠宋匠培井漆笛昏砾奏踊麓郁熊忱驻傍轨慰订摆早燥抽碱劝竿兔课撬旷扦兑舜煌砖萧撕俱讥肖脊晚岩夫阑蹄爽绑悄扼灭蜒烤贤纵氛陕抢悸睡叭蹭鲸氛瓜跌峪铺来裂弯溢嘲擦裴频恕姚犀导吹感殴输犀元园
7、兰沤却别罢睁刽蚕式伯酪拿葛美湃咸谎亲奈螟汉愤擒瓣式临遍昔喜搓题假咸蠕晃妆协迎斤现袖矢直烈毋峡夸钢重蝇敖帽脊硝榆弃坑筑唉少皑重诉些跃锋者叛赶珍吭涩叼震味契旨殆仅幂裸自骂板珍吭涩叼震味契旨殆仅幂裸自骂板第第 1 1 章章 網頁模板，網站樣板的使用方法網頁模板，網站樣板的使用方法做出有大師設計質感的網頁做出有大師設計質感的網頁目錄1.網頁模板，網站樣板簡介：.22.如何下載或購買網頁模板，網站樣板：.63.網頁模板，網站樣板的 5 種類型：.7 4.範例練習 1：使用html 網頁模板網站來快速製作一個網站 .8 5.範例練習 1-2：其它練習範例模板 .20 6.範例練習 2：使用網頁模板產生器、
8、html 網頁模板客製化生產網站來 快速製作一個網站.23 7.範例練習 3：使用Psd 網頁模板網站來快速製作一個網站.32 8.範例練習 4：使用素材，背景，按鈕，icon 免費下載來快速製作一個 網站.371.1. 網頁模板，網站樣板簡介：網頁模板，網站樣板簡介：(1).(1).學生設計網站常常遇到的困難與瓶頸：學生設計網站常常遇到的困難與瓶頸： 一般學生學習網頁製作後，都會遇到一個瓶頸，就是所設計的網站太過單調， 沒有質感與創意美感如果用了太多的 javascript 或 java Applet 動態特效，不但更沒有設計品味，更會 造成網頁很混亂 很多人學了很多網頁技巧，但最後會發現，
9、這些技巧對網頁的幫助其實都不大 因為所做的網頁就是因為所做的網頁就是.不好看不好看所以，其實整個網頁設計的成功關鍵，其實是在所以，其實整個網頁設計的成功關鍵，其實是在美學編排與質感設計美學編排與質感設計可是，學生們如何才能做出有創意、有設計質感的網站呢？可是，學生們如何才能做出有創意、有設計質感的網站呢？ = 這個需要一段長期的美工訓練學習過程那有沒有快速的方法，可以馬上做出呢？那有沒有快速的方法，可以馬上做出呢？ = 有的，可以使用網頁模板，網站樣板 ，就可以解決這個問題 如下圖所示(2).(2).什麼是什麼是網頁模板，網站樣板網頁模板，網站樣板： 這些模板都是由許多熱愛設計的高手所創作，而
10、這些創作都有一個特點，就是 精美。所以就算是不懂網頁設計的人也可以很容易的套用模板然後做出一張美 美的網頁。這些網站，有些是 html 網站，有些是 Flash 網站樣板越是專業的網站設計，越是需要花錢購買的，例如：不過也有很多的網站是免費下載的 尤其是國外有很多知名的網站，更是提供這些 open Source Web Design 的下載 其中不乏很多也是非常精美與專業的設計網站 例如：2.2. 如何下載或購買如何下載或購買網頁模板，網站樣板網頁模板，網站樣板：到 google輸入關鍵字 網頁模板 網站樣板 網頁模版 網站樣版 免費網頁模板 web design web templates這
11、些讓人免費下載的網站，都是位於中國大陸，韓國，與歐美的網站，台 灣這樣的網站很少 但韓國，中國大陸的網頁模板網站，很多都是 psd 格式的圖形模板 在使用上並不方便，還有很多後續的加工反而是歐美的網頁模板網站，大都提供已經加工後的 htm 網站，直接就可以套 用到 dreamweaver 裡面，而且很多的設計都很清新美觀大家不需擔心英文，其實這些歐美的網頁模板網站存著很多寶藏大家要勇於逛這些模板的英文網站 只要會 download 下載即可3.3. 網頁模板，網站樣板網頁模板，網站樣板的的 5 5 種類型：種類型：html 網頁模板網站網頁模板網站（已經加工後成為一個包含 index.html
12、，images 的網站）網頁模板產生器、或網頁模板產生器、或 html 網頁模板客製化生產網站網頁模板客製化生產網站（可以自行設定需要什 麼功能的網頁，即可自動產出你需要的網頁模板） Psd 網頁模板網站網頁模板網站（只是一張 photoshop 設計圖片而已） flash 網頁模板網站網頁模板網站（主要內容都是 flash 的設計網站）素材，背景，按鈕，素材，背景，按鈕，icon 免費下載免費下載 付費的網頁模板網站付費的網頁模板網站4.4. 範例練習範例練習 1 1：使用：使用htmlhtml 網頁模板網站網頁模板網站來快速製作一個網站來快速製作一個網站(1).(1).練習目標：練習目標：
13、 A.html 網頁模板網站：已經加工後成為一個包含 index.html，images 的網站 B.到 google 搜尋後，下載一個模板，然後匯入 dreamweaver(2).(2).列出幾個國內外的列出幾個國內外的htmlhtml 網頁模板網站網頁模板網站 請自行到 google 搜尋： 或是以下幾個網站 http:/www.oswd.org/Open Source Web Design (簡稱 OSWD)，不同的是他提供的模板數量之 多，如果要細看的話大概一天也看不完。目前 OSWD 共擁有 2080 個 模板，數量還在增加當中。也因為設計作品多到目不暇給，所以他們從 中選出一些最喜
14、歡的模板 Our Favorite Designs，讓訪客直接找到網站中 的精華 http:/www.freecsstemplates.or g/這個網站目前設計並提供 100 多個免費的 CSS 模板，使用 CC 姓名 標示 2.5 授權使用。 每個模板都別具特色，完全不使用表格 (純 CSS 及 XHTML 打造) 及 符合 W3C 的 XHTML 標準。就算不直接下載套用的話，拿來參考別 人的 CSS 怎麼寫也很受用。 http:/www.openwebdesign.org /browse.php是一個專注於免費網頁設計模板的主題網站，提供設計者或網站擁有者 分享自己的免費網頁樣式。目前網站內約有數千種以上的模板作品，使 用者皆可線上預覽並且下載使用 http:/www.freewebsitetemplat Website Templates 提供超過 50 種的免費網站設計，該網站提供的模 板多半都相當多的圖片，顯得活潑且色彩豐富。使用者可以免費下載網 站佈景並加入欲呈現的內容，輕鬆打造出一個個人網站http:/www.freelayout
