⑴ php怎樣調用公共網頁頭部及尾部 謝謝!
通過 include() 或 require() 函數,您可以在伺服器執行 PHP 文件之前在該文件中插入一個文件的內容。除了它們處理錯誤的方式不同之外,這兩個函數在其他方面都是相同的。include() 函數會生成一個警告(但是腳本會繼續執行),而 require() 函數會生成一個致命錯誤(fatal error)(在錯誤發生後腳本會停止執行)。
這兩個函數用於創建可在多個頁面重復使用的函數、頁眉、頁腳或元素。
這會為開發者節省大量的時間。這意味著您可以創建供所有網頁引用的標准頁眉或菜單文件。當頁眉需要更新時,您只更新一個包含文件就可以了,或者當您向網站添加一張新頁面時,僅僅需要修改一下菜單文件(而不是更新所有網頁中的鏈接)。
include() 函數
include() 函數可獲得指定文件中的所有文本,並把文本拷貝到使用 include 函數的文件中。
例子 1
假設您擁有一個標準的頁眉文件,名為 "header.php"。如需在頁面中引用這個頁眉文件,請使用 include() 函數,就像這樣:
<html>
<body>
<?php include("header.php"); ?>
<h1>Welcome to my home page</h1>
<p>Some text</p>
</body>
</html>例子 2
現在,假設我們有一個在所有頁面上使用的標准菜單文件。請看下面這個 "menu.php":
<html>
<body>
<a href="http://www.w3school.com.cn/default.php">Home</a> |
<a href="http://www.w3school.com.cn/about.php">About Us</a> |
<a href="http://www.w3school.com.cn/contact.php">Contact Us</a>三個文件,"default.php"、"about.php" 以及 "contact.php" 都引用了 "menu.php" 文件。這是 "default.php" 中的代碼:
<?php include("menu.php"); ?>
<h1>Welcome to my home page</h1>
<p>Some text</p>
</body>
</html>如果您在瀏覽器中查看 "default.php" 的源代碼,應該類似這樣:
<html>
<body>
<a href="default.php">Home</a> |
<a href="about.php">About Us</a> |
<a href="contact.php">Contact Us</a>
<h1>Welcome to my home page</h1>
<p>Some text</p>
</body>
</html>同時,當然,我們也將用相同的方法處理 "about.php" 和 "contact.php"。通過使用引用文件,在您需要重命名鏈接、更改鏈接順序或向站點添加另一張網頁時,只要簡單地更新 "menu.php" 文件中的文本即可。
require() 函數
require() 函數與 include() 相同,不同的是它對錯誤的處理方式。
include() 函數會生成一個警告(但是腳本會繼續執行),而 require() 函數會生成一個致命錯誤(fatal error)(在錯誤發生後腳本會停止執行)。
如果在您通過 include() 引用文件時發生了錯誤,會得到類似下面這樣的錯誤消息:
PHP 代碼:
<html>
<body>
<?php
include("wrongFile.php");
echo "Hello World!";
?>
</body>
</html>錯誤消息:
Warning: include(wrongFile.php) [function.include]:
failed to open stream:
No such file or directory in C:\home\website\test.php on line 5
Warning: include() [function.include]:
Failed opening 'wrongFile.php' for inclusion
(include_path='.;C:\php5\pear')
in C:\home\website\test.php on line 5
Hello World!請注意,echo 語句依然被執行了!這是因為警告不會中止腳本的執行。
現在,讓我們使用 require() 函數運行相同的例子。
PHP 代碼:
<html>
<body>
<?php
require("wrongFile.php");
echo "Hello World!";
?>
</body>
</html>錯誤消息:
Warning: require(wrongFile.php) [function.require]:
failed to open stream:
No such file or directory in C:\home\website\test.php on line 5
Fatal error: require() [function.require]:
Failed opening required 'wrongFile.php'
(include_path='.;C:\php5\pear')
in C:\home\website\test.php on line 5由於在致命錯誤發生後終止了腳本的執行,因此 echo 語句不會執行。
正因為在文件不存在或被重命名後腳本不會繼續執行,因此我們推薦使用 require() 而不是 include()。
⑵ 網頁代碼有什麼規范
(一)xhtml的規范:
1、所有的xhtml代碼英文小寫
2、屬性的值一定要用雙引號("")括起來,且一定要有值
3、每個標簽都要有開始和結束,且要有正確的層次
4、表現與結構完全分離,代碼中盡量不涉及任何的表現元素,如style、font、bgColor、border等
5、<h1>到<h5>的定義,應遵循從大到小的原則,體現文檔的結構,並有利於搜索引擎的查詢
6、給重要的區塊加上注釋
7、圖片要加alt注釋
(二)CSS的規范:
1、id和class命名採用該版塊的英文單詞或組合命名,並第一個單詞小寫,第二個單詞首個字母大寫,如:newRelease(最新產品/new+Release) ,或者用下劃線鏈接new_Release.
2、CSS樣式表各區塊用注釋說明
注釋的寫法:
/* Footer */
內容區
/* End Footer */
3、盡量使用英文命名原則,盡量不縮寫,除非一看就明白的單詞
class的命名:
(1)顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用"font+字體大小"作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
(4)標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproct { }
(5)頁面結構
容器:#container
布局:#layout
頭部:#head、#header
尾部:#foot、#footer
側欄:#sidebar
左邊欄:#sidebarLeft
右邊欄:#sidebarRight
頁面主體:#main
欄目:#column
包裝/外套:#wrapper、wrap
內容:#content
(6)導航
導航:#nav
主導航:#mainNav
頂導航:#topNav
左導航:leftNav
右導航:rightNav
下導航:bottomNav
二級導航:#subNav
菜單:#menu
二級菜單:#subMenu
下拉:.drop
下拉菜單:.dropMenu
(7)功能
標簽:.tab、.tag
提示信息:.msg、.message
小技巧:.tips
注釋:.note
熱點:.hot
摘要:.summary
幫助:.help
投票:.vote
指南:.guild
商標:.branding
標簽:.label
工具條:.tool、.toolBar
標題:.title
LOGO:.logo
搜索:.search
搜索條:.searchBar
搜索框:.searchBox
搜索輸入框:.search_input
搜索輸出框:.search_output
搜索結果:.search_results
注冊:.register
登錄:.login
登錄條:.loginBar
登錄框:.loginBox
友情鏈接:.friendLink、.link
廣告/標語:.banner
版權信息:.right
加入我們:.joinUs
合作夥伴:.partner
服務:.service
網站地圖:.siteMap、.map
縮略圖:.screenShot
產品:procts
產品價格:procts_prices
產品描述:procts_description
產品評論:procts_review
最新產品:new_procts
生產商:suppliers、publisher
編輯:editor
編輯評論:editor_review
博客:blog
論壇:forum
新聞:news
下載:download
網站信息:.siteinfo
法律聲明:.legal
信譽:.credits
列表:.list
(8)其他
左中右:left、center、right
上中下:top、middle、bottom
按鈕:btn
麵包屑:breadcrumb(即頁面所處位置導航提示)
滾動:scroll
當前:current
圖標:icon
箭頭:arrow
首頁:homePage、home
二級頁面:subPage
狀態:status
常見問題:faqs、questions
關鍵詞:keyword
(三)CSS文件名稱
頂部:top.css
底部:bottom.css
共享 share.css
基本共用 base.css
布局,版面 layout.css
主要的 master.css
模塊 mole.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
列印 print.css
行或排:row1th,row2th,row3th,row4th...
列或縱:col1th,col2th,col3th,col4th...
(四)頁面圖片等的遵循以下幾條規范
頁面圖片用gif和jpg,在不失真前提下,越小越好。
名稱分為頭尾兩部分,用下劃線隔開。頭部分表示此圖片的大類性質,例如廣告、標志、菜單、按鈕等等。
一般來說:
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名:banner/icon
標志性的圖片我們取名為:logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為button
在頁面上某一個位置連續出現,性質相同的鏈接欄目的圖片我們取名:menu
裝飾用的照片我們取名:pic
不帶鏈接表示標題的圖片我們取名:title
依照此原則類推,尾部分用來表示圖片的具體含義。
下面是幾個樣例,大家應該能夠一眼看明白圖片的意義:
banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg
(五)SEO相關
1 允許全文檢索的頁面,為了使Internet 上的搜索引擎能夠有效檢索,在頻道的首頁的html的<head></head>之間應該加入Keywords 和Description 元標記,例如 :
<meta name=」keywords」 content=」東方新干線,汽車,買車」>
<meta name=」description」 content=」東方新干勁線,全球中文汽車信息第一站」>.
2.添加搜索引擎引導代碼:
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
附:雅虎優化:13條技巧提高網頁速度
網頁打開速度,是網站做SEO的一個重要方面,包括搜索引擎本身也會對自己的網頁考慮這個問題:最近,雅虎的Exceptional Performance團隊在其開發者網路上提出了提高網頁打開速度的13條規則,其中包括「減少http請求「,避免網頁轉向"等
具體內容如下:
1.減少http請求
2.減少多媒體,圖片,聲音的使用,傳輸以文字內容為先
3.用截止時間報頭,由於時間是將來,對於緩存來說,可以減少部分http請求
4.支持Gzip
5.把CSS放在網頁的頂部
6.活動的腳本文件放在底部
7.避免用CSS Expressions
8.把javaScript和CSS單獨化,與網頁分離
9.減小DNS查表時間
10.最小化JavaScript
11.避免網頁的轉向
12.刪除重復的腳本
⑶ 阿里巴巴店鋪裝修代碼怎麼寫 或者哪有代碼宀慰枷
1.公告欄的裝修圖片代碼,帖到公告欄就行了. 不過還是有好多人來問
我公告欄的位置-----點我的淘寶-----
管理我的店鋪------基本設置,下面寫著公告的位置。
<img src="圖片的所在的地址">
<img border="0" src="圖片地址" />
2.公告懸浮裝飾圖片代碼,COPY到公告的最下面就好了哦,
<IMG style="right: 5px; BOTTOM: 0px; " src="
你圖片的地址">
3.加背景音樂的代碼。
進「我的淘寶」點擊「管理我的店鋪」進入「基本設置」 先貼代碼,
4.浮動圖片的代碼:
</td></tr></table><img height="150" src="圖片地址"
5.滾字幕代碼:這個用處可就多了,放到哪裡那些字都是會動的,有
很多朋友在好評里都會用到哦! <marquee>輸入你想說的話</marquee>
6.自定義顏色代碼
<font color=blue>輸入你想要說的話</font>
注意:等於號"="後就是顏色的英文:不喜歡這個顏色還可以換成其他顏
色的,如:red(紅)、blue(藍)、green(綠)等;不過注意代碼的總長度
不要超過40哦。
7.增加鏈接鏈接內容
<a href="鏈接地址">鏈接內容</a>
8.店鋪分類的代碼 <img src=" 圖片的地址 " /> 代碼就放在:我的淘
寶—管理我的店鋪—寶貝分類
簡單介紹一下我的操作方法:
1、選好喜歡的寶貝分類模板,復制保存之後,填上適當的文字,然後
上傳到網上相冊;
2、復制代碼 <img src=" 圖片的地址 " /> 到寶貝分類中;
3、打開網上相冊,選中相應的模板,右擊屬性,復制屬性中的圖片地
址;
5、再用短地址放入 <img src=" 圖片的地址 " /> 的""中就ok了
9.:如何在店鋪公告添加個性的滑鼠指針:馬上這個代碼,它可以
讓您的店鋪公告更有吸引力呀<table style="CURSOR: url('上傳後的
滑鼠指針的網址')"><tr><td><table border="0" style="TABLE-
LAYOUT: fixed">
寶貝描述加上個性的滑鼠指針
自己喜歡的滑鼠指針選好了嗎? 那就馬上復制這個代碼在寶貝描述里
就可以了,當然還要先選「編輯源文件」
<table width="100%" style="CURSOR: url('這里是已上傳的滑鼠指針
另外,還要在源文件底部輸入代碼:</td></tr></table>
導致了以前的方法不靈了,如何解決這個問題呢?
把以前的代碼換成如下即可解決這個問題:
itemid=0&itemtype=0&ownerid=&t
=0(歡迎大家點擊這個鏈接看看我說的方法靈不靈啊,點擊確定之後,
到您自己的收藏夾裡面看一眼,是不是我的店鋪已經被您收藏了?^-^
^-^ 呵呵 ^-^)
別忘了把這個數字修改成您自己的
店鋪ID哦(不修改的,我熱烈的歡迎啊,哈哈)
如何獲得自己的店鋪ID呢?進入「我的淘寶」/「查看我的店鋪」,會
看到瀏覽器的地址欄中有類似下面的字樣:
.htm?nekot=g%
2Cozqtambx1244089556168
user_id=後面的那串數字就是您自己店鋪的ID了,把這個ID COPY下了
,替換上面的那個代碼就可以在寶貝描述模板裡面添加
⑷ 淘寶——我找到了個裝修代碼,要放入店鋪,要怎麼放
店鋪裝修代碼
1、店鋪音樂代碼:音樂網址" loop="-1"
2、圖片製作代碼:<img src="這里放圖片地址">
3、公告圖片代碼:<img border="0" src="這里放圖片地址" />或<img src="這里放圖片地址"/>
4、懸浮掛飾代碼:<img src="這里放圖片地址" style="left:20px; position: relative; top:0px" />
5、商品分類代碼:<img src="這里放圖片地址"/>
6、字體大小代碼:<font size="2">這里放要處理的文字,可用3、4、5等設置大小</font>
7、字體顏色代碼:<font color="red">這里放要處理的文字,可以換成blue,yellow等</font>
8、文字鏈接代碼:<a href="網頁地址">鏈接的文字,在分類欄里用時鏈接的網頁地址必須縮短</a>
9、移動文字代碼:<marquee>從右到左移動的文字</marquee>
10、背景音樂代碼:<bgsound loop="-1" src="這里放音樂地址"></bgsound>
11、圖片附加音樂代碼:<img border=0 src="這里放圖片地址" dynsrc="這里放音樂地址">
12、浮動圖片代碼:<img alt="1" height="150" src="這里放圖片地址"/>
公告圖片的代碼:公告掛飾:店鋪分類代碼:背景音樂代碼:換行代碼
計數器代碼顏色代碼:
1白色 #FFFFFF
2紅色#FF0000
3綠色#00FF00
4藍色#0000FF
5牡丹紅#FF00FF
6青色 #00FFFF
7黃色#FFFF00
8黑色#000000
9海藍#70DB93
10巧克力色#5C3317
11藍紫色 #9F5F9F
12黃銅色#B5A642
13亮金色#D9D919
14棕色#A67D3D
15青銅色 #8C7853
162號青銅色 #A67D3D
17士官服藍色 #5F9F9F
18冷銅色 #D98719
19銅色 #B87333
20珊瑚紅 #FF7F00
21紫藍色 #42426F
22深棕 #5C4033
23深綠 #2F4F2F
24深銅綠色 #4A766E
25深橄欖綠 #4F4F2F
26深蘭花色 #9932CD
27深紫色 #871F78
28深石板藍 #6B238E
29深鉛灰色 #2F4F4F
30深棕褐色 #97694F
32深綠松石色 #7093DB
33暗木色 #855E42
34淡灰色 #545454
35土灰玫瑰紅色 #856363
36長石色 #D19275
37火磚色#8E2323
38森林綠 #238E23
39金色 #CD7F32
40鮮黃色 #DBDB70
41灰色 #C0C0C0
42銅綠色 #527F76
43青黃色 #93DB70
44獵人綠 #215E21
45印度紅 #4E2F2F
46土黃色 #9F9F5F
47淺藍色 #C0D9D9
48淺灰色 #A8A8A8
49淺鋼藍色 #8F8FBD
59淺木色 #E9C2A6
60石灰綠色 #32CD32
61桔黃色 #E47833
62褐紅色 #8E236B
63中海藍色 #32CD99
64中藍色 #3232CD
65中森林綠 #6B8E23
66中鮮黃色 #EAEAAE
67中蘭花色 #9370DB
68中海綠色 #426F42
69中石板藍色 #7F00FF
70中春綠色 #7FFF00
71中綠松石色 #70DBDB
72中紫紅色 #DB7093
73中木色 #A68064
74深藏青色 #2F2F4F
75海軍藍 #23238E
76霓虹籃 #4D4DFF
77霓虹粉紅 #FF6EC7
78新深藏青色 #00009C
79新棕褐色 #EBC79E
80暗金黃色 #CFB53B
81橙色 #FF7F00
82橙紅色 #FF2400
83淡紫色 #DB70DB
84淺綠色 #8FBC8F
85粉紅色 #BC8F8F
86李子色 #EAADEA
87石英色 #D9D9F3
88艷藍色 #5959AB
89鮭魚色 #6F4242
90猩紅色 #BC1717
91海綠色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
94銀色 #E6E8FA
95天藍 #3299CC
96石板藍 #007FFF
97艷粉紅色 #FF1CAE
98春綠色 #00FF7F
99鋼藍色 #236B8E
100亮天藍色 #38B0DE
101棕褐色 #DB9370
102紫紅色 #D8BFD8
103石板藍色 #ADEAEA
104濃深棕色 #5C4033
105淡淺灰色 #CDCDCD
106紫羅蘭色 #4F2F4F
107紫羅蘭紅色 #CC3299
108麥黃色#D8D8BF
109黃綠色 #99CC32
店鋪公告里的漂亮懸浮掛件的代碼:
公告圖片的代碼:
img border="0" src="圖片地址" /
公告掛飾:
img src="圖片地址" style="left:20px; position: relative; top:0px" /
店鋪分類代碼:
img src="縮完後的圖片地址"/
背景音樂代碼:
bgsound loop="-1" src="音樂地址"/bgsound
換行代碼
br
計數器代碼
a href="" target="_blank"img src="計數器地址" border=0 alt="00Counter.com"/a
店鋪公告里的漂亮懸浮掛件的代碼:
marquee style="position:relative;" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"
img src="加入你自己的圖片地址" /
1.公告欄的圖片代碼,帖到公告欄就行了. 不過還是有好多人來問我公告欄的位置-----點我的淘寶-----
管理我的店鋪------基本設置,下面寫著公告的位置。
img src="圖片的所在的地址"
img border="0" src="圖片地址" /
2.公告懸浮裝飾圖片代碼,COPY到公告的最下面就好了哦,
IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src="你圖片的地址"
3.加背景音樂的代碼。
進「我的淘寶」點擊「管理我的店鋪」進入「基本設置」 先貼代碼,再寫你的公告文字
bgsound src="你的背景音樂地址" loop=-1
4.浮動的圖片的代碼:
/td/tr/table;img alt="1" height="150" src="圖片地址"
5.滾動字幕代碼:這個用處可就多了,放到哪裡那些字都是會動的,有很多朋友在好評里都會用到哦! marquee輸入你想說的話/marquee
6.自定義顏色代碼
font color=blue輸入你想要說的話/font
注意:等於號"="後就是顏色的英文:不喜歡這個顏色還可以換成其他顏色的,如:red(紅)、blue(藍)、green(綠)等;不過注意代碼的總長度不要超過40哦。
7.增加鏈接鏈接內容
a href="鏈接地址"鏈接內容/a
8.店鋪分類的代碼 img src=" 圖片的地址 " / 代碼就放在:我的淘寶—管理我的店鋪—寶貝分類
簡單介紹一下我的操作方法:
1、選好喜歡的寶貝分類模板,復制保存之後,填上適當的文字,然後上傳到網上相冊;
2、復制代碼 img src=" 圖片的地址 " / 到寶貝分類中;
3、打開網上相冊,選中相應的模板,右擊屬性,復制屬性中的圖片地址;
4、由於網上的圖片地址過長,因此要在上進行網址縮短工作:即把復制的圖片地
址到這個網站中進行縮短,然後會出現一個較短的圖片地址
5、再用短地址放入 img src=" 圖片的地址 " / 的""中就ok了
9.:如何在店鋪公告添加個性的滑鼠指針:馬上這個代碼,它可以讓您的店鋪公告更有吸引力呀table style="CURSOR: url('上傳後的滑鼠指針的網址')"trtdtable border="0" style="TABLE-LAYOUT: fixed"
寶貝描述加上個性的滑鼠指針
自己喜歡的滑鼠指針選好了嗎? 那就馬上復制這個代碼在寶貝描述里就可以了,當然還要先選「編輯源文件」
table width="100%" style="CURSOR: url('這里是已上傳的滑鼠指針網址')"
tr
td width="100%"
另外,還要在源文件底部輸入代碼:/td/tr/table
10.回帖模板代碼及使用教程
使用模板前必須先得到模板代碼.如果您可以自己在圖片上加文字.或不準備加文字直接使用,可以直接復制下面的代碼按教程使用.代碼中的為背景圖片的地址.模板編號1對應圖片名為ht31.gif .模板編號2對應圖片名為ht32.gif 以此類推 你可以自己更改圖片地址中的圖片文件名來實現更換不同的模板背景. 現在圖片總23個,從ht31.gif到ht53.gif供您選擇.
代碼如下:
div align="center"
table height="358" cellspacing="0" cellpadding="0" width="620" background="" border="0"
tbody
tr
td valign="top"
p align="left"
table cellspacing="1" cellpadding="1" width="600" border="0"
tbody
tr
td width="28" height="15"/td
td width="432"/td
td/td
/tr
tr
td height="277"/td
td
p align="center" 插入文字/p
/td
td/td
/tr
/tbody
/table
/p
/td
/tr
/tbody
/table
/div
有其它問題的≡請網路HI我,或Q我.
⑸ ASP.NET 2.0 網站頁面的頭部尾部統一調用模板的網站如何添加關鍵詞描述代碼
在business.master的head標簽中加上
<asp:ContentPlaceHolder ID="show" runat="server"></asp:ContentPlaceHolder>
在調用頁面中加上
<asp:Content ID="show1" ContentPlaceHolderID="show" runat="server">
<META HTTP-EQUIV="Keywords" CONTENT="adobe,photoshop,macromedia,authorware,director,multimedia,program,多媒體編程,authorware編程,director編程,photoshop使用">
</asp:Content>
將content中的內欄位改為你自己的就可以了容
⑹ 如何復用HTML模板代碼,比如頭部尾部等相同代碼的部分,具體怎麼做
HTML復用,不需要任何模板就可以復用相同的內容
條件:控制頁面布局顯示就可以完成
示例:
主頁
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>HTML調試</title>
<script type='text/javascript' src='js/jquery-1.8.0.min.js'></script>
<script src='js/zui.min.js' type='text/javascript' charset='utf-8'></script>
<script src='js/jquery-barcode.js' type='text/javascript' charset='utf-8'></script>
<link rel='stylesheet' type='text/css' href='css/zui.css' />
<style type='text/css'>
#container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
font-family: '宋體';
}
</style>
</head>
<body>
<div id='container'>
<!--復用頁面容器1-->
<div style="position: absolute;left: 0px;top: 0px;height: 70px;width: 100%;border-bottom: 1px solid #F1F1F1;">
<iframe align="center" width="100%" height="70px" src="html/page_header.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div id="contents" style="position: absolute;left: 0px;top: 70px;width: 100px;">
<!--不相同內容容器-->
</div>
<!--復用頁面容器2-->
<div style="position: absolute;left: 0px;top: 585px;height: 70px;width: 100%;border-top: 1px solid #F1F1F1;">
<iframe align="center" width="100%" height="70px" src="html/page_footer.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</div>
</body>
</html>
復用頁面1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<title>復用頭部</title>
</head>
<body>
<div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;">
復用頭部
</div>
</body>
</html>
復用頁面2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<title>復用底部</title>
</head>
<body>
<div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;">
復用底部
</div>
</body>
</html>
項目結構
⑺ 找點淘寶店鋪 專業版裝修代碼
淘寶裝修模板代碼教程大全(完整版)
1) 公告欄的裝修圖片代碼,帖到公告欄就行了. 不過還是有好多人來問我公告欄的位置-----點我的淘寶-----
管理我的店鋪------基本設置,下面寫著公告的位置。
<img src="圖片的所在的地址">
<img border="0" src="圖片地址" />
2) .公告懸浮裝飾圖片代碼,COPY到公告的最下面就好了哦,
<IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src="
你圖片的地址">
3) 加背景音樂的代碼。
進「我的淘寶」點擊「管理我的店鋪」進入「基本設置」 先貼代碼,
再寫你的公告文字
<bgsound src="你的背景音樂地址" loop=-1>
4) 浮動的圖片的代碼:
</td></tr></table>;<img height="150" src="圖片地址"
5) 滾動字幕代碼:這個用處可就多了,放到哪裡那些字都是會動的,有
很多朋友在好評里都會用到哦! <marquee>輸入你想說的話</marquee>
6) 自定義顏色代碼
<font color=blue>輸入你想要說的話</font>
注意:等於號"="後就是顏色的英文:不喜歡這個顏色還可以換成其他顏
色的,如:red(紅)、blue(藍)、green(綠)等;不過注意代碼的總長度
不要超過40哦。
7) 增加鏈接鏈接內容
<a href="鏈接地址">鏈接內容</a>
8) 店鋪分類的代碼 <img src=" 圖片的地址 " /> 代碼就放在:我的淘
寶—管理我的店鋪—寶貝分類
簡單介紹一下我的操作方法:
1、選好喜歡的寶貝分類模板,復制保存之後,填上適當的文字,然後
上傳到網上相冊;
2、復制代碼 <img src=" 圖片的地址 " /> 到寶貝分類中;
3、打開網上相冊,選中相應的模板,右擊屬性,復制屬性中的圖片地
址;
4、由於網上的圖片地址過長,因此要在http://www.kuso.cc/上進行網
址縮短工作:即把復制的圖片地
址到這個網站中進行縮短,然後會出現一個較短的圖片地址
5、再用短地址放入 <img src=" 圖片的地址 " /> 的""中就ok了
9) 如何在店鋪公告添加個性的滑鼠指針:馬上這個代碼,它可以
讓您的店鋪公告更有吸引力呀<table style="CURSOR: url('上傳後的
滑鼠指針的網址')"><tr><td><table border="0" style="TABLE-
LAYOUT: fixed">
10) 寶貝描述加上個性的滑鼠指針
自己喜歡的滑鼠指針選好了嗎? 那就馬上復制這個代碼在寶貝描述里
就可以了,當然還要先選「編輯源文件」
<table width="100%" style="CURSOR: url('這里是已上傳的滑鼠指針
網址')">
<tr>
<td width="100%">
另外,還要在源文件底部輸入代碼:</td></tr></table>
11) 在模板中增加淘寶收藏本店代碼
寶貝描述中都帶有「店鋪收藏」字樣,但是最新的淘寶收藏夾變化了,
導致了以前的方法不靈了,如何解決這個問題呢?
把以前的代碼換成如下即可解決這個問題:
http://favorite.taobao.com/popup/add_collection.htm?
id=62323209&itemid=62323209&itemtype=0&ownerid=&scjjc=2
(歡迎大家點擊這個鏈接看看我說的方法靈不靈啊,點擊確定之後,到您自己的收藏夾裡面看一眼,是不是我的店鋪已經被您收藏了?^-^
^-^ 呵呵 ^-^)別忘了把62323209&itemid=62323209&itemtype=0&ownerid=&scjjc=2這個數字修改成您自己的店鋪ID哦(不修改的,我熱烈的歡迎啊,哈哈)
如何獲得自己的店鋪ID呢?進入「我的淘寶」/「查看我的店鋪」,會
看到瀏覽器的地址欄中有類似下面的字樣:
http://store.taobao.com/shop/view_shop.htm?nekot=c21pbGVfNWNt1281414248539&user_number_id=321589306
user_id=後面的那串數字就是您自己店鋪的ID了,把這個ID COPY下了
,替換上面的那個代碼就可以在寶貝描述模板裡面添加收藏店鋪了!!
12) 添加音樂代碼:
網路音樂http://mp3..com/搜索你想要的歌曲,記得要選連接速
度快的。然後到淘寶的管理我的店鋪頁面,在公告欄內先輸入以下代碼
:
<BGSOUND balance=0 src="你的歌曲地址" volume=0 loop=infinite>
然後點擊你選擇的歌曲的試聽選項,在空白處點擊全選,然後看屬性,
復制屬性中的歌曲出處,然後再進入管理我的店鋪頁面,在剛才輸入的
代碼處有你的歌曲地址處粘貼歌曲出處就可以了,記得引號要保留。
背景音樂代碼:
<bgsound loop="-1" src="音樂地址"></bgsound>
13) 在圖片里附加音樂的辦法:
<img border=0 src="圖片地址" dynsrc=音樂地址>
14) 添加計數器代碼:
到免費的計數器網站如http://00counter.com/注冊一個賬號,然後登
陸就可以選擇計數器了,然後在網站地址一欄內輸入你的淘寶店鋪地址
就可以了。確定後會彈出一個網頁,提示復制以下代碼,還是進入管理
我的店鋪頁面,在公告欄內粘貼已復制的代碼就可以了。
15) 公告圖片的代碼:
<img border="0" src="圖片地址" />
16) 公告掛飾:
<img src="圖片地址" style="left:20px; position: relative;
top:0px" />
☆把掛飾圖片上傳到網路相冊里哦!!!!,
然後點擊圖片放大,在大圖中滑鼠右鍵選擇屬性,在屬性中有網路地址
,把它拷貝下來,
放到下邊一串代碼里替代漢字部分!!!
<img src="圖片地址" style="left:20px; position: relative;
top:0px" />
再打開我的店鋪管理把這段代碼放在店鋪公告最後就可以啦,你就可以
在你的店鋪里看見掛飾了。
17) 店鋪分類代碼:
<IMG src="圖片地址">
18) 寶貝描述個性滑鼠使用方法:
1、寶貝描述編輯完成後,先點擊「編輯源文件」,在源文件頂部輸入
以下代碼:
<table width="100%" style="CURSOR: url('這里輸入靚靚滑鼠的地址
')">
<tr>
<td width="100%">
2、在源文件底部輸入以下代碼:
</td></tr></table>
3、點擊「使用編輯器」,完工!
以下是比較麻煩的店鋪裝修代碼,看懂了就很好用的啦。哈哈
下面的代碼設置在一定區域內讓文字向上滾:「scrollamount=」可改
變速度。
<font size=3 color=ff0000><b><center><marquee width=150
height=100 direction=up scrollamount=2>文字
</marquee></font></b></center>
19) 文字左右來迴流動
<marquee direction="up">3861,個人主頁</marquee> ------讓文字由
20) 下至上滾動
<marquee direction="right">3861,個人主頁!</marquee> ------讓
21) 文字由左向右流動!
<marquee>3861,個人主頁!</marquee> -----如何讓文字滾動起來?
<font color="#FF0000">個人主頁!</font> ------網頁代碼:如何讓
22) 文章中的重要文字變成紅色
↑顏色
<bgsound src=/textbook/matter/music/china.mid loop="-1"> -----
23) 顏色代碼
衣裝盛飾(綠色)
<font color="#008000"></font>
衣裝盛飾(褐色)
<font color="#800000">衣裝盛飾</font>
衣裝盛飾(藍色)
<font color="#000080">衣裝盛飾</font>
衣裝盛飾(紫色)
<font color="#800080">衣裝盛飾</font>
衣裝盛飾(紅色)
<font color="#FF0000">衣裝盛飾</font>
24) 文字加粗,傾斜的代碼
文字加粗的代碼是: <b>衣裝盛飾</b>
文字傾斜的代碼是: <i>衣裝盛飾</i>
25) 文字鏈接代碼
如果您想點擊某處文字會連接到另外一個網頁的效果,這是超鏈接,代
碼是這樣:
<a href=http://9soho.com/?id=admin>衣裝盛飾</a>
如果要點了這個文字以後重新打開一個窗口的話,代碼是
<a href=http://9soho.com/?id=admin target=_blank>衣裝盛飾</a>
26) 在網站上放圖片的代碼
如果你看到一個好看的圖片想放到網站上,代碼是這樣的:
<img src=http://www.any2000.com/m/i/mingwen520/up/1.jpg></img>
後面的數字調節圖片的尺寸大小。
27) 圖片鏈接網站代碼
如果要點一下圖片就能打開一個網站的鏈接代碼是這樣的:
<a href="http://shop35399347.taobao.com/">
<img src=http://image.taobao.com/shop-
logo/e1/a4/_1139322435035.gif?
1141437603766></a></img>
如果要點一下圖片就能打開一個網站的鏈接,並且重新打開一個窗口。
代碼是這樣的:
<a target="_blank" href="http://9soho.com/?01">
<img src=http://9soho.com/images/logo.gif width="180"
height="60"></a></img>
點一下圖片打開一個網站的鏈接,重新打開窗口並圖片周邊沒有黑邊。
代碼是這樣的:
<a target="_blank" href="http://9soho.com/?01">
<img src=http://9soho.com/images/logo.gif width="180"
height="60" border="1"></a></img>
上面的數字都能調節圖片尺寸大小。
28) 換行代碼
如果你想換行,直接用Enter鍵是不行的,需要在您想換行的位置輸入
<br>
這樣就會分成兩行顯示 ,整個網站看起來也不會是一大片了,而是段
落分明
如果輸入一個<br>,那就是另起一行,如果連續輸入兩個,即<br><br>
,那就會空一行
29) 文字移動的代碼
<marquee>這里寫文字</marquee>
八,移動圖片的代碼
<marquee><img src=http://9soho.com/images/logo.gif width="180"
height="60"</img></marquee>
<marquee><img src=http://9soho.com/images/logo.gif width="180"
height="60"</img></marquee>
把裡面的圖片地址換成你的就行 想多放一個圖片就按照格式在中間插
入:
裡面的圖片地址自己定。
30) 背景音樂的代碼
如果想在你的網站上放上一段好聽的背景音樂,代碼是:
<bgsound src="http://9soho.com/ad/beijing.mid" loop="2">
裡面的背景音樂地址你能自己替換。
前面的是音樂地址,一般都以mid或者mp3的形式結尾 後面的數字是播
放次數。
31) 中插入一個Flash動畫的代碼
<embed src="http://9soho.com/qie.swf"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" name="obj1" width="550"
height="400">
裡面的動畫地址換成你的.動畫地址都要以swf的形式結尾。這點需要注
意
32) 忽視右鍵
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
33) 簡單的window.open方法
<a href="#"
onclick="javascript:window.open(文件路徑/文件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);">文字或圖片</a>
參數解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開始;
window.open 彈出新窗口的命令;
文件路徑/文件名 彈出窗口的文件名;
newwindow 彈出窗口的名字(不是文件名),非必須,可用空代替;
width=400 窗口寬度;
height=300 窗口高度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes
為允許;
</SCRIPT> js腳本結束
34) 簡單的頁面加密
<script LANGUAGE="javascript">
<!--
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("請輸入你的登陸密碼");}
alert("登陸成功!");
}
loopy()
//-->
</script>
35) 拉動頁面時背景圖不動
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>
36) 讓瀏覽器在保存頁面時保存失敗
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
37) 隨機替換圖片
<script>
document.write(<img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50">)
</script>
圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif
38) 窗口定時關閉
先將如下代碼網頁文件的區:
<script language="javascript">
function closeit() { setTimeout("self.close()",10000) //毫秒
}
</script>
然後再在<body>標內加入如:<body onload="closeit()">
39) 網頁自動關閉
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(closes.Click(),10000)">
這個窗口會在10秒過後自動關閉,而且不會出現提示.
</body>
</html>
40) 網頁自動刷新
在head部記入
<META HTTP-EQUIV="Refresh" content="20">
其中20為20秒後自動刷新,你可以更改為任意值。
41) 網頁自動轉頁
<META HTTP-EQUIV="Refresh" CONTENT="時間(秒);URL=地址">
42) 保持layer在最前面,而不被Iframe、Object所覆蓋
在Layer中再插Iframe 或 Object 設z-Index值
<div z-Index:2><object xxx></object> # 前面
<div z-Index:1><object xxx></object> # 後面
<div id="Layer2" style="position:absolute;
top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute;
top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
43) 返回上一頁
<a href=javascript:history.back(1)>『返回上一頁』</a>
44) 關閉窗口
<a href=javascript:self.close()>『關閉窗口』</a>
45) 關於iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
style="background-color: green"></IFRAME>
46) 淘寶網店設為首頁的店鋪裝修代碼
設為首頁的代碼: <span onclick="var
strHref=window.location.href;this.style.behavior='url
(#default#homepage)';this.setHomePage('小店網址');"
style="CURSOR: hand">設為首頁</span>