注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

男尚的博客

微信:v男尚

 
 
 

日志

 
 

网易博客首页模板的制作  

2013-08-03 13:15:51|  分类: 电脑知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.在您登陆了自己的博客后,点击右上角的“换风格”


 

   点击画面左侧的“风格自定义”,在新画面点击“开始自定义”则出现如下的画面。

   从这个版面上可以看出我们需要加工的有顶区、导航条、中区、底区、模块、浏览器、其他。下面我们就逐一地制作这些内容吧。

   温馨提示:制作一套首页模板,一般不会一次定型。您可以做一部分先保存。下次有空再接着做(点击“修改”)。当您做好了一部分打算休息时,一定要在退出前点击“保存风格”。但有时“保存风格”按钮是虚的不能点击,这时您就用鼠标左键在上图随便一个空白处点击一下,“保存风格”按钮就变实而可以使用了。

2.制作顶区

  顶区就是每个博客最上面的图片。制作时必须把图片的宽度设置为1004,高度至少450。

  ① 点击上图中的“选图”按钮,上传图片。在“平铺方式”、“对齐方式”、“顶区高度”中选择最佳效果。

  ② 因为顶图是放了图片的,所以“背景颜色”可不去理会。

  ③ 图片放好后,点击“文字”。

 此时可以设置顶图中文字的大小、字体、文字的位置以及文字的颜色。注意:文字的位置要选在既醒目又不影响景深的地方,文字颜色要与顶图的颜色相协调并且必须字迹清楚。设置字体颜色就是把“颜色”框里的颜色代码换成您选中的代码。您可以到这里选择颜色代码。好了顶区完工了。

3.制作导航

导航条就是首页、日志、相册、音乐、收藏、博友、关于我这一栏。

① 点击“选图”按钮,上传图片。在“平铺方式”、“对齐方式”、“导航条高度”中选择最佳效果。(温馨提示:导航条所上传的图片也可设置成宽度1004,设置宽度与否效果不同。)

② 因为是放了图片的,所以“背景颜色”可不去理会。

③ 图片放好后,点击“文字”。此时可以设置导航栏中文字的大小、文字的位置以及文字的颜色。注意:文字颜色要与导航条的颜色相协调并且必须字迹清楚。设置字体颜色就是把“颜色”框里的颜色代码换成您选中的代码。您可以到这里选择颜色代码。

④ 点击“当前项”。以设置“首页”那两个字的样式为例。上图中的所有项目都是针对“首页”那两个字的,依次设置便可。

温馨提示:如果您想给“首页”两个字加背景图片,就一定要长与宽等比例缩小图片。到这里看图片过大仅能显示图片的一部分时的效果,和图片缩小到恰到好处时的效果。

 ⑤点击“鼠标滑过项”。这里设置的是当鼠标滑过“首页、日志、相册、音乐、收藏、博友、关于我”这些字时,画面显示的样式。(温馨提示:如果您想给“鼠标滑过项”加背景图片,就一定要长与宽等比例缩小图片。到这里看图片过大仅能显示图片的一部分时的效果,和图片缩小到恰到好处时的效果。)

4.制作中区

中区和模块是不一样的,到这里看看,绿色的树林是中区的区域,净面绿色是模块的区域。点击“中区”则编辑画面。按照上述画面中区的设置没什么特别的了,这里不再赘述。中区的静面颜色一定不要从颜色代码中选择,一定要选一张好的净面图片放上去,因为颜色代码中选的颜色,无论你怎么选都会脏兮兮的不漂亮。

 5.制作底区

点击“底区”。底图与顶图一样,需要把图片设置为宽度1004,高度450baby下面看设置了大小的底图,没设置大小的底图。("底区高度"是一个很重要的项目,设置时需注意。“对齐方式”也是设置重点)

 6.制作模块:

点击“模块”,模块是个重要的项目,所有博文之类需展示的东西都在模块上。模块的选色很重要,像炫目的黑色是多数高档博客的首选。但是它不适合于以文字为主的博客。文字为主的博客应该是以页面整洁干净,不易视觉疲劳为原则。(模块的静面颜色一定不要从颜色代码中选择,一定要选一张好的镜面图片放上去,因为颜色代码中选的颜色,无论你怎么选都会脏兮兮的不漂亮。)

 模块共有九个区,2区是模块的眉头,放一张好的图片有画龙点睛的作用。其他几个区您都可以上传一张图片试试,觉得不好还可以换图或去图。

文字的颜色需反复试验,心里想的好颜色放在上面不一定好。色彩既要协调,又要文字阅读起来清清楚楚。

边框有粗细之选。如果是豪爽大气的博客可以选择粗的边框。如果是小家碧玉型的博客,就要选细线条。

7.设置浏览器。

浏览器是博客两边的边缘画面。如果电脑的屏幕不大的话,在博客画面上是看不见浏览器的。点击“浏览器”。浏览器的图片应该注意的是:如果用没有景深的图片,会使整个屏幕显得直堵在眼前,用有一定景深的图片,会使人有眼前很开阔的感觉。(看有景深的、和无景深的不同效果)图片最好高度要在1004以上。另外还要关注那个“固定背景”那个项目。如果您的电脑能够看到浏览器的效果,您最好把那个“固定背景”选与不选都试一次。您会有惊奇的发现。

 8.设置其他:

点击“其他”编辑。其他就是屏幕最上面的写有“换风格”、“消息”等字样的那一小条。这里主要是关注色彩协调就完了。


 
  评论这张
 
阅读(172)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017