设计博客
『壹』 如何自己动手设计博客的主题
其实凡事只要自己喜欢就好,自己动手制作出来的东西也是一种快乐,希望有兴趣的朋友不妨自己制作一下,O(∩_∩)O哈哈当然前提一定是你有兴趣哦,否则你会觉得没意思。我简单做了一个教程,仅供大家参考学习,希望你能够举一反三.
我以使用 AdobePhotoshop CS2
图像处理然软件见为例.
首先新建一个1024*300大小的文件,这个尺寸正好是我们博客主题的需要尺寸。
然后在你的电脑中打开一张自己喜欢的图片当主题背景。
打开以后,有选择工具,将图片拖到新建的文件中。
拖好之后调整图片位置,图片的尺寸和新建的文件大小可能会不一样,我们可以使用,自由变换、工具来调整。快捷键ctrl+ T
,太大可以把他缩小,自然太小你可以将它托大。使用自由变换工具时,最好按着shift键免得图像失真。
这是调好后的图片。
其实到此为止这个背景就可以放到博客里了,但是如果你觉得有些单调,当然可以根据自己的喜好加一些东西在里面。例如这张图片大家都知道。
最后在图片上加上文字,你喜欢写啥就写啥,用文字工具,当然还可以给文字加上一些效果。这个有点繁琐,就需要你有些Adobe
Photoshop的基础了。
大家可能看到我的博客里的这张图片背景下面有绿色的草地,其实一样的做法有素材就可以,把他放在背景里,然后绿色草丛添加一个图层蒙版,前景色选择黑色,然后用画笔工具修饰,硬度要小一些,这样可以容易和背景结合。
O(∩_∩)O哈哈~不难吧。
好了,就算已经做好了。然后把图片保存下来。接下来就可以放到在博客里了。
登陆博客后,打开“风格”设置,点“自定义风格”在更换头像里,点上传图像,可不要看错了下面是更换背景的,上传完之后,很重要的一部就是设置了。一定要按以下方法设置。
设置好了以后,记住要保存设置哦。
『贰』 如何设计博客
可以用些简单的代码
一、使用< bgsound>标签
用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在< body>< /body>之间输入“< ”在弹出的代码提示框中选择bgsound。
Dreamweaver自动输入“< bgsound”代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。代码如下:
< bgsound src="music.mid" loop="-1">
其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。
二、使用< embed>标签
它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置。最后的代码如下:< embed src="music.mp3"Autostart="true" loop="true" hidden="true">< /embed>。
关键在于loop属性的设置。
delay
< bgsound src="music.mid" loop="-1">
------------------------
bgsound标记可为页面插入背景音乐,是一个单标记。其没有显示效果,是真正的背景音乐。
支持格式较少,所以太好用。是微软的私有网页标记,只有IE支持,不太常用,一般都用embed标记代替。
当bgsound标记所在的窗口最小化时,声音就有没了,embed标记就不会这样了。
主要属性:
src
设定文件所在地址(mid、mp3、wma等适用,rm和swf似乎不行)。
loop
设定循环次数,-1代表无限循环,可以用具体数字表示要播放的次数。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
简单例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>bgsound标记</title>
<link rel="Shortcut Icon" href="ani.CUR">
</head>
<body>
<bgsound src="love.mp3" loop="2">
</body>
</html>
-------------------------------
fembed标记可为页面插入背景音乐,是一双标记。它和bgsound标记不同的是,不会因为窗口的最小化,而使音乐停止播放,且它有控制面板,支持的文件较多。
重要属性:
height
控制面板的高度
width
控制面板的宽度。
volume
设定音量的大小,数值是0到100之间的整数(设0的声音比100时好象响一些)
loop
设定播放次数,loop="True"表示循环播放,在IE中不能用loop="数字"来控制播放次数。
hidden
设定是否显示控制面板,当hidden="True"时,就看不到控制面板,默认值是False
autostart
设定是否在音乐档传完之后,就自动播放音乐。默认值是True
src
设定要播放音乐所在的地址
starttime
设定歌曲开始播放的时间,如starttime="00:30"
endtime
设定歌曲停止播放时间,如endtime="01:30"
controls
设定控制画面的外貌
其参数如下:
console 一般正常的面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调整钮
starttime、endtime、controls这三个属性,IE好象不支持,可能是在Netscape中用的吧!
简单例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>embed标记</title>
</head>
<body>
<embed src="love.mp3" autostart="false" loop="true" volume="10"></embed>
</body>
</html>
------------
EMBED> 是用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。其参数设定较多。如下下
src="your.mid" autostart="true" loop="true" hidden="true">
src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按
━━━━━━━━━━━━━━━━━━━━━
请参见我的博客http://blog.sina.com.cn/u/1146812584
『叁』 怎样设计博客
充分利用空间四大模块功能,不用黄钻空间照样能装扮的漂亮! 点击自定义-模块-新建模块-四大模块 -选择你要的模块,把地址输入地址栏OK ,
自定义图片,有四种模块供你选择
1.图文模块(主要添加文字的)在描述里面写上自己要显示的字,最好在更多设置里面,“模块背景、边框”选择“无”(图文模块里的字不能改变颜色,不能改变字体 而且,每段都是对齐的).
2.大图模块1).用右键点住你要用的图片击右键然后复制属性后的代码;2).进入空间点自定义再点新建模块中的图片模块,更多设置中根据图片大小进行参数设置最大图片宽725,长990,保存即可。(这是jip.jif也就是闪图图片的)
3.FLASH模块注意复制地址时把地址栏中的http/:去掉。)FLASH加方法:(结尾是swf的图片。)1.点击QQ空间上面的自定义。 2.点击右侧的选择新建模块→点击FLASH模块。 3.模块名称随便,用一个空格最好,FLASH地址上粘贴FLASH的地址。 4. 更多设置(最大图宽725,长990,根据你所用图大小进行缩放参数.)选择:“循环”、“自动播放”、“FLASH透明”(也就是打上对勾)和“边框”选(无). 5.用鼠标调整一下FLASH的大小,让整个FLASH完全显示。 6.接着点击模块管理→把“互动”以上的模块前面的√全部去掉提交,然后再把需要显示的模块打√,这样“日志”、“留言”、“个人形象”或“音乐收藏”就显示在FLASH模块的上面了,确定保存.OK
4.视频模块1.点击QQ空间上面的自定义。 2.点击右侧的选择新建模块→点击FLASH模块。 3.模块名称随便,用一个空格最好,FLASH地址上粘贴视频地址。(注意复制地址时把地址栏中的sttp//: 要去掉)4. 更多设置(;最大视频宽715,长415根据你所用图大小进行缩放参数.)选择:“循环”、“自动播放”、“FLASH透明”(也就是打上对勾)和“边框”选(无). 确定保存。OK。
『肆』 如何设计博客的数据库
现在有一本书很流行,书名叫《网页设计四库全书》,其中包括博客方面的介绍。
其源代码可在网上下载。具体地址我忘了,你搜索一下吧
『伍』 如何设计博客的数据库
你一般需要作者表、文章表、类别表、评论表,
作者表用来存放注册用内户信息:用户ID、用容户名、密码、发表数、最后发表日期;用户ID为主键;
文章表用来存放所有文章信息:文章ID、用户ID、类别ID、标题、正文、点击数;文章ID为主键;
类别表用来存放所有文章类别信息:用户ID、类别ID、类别名称;用户ID、类别ID为主键;
评论表用来存放所有的评论:文章ID、评论ID、评论人名称、评论内容、作者回复内容;评论ID为主键;文章ID为外键;
我以前自己写的博客系统把所有人的文章分类统一进行管理,这样可以在一个总目录下分类浏览所有文章,因为我的系统在公司内部网络运行,用户不是很多。如果你也打算这样,那么分类表设计需要麻烦一点,要么管理员维护,要么作者申请、管理员审核,要么作者先直接使用,管理员负责调整。
『陆』 推荐几个国内优秀的设计博客
design trends
『柒』 个人博客如何设计
你可以看下这个博客。http://blog.sina.com.cn/u/2181022382
『捌』 平面设计师用哪个网站的博客好
我曾经申请过很多博客,比如搜狐,网易,新浪,MSN的,天涯的,网络的……
如果楼主主专要是以上传自己的设计属作品图片为主的,建议用网络的空间或是MSN的(就是Windows Live Spaces 博客);也可以参考网易相册,但这只是相册,不能添加详细的介绍。
好了,我说一下原因。
比如搜狐网易新浪天涯博客,这些主流博客对上传图片都会自动压缩,压缩的很小,看起来不爽,尤其新浪博客的图片有时候还不能正常显示,比如是一小红叉或是新浪的小白图,当然,要是作为文字博客,新浪还是比较专业的。
网络空间和Windows Live Spaces 博客最大好处就是可以上传比较大的图片,而不必被网站压缩,但网络空间有些博客功能和新浪博客比还不是很完善;而Windows Live Spaces 博客就是打开速度比较慢,不过要是用火狐浏览器会好些。
希望对你有所帮助。
『玖』 设计师博客
设计师博客是设计师在相关设计师网站上开的个人工作室,或者是表现自己的一种直观作品的总称,又称设计师工作室,普遍来说是设计师在网络上用于表达自己能力,获得其他设计师和业主认可,或者是通过与其他设计师交流互动和互相学习提高之用。设计师博客在网络上建立的个人表现的虚拟博客,主要用途用于设计师交流与互动,设计师表现自我,设计师之间讨论与学习,设计师与业主之间建立网络实力确认的一种方式,而武汉家装在线网是最受设计师认可的,而通过其实名与实力双重认证又最受业主信赖的博客。
设计师博客主要必须包括以下几个方面:
1、能够正常的留言交流互动与学习
2、日志:用于表现设计师的设计心情以及生活感悟,方便设计师之间的情感与学术讨论
3、作品表现区:用于通过设计师的作品或者是设计师认为比较好的转载的作品让大家共同的学习和交流
4、诚信兔:用于通过第三方实力和身份的双重证明,来让设计师的实力得到更公正的确认和认可,方便设计师与业主之间的互动与交流。
5、相册:用于展现设计师日常生活中的一面,让设计师感觉更亲密。
设计师博客不仅仅能用于学习和交流互动,也常常可以在展示自己的同时得到其他业主的认可而常常可以自己带来意想不到的收获,因为普遍收到广大设计师的欢迎和认可。
『拾』 如何设计博客页面
HTML代码复制在自定义空白面板
http://www.netsh.com/help/html/ 代码这里有
简单得HTML示例
换段: <p>
换行 : <br>
链接文字: <a href="链接地址">在此输入文字</a>
链接发邮件: <a href="mailto:[email protected]">在此输入文字</a>
文字居中: <center>在此输入文字</center>
文字加粗体效果: <b>在此输入文字</b>
文字加倾斜效果: <i>在此输入文字</i>
文字加下划线效果: <u>在此输入文字</u>
改变文字大小: <font size=4>在此输入文字</font>
改变字体: <font face=宋体>在此输入文字</font>
改变文字颜色: <font color=red>在此输入文字</font>
文字上标: <sup>在此输入文字</sup>
文字下标: <sub>在此输入文字</sub>
文字闪烁效果: <blink>在此输入文字</blink>
列表方式: <ul>开始列表
<li>列表项目</li>
</ul>
贴图片: <img src="链接地址">
滚动文字特效: <marquee>在此输入文字</marquee>
插入一个背景声音文件: <img ="链接地址">
插入音乐或视屏播放: <embed name=player1 src="链接地址" type=audio/x-pn-realaudio-plugin width="填数字" height="添数字" border="添数字" autostart="true"></embed>
按钮效果: <input type=button value="按钮上的字" onclick=alert("按后框里的字")></span>
贴flash文件: <embed src=链接地址 width="填数字" height="填数字">