如何使用博客各种代码.doc

上传人:hs****ma 文档编号:560928517 上传时间:2023-02-04 格式:DOC 页数:8 大小:46.51KB
返回 下载 相关 举报
如何使用博客各种代码.doc_第1页
第1页 / 共8页
如何使用博客各种代码.doc_第2页
第2页 / 共8页
如何使用博客各种代码.doc_第3页
第3页 / 共8页
如何使用博客各种代码.doc_第4页
第4页 / 共8页
如何使用博客各种代码.doc_第5页
第5页 / 共8页
点击查看更多>>
资源描述

《如何使用博客各种代码.doc》由会员分享,可在线阅读,更多相关《如何使用博客各种代码.doc(8页珍藏版)》请在金锄头文库上搜索。

1、如何使用博客各种代码(可借鉴到云空间)博客的制作优化需要通过代码来完成,网易博客给我们提供了简单实用的制作平台,只需要少量的CSS代码知识就可以做的不错,这也是很多博友选择网易的原因吧,但对新手而言,还是有难度,下面我就将博客中所有代码的基本使用方法加以总结,希望对朋友们有帮助。代码的获取有很多方式,自己编辑或到别人博客中去找都行,对新手而言建议刚开始用别人现成的,通过摸索实践有一定代码知识后再自己编辑,这样更容易体会到做博客的乐趣! 代码加入首页模块的总方法1、登陆自己的博客。2、在编辑状态下,点最上方“预览我的博客”右边的工具条,(或将鼠标放在上面不要动就会出现)。 顺序打开 排版设置内容

2、模板自定义模板添加自定义HTML(点击颜色变深后确定)3、新模块添加自定义HTML将显示出现在网页左下角4、复制自己做好的(或别人现成的)代码到自定义HTML模板下方的空白处5、根据喜好替换代码中的“http:/地址”并修改个别数据(现成的就不用改了)(若是flash动画,就是所有地址结尾是“swf”的,也可将4,5步换成如此操作:点自定义HTML模板标题下方的flash选项,在出现的对话框中填上“http:/地址”即可,效果一样;wma文件也一样)6、点击预览查看效果,调试满意后点击新增保存,记得给你的模板起个名字然后点“保存” 7、用鼠标拖动你新增模块上方的编辑横条,把模块拖放到你喜欢的位

3、置 8、点击网页右上角的“保存” 9、预览我的博客,就可以看到效果出现在你的博客上了。一、在首页模块中插入图片(1)固定图片代码:普通 高级 说明:src=http:/图片地址 图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行已久,后者则由 96 年开始发展, 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称,否则必须加上正确的路径,相对或绝对均可。 width=100 height=100 设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的

4、宽和高要成正比例,图片最好是改小不改大,以免失真hspace=5 vspace=5 设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, vspace是设定图片上下的空间,高度采用 pixels 作单位。 border=2 图片边框厚度,不要边框数值设为0align=top 调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom, texttop

5、表示图片和文字依顶线对齐,baseline 表示图片对齐到目前文字行底线值,absmiddle 表示图片对齐到目前文字行绝对中央,absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q等字的下边)。 alt=图片描述 这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示lowsrc=低解析度图片地址 设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本。(2)移动图片代码: 其中一个.

6、为一个单元,表示一组图片,想添加更多图片滚动可以根据需要重复,格式很清楚了,但是滚动图片多了会影响加载速度。(3)固定图片上有文字移动的代码:要输入的文字 要输入的文字.说明:(2)(3)中代码中“width”是宽度,“height”是高度。图片地址就是网上以jpg .bmp .gif 结尾的网址,scrollAmount=3是移动速度, direction=down是从上到下,换成up是从下到上,left从左到右,right从右到左。 (4)获取图片地址的具体方法是: 在网上搜索到喜欢的图片,在图片上点右键查看“属性”就可以获得图片的地址;或将自己喜欢的图片上传到网易相册上,以获得一个图片网

7、址(在图片上点右键查看“属性”);也可进入我版面上的文字链接获取任意图片地址的方法在专业网站获取地址。 二、在首页模块中插入链接(参考“博客常用日志链接导航栏代码”)(1)文字显示的链接代码: 链接名称(2)图片显示的链接代码:(3)图片移动显示的链接代码:(参考“制作可移动的友情连接”)代码中scrollAmount=3是速度,direction=right从右到左,换成down是从上到下,up是从下到上,left从左到右,right从右到左。 三、在首页模块中插入动画、flash、游戏 也可将进行如此操作:点自定义HTML模板标题下方的flash选项,在出现的对话框中填上“http:/fl

8、ash动画、游戏地址”确定即可,效果一样;而且在下方你会看到同上类似的代码。四、在博客日志中插入视频、动画、flash:第一步、登陆自己的博客 第二步、在编辑状态下,点最上方“预览我的博客”右边的工具条,点“写日志” 第四步、复制下面的代码到文章里面,注意用你选中的视频地址,替换代码中的视频链接地址设置和音乐一样,true为自动播放,false为不自动播放,宽度width和高度height都可以自定义。 第五步、保存文章。 第六步、发表文章显示成功。 第七步、在首页会看到视频文章的效果 五、在日志文章中插入背景音乐代码(参考介绍几款漂亮的播放器”) 方法同上,代码如下: 六、在日志文章中插入背

9、景图片代码:第一步、登陆自己的博客 第二步、在编辑状态下,点最上方“预览我的博客”右边的工具条,点“写日志”第三步、点选左下角的显示源代码”-至关重要第四步、复制下面的代码到里面,注意用你选中的背景图片地址,替换代码中的背景图片地址(1)整个大背景代码:(2)两侧背景代码:(参考“美化日志背景之枫叶系列”)直接输入你的文字(2)信纸背景代码:div style=PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 460px; PADDING-TOP: 14px; HE

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 生活休闲 > 科普知识

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号