社区应用 最新帖子 精华区 社区服务 会员列表 统计排行 社区论坛任务 迷你宠物
  • 3851阅读
  • 4回复

[其他]模板使用初级教程

级别: 大掌柜
发帖
7343
铜板
6618
人品值
1388
贡献值
28
交易币
100
好评度
7488
信誉值
10
金币
0
所在楼道
学一楼
选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示: ?* {Vn5aX{  
G+_Q7-o&d6  
step2:在ps中选择file-save for web...来输出,这里要注意一些参数的选择 g!QX#_~Il  
]'.D@vFGO  
我们来看看红线所标识的1,2,3部分,将1所示的切片工具选中,然后点选2所示的图片,在3所示的地方选择色值,如果色彩单一可以选择尽量小的色值位;(为什么要这样??)答案:这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;设置好后点OK输出文件,这里的文件包括了一个htm和images文件夹,如图: [Sj _=  
/JqNiqvh  
这里候你的页面才算完成了一半,接下来在dw里建立站点: iBqxz:PHN(  
step3:定义站点 -`f 1l8LD2  
q0m> NA   
在图示左边的site name中为站点起一个名字,如example E;o "^[we  
然后在下面的local root folder中选择我们刚才导出的站点所以的文件夹;站点建好后在site map中我们看到: ]QJ N` ;b0  
nB|m!fi<  
step4:重新制作页面表格(为什么?)通常在ps中直接导出的htm文件是不可以直接使用的,因为有些地方在实际运用时要作调整,比如有动态文字的地方,我们需要在页面中输入页不是使用图片,那么图片就要把它拿走,如果你在直接生成的htm中拿走不想要的图片再加上你想要的东西,你们发现页面将变得惨不忍睹,整个页面可能完全乱了套! TPBL|^3K  
好了,先来分析一下导出的htm文件吧: x(]Um!  
,(;TV_@$  
根据这个页面表格所示,我们在新的页面中建立一个三行一列的表格: G7qB   
w/1Os!p  
注意,把cellpadding,cellspacing,border三项值设为0,这个很重要;因为图片中我们不希望看到空隙和错位;然后再在第一行中插入一个三行两列的表格,并合并左边三列的表格,如图: L*(!P4S%}  
>;sz(F3)  
插入表格的时个要注意对比原htm文件中的内容 i-YSt5iq  
接下来在第二行中插入一个二行二列的表格,按上面的方法合并左边的格子,并在右边格子的第一行插入一个一行五列的表格如图示: (teK0s;t5k  
?qmJJ5Gn  
最后在下面一行插入一个三行二列的表格,并将图示中1,2外分别合并: o>l/*i0I  
%wQE lkB  
最后得到的页面应该是这样的: k .#I ;7  
本帖最近评分记录: 1 条评分 隐藏
By ヾ1.嗰rёn 魅力 +10 2007-01-03 | 理由: 优秀文章-欢迎进行技术交流
评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
级别: 终身会员
发帖
3743
铜板
8
人品值
493
贡献值
9
交易币
0
好评度
3746
信誉值
0
金币
0
所在楼道
只看该作者 1 发表于: 2007-01-04
感觉对于网页图片处理还是FW好用 呵呵 习惯了 s= bP@[Gj  
~
级别: 终身会员
发帖
3743
铜板
8
人品值
493
贡献值
9
交易币
0
好评度
3746
信誉值
0
金币
0
所在楼道
只看该作者 2 发表于: 2007-01-04
要么再发个中级教程和高级教程~~
级别: 大掌柜
发帖
7343
铜板
6618
人品值
1388
贡献值
28
交易币
100
好评度
7488
信誉值
10
金币
0
所在楼道
学一楼
只看该作者 3 发表于: 2007-01-04
引用
引用第2楼ヾ1.嗰rёn2007-01-04 22:35发表的: ~{ l @  
要么再发个中级教程和高级教程~~
ex8}./mjJ  
你来写
级别: 终身会员
发帖
3743
铜板
8
人品值
493
贡献值
9
交易币
0
好评度
3746
信誉值
0
金币
0
所在楼道
只看该作者 4 发表于: 2007-01-05
引用
引用第3楼areway2007-01-04 22:48发表的: CgKFI  
JsDT  
你来写
UoHNKB73  
。。。。。ps不太会。。。有兴趣的可以去硅谷看看教程 那里面比较全 呵呵
描述
快速回复

您目前还是游客,请 登录注册
如果您提交过一次失败了,可以用”恢复数据”来恢复帖子内容
认证码:
验证问题:
10+5=?,请输入中文答案:十五