Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[教程] SS模板如何做?最简单实用教程

[复制链接]
shangjicn2 发表于 2007-10-30 17:12:36 | 显示全部楼层 |阅读模式
我看到有很多朋友在里面找模板资料,大家也都很乐意把自己的模板奉献出来 但别人的始终是别人的,自己做站当然要有自己的风格,下面我介绍一个非常简单实用的办法教大家做网站模板,希望可以提供参考:

1.网站定位和构思
这一步很多朋友都不太重视,其实开始有个完整的构思,就是你网站的样子是什么样想在脑海里想好了,这样做起模板来才会有效率。也不会今天做了明天改,然后又后天改的
----------------------------------------------------------------------------------------------------------------------
2.开始做模板了
工具: Macromedia Dreamweaver 8  Photoshop
有了构思以后就开始做了
(1)布局:首先网站大致布局先做出来,也就是框架,用表格做就很简单了,直接插入表格,如果用DIV+CSS来做的话,就稍微复杂一点:可以采用SS自带的CSS文件进行修改,SS自带的是一个3列布局的CSS!

<div class="sideR"> <div class="sideL"> <div class="mainarea"> 在页面里是左和右中间的DIV  在CSS里你可以找到
他们的属性来修改
(2)布局安排好以后,我们就要往里面填东西了:
如何填:将SS的代码分别放入你需要的地方,在整个3列的布局里再插入各个小布局,然后就可以做出你任何想要的格式,而且全局DIV+CSS,修改起来非常方便!
   一些个别地方的设计,你可以使用DREAM工具来进行一些设计,希望你能做出属于你自己风格的网站来!
3. 做完之后
  模板设计完之后,应该对代码做一些相应的优化,常见的有网页代码优化大师等,还有一些国外的CSS检错软件,大家可以使用他们来使你的网站代码达到最优!
财富经中国创业网用的就是上述的布局 3列布局,然后嵌套了很多的代码在里面 ,还有很多功能没有做完,最后祝大家能够享受站长生活,用自己的网站创造价值!

评分

2

查看全部评分

回复

使用道具 举报

 楼主| shangjicn2 发表于 2007-10-30 19:14:22 | 显示全部楼层

最近将贴出一些CSS技术贴 有兴趣可以留意!

最近将贴出一些CSS技术贴 有兴趣可以留意!
回复

使用道具 举报

游离人 发表于 2007-11-3 19:20:10 | 显示全部楼层
支持!正需要这样。要是楼主能发个视频就更好了
回复

使用道具 举报

SSAY 发表于 2007-11-3 21:19:02 | 显示全部楼层
我感觉设计不是重点,重点的是他们不懂代码的原理!
回复

使用道具 举报

海仅拥虾 发表于 2008-6-14 11:45:57 | 显示全部楼层
如何添加模板啊/?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-14 23:57 , Processed in 0.126357 second(s), 15 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表