网页设计与制作

                          表格        AP  Div
                              ↑         ↑
                             网页布局技术  →模板、库
                             ↓                 ↓
                            Div+css       框架

一、表格
⒈用表格建页 面
建空白页→保存到站点→插入→表格
两行之间用Shift+Enter键换行
⒉认识表格
⑴“标题”部分可用来定义表头样式
①“无”：对表格不启用列或岗标题
②“左”：可以将表格一列运标题图片以便每一 行输入一标题
③“顶部”：可以将表格一行作为标题行，以便为表格每列加标签
④“两者”可输入列行的标题
｛表格中：

开始结束定义表格标题， 表格的行 表格的列 <thcolspan=“X”>X表示跨列数
<tdrowspan=“X”>X表示跨行数｝
⑵添加行和列
将光标定位在单元格中 修改→表格→插入行（列）命令，或选择“插入”→表格对象→上（下）面插入行，左（右）列
删除行，列 修改→表格→删除行，列 或者右击打开快捷键
⑶合并/拆分单元格
修改→表格→合并单元格（快捷键Ctrl+Alt+M）/拆分单元格（快捷键Ctrl+Alt+S）
二、AP Div
AP Div 又称绝对定位元素（AP元素)，是分配有绝对位置的，用来精确控制浏览器窗口对象位置的HTML页面构成元素。AP Div的出现使网页技术从二维空间括展到三维空间，成为了网页设计新发展方向。
⑴AP Div 的创建 插入→布局对象→AP Div命令→最左下有一个按钮（绘制AP Div按钮），将按钮拖拽到设计窗中→单击布局→按按钮移动光标，鼠标形状变成“+”字形→按左键向任意方向拖动，画出大小合适的矩形，释放左键
（如果要一次性添加多个AP Div，就按住Ctrl键的同时，单击“绘制AP Div”按钮就可以绘制多个AP Div）
如果要对层AP Div的默认属性设置进行改变，
编辑→首选参数→AP元素
⑵“AP元素”面板
打开“AP元素"面板 从主菜单选窗口→"AP元素" 或者按F2就可以打开
⑶将表格转换为AP Div
选中页面中欲转为层的表格→修改→转换→将表格转换为AP Div→弹出“布局工具”
↓
防止重叠、显示AP元素面板、 显示网络和靠齐到网络（借助网络定位AP元素） 将AP元素转换为表格同上↑
三、Div+CSS
⑴文件→新建→空白页（弹出“新建文档”→选择基本页为HTML）→插入→布局对象→Div标签
单击“新建CSS样式”→类→仅限该文档
⑵创建CSS样式表（可采用3种方式创建）
①使用菜单命令
格式→CSS样式→新建
<1 选择器类型
“类（可用于任何HTML元素）”在整个HTML中可以被多次调用，适用性广
“ID（仅应用于一个HTML元素）”唯一出现的元素进行定义，一般用在块级内容的最外层
“标签（重新定义HTML元素）”
“复合内容”

 ｛“类”在类名前加“    .    ”类名可包含任何字母和数字组合，“ID”必须以“#”开头可包含任何字母和数字组合
      ⑵使用“CSS”  面板
      “CSS样式”面板集成浮动板组，处于隐藏状态     窗口→ CSS样式（快捷键Shift+F11）
      ⑶CSS编辑器
      在“新建CSS规则”  对话框中创建新类.mycss，单击“确定” 弹出“.mycss的CSD规则定义”      

四、框架
插入→框架→上方及左侧嵌套
五、模板和库
⑴在站点中新建一张空白页面，插入表格在表格2行2列处 插入→模板对象→可编辑区域→复选框
⑵库 把表格、图像等，直接拖到“库”面板，即可自动生成一个库项目
在页面文档 修改→库→增加对象库