⑴ 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>