您現在的位置是:電腦技術吧?>? 故障問題 ??>??web制作,web教程??>??正文詳情

web制作,web教程

軍風華2019-11-16 11:20:39 人圍觀
簡介web網頁設計教程做網站,麻煩的是更新,特別是大規模更新,工作量很大。我真的不知道那些有創意又勤奮的站長,時不時地到網站上大換血,是怎么忙過頭告訴你的秘密,他們很多都

做網站,麻煩在更新,特別是大規模更新,工作量非常大。

真不知那些創意不斷而又勤奮的站長,隔三岔五將網站來個大換血,是怎么忙過來的。

  告訴你這個秘密吧,他們很多是在批發網頁,并且你的機器中也有這樣的批發站呢!這個好東東就是模板。

常見的網頁制作工具:FrontPage、DreamWeaver中都有這項功能。

如用DreamWeaver 3.0 制作網站時,使用模板就能減少大量的重復勞動。

  一、建立模板  1、創建模板頁面  最簡單的辦法是將一個網頁另存為模板文件,通過執行命令:FileSave as Template,DreamWeaver會在網站根目錄中建立一個模板文件夾Templates來保存該模板。

  當然,也可以新建一個模板:WindowTemplates,會出現的Templates面板,單擊右下角的New Template按鈕,輸入文件名,就建立了一個空模板;再單擊Open Template按鈕打開該模板,保存后自動存放于網站模板文件夾Templates中。

  新建、打開的模板頁面和普通的網頁沒什么兩樣,同樣可以加入表格、層、圖片、動畫、腳本,設置頁面屬性等。

  舉例:這里以制作一個模板為例來說明。

在該頁面中,我們希望左側的網站標識圖和底部的導航圖出現在每個頁面中。

其中標識圖由兩幅圖片疊加而成,導航圖上的文字最近更新、在線閱讀、打包下載等劃分成幾個熱區分別鏈接到不同的文件,它們在每個頁面中都不變。

右上部的主頁面區和左下角彈出式選單按鈕下面的頁面說明則各不相同。

為了保持頁面整潔,我們用表格來布置這些元素。

  準確地說它只是一個沒有可編輯區域的準模板,下面再設定可編輯區域。

  2、設定可編輯區域  設定模板可編輯區域,一般來說有兩種方法。

  新建可編輯區域:選擇命令:ModifyTemplateNew Editable Region。

在某一空白區域中單擊后執行該命令即可將該區域變為可編輯區域。

  標記某一區域為可編輯區域:選擇命令:ModifyTemplateMark Selectin as Editable Region。

如果某區域已經有一些文字,并且希望在以后新建的超文本文件中部分保留其內容,先選中該區域再執行標記命令即可。

  取消可編輯狀態:選擇命令:ModifyTemplateUnmark Editable Region。

執行該命令后會彈出一個對話框,其中有當前已有的可編輯區域列表,選中要取消的區域名稱,確認即可。

  舉例:在大片空白區中隨便單擊一下,執行ModifyTemplateNew Editable Region命令,在彈出對話框中輸入名稱:Main;選中左下角本頁說明下面的文字,執行ModifyTemplateMark Selectin as Editable Region命令,輸入名稱:exp。

可以看到可編輯區顯示為淺藍色,保存即完成模板制作。

  二、使用模板  1、根據模板新建頁面  命令:FileNew From Template。

彈出對話框,從模板列表中選取模板,出現的新頁面中除可編輯區外均有淡黃色背景,是不能進行修改的部分。

空白的Main編輯區可直接進行插入表格、文字、圖片等操作,Exp編輯區保留有原來的文字,修改或重新編輯均可。

  2、對一個已經有內容的頁面應用模板  命令:ModifyTemplateApply Template to Page。

選擇模板后還會彈出一個對話框,讓您選擇現有的孤立內容保存到哪個可編輯區域(Choose Editable Region for Orphaned Content)。

要是不想保留則可以選擇(none)。

  舉例:我們先新建一個普通頁面,輸入:CIW電腦工作室,執行ModifyTemplateApply Template to Page命令,選擇模板test,現有內容保存區域選擇Main,確認后可看到頁面自動變成了模板頁的形式,而CIW電腦工作室這一行字就出現在主編輯窗口中。

  3、更新模板以全面更新站點  基于某一模板建立了一些頁面后,對模板進行修改后保存時,就會自動彈出一個對話框,列出所有使用了該模板的頁面,詢問是否要更新。

  另外一種方法是執行ModifyTemplateUpdate Pages命令。

從Update Pages對話框中選擇一個站點或站點的某一種模板(同一站點中可以使用多個模板),單擊右側的Start按鈕,軟件會自動搜索與模板相關聯的網頁并進行更新。

非常方便!  舉例:Test模板左側圖形中的讀書破萬站圖片是用一個圖層疊加在另一幅圖片之上的,現在不想要它,同時還想將所有頁面中的該圖片均刪除。

就可以打開模板test.dwt,刪除該圖層,保存模板,單擊右側的Update按鈕即可。

  注意:新建和使用模板前需定義站點。

方法是,執行命令:SiteDefine Sites;指定站點名稱和本地根目錄(Local Root)。

模板使用的是相對路徑,如果沒有指定網站在本地的位置,軟件就不能準確找到并保存模板文件;并且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化

版權聲明:本文由 軍風華 整理編輯。

原標題:web網站開發教程,web

轉載注明出處:http://www.dn9ww09s.icu/fault/12814.html

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • excel怎么用if函數,excel用if函數

    excel怎么用if函數,excel用if函數 相關圖片excel如何使用條件函數Excel的功能非常強大。在處理一些數據的過程中,如果能使用if函數,將大大提高您的工作效率。你知道如何使用Excel的if函數嗎?一、if函數excel常用函數...

  • 模型蝕刻片用法,模型補土用法

    模型蝕刻片用法,模型補土用法 相關圖片模型 蝕刻片根據CSS可視化格式化模型的規則,可視化類型的媒體對文檔樹中的元素進行處理,從而(x)將html轉換為制作者設計的圖像,例如:如何生成元素框;如何處理元素之間的做...

  • win7怎樣升級到win10,win7怎么升級win10系統

    win7怎樣升級到win10,win7怎么升級win10系統 相關圖片win7裝win10與win7相比,win10有更多的新功能,在觸摸屏方面,win10可以讓用戶獲得更好的體驗。微軟發布警告稱,win7將在2020年前被淘汰,因此有網友問win7win7系統...

  • checkbox樣式修改,怎么修改checkbox的樣式

    checkbox樣式修改,怎么修改checkbox的樣式 相關圖片checkbox不能點擊使用復選框控制后續元素復選框控件可以根據鼠標的單擊來切換其狀態,并且:checked pseudo類可以在CSS中用于設置選中狀態下復選框的樣式。使用CSS中的html checkbox...

  • 手機上把m4a轉換為mp3,m4a能轉換成mp3格式

    手機上把m4a轉換為mp3,m4a能轉換成mp3格式 相關圖片m4a音頻格式轉換器對于音頻格式,最常見的格式是MP3格式和無損格式FLAC等。當你看到m4a格式的文件時,你會感到奇怪并不奇怪。M4a是MPEG-4音頻標準文件的擴展,但在某些環手機上m4a格式...

  • 小紅書上買東西,在小紅書上怎么買東西

    小紅書上買東西,在小紅書上怎么買東西 相關圖片小紅書怎么買小紅樹是一個跨境的電子商務共享平臺,最大的特點是沒有商業宣傳和推廣,里面的商品靠用戶的口碑。它主要以社區電子商務和正品為主,依靠網民口碑的力量進行推廣...

  • 寬度自適應,網頁寬度自適應

    寬度自適應,網頁寬度自適應 相關圖片表格自適應寬度本文以CSS為例實現了菜單寬度自適應的按鈕效果代碼。與您分享以供參考。具體如下:這是一個基于CSS的自適應寬度按鈕效果代碼。你可以說這個效果是一個菜單或者C...

  • 猿題庫,猿題庫怎么樣

    猿題庫,猿題庫怎么樣 相關圖片猿題庫刷題能進步嗎Ape試題庫是許多學生用戶安裝的一款移動智能測試軟件。目前,已完成初中、高中六個年級的全面覆蓋。很多用戶對ape題庫的功能贊不絕口,但他們厭倦了不斷的留...

  • 文字特效,如何在AE上做文字特效

    文字特效,如何在AE上做文字特效 相關圖片AE文字特效教程應用目的:制作文字效果應用軟件:dreamweavermx操作難度:★★★★★★我們常用的網頁制作工具dreamweavermx不僅可以制作網頁,還可以使用其中文字特效軟件...

  • 已有無他相機水印怎么,如何取消無他相機水印

    已有無他相機水印怎么,如何取消無他相機水印 相關圖片無他相機怎么解綁微信在iPhone上流行的相機應用程序中,他的相機肯定有一席之地。利他相機是一款免費的p-photos和p-videos相機軟件,為用戶提供實時p-faces、電影無他相機去除這四個字...

熱評文章

  • win8.1專業版永久激活,激活windows8.1

    win8.1專業版永久激活,激活windows8.1 相關圖片win8.1產品密鑰與win7相比,win8在界面和功能上都做了一系列的調整,因此也吸引了一些喜歡嘗鮮的用戶對原有系統進行升級。升級win8后,還需要激活系統。小編在這里分享一些wwin81產品...

  • ibooks怎么導入書籍,ibooks怎么導出書籍

    ibooks怎么導入書籍,ibooks怎么導出書籍 相關圖片pdf導入ibooks許多人喜歡在業余時間看小說消磨時間。有許多可選的新穎閱讀應用程序。你可以試試iBooks。IBooks是一個非常適合各種蘋果設備的閱讀和購買工具。它最初是為iPibooks怎么導入...

  • stdole32tlb丟失或損壞,excel程序庫丟失或損壞

    stdole32tlb丟失或損壞,excel程序庫丟失或損壞 相關圖片程序庫丟失或損壞在一些軟件的使用過程中,一些用戶遇到了stdole32.tlb的偶然丟失或損壞的情況。這種錯誤報告不是很常見,所以他們遇到的用戶不知道如何解決這個問題可能是由軟某...

  • 編輯網頁內容,怎么編輯網頁內容

    編輯網頁內容,怎么編輯網頁內容 相關圖片編輯html內容當你看到一個漂亮的網頁,你有沒有想過下載,編輯,然后填寫你想填寫的內容?今天我就來介紹一下如何使用Dreamweaver來下載和編輯網頁的內容,首先讓我們隨便打手機編...

  • wifi萬能鑰匙可查看密碼,wife萬能鑰匙怎么看密碼

    wifi萬能鑰匙可查看密碼,wife萬能鑰匙怎么看密碼 相關圖片萬能鑰匙怎么知道無線密碼有時手機流量不夠,而WiFi萬能鑰匙可以緩解這種情況。很多人使用WiFi萬能鑰匙來解決一些熱點問題,但有一點不好,就是這樣,你也不能與其他設備共享密碼...

  • css3 transition,transitioncss3多個

    css3 transition,transitioncss3多個 相關圖片css3本文通過實例說明了基于CSS3屬性轉換的菜單導航效果。與您分享以供參考。具體如下:CSS3導航菜單,當你的運動層在顯示層下面時,由于在CSS動畫的初始渲染中chcss3on...

  • 飛鴿傳書如何使用,怎么用飛鴿傳書傳文件

    飛鴿傳書如何使用,怎么用飛鴿傳書傳文件 相關圖片飛鴿傳書在手機上怎么使用鴿子信使是一款經典的企業即時通信軟件,由于它支持企業即時通信的通用功能,不需要服務器的支持,因此操作簡單,深受企業管理者的喜愛。但是你知道...

  • vlookup函數的使用方法詳解,vlookup函數的使用舉例

    vlookup函數的使用方法詳解,vlookup函數的使用舉例 相關圖片excel找兩列不重復數據很多用戶使用Excel僅僅是為了使用表記錄功能,而大量的數據,讓人頭疼。事實上,對于Excel的高級用戶來說,他們將使用函數來處理數據并提高效率。今天我們將...

  • 文件引用格式,引用文件規定的格式

    文件引用格式,引用文件規定的格式 相關圖片js引用另一個文件的方法CSS外部引用使用外部CSS文件,一般瀏覽器都有緩存功能,所以用戶不需要每次都下載這個CSS文件。與內部參考文獻和內部參考文獻相比,外部參考文獻在節省帶寬...

  • 免root黑域,黑域免補丁免root

    免root黑域,黑域免補丁免root 相關圖片黑域免root 免adb中國的Android應用程序并不是以標準的方式設計的。許多應用程序,即使不使用它們,也會在后臺啟動。它們不僅占用內存和CPU,而且消耗電力。因此,有許多工具可以免...

關注微信

变脸官网查询