第6讲 控制版面与插入Spry 对象
现在我们进行了网页设计的最后环节，需要对页面进行真正的排版。使用到CSS 以及其它的一些常用技巧。在CS3 版本中Photoshop 和Dreamweaver 的结合也更加紧密了。Spry 构件作为Dreamweaver CS3 全新的理念，给用户带来耳目一新的视觉体验。在该部分当中，我们就涉及到这些方面的知识。
1. 打开Photoshop，直接拷贝一部分图片，如框选“石桥茶舍”区域并拷贝。当然因为是多层，你需要使用合并拷贝功能，如图1-6-1 所示。
图1-6-1
2. 切换到Dreamweaver 中，我们只需要简单的Ctrl+V 粘贴，你会看到出现了图像预览对话框，您可以直接在这里设置图片的压缩值和格式等，如图1-6-2 所示。
图1-6-2
3. 用同样的方法把“石桥茶舍”和“石桥棋坊”两张图片都直接拷贝到Dreamweaver 中，当然Dreamweaver 会提示您存储这些图像文件。完成后，我们再把文字拷贝到Dreamweaver 中, 不过如今的文字看起来会比较乱，这是没有用CSS 样式化的缘故，如图1-6-3 所示。
图1-6-3
4. 打开CSS 样式面板，为标签“body,td,th”新建一个CSS 规则，选择“仅对该文档”，这个CSS是针对当前页面全局的，如图1-6-4 所示。
图1-6-4
更多内容请看网站服务器的选型、网站建设、网站解决方案专题，或进入讨论组讨论。
现在我们进行了网页设计的最后环节，需要对页面进行真正的排版。使用到CSS 以及其它的一些常用技巧。在CS3 版本中Photoshop 和Dreamweaver 的结合也更加紧密了。Spry 构件作为Dreamweaver CS3 全新的理念，给用户带来耳目一新的视觉体验。在该部分当中，我们就涉及到这些方面的知识。
1. 打开Photoshop，直接拷贝一部分图片，如框选“石桥茶舍”区域并拷贝。当然因为是多层，你需要使用合并拷贝功能，如图1-6-1 所示。
图1-6-1
2. 切换到Dreamweaver 中，我们只需要简单的Ctrl+V 粘贴，你会看到出现了图像预览对话框，您可以直接在这里设置图片的压缩值和格式等，如图1-6-2 所示。
图1-6-2
3. 用同样的方法把“石桥茶舍”和“石桥棋坊”两张图片都直接拷贝到Dreamweaver 中，当然Dreamweaver 会提示您存储这些图像文件。完成后，我们再把文字拷贝到Dreamweaver 中, 不过如今的文字看起来会比较乱，这是没有用CSS 样式化的缘故，如图1-6-3 所示。
图1-6-3
4. 打开CSS 样式面板，为标签“body,td,th”新建一个CSS 规则，选择“仅对该文档”，这个CSS是针对当前页面全局的，如图1-6-4 所示。
图1-6-4
更多内容请看网站服务器的选型、网站建设、网站解决方案专题，或进入讨论组讨论。
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
相关专题
- HTML是WEB标准开发的中心基础 (0次浏览)
- Dhtml 属性编程之原创笔记 (0次浏览)
- DHTML 打造 Picture Spelling (0次浏览)
- 通过托管代码来访问HTML DOM (0次浏览)
- Apache下伪静态html(URL Rewrite)的设置方法 (0次浏览)
- HTML 5 预览 (0次浏览)
- Adobe CS3网站首页设计 第5讲 (0次浏览)
- Adobe CS3网站首页设计 第6讲 (0次浏览)
- XML教程:XML有哪些用途? (0次浏览)
- XML教程:什么是XML及XML和HTML的区别 (0次浏览)
