搜外科技网站建设教程,网站制作新手教程,24小时学会网站建设

搜外科技网站系统主题开发安装教程: 400-859-1113
网站地图 xml
免费网站建设 > 主题开发 > 主题制作 > ⑤【主题设计及切割】-主题制作
⑤【主题设计及切割】-主题制作
2015-08-30 16:38:30

说明:在讲述主题设计及切割之前,首先需要说明的是用户需具有一定的技术知识及软件的基本操作能力。

需要准备的软件有:Dreamweaver / Editplus / Photoshop / FTP / SOUWAI系统

主题设计

主题的详细设计这里将不做详细赘述,下面将直接给出已经设计好设计图,大家也可以下载去做为练习。 
为了便于讲解下图为缩略图,所以请 右键单击,[目标另存为...]

主题切割

有了设计稿之后我们要对其进行网页化处理,下面针对SOUWAI主题切割进行讲解。
SOUWAI主题切割要求可能跟以往大部分的企业网站切割方式不同。以往的切割方式有: 
1.直接用ps(photoshop简写)切割工具进行切割,生成页面,再把文字部分图片去除再填入文字。 
2.ps局部选择性切割,用Dw(Dreamweaver简写),编辑或插入进行编排制作成网页。 

SOUWAI主题切割方法:则为选择性切割,切出来的块进行归类,比如按钮的放在[ico.gif],背景条的放在[page_bg.gif]内,其它特殊的块可单独也可汇集在一张图片上; 

其主要目的,是为了让网页加载速度更快,也是网站基础优化一的部分。

[ico.gif]

[page_bg.gif]需要注意的是对于这些元素组成的图片他们的位置你需要定好标准,笔者用px[像素]间距来控制,在编辑CSS样式的时候需要调用相应元素的时候能具体知道元素在哪个坐标位置[x,-y],比如:搜索按钮坐标[0px,-350px],如下图所示:


上一篇   [返回首页] [打印] [返回上页]   

我要评论

  • *姓名:

  • *邮箱:

  • *内容:

  • *等级:

产品分类

    联系方式

    点击这里给我发消息
    点击这里给我发消息