終于下載了一款自己滿意的新模板,打算裝到自己的網(wǎng)站上,但我又不想和原來的風(fēng)格模板一模一樣,該怎么辦呢?
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供婁星網(wǎng)站建設(shè)、婁星做網(wǎng)站、婁星網(wǎng)站設(shè)計(jì)、婁星網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、婁星企業(yè)網(wǎng)站模板建站服務(wù),十年婁星做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
接下來盧松松帶你一起去修改各種源碼的風(fēng)格模板。
模板有很多種類,在這里我主要講的是ZBLOG風(fēng)格模板如何修改,此方法可以舉一反三。對(duì)于WordPress、PJBLOG、動(dòng)易CMS、織夢(mèng)CMS、風(fēng)訊CMS的風(fēng)格模板修改方法都是一樣的。
修改一個(gè)你滿意的網(wǎng)頁模板,你要有以下基礎(chǔ),會(huì)一點(diǎn)HTML語言,會(huì)一點(diǎn)DIV+CSS,會(huì)一點(diǎn)圖片制作方法。
第一步,先講解一下主題模板的構(gòu)成。
下面以Z-blog主題“低調(diào)與華麗”風(fēng)格模板來說明,
模板均分為三大部分,①網(wǎng)頁的html文件,②CSS文件,③圖片文件。一般情況修改模板只需修改這三部分。
第二步,你可以讓模板可視化再修改。
幾乎所有默認(rèn)的源碼網(wǎng)頁模板的路徑都是系統(tǒng)自帶的標(biāo)簽。這樣把講HTML文件放入Dreamweaver里時(shí)會(huì)是一堆的代碼。如何將程序模板轉(zhuǎn)換為可視化界面呢。其實(shí)只需要修改CSS和圖片路徑就可以了。
如:
link rel="stylesheet" rev="stylesheet" href="#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css" type="text/css" media="screen" /
加紅色的部分就是系統(tǒng)標(biāo)簽,這時(shí)你可以修改成你本機(jī)的虛擬路徑。其他的程序標(biāo)簽都有說明,請(qǐng)查看相關(guān)系統(tǒng)標(biāo)簽。
如:link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type="text/css" /
修改好之后你就可以在Dreamweaver里面直觀的看到網(wǎng)頁界面了,并且修改起來也非常方便。(記得模板修改之后別忘記把CSS路徑改回去哦?。?/p>
第三步,修改LOGO,和模板相關(guān)圖片。
網(wǎng)頁我所要的框架改好了,但里面的logo和banner都還是人家的怎么辦呢?接下來就是如何修改模板中的相關(guān)圖片了。
由于盧松松提供的“低調(diào)與華麗”風(fēng)格模板,包含的有源文件,所以修改起來非常方便,你只需要修改里面的文字,下載一點(diǎn)你喜歡的其他圖標(biāo)就可以了。
對(duì)于修改網(wǎng)頁中的圖片推薦使用Fireworks,原因是Fireworks不僅可以打開PNG源文件,還可以打開PSD源文件,相反Photoshop是不能打開PNG源文件的。(注:盧松松提供的源文件都是PNG格式)
如果你遇到?jīng)]有提供源文件的模板怎么辦?比如修改logo,無論是JPG格式還是GIF格式,一律用Fireworks打開,然后在原基礎(chǔ)上修改,然后直接保存就可以看到效果了。但這需要一點(diǎn)點(diǎn)PS技巧。擴(kuò)展閱讀:我的博文插圖是如何制作的。
仿制圖章工具、橡皮圖章工具等這些Fireworks自帶的工具是修改沒有源文件圖片時(shí)常用的工具。外部工具“拾色器”非常重要哦,可以讓你修改的圖片與整個(gè)網(wǎng)頁顏色協(xié)調(diào)統(tǒng)一。
第四步,教程看的再多不自己動(dòng)動(dòng)手,親自試一試。那就趕快下載“低調(diào)與華麗”風(fēng)格模板試一試吧!
源碼就是指編寫的最原始程式的代碼。運(yùn)行的軟體是要經(jīng)過編寫的,程式設(shè)計(jì)師編寫程式的過程中需要他們的“語言”。音樂家用五線譜和音符,建筑師用圖紙和筆,那程式設(shè)計(jì)師的工作的語言就是“源碼”了。
人們平時(shí)使用軟體時(shí)就是程式把“源碼”翻譯成我們可直觀的形式表現(xiàn)出來供我們使用的。
任何一個(gè)網(wǎng)站頁面,換成源碼就是一堆按一定格式書寫的文字和符號(hào),但我們的瀏覽器幫我們翻譯成眼前的模樣了。
基本介紹 中文名 :原始碼 外文名 :source code 含義 :編寫的最原始程式的代碼 類別 :電腦代碼 分類,作用,源碼組合,著作權(quán)分類,質(zhì)量標(biāo)準(zhǔn),執(zhí)行效率,程式使用,獲取與編寫,例子,源碼模板組成, 分類 1.計(jì)算機(jī)里面運(yùn)行的所有東西都是用程式編出來的(包括作業(yè)系統(tǒng),如Windows,還有Word等,網(wǎng)路游戲也一樣),而編寫程式要用到計(jì)算機(jī)語言,用計(jì)算機(jī)語言直接編出來的程式就叫源碼,比如用VisualBasic編寫的源碼檔案一般為.bas檔案,而用C++編寫的一般為.cpp檔案,原始碼不能直接運(yùn)行,必須編譯后才能運(yùn)行。源碼經(jīng)過編譯處理后就可以直接在作業(yè)系統(tǒng)下運(yùn)行了。 2.很多的站長都喜歡使用建網(wǎng)站的程式源碼,因?yàn)榭梢院芊奖愕男薷?,?duì)于任何一個(gè)seo人員來說,都是非常好的一個(gè)切入點(diǎn)。 3.從字面意義上來講,源檔案是指一個(gè)檔案,指原始碼的集合.原始碼則是一組具有特定意義的可以實(shí)現(xiàn)特定功能的字元(程式開發(fā)代碼)。 4.“原始碼”在大多數(shù)時(shí)候等于“源檔案”。 比如在這個(gè)網(wǎng)頁上右鍵滑鼠,選擇查看源檔案.出來一個(gè)記事本,里面的內(nèi)容就是此網(wǎng)頁的原始碼."這句話就體現(xiàn)了他們的關(guān)系,此處的源檔案是指網(wǎng)頁的源檔案,而原始碼就是源檔案的內(nèi)容,所以又可以稱做網(wǎng)頁的原始碼.. 原始碼是指原始代碼,可以是任何語言代碼。 匯編碼是指原始碼編譯后的代碼,通常為二進(jìn)制檔案,比如共享庫、執(zhí)行檔、.NET中間代碼、JAVA中間代碼等。 高級(jí)語言通常指C/C++、BASIC、C#、JAVA、PASCAL、易語言等等。匯編語言就是ASM,只有這個(gè),比這個(gè)更低級(jí)的就是機(jī)器語言了。 作用 源碼主要功用有如下2種作用: 1.生成目標(biāo)代碼,即計(jì)算機(jī)可以識(shí)別的代碼。 2.對(duì)軟體進(jìn)行說明,即對(duì)軟體的編寫進(jìn)行說明。為數(shù)不少的初學(xué)者,甚至少數(shù)有經(jīng)驗(yàn)的程式設(shè)計(jì)師都忽視軟體說明的編寫,因?yàn)檫@部分雖然不會(huì)在生成的程式中直接顯示,也不參與編譯。但是說明對(duì)軟體的學(xué)習(xí)、分享、維護(hù)和軟體復(fù)用都有巨大的好處。因此,書寫軟體說明在業(yè)界被認(rèn)為是能創(chuàng)造優(yōu)秀程式的良好習(xí)慣,一些公司也硬性規(guī)定必須書寫。 需要指出的是,原始碼的修改不能改變已經(jīng)生成的目標(biāo)代碼。如果需要目標(biāo)代碼做出相應(yīng)的修改,必須重新編譯。 源碼組合 網(wǎng)站源碼作為軟體的特殊部分,可能被包含在一個(gè)或多個(gè)檔案中。一個(gè)程式不必用同一種格式的原始碼書寫。例如,一個(gè)程式如果有C語言庫的支持,那么就可以用C語言;而另一部分為了達(dá)到比較高的運(yùn)行效率,則可以用匯編語言編寫。 較為復(fù)雜的軟體,一般需要數(shù)十種甚至上百種的原始碼的參與。為了降低這種復(fù)雜度,必須引入一種可以描述各個(gè)原始碼之間聯(lián)系,并且如何正確編譯的系統(tǒng)。在這樣的背景下,修訂控制系統(tǒng)(RCS)誕生了,并成為研發(fā)者對(duì)代碼修訂的必備工具之一。 還有另外一種組合:原始碼的編寫和編譯分別在不同的平臺(tái)上實(shí)現(xiàn),專業(yè)術(shù)語叫做軟體移植。 著作權(quán)分類 如果按照原始碼類型區(qū)分軟體,通常被分為兩類:自由軟體和非自由軟體。自由軟體一般是不僅可以免費(fèi)得到,而且公開原始碼;相對(duì)應(yīng)地,非自由軟體則是不公開原始碼。所有一切通過非正常手段獲得非自由軟體原始碼的行為都將被視為非法。 質(zhì)量標(biāo)準(zhǔn) 對(duì)于計(jì)算機(jī)而言,并不存在真正意義上的“好”的原始碼;然而作為一個(gè)人,好的書寫習(xí)慣將決定原始碼的好壞。原始碼是否具有可讀性,成為好壞的重要標(biāo)準(zhǔn)。軟體文檔則是表明可讀性的關(guān)鍵。 執(zhí)行效率 雖然我們可以通過不同的語言來實(shí)現(xiàn)計(jì)算機(jī)的同一功能,但在執(zhí)行效率上則存在不同。普遍規(guī)律是:越高級(jí)的語言,其執(zhí)行效率越低。這也是為什么匯編語言生成的檔案比用BASIC語言生成檔案普遍要小的原因。 原始碼就是用匯編語言和高級(jí)語言寫出來的代碼。主要對(duì)象是面向開發(fā)者; 我們平常使用的應(yīng)用程式都是經(jīng)過源碼編譯打包以后發(fā)布的,呈現(xiàn)的最后結(jié)果是面向使用者,最終客戶的。 程式使用 網(wǎng)站程式一般就是可以用記事本打開的好多行英文的,用程式語言寫好的軟體 源程式經(jīng)過編譯成目標(biāo)程式,才能運(yùn)行。一般目標(biāo)程式不能再修改了。 我們電腦上安裝的軟體都是目標(biāo)程式。源程式不可能直接運(yùn)行的。 提倡軟體開源的人士認(rèn)為應(yīng)該提供源程式給用戶,讓用戶自己修改,有利于軟體行業(yè)的發(fā)展。反對(duì)的人覺得這樣不利于保護(hù)著作權(quán)。 你如果不懂編程,源程式可以不管它。不影響正常使用。 獲取與編寫 源碼基本上不再需要從頭編寫,因?yàn)樵创a是屬于可復(fù)制可二次開發(fā)的程式,一些網(wǎng)站會(huì)提供一些已經(jīng)制作好的源碼,你下載后可以在其基礎(chǔ)上修改,直到成為適合自己使用的源碼,此類的網(wǎng)站有收費(fèi)的與免費(fèi)的,以及一些源碼質(zhì)量不保證的論壇提供,利用這些平臺(tái),你可以快速完成一個(gè)程式的制作,事半功倍。 例子 dedecms源碼是基于PHP+mysql的cms建站系統(tǒng),簡潔方便擴(kuò)充性強(qiáng)大,全國知名網(wǎng)站admin,chinaz,都是dedecms核心源碼。 源碼模板組成 源碼模板有很多種類,在這里我主要講的是ZBLOG風(fēng)格模板如何修改,此方法可以舉一反三。對(duì)于WordPress、PJBLOG、動(dòng)易CMS、織夢(mèng)CMS、風(fēng)訊CMS的風(fēng)格模板修改方法都是一樣的。
修改一個(gè)你滿意的網(wǎng)頁模板,你要有以下基礎(chǔ),會(huì)一點(diǎn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)套用)語言,會(huì)一點(diǎn)DIV+CSS,會(huì)一點(diǎn)圖片制作方法。 第一步,先講解一下主題模板的構(gòu)成。下面以Z-blog主題“低調(diào)與華麗”風(fēng)格模板來說明,模板均分為三大部分,①網(wǎng)頁的檔案,②CSS檔案,③圖片檔案。一般情況修改模板只需修改這三部分。 第二步,你可以讓模板可視化再修改。幾乎所有默認(rèn)的源碼網(wǎng)頁模板的路徑都是系統(tǒng)自帶的標(biāo)簽。這樣把講HTML檔案放入Dreamweaver里時(shí)會(huì)是一堆的代碼。如何將程式模板轉(zhuǎn)換為可視化界面呢。其實(shí)只需要修改CSS和圖片路徑就可以了。
如:
link rel="stylesheet" rev="stylesheet" href="#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css" type=text/css media="screen" /加紅色的部分就是系統(tǒng)標(biāo)簽,這時(shí)你可以修改成你本機(jī)的虛擬路徑。其他的程式標(biāo)簽都有說明,請(qǐng)查看相關(guān)系統(tǒng)標(biāo)簽。
如:link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type=text/css /修改好之后你就可以在Dreamweaver里面直觀的看到網(wǎng)頁界面了,并且修改起來也非常方便。(記得模板修改之后別忘記把CSS路徑改回去喔?。?/p>
如圖所示:
第三步,修改LOGO,和模板相關(guān)圖片。網(wǎng)頁我所要的框架改好了,但里面的logo和banner都還是人家的怎么辦呢?接下來就是如何修改模板中的相關(guān)圖片了。由于盧松松提供的“低調(diào)與華麗”風(fēng)格模板,包含的有源檔案,所以修改起來非常方便,你只需要修改里面的文字,下載一點(diǎn)你喜歡的其他圖示就可以了。對(duì)于修改網(wǎng)頁中的圖片推薦使用Fireworks,原因是Fireworks不僅可以打開PNG源檔案,還可以打開PSD源檔案,相反Photoshop是不能打開PNG源檔案的 第四步,教程看的再多不自己動(dòng)動(dòng)手,親自試一試。那就趕快下載“低調(diào)與華麗”風(fēng)格模板試一試吧!
進(jìn)后臺(tái) 有個(gè)主題樣式管理 點(diǎn)從本地安裝主題 后邊上傳 你要上傳的模版 就好了
后臺(tái)模板? 不知道你說的是什么 指的是你裝的主題模版嗎?
內(nèi)容頁面加廣告代碼圖片的方法
默認(rèn)模版添加廣告的方法
首先登錄后臺(tái) 找到文件管理 點(diǎn)開他 找到THEMES 點(diǎn)開他 找到default 點(diǎn)開它 找到TEMPLATE
點(diǎn)開它 找到single.html 點(diǎn)開它 這個(gè)就是內(nèi)容頁的模版
具體加法 看你的個(gè)人需要了 可以嘗試將廣告代碼 放到不同的位置 嘗試一下 但要記住在body 區(qū)內(nèi)嘗試 ...
如果是其他的模版 大題思路是一樣的 找single.html 在里邊改