1-R6开发培训讲义—页面.docVIP

2004年6月3日：培训内容：第一部分：页面 页面的创建： 如图所示：进入设计界面后：选择页面设计元素： 点击 新页面（New Page），进入页面的设计模式 页面的设计界面如下： 在页面中支持的设计元素：静态文本 静态文本：直接输入 静态文本的风格可以调整，选中要改变的静态文本，点击属性快捷按钮（或点击鼠标右健） 进入属性对话框，可以调整字体大小、颜色、字体等，如下图所示： 进入属性对话框，可以调整字体对齐方式，首行处理方式；如下图所示： 进入属性对话框，左边界，右边界的调整： 字体边框处理： 在页面中支持的设计元素：图片： 创建图片的方式：创建（create）——图片(picture) 通过文件浏览查询到所需要的图片（注意文件扩展名称） 效果如图所示： 注：图片也可以选择鼠标右健，进入图片属性框： 可以设定：图片的居中，靠右，或靠左等（如下图片居中） 页面在浏览器中预览测试： 直接点击浏览器图标： 或者：设计（Design）——在Web浏览器中预览（Preview in web browser）——Interner Explorer 页面的保存： 在这个对话框下可以输入页面的名称：如 homepage；显示结果如下： 页面的设计元素：区段： 在页面中设计区段的方法： 选中所要包含在区段中的文本、图片等 如下图：选择：创建（Create）——区段（Section） 进入区段属性框（鼠标右健或主菜单—区段——区段属性） 可以修改区段的名称，显示风格，边框等 页面中的设计元素：表格 插入表格： 主菜单——创建（Create）——表格（Table） 通过以下对话框，设置好创建表格的行数和列数 特别注意表格的显示风格： 基本表；带标签的表；等（我们本次培训选择带标签的表） 结果如下： 选择表格属性，进入表格设计：改变表格的底色 选择表格属性，进入表格设计：改变表格的标题头： 结果如下： 页面的设计元素：背景控制 页面的属性中：鼠标右健直接进入背景颜色框； 点击Color选择喜欢的背景颜色 结束