2007-08-20, 11:27 AM | #1 |
註冊會員
|
求助 - Dreamweaver8 下拉式的選單的疑問
不好意思~
想請問大大一個下拉式選單的問題 我是Dreamweaver8 做一個下拉式的選單 但由於我是分上下兩個頁框 所以.在下拉式選單時,他會被下面的頁框檔住.=-= 請問要如何才能把下拉式選單跨頁框.呢.而不被擋住 或者.可以把它變橫向的方式呈現呢?? 我的下拉式選單.是用了二層.我試了一下.只有主要層可以橫向方式來呈.第二層的部份就不行了. 感謝大大的解決!~^^ |
送花文章: 120,
|
2007-08-20, 07:35 PM | #2 (permalink) |
長老會員
|
在Dreamweaver中以內文的方式製作選單
原則上是無法跨頁框的 但是只要使用javascript來製作選單 跨頁框就輕而易舉 我剛才用Google 稍稍搜尋了一下 有不少人和您有同樣的困擾 不過搜尋了五、六十則並沒有人提出正確的解決方案 這部份我倒有些驚訝 重點是在用Dreamweaver寫網頁時 一定要養成 一個好習慣 每個頁框都要"命名" 否則在不同的頁框中展示網頁是無法達成的 比較接近解決方案的搜尋網頁如下 http://dob.tnc.edu.tw/DiscussShow.ph...70&s=1754&t=84 我花了二、三分鐘將搜尋來卻無法完成跨頁框的資料稍做修改 已能正確的使用 主要的重點就是替頁框"命名" 為免浪費網路資源,簡答如上 如果您在"命名"後還是無法完成 請再post,再詳加回覆 |
送花文章: 139,
|
向 JOHN 送花的會員:
|
netboy (2007-08-20)
感謝您發表一篇好文章 |
2007-08-21, 02:13 AM | #4 (permalink) |
長老會員
|
小弟打包了一個測試網頁群檔,總共只有4k
http://www.badongo.com/file/4103135 請先下載,解壓到任一資料夾中 點選"測試.htm" 您就可以看到,測試網頁如您的需求分為上、下二個頁框 滑鼠移到上頁框的選單列,就可以看到下拉式的選單 其長度可跨到下頁框 為了方便您了解,上、下頁框在網頁中有分隔線 實務上,為了網頁的美觀不會顯示此分隔線 點選"資源管理"下拉選單中的前三項"資源下載"、"資源上傳"、"資源統計" 您就會發現在下頁框中會顯示不同的網頁 點選"首頁",可以再轉回首頁 因為時間的關係,小弟只改了這幾個聯結 其它的聯結請自行依原始檔中的聯結方式修改 這個javascript,小弟係直接取用 http://dob.tnc.edu.tw/DiscussShow.ph...70&s=1754&t=84 中的檔案修改 此原檔案無法完成聯結 主因是未將頁框"命名" 只要將上頁框命名為"top.mainFrame"(此頁框可隨意命名) 下頁框命名為"mainFrame"(此頁框只可命此名) 就可以順利聯結要顯示的網頁 順便提醒您一下,一個實用、成熟的網站 選單只應有一層 不宜有二、三層 因為二、三層的選單使用者在操作滑鼠時 稍有偏差整個選單就會消失 容易引起使用者的反感 請先自行消化這部份的內容 如還有不解之處小弟再行回覆 |
送花文章: 139,
|
2007-08-21, 10:12 PM | #6 (permalink) |
長老會員
|
用Dreamweaver以文本方式寫選單
基本上會受頁框大小的限制 超出頁框的部份不會顯示 如果您一定要它顯示出來 它就會在右邊跑出一個拉桿 實務上在頂端選單網頁的撰寫上,這是不宜的 所以我們才會把選單交給可以跨頁框的Javascript去達成 至於要使用多層選單 您無需自已去寫 網路上有非常多的套裝選單可供您選擇 只要在Google上打入"多層的選單" 會有一大堆套裝的Javascript等著供您使用 就以搜尋到的下址舉例 http://easylearn.bhes.tpc.edu.tw/jav.../show_s2_1.htm 從原始檔中得知,這個多層選單就是調用同一資料夾中的 http://easylearn.bhes.tpc.edu.tw/jav..._menu_1/fun.js http://easylearn.bhes.tpc.edu.tw/jav...menu_1/make.js 這二個Javascript檔去達成選單 您可以下載fun.js及make.js這二檔,用記事本就可以打開 打開後您會發現fun.js是記載script的內容 make.js是記載選單名稱及聯結 修改後就可以供您使用了 當然,三、四層的選單在搜尋中應該也可以找得到 只是需要您去花時間了 |
送花文章: 139,
|
2007-08-22, 01:52 AM | #7 (permalink) |
註冊會員
|
大大.不好意思.我去找了一個什麼魔法選單的軟體.
我做了之後.把他套到Dreamweaver 之後.還是一樣.@@ 小弟不懂的地方是.不是用Javascript就可以超出頁面了嗎.?? 為什麼我用了那個軟體之後.跟dreaver做結合.也是不無法超出頁框呢. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5" /> <title>無標題文件</title> <script type="text/javascript" language="JavaScript1.2" src="stmenu.js"></script> </head> <body> <script type="text/javascript" language="JavaScript1.2"> <!-- stm_bm(["menu2131",640,"","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand",""],this); stm_bp("p0",[1,4,0,0,2,3,0,7,100,"",-2,"",-2,50,0,0,"#999999","#FFFFF7","",3,1,1,"#000000"]); stm_ai("p0i0",[0,"SKILL","","",-1,-1,0,"","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7,0,0,1,"#FFFFF7",0,"#B5BED6",0,"","",3,3,1,1,"#FFFFF7","#000000","#000000","#000000","8pt Verdana","8pt Verdana",0,0]); stm_bpx("p1","p0",[1,2,0,0,2,3,0,0]); stm_aix("p1i0","p0i0",[0,"Menu Item 1","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0]); stm_aix("p1i1","p1i0",[]); stm_aix("p1i2","p1i0",[]); stm_aix("p1i3","p1i0",[]); stm_aix("p1i4","p1i0",[]); stm_aix("p1i5","p1i0",[0,"gm","","",-1,-1,0,"file:///C:/Inetpub/wwwroot/usererror.htm","_parent"]); stm_aix("p1i6","p1i0",[]); stm_ep(); stm_ep(); stm_em(); //--> </script> </body> </html> |
送花文章: 120,
|
2007-08-22, 05:24 AM | #8 (permalink) |
長老會員
|
不錯!不錯!您比我想像的更為積極
有學習的興趣和善用網路資源是邁向成功的第一步 魔法選單是個套裝程式 可自動產生多層次的選單 對初學網頁者而言是個很好的選擇 不過請恕小弟直言 簡單、快速、花俏是這程式的特色 可是您幾乎看不到任何一個成熟的商業網站使用它 原因是它的成品您只能接受它並使用它 很難去微調修飾 也就是說在商業網頁的需求上 它不夠專業和細緻 可是這只是針對專業來說 無損它在普通網頁上使用的方便 相同的它也有使用上的限制 因為是通用型的套裝 為了與眾多網頁撰寫程式相容 此選單只是調用.js,而選單模擬文本方式放在網頁<body></body>中 所以它不會跨頁框 實務的使用上也無需讓它跨頁框 一般頁框的使用上,上頁框主要係放上公司的logo 左頁框放選單,右頁框放主文 使用了魔法選單,建議您不要再使用頁框 要想選單放在網頁的上方,選擇選單配置為"水平" 要想選單放在網頁的左方,就用預設配置 在Dreamweaver 中先在適宜位置拉出圖層,再把選單放在這圖層內 如此就可用一個網頁模擬出和使用頁框一樣的效果 也使網頁的撰寫更為容易 因為script是單獨成.js檔,隨時調用,也不會增加網站的容積 提供您一個魔法選單的教學視訊 http://video.ks.edu.tw/soft/03web/dhtml/index.htm 也許可以讓您更快上手 |
送花文章: 139,
|
2007-08-22, 12:18 PM | #10 (permalink) |
長老會員
|
正確的做法是這樣的
如果您在首頁網頁的上方拉出五十點高度的圖層做為選單的位置 (圖層的高度只要能放上尚未展開的選單就可以了) 那麼所有聯結的網頁 也都要在最上方同樣位置放上選單的圖層 內文放在五十點圖層以下 則每一個聯結頁面都會有相同的選單 而內文則都不一樣 和有頁框的網頁,看起來一模一樣 您說的狀況就是聯結的頁面上沒有放上選單 在Dreamweaver中您可以將只有選單圖層的空網頁設為樣板 以後寫聯結網頁都用這樣板去加寫 可以減少每個網頁都要先加選單圖層的工作 加油! 恭禧!您已進入實務撰寫的層面了 |
送花文章: 139,
|
2007-08-23, 04:17 PM | #12 (permalink) |
長老會員
|
好可惜早上八點回答的訊息竟然不見了
而小弟回答問題都是順手寫來,並沒有存檔 看來只好再回覆一次了 不好意思,這次簡答 是的!所有的網頁都要有選單 這樣整個網站的網頁才能串連一致 建議您先將此網站的資料夾整個copy一份 用新的資料夾修改成有魔法選單的網站 以免您修改後認為不理想 又無從改回原來頁框架構的網站 因為您選擇了使用魔法選單 就必須放棄使用頁框架構 頁框架構與魔法選單的首頁進入點不一樣 頁框架構的首頁是頁框的主頁 使用魔法選單首頁的進入點是原"mainFrame"的首頁 當然您必須放上魔法選單 Dreamweaver上的樣本是為了新寫網頁方便 已寫好的網頁必需手動加入魔法選單 手動加入魔法選單的方式如下 一、在</head>的上面加上一行 <script type="text/javascript" language="JavaScript1.2" src="stmenu.js"></script> 二、在<body>的下面加上 <div id="Layer1" style="position:absolute; left:0px; top:0px; width:1024px; height:50px; z-index:1"> <script type="text/javascript" language="JavaScript1.2"> <!-- stm_bm(["menu2131",640,"","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand",""],this); ........................... stm_em(); //--> </script> </div> (註:圖層的大小請調整px值,<script type開始到</script>就是您的魔法選單) 在您的電腦上您可以看到.aspx的網頁 那是因為您已有IIS環境,可是不代表您將網頁上傳到網頁空間後 所有的使用者都可以看到此網頁 這要看網頁空間主機支不支援.aspx 很多網頁空間不支援.aspx,至少hinet據我所知就不支援 (當然以您自已的電腦當網站主機就一定沒問題) 建議您將所有的.aspx改為.htm檔案比較穩當 此帖於 2007-08-23 04:54 PM 被 JOHN 編輯. 原因: 圖層高度設定錯誤 |
送花文章: 139,
|
向 JOHN 送花的會員:
|
game9910 (2007-08-23)
感謝您發表一篇好文章 |
2007-08-23, 11:40 PM | #13 (permalink) |
註冊會員
|
感謝大大的講解.^^.小弟剛試了一下.是OK的.
只是比較麻煩的是.因為每做一次.都必須要用那個魔法選單.重新上傳次.因為它那些ICON圖片.都需指定到相同的資料夾.^^. ========= 對了.大大不知您是否了解C#的語法呢.?? 因為我有些檔案.雖然是ASPX檔.但我是用.visual studio 2005 來用的. 原因是因為我們結合了ACCESS來當資料庫.然後用C#的語法+ASP . 會這樣用.是因為他這套軟體.有很多套件可以用.^^|| 但是呢.用好後.雖然有顯示頁面的套件.(就是類似.dreamweaver 顯示記錄計數:資料集導覽.如.123456789 然後在去點選要到第幾頁) 可是.找不到有關於類以記錄總筆數的相關套件 如.資料總共有100筆 目前顯是從第N筆到第N筆.@@|| PS.大大不好意思.一直麻煩您^^.若造成困擾還請見諒. |
送花文章: 120,
|
2007-08-24, 11:06 PM | #14 (permalink) |
長老會員
|
使用魔法選單的方式來寫網頁
與一般寫網頁的方式不同 就如同我們早期在學程式語言時 一定要先架構"系統" 將流程全部確立後 再寫"程式" 使用魔法選單的方式來寫網頁 您必需先把整個網站的結構先行規劃 確認網站"地圖"後再建立選單 再逐步完成網頁 其實這也是正確的撰寫商業網站流程 因為一般商業網站的開發可能不是一個人去完成 當然一定要等流程完全確認後才能分功合作 一定要如此的主因就是:魔法選單先於網頁確立後 就不會如同您所說的,改一次選單要再上傳一次 其實不只上傳一次,改了選單後,先前已寫的網頁全部都要改 不像一般頁框式網頁的撰寫,只要改選單那個網頁就可以了 不過這問題在Dreamweaver中已有解決方案 其實我早期建議您在Dreamweaver中建立樣本 就是方便未來修改 只要是在Dreamweaver中建立的樣本 修改樣本時可以下一個指令,就自動將全部網站中的所有網頁自動更新 有關此部份請參考Dreamweaver程式中附帶教學中"樣本"的部份就能了解 ..................................................................................... 至於.aspx的部份是小弟最怕回答的部份 其實在前天看到您的網頁中有.aspx的檔案 小弟已經"挫在等"了 知道您一定會問資料庫的問題 在三、五年前小弟回答過非常多這類的問題 只是最近一年小弟"看山已經不是山" 也許等到有一天"看山還是山"時就敢回答這類的問題了 主要原因是:每個人的開發環境不一樣、軟體版本不一樣、程度不一樣..... 也許小弟本人在您的電腦上十秒鐘就能解決的問題 來回二十篇的往來都還不能解決問題 照以往的經驗,前十篇可能只能達到開發環境確認--->軟體確認-->實際"需求"問題的確認 當然,起初幾次的問題屬基本問題 很容易回答 很快就會進入結構上的問題 史版中不乏"看山還是山"的高手在潛水中 也許有緣會有很好的答案吧! 建議您有關資料庫的問題請轉到"程式語言討論區"發問 一定可以得到您滿意的答覆 此帖於 2007-08-25 02:25 AM 被 JOHN 編輯. 原因: 建議事項 |
送花文章: 139,
|
向 JOHN 送花的會員:
|
game9910 (2007-08-25)
感謝您發表一篇好文章 |