赛腾网
   赛腾网首页
 
问:“赛腾网站生成器”中提供了网页模板,但是我想完全由自己来设计网页,我应该怎么做呢?

答:以下是一个简单的“脱离模版,自由建立网站”的教程,按照所述步骤,完成自由建站的过程:
网站首页效果预览:http://butterfly.siteem.com
网站首页效果图:

这是网站的首页效果图,我们将分三步来完成建站的工作:
一、基本工作——建立网站,搭建网站框架。
二、具体工作——丰富你的网站。
三、建站结束——上传你的网站。

软件要求:
  1. 在电脑中安装“赛腾网站生成器”,并能够正常运行。
  2. 在电脑中安装Photoshop软件(Adobe),并能够正常运行。

一、基本工作——建立网站,搭建网站框架。
  1. 打开“赛腾网站生成器”,新建一个网站:选择主菜单“网站”中的“新建”
  2. 在“选择模板”时选择“Html型首页”。
  3. 选择任意首页模板。因为我们是脱离模板建网站,选择首页模板没有任何意义,所以选择任意模板就可以了。

二、具体工作——丰富你的网站。
前面我们已经把网站的框架搭建好了!下面所要讲的就是网站建设的重点——丰富你的网站。
  1. 隐藏主动效和功能导航:在网站结构树上选择“首页”节点下“编辑项”中的“主动效”

    取消对“显示主动效和功能导航”的选择
  2. 隐藏一级导航:在网站结构树上选择“首页”节点下“编辑项”中的“一级导航”
  3. 隐藏Logo、中文名和英文名:在网站结构树上选择“首页”节点下“编辑项”中的“Logo”
  4. 隐藏版权信息:在网站结构树上选择“版权信息”
  5. 此时回到首页,发现页面是空白的。
  6. 开始对原效果图进行切割:

    根据需要,我们不能将整张图贴到我们的网站上,这样,就要求我们合理的切图。
    这里,我们对如何运用photoshop切图不做详细介绍,只说一下切图分割:
    *注:图为黑色背景,蓝色分割线
    切好后的图片为6张,分别为:

    pic1.gif

    pic2.gif

    pic3.gif

    pic4.gif

    pic5.gif

    pic6.gif
  7. 在网站结构树上选择“首页”节点下的“区域一”(如果没有,就点击“添加区域”创建一个),在右边的编辑区域选择样式三,点击确定。
  8. 在“调整背景色”区域,去掉全部背景色选项,在“调整中间区列宽”区域,改变列的宽度:根据我们所切图的宽度,中间区块列宽为545,右边区块列宽233,点击确定。
  9. 展开”区域一“下面的“中间区块”(点击前面的+),点击“添加块”,选择添加“文字列表”块,点击确定。
  10. 点击“基本属性”标签,在“标题设置”栏中,填写标题名,在“边框设置”栏,选择“不使用边框”。
  11. 点击“设置背景”标签,选择“使用背景图”,点击“选择自定义图片”,将事先切好的pic1.gif添加进来。
  12. 点击“内容”变迁,再点击“添加”按钮,加入文字内容,例如“butterfly.siteem.com”。
  13. 为“butterfly.siteem.com”这行文字加上链接,当点击文字时就会回到首页:选中文字“butterfly.siteem.com”,点击“插入链接”,填写链接地址“http://butterfly.siteem.com”,点击“确定”,再次点击“确定”。
  14. 设置文字的颜色、字体:
  15. 设置文字的位置;点击“设置边距”标签,在“设置块边距”和“设置内容与边框之间的间距”内改变数值,这样就可以将文字移到合适的位置。
  16. 保存对该“文字列表块”的编辑。
  17. 在区域一的“中间区块”添加一个“单一图片块”。
  18. 点击“选择素材”, 将事先切好的pic2.gif加入,同时选择“不使用边框”。
  19. 点击“设置背景”标签,选择“不使用背景”。
  20. 点击“设置边距”标签,将边距调整好,然后保存该块的编辑。
  21. 在区域一的“中间区块”添加一个“文字列表块”。
  22. 点击“基本属性”标签,在“标题设置”栏中填写标题,在“边框设置”中选择“不使用边框”。
  23. 点击“设置背景”标签,选择“使用背景图”,点击“选择自定义图片”,将pic3.gif添加进来作为背景。
  24. 点击“设置边距”标签,设置合适的边距。
  25. 在区域一的“中间区块”添加一个“文字列表块”,用来作为网站的导航。
  26. 点击“基本属性”标签,在“标题设置”栏中填写标题,在“边框设置”中选择“不使用边框”。
  27. 点击“设置背景”标签,选择“使用背景图”,点击“选择自定义图片”,将pic4.gif添加进来作为背景。
  28. 点击“设置边距”标签,设置合适的边距。
  29. 在区域一的“右区块”添加一个“文字列表块”,用来作为滚动文字的效果。
  30. 点击“基本属性”标签,在“标题设置”栏中填写标题,在“边框设置”中选择“不使用边框”。
  31. 点击“设置背景”标签,选择“使用背景图”,点击“选择自定义图片”,将pic5.gif添加进来作为背景。
  32. 点击“设置滚动”标签,选择“使用滚动”,具体设置如下:
  33. 点击“设置边距”标签,设置合适的边距。
  34. 在区域一的“右区块”添加一个“文字列表块”,用来作为版权声明的效果。
  35. 点击“基本属性”标签,在“标题设置”栏中填写标题,在“边框设置”中选择“不使用边框”。
  36. 点击“设置背景”标签,选择“使用背景图”,点击“选择自定义图片”,将pic6.gif添加进来作为背景。
  37. 点击“设置边距”标签,设置合适的边距。
  38. 添加网站页面背景:点击网站结构树上的“页面背景”,选择“使用背景图片”,使用合适的背景图片。
  39. 把页面的内容向下挪动一下:在网站结构树上选择“首页”节点下的“调整页面宽度和页面边距”,设置合适的“上边距”。
  40. 到此为止,一个不使用模板制作的精美首页就做好了。

三、建站结束——上传你的网站。
  1. 在主菜单“工具”中选择“上传”。
  2. 输入正确的二级域名和密码上传。
打印】 【关闭
《中华人民共和国电信与信息服务业务经营许可证》编号:京ICP证041193号
北京赛腾网信息技术有限公司 版权所有
本网站由赛腾网站生成器制作
hd315
Copyright © 2008 Siteem.com, All Rights Reserved.