發問時間: 電腦與網際網路程式設計 · 1 0 年前

dreamweaver文字欄位

我想請問,用dreamweaver

直接插入「文字欄位」都會覺得醜醜的

要怎麼讓「文字欄位」的樣式變化

例如像這頁的"搜尋",打字的地方~那種樣式

讓「文字欄位」的框變細~變顏色~

打字處可以變顏色~~擺圖

不知道懂不懂意思,請教教我!!謝謝!!

5 個解答

評分
  • ㄚ翎
    Lv 7
    1 0 年前
    最佳解答

    幫你找到一些的資料希望對你會有所幫助

    提供Dreamweaver 的選單製作方法彈出式選單1. 啟動Dreamweaver開啟要加入彈出式選單的頁面若是開啟的是一個新的空白頁面請先存檔2. 要加入彈出式選單必須要先有一個超鏈結當作選單的起點滑過此超鏈結的時候才會顯示出選單因此先在頁面中建立一個文字或圖形的超鏈結連結的URL輸入一個井字號或javascript: 即可3. 將滑鼠游標放置在該超鏈結上或是點選文件視窗狀態列的<a>標籤讓行為(Behaviros)面板上方顯示的是<a>動作4. 按下行為(Behaviros)面板的加號按鈕選擇顯示彈出式選單(Show Pop-up Menu)在對話框中有分為四個部份的設定分別是內容(Contents)外觀(Appearances)進階(Advanced)和位置(Position)讓我們一項一項來設5. 在內容(Contents)這邊設定的是選單的選項內容,先按下加號新增一個選項然後在文字(Text)的地方輸入該選項的文字連結(Link)的地方輸入要連結的URL或檔案目標視窗(Target)的地方可以輸入頁框或視窗的名稱輸入好了之後在旁邊空白的地方點一下就會更新

    圖片參考:http://www.class2u.idv.tw/book/dwmxbasic/ch1105/im...

    6. 接著你可以繼續按下加號來新增選項若要修改已有的選項只要在下方的視窗中先點選該選項,再修改文字連結和目標即可修改之後在旁邊空白的地方點一下就會更新7. 點選已有的選項後按下上下的箭頭可以將它上移或下移排列順序也可以按下縮排和凸排的按鈕將選項規劃為第二層或第三層的選單按下減號則是將它刪除在下方的視窗內都可以看到它們彼此之間的順序和結構8.選單內容都編排好之後切換到外(Appearances)標籤頁這邊可以選擇要垂直或水平的選單以及設定選單的字體和顏色字體部份的設定和網頁中的文字差不多也有粗斜體和左中右的對齊方式。選單的顏色則分為一般狀態時的顏色和滑鼠滑過時的顏色,選擇顏色後在下方都可以立即預覽。仔細調配你所喜愛的顏色吧

    圖片參考:http://www.class2u.idv.tw/book/dwmxbasic/ch1105/im...

    9.再來切換到進階(Advanced)標籤頁這邊可以設定儲存格(也就是選單的一格)的高度寬度內距間距文字縮排若沒有特殊需求使用預設值即可選單延遲(Menu Delay)則是滑鼠滑過連結和選單出現中間相隔的時間以ms毫秒為單位(1秒=1000毫秒)預設值就OK了啦下面還可以選擇是否要顯示選單邊框以及邊框的框度顏色陰影的顏色等等陰影和標示的顏色在預覽裡面是不會出現的其實進階設定的部份大多使用預設值就可以了10. 最後是位(Position)標籤頁選擇選單出現的方向有四種方向讓你選勾選在滑鼠滑出時事件中隱藏選單(Hide Menu on onMouseOut Event)的話,當滑鼠離開選單的時候選單就會自動收起來11. 全部完成後按下確定(OK)這時行為面板會加上兩個動作而頁面中超鏈結的地方也會加上JavaScript的小圖示代表那邊有JavaScript程式碼那個小圖示在瀏覽器中是看不到所以不用理會

    圖片參考:http://www.class2u.idv.tw/book/dwmxbasic/ch1105/im...

    12. 將頁面存檔然後使用瀏覽器開啟來測試當滑鼠滑過超鏈結時就會顯示出很漂亮的選單了感覺很棒吧

    圖片參考:http://www.class2u.idv.tw/book/dwmxbasic/ch1105/im...

    13. 若要修改選單的內容,只要在Dreamweaver中將滑鼠游標放置在選單的超鏈結上或是點選文件視窗狀態列的<a>標籤然後點兩下行為Behaviros面板內顯示的顯示彈出式選單Show Pop-up Menu就會跳出和之前一樣的對話框隨時要修改都可以哦Tips使用彈出式選單之Dreamweaver會自動在網站根目錄下產生兩個必要的相關檔案mm_menu.js和arrows.gif上傳網頁時別忘記將這兩個檔案一併上傳到伺服器上這個選單是不能夠跨越頁框顯示的也就是說選單不能夠從A頁框延展到B頁框的位置顯示在版面的設計上要特別注意這一點。以上單一教學範例由Dreamweaver小正正教室提供如有需要請至該網站喔

    圖片參考:http://online.sccnn.com/gif8/275/31.gif

    翎願你每天都黑皮

    參考資料: 知識家Elaine ( 實習生 1 級 )
  • 匿名使用者
    6 年前
  • 匿名使用者
    6 年前

    * ***** http://*****

    [電子遊戲]

    拉霸、水果盤、7PK、5PK

    [運彩遊戲]

    棒球、籃球、足球、網球、冰球、各種體育經典賽事

    [真人遊戲]

    百家樂、21點、骰寶、輪盤、牌九、三公、輪盤、翻攤、牛牛、二八杠

    [對戰遊戲]

    台灣麻將、德州撲克、骰盅吹牛、四支刀、鬥地主、十三支、二八槓、暗棋、接龍

    [彩球遊戲]

    香港六合、台灣樂透、今彩539、樂合彩、大陸時時彩、基諾彩、北京賽車、賽狗、賽馬、指數

    [優惠活動]

    1. 新舊會員儲值就送500點

    2. 真人百家樂彩金等你拿

    ***** http://*****

    歡迎免費體驗試玩!!

    線上影片直播、正妹圖、討論區免費註冊 ~

  • b
    Lv 5
    1 0 年前

    您說的是CSS的效果

  • 您覺得這個回答如何?您可以登入為回答投票。
  • 1 0 年前

    打字處可以變顏色~~擺圖????

還有問題?馬上發問,尋求解答。