您現在的位置是:電腦技術吧?>? 組裝維修 ??>??網頁制作,網頁制作步驟??>??正文詳情

網頁制作,網頁制作步驟

譚秀潔2019-11-14 17:01:13 人圍觀
簡介dw網頁制作視頻教程作為一個網站,超鏈接必須有許多頁面。如果頁面彼此獨立,那么頁面就像島嶼一樣。這樣的網站不能運行。為了在網頁之間建立鏈接,我們必須使用超鏈接。它之所

超級鏈接  作為網站肯定有很多的頁面,如果頁面之間彼此是獨立的,那么網頁就好比是孤島,這樣的網站是無法運行的。

為了建立起網頁之間的聯系我們必須使用超級鏈接。

稱超級鏈接,是因為它什么都能鏈接,如:網頁、下載文件、網站地址、郵件地址等等。

下邊我們就來討論怎樣在網頁中創建超級鏈接。

  【頁面之間的超級連接】  在網頁中,單擊了某些圖片、有下劃線或有明示鏈接的文字就會跳轉到相應的網頁中去。

  1、在網頁中選中要做超級鏈接的文字或者圖片。

  2、在屬性面板中單擊黃色文件夾圖標,在彈出的對話框里選中相應的網頁文件就完成了。

做好超級鏈接屬性面板出現鏈接文件顯示。

(如下圖)

  3、按F12預覽網頁。

在瀏覽器里光標移到超級鏈接的地方就會變成手型。

  〖提示〗你也可以手工在鏈接輸入框中輸入地址。

給圖片加上超級鏈接的方法和文字完全相同。

  如果超級鏈接指向的不是一個網頁文件。

而是其他文件例如zip、exe文件等等,單擊鏈接的時候就會下載文件。

  超級鏈接也可以直接指向地址而不是一個文件,那么單擊鏈接直接跳轉到相應的地址。

例如,在鏈接框里寫上http://www.oldkids.com.cn/那么,單擊鏈接就可以跳轉到老小孩網站。

  【郵件地址的超級連接】  在網頁制作中,還經常看到這樣的一些超級鏈接。

單擊了以后,會彈出郵件發送程序,聯系人的地址也已經填寫好了。

這也是一種超級鏈接。

制作方法是:在編輯狀態下,先選定要鏈接的圖片或文字(比如:歡迎您來信賜教!),在插入欄點  或點插入菜單選電子郵件鏈接彈出如下對話框,填入E-Mail地址即可。

  提示:還可以選中圖片或者文字,直接在屬性面板鏈接框中填寫mailto:郵件地址。

(如下圖)

  創建完成后,保存頁面,按F12預覽網頁效果。

  【制作圖片上的超級鏈接】  注意,我們這里所說的圖片上的超級鏈接是指在一張圖片上實現多個局部區域指向不同的網頁鏈接。

比如一張中國地圖的圖片,單擊了不同的省跳轉到不同的網頁。

可點的區域就是熱區。

為了演示制作效果下面的中國地圖我加了一些鏈接,你可以用鼠標測試。

鼠標移動到省份的熱區,會顯示提示,如果有預先設置的網站,點擊會進入對方的網站。

  【制作方法】  1、首先插入圖片。

單擊圖片,用展開的屬性面板上的繪圖工具在畫面上繪制熱區。

  2、屬性面板改換為熱點面板如圖:鏈接輸入框:填入相應的鏈接。

替代框:填入你的提示文字說明。

目標框:不作選擇則默認在新瀏覽器窗口打開。

  3、保存頁面, 按F12預覽,用鼠標在設置的熱區檢驗效果。

  提示:對于復雜的熱區圖形我們可以直接選擇多邊形工具來進行描畫。

替代框填寫了說明文字以后,光標移上熱區就會顯示出相應的說明文字。

  超級鏈接屬性面板中的目標選項。

  目標我們稱它為目標區。

也就是超級鏈接指向的頁面出現在什么目標區域。

默認的情況下域中總有四個選項。

  ①_blank :單擊鏈接以后,指向頁面出現在新窗口中。

  ②_parent:用指向頁面替換他外面所在的框架結構。

  ③_self:將連接頁面顯示在當前框架中。

  ④_top: 跳出所有框架,頁面直接出現在瀏覽器中。

  【小結】本節教程主要探討創建頁面的鏈接。

  1、內部鏈接:鏈接到本站點的其他文檔。

  2、外部鏈接:鏈接到本站點以外的其他文檔。

  3、E-Mail鏈接:單擊該鏈接,可以打開瀏覽者的郵件系統。

  4、圖片熱區鏈接:使你的鏈接更靈活更有個性。

版權聲明:本文由 譚秀潔 整理編輯。

原標題:網頁制作教程,dreamweaver網頁制作

轉載注明出處:http://www.dn9ww09s.icu/assemble/12222.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 怎么看電腦的ip地址,如何查電腦ip地址

    怎么看電腦的ip地址,如何查電腦ip地址 相關圖片ip地址是什么在我們日常使用計算機時,我們經常需要檢查自己計算機的IP地址。當然,這對很多人來說是最簡單的,但對很多不太熟悉電腦的人來說,這只是在云端。在這種情況下,小...

  • 開機顯示器不亮,開機顯示器沒反應

    開機顯示器不亮,開機顯示器沒反應 相關圖片電腦開機顯示器和鍵盤都不亮網友問小編,電腦可以開機,但顯示器不亮,確保線路沒有問題,如果主板后面的監控燈(調試燈)不亮,我該怎么辦?一天一次,會很煩人,怎么解決這...

  • 走腎不走心,走腎不走心1-12

    走腎不走心,走腎不走心1-12 相關圖片僧侶走腎不走心8目前,我國多個大型電子商務平臺日趨完善,呈現多家優勢融合的趨勢。另一方面,國外高質量的電子商務網站大多有自己的風格和不同的設計方向。這些個性和堅持讓...

  • 黑屏系統,進入系統黑屏

    黑屏系統,進入系統黑屏 相關圖片黑屏怎么解決電腦開機后,黑屏無法進入系統。我不知道怎么解決。實際上,黑屏是最常見的引導失敗之一。我們可以嘗試在安全模式下修復黑屏問題。如何解決這個問題?針對這種情...

  • html5的大綱,html5網頁設計大綱

    html5的大綱,html5網頁設計大綱 相關圖片html5css3教案? /**可折疊輪廓*類名樹*存儲位置xZn/HTML/tree。PHP*/**節點類*用于在樹中保存相關參數**@param$ID節點號*@param$texhtml5網頁設計報告...

  • 電腦設置鎖屏密碼,電腦如何設置密碼鎖屏

    電腦設置鎖屏密碼,電腦如何設置密碼鎖屏 相關圖片電腦密碼怎么取消我相信很多人不想為別人的電腦操作設置最簡單的密碼,導致文件、文檔等物品丟失。但是,有些人不知道如何設置計算機密碼。接下來,小編會教你如何設置電腦密...

  • dreamweaver,Dream

    dreamweaver,Dream 相關圖片twill weave一、IIS(Internet信息服務)的安裝和配置,以Windows Server 2003(以下簡稱Win2003)為例。因為Win2003是一個服務器級操作weaver...

  • 藍屏代碼0x000005a,0xc000008e藍屏代碼

    藍屏代碼0x000005a,0xc000008e藍屏代碼 相關圖片藍屏代碼0x00000a1最近,一位朋友在使用電腦的過程中遇到了這樣一個困難的情況。當朋友開始正常使用電腦時,發現當電腦打開滾動條界面時,電腦自動出現藍屏,并提示藍屏錯誤代碼...

  • 工作流程,服務員的崗位職責和工作流程

    工作流程,服務員的崗位職責和工作流程 相關圖片工作流程管理交互設計師的工作不僅是輸出設計方案,還參與產品設計和實現的許多方面,如需求討論、后期開發、測試和驗收,本文將介紹交互設計的工作流程和各個階段的職責I.在需...

  • 電腦老自動關機是什么原因,電腦自動關機了怎么回事

    電腦老自動關機是什么原因,電腦自動關機了怎么回事 相關圖片電腦用一會就自動關機遇到電腦自動關機是一件很郁悶的事情,尤其是在看電影的時候。坐在金奈的時候,小編特別告訴這些遇到電腦自動關機不知道怎么解決的網友,希望能幫助他們...

熱評文章

  • 藍屏代碼大全,win7藍屏代碼大全

    藍屏代碼大全,win7藍屏代碼大全 相關圖片藍屏代碼0x000007e計算機的藍屏,也稱為藍屏崩潰,是一種在系統錯誤無法恢復時顯示的屏幕圖像。突然,電腦的藍屏是一件很煩人的事情,但是如果你仔細看,你會發現一些東西,也就...

  • 哪里有時空隧道,有時空隧道嗎

    哪里有時空隧道,有時空隧道嗎 相關圖片地球上的時空隧道Flash本身是一個二維動畫制作軟件,不能直接制作三維效果。有時我們需要三維效果來反映作品。我們怎么做?我們可以在flash中使用一些小技巧,并配合強大的動作腳...

  • 向日葵 遠程控制,向日葵遠程控制怎么用

    向日葵 遠程控制,向日葵遠程控制怎么用 相關圖片向日葵遠程控制連不上當我們實施遙控時,我們感到由計算機攜帶的遙控器不易操作。我們可以使用向日葵遙控軟件。它是一個完全免費的個人電腦管理和服務軟件,為企業或專業人士...

  • cmd.exe應用程序出錯,cmd應用程序

    cmd.exe應用程序出錯,cmd應用程序 相關圖片運行cmd文件閃退有網友遇到cmd.exe應用程序錯誤,系統無法運行,無法打開該批處理文件清理垃圾;通過360檢查沒有發現病毒,想使用360系統急救包,但點擊后沒有反應,所以不知cmd ex...

  • fontsize屬性,font和fontsize

    fontsize屬性,font和fontsize 相關圖片css font size基本語法結構:字體大小 字體大小值 單位字:字體大小語法:字體大小:絕對大小|相對大小|長度值:x x small | x smallfontsize單位html5...

  • 電腦有病毒怎么辦,電腦進病毒了怎么辦

    電腦有病毒怎么辦,電腦進病毒了怎么辦 相關圖片電腦中病毒按f8也不行很多朋友想知道電腦里的病毒。為了幫助你更好地了解電腦中的病毒,今天的編輯將分享一個關于電腦中病毒的故事,希望能對你有所幫助。電腦里的病毒呢?電腦...

  • 走腎不走心,走腎不走心1-12

    走腎不走心,走腎不走心1-12 相關圖片僧侶走腎不走心8雙11剛過,雙12又來了。網上購物在世界各地都在增長,特別是在中國。盡管淘寶、京東、亞馬遜等主流電子商務平臺仍占據主流地位,但小型電子商務購物平臺的生存空...

  • teamviewer 破解版,teamviewer 安卓破解版

    teamviewer 破解版,teamviewer 安卓破解版 相關圖片teamviewer14安卓破解計算機遠程控制在今天得到了廣泛的應用。一個可以穿透內部網的遠程工具,可以隨時連接和斷開連接,可能是您的最佳選擇。這是團隊觀眾破解版。也許很多網友對...

  • 選中當前頁面的快捷鍵,怎么設置當前頁面頁碼

    選中當前頁面的快捷鍵,怎么設置當前頁面頁碼 相關圖片怎么樣設置頁碼The code is as follows: - Moz user selection: none; - WebKit user selection: non設置頁碼起始頁...

  • diy電腦,電腦diy吧

    diy電腦,電腦diy吧 相關圖片自制電腦機箱很多朋友認為自己動手是件麻煩的事。他們不僅對專業知識有一定的要求,而且了解相關的硬件知識,這也讓很多朋友找到熟人安裝或干脆購買品牌機器。其實,小編可以...

關注微信

变脸官网查询