第7章菜单设计

7.12
第7章 DIV+CSS布局网页
7.2 使用DIV+CSS布局网页
7.2.1 案例制作：“经典回顾”网页
（4）制作导航部分 5）切换至设计视图，在“选择器”窗格中添加标签选择器“ul li”，将“属性”窗格切换 至布局属性，设置“Width”为75px、“Height”为24px，设置左边界为20px，设置“float” 为left，将“属性”窗格切换至文本属性，设置“line-height”为24px，设置“list-styletype”为none。 6）为每一个导航项设置空超链接，在“选择器”窗格中添加伪锚记选择器“a.nav:link”， 将“属性”窗格切换至文本属性，设置“font-family”为宋体、“font-size”为13px、 “color”为# 1E1E1、“font-weight”为“bold”、“text-decoration”为“none”。 7）在“选择器”窗格中添加伪锚记选择器“a.nav:visited”，将“属性”窗格切换至文本 属性，设置“font-family”为宋体、“font-size”为13px、“color”为#E1E1E1、“fontweight”为“bold”、“text-decoration”为“none”。
7.17
第7章 DIV+CSS布局网页
7.2 使用DIV+CSS布局网页
7.2.1 案例制作：“经典回顾”网页
（5）制作网页左侧标题部分 6）为ID为“Title”的Div创建ID选择器规则，并在“方框”中设置“Width”为499px、 “Height”为45px，在“类型”中选择“类型”项设置“font-family”为宋体、“font-size” 为16px、“color”为#000000、“line-height”为45px、“font-weight”为bold。 7）在“分类”中选择“边框”项，取消“Style”中“全部相同”复选框的对勾，设置 “Right”为“solid”。取消“Width”中的“全部相同”复选框的对勾，设置“Right”为1px， 取消“Color”中“全部相同”复选框的对勾，设置“Right”为“#3E3D3D”。 8）在“分类”中选择“区块”项，设置“Text-align”为“center”。

设置控件的属性（P109）
❖ 在窗体的【设计视图】中， 右击某个对象，如标签“学 号：”，在“快捷菜单(cài dān)”中单击【属性】，通过
“格式”选项卡设置对象的字
体、字号、前景色(字体颜色 )、背景色等格式。
精品文档
7.4 使用设计(shèjì)视图创建窗体
•设置控件的特殊效果 选取控件，然后单击工具
❖ 为窗体设置背景，格式\图片 (túpiàn)
❖ 图片缩放模式为“拉伸”。
精品文档
7.4 使用(shǐyòng)设计视图创建窗体
设置窗体的“数据”属 性
通过(tōngguò)“窗体”对话框中
的“数据”选项卡来设置 窗体的记录源……等属性 ❖ 案例：把窗体设置为不允 许编辑、添加、删除。
如何消除(xiāochú)窗体中导航 按钮的显示？取消记录选 择器的显示呢？记录选择 器有何作用？
点击工具箱中的控件按钮，然后在窗体中插入控件的位 置，控件中会显示一个插入点，可以输入或编辑控件的 文本。
3.删除控件 4.对齐控件 用shift键同时选择多个控件,格式\对齐(P120图
靠左就是水平方向与最左边(zuǒ bian)那个控件对齐)
精品文档
7.4 使用设计视图(shìtú)创建窗体
栏中的“特殊效果”按钮 右侧的下向箭头( ，从 jiàntóu) 调出的效果列表中选取 “平面”、“凸起”、 “凹陷”、“蚀刻”、 “阴影”、“凿痕”等效 果。
精品文档
7.4 使用设计(shèjì)视图创建窗体
出现(chūxiàn)文本打横显 示时,把字体名称中的 @符号删除就可以了.
精品文档
7.4 使用设计(shèjì)视图创建窗体
⑤ 数据透视图：在窗体中以数据透视图的形式来显示 出某种统计结果。

使用“自动创建窗体”创建窗 体
【例】以 “学生”表作为数据源，使用自动创建窗体
的方法创建表格式窗体。
纵栏式窗体
数据表窗体
• 例如，要创建一个显示学生基本情况的窗 体，可采用“自动创建窗体：纵栏表”方 式来实现。具体的操作方法如图7.3所示。
7.2.2 使用“自动窗体”
• 使用“自动窗体”可以创建数据透视表和 数据透视图。操作方法与“自动创建窗体” 的操作方式相同。
第7章 窗体设计
本章要点
掌握窗体的设计方法，掌握面向对 象编程的概念，掌握使用窗体向导创建 窗体的操作方法，掌握使用设计视图创 建窗体的操作方法，掌握实用窗体的设 计方法。
• 窗体是Access数据库中的一个对 象，通过窗体用户可以方便地输入 数据、编辑数据、和查询表中的数 据。利用窗体可以将整个应用程序 组织起来，形成一个完整的应用系 统。
1.用设计视图创建窗体 的一般过程
打开窗体设计视图 确定窗体的数据源
在窗体上添加控件
设置对象的属性
查看窗体的设计效果
保存窗体对象
(1).打开窗体设计视图
或者，双击 “在设计 视图中创 建窗体”
(2).确定窗体的数据源
• 方法一：在“新建窗体”对话框下方的下 拉列表框中选择一个表或查询。
(2).确定窗体的数据源
5．组合框
和列表框控件
• 组合框控件和列表框控件是用于在一个列表中获 取数据的控件。如果在窗体上输入的数据总是一 组固定的值列表中的一个或是取自某一个数据表 或查询中的记录时，可以使用组合框或列表框控 件来实现，这样既保证数据输入的快捷，同时也 保证了数据输入的准确性。例如，学生基本情况 表中的学生所属院系字段，可通过组合框或列表 框控件来实现，以免造成数据输入的不惟一。

CommonDialog1. ShowPrinter 同 Action = 5 CommonDialog1. ShowHelp 同 Action = 6
设计时设置控件属性
• 右击窗体上的CommonDialog控件图标， 可以打开“属性页”对话框，如下图所示：
有5个选项卡, 用于对不同类 型的对话框进 行属性设置
CommonDialog1.Action = 4
Text1.FontName =CommonDialog1.FontName Text1 1.FontBold=CommonDialog1.FontBold
End Sub
例7.5
“字体”对话框示例。
编程：在文本框上显示文字，利用“字体”对 话框来设置所显示文字的字体、字型、大小、 颜色等。 知识点： 设置字体一定需要添加语句： CommonDialog1.Flags=1＋256 (屏幕字体加下划线、删除线、颜色组合框）
把对话框部件添加到工具箱步骤: “工程” “部件” 选中: Microsoft Common Dialog Control 6.0 对话框的类型由对话框控件的Action属性决定。 与Timer 控件一样，CommonDialog 控件
在程序运行时不可见。
通用对话框的重要属性 Action
Action属性只能在运行时设置: 只写
Text1.BackColor = CommonDialog1.Color
End Sub
例7.4 利用颜色对话框给shape着色
界面设计，如图所示。 在窗体上添加一个框架：在框架上画出6个单选 钮（控件数组）用来选择不同的形状； 形状控件、通用对话框控件、命令按钮各一个。 知识点：
这里采用了一组 控件数组来设计 单选钮，充分体 现使用控件数组 的优点