第三讲网页布局定位技术.doc

《第三讲网页布局定位技术.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第三讲网页布局定位技术第一部分网页定位一、表格表格可以用来精确地定义文本、图像及其他网页元素。例如：汪国真诗集主页是一个规范的表格从页是一个可以用规范表格修改的不规范表格，表格不显示。再如：百度主页是一个不规范的表格，表格不显示我们可以打开网络上的任何一页，把该页复制/粘贴到Dreamwere页面上都可以看到网页上的元素都是在表格中，多数的表格都不显示。一、表格的建立插入——〉表格14*380百分比说明：1）100百分比是表格的宽度充满整个屏幕，要想表格不充满整屏，缩小百分比2）要想使宽度不充满整屏的表格居中，修改——〉页

2、面属性，左边距：100像素右边距100像素三．表格的属性首先选中表格，在下面的属性面板中可以改表格的属性。1．改变边框的宽度为2，边框宽度默认为02．修改表格的背景色，边框的颜色3．用历史纪录退回1．选部分单元格，修改背景色，边框颜色2．使表格不显示边框，边框：0四、在表格中添加元素五、有时表格不一定正规，可修改表格1、拆分表格1）选中某一单元格2）修改——〉表格——〉拆分单元格2、合并单元格1）选中某一单元格2）修改——〉表格——〉合并单元格3、插入行或列插入——〉表格对象——〉。。。。。3、删除行或列修改——〉表格——

3、〉。。。。。。六、表格的导入1、新建一个页面2、文件——〉导入——〉Excel文档七、使用“布局”视图对页面布局对于一个标准的表格可以使用插入表格比较方便，但对于一个不规则的页面应使用“布局”设计。观察“布局”工具栏（１）标准：可用标准工具栏上的绘制标准表格（２）扩展：扩展主要用于在表格内部和表格周围选择（３）布局：使用布局模式可以方便地对页面进行设置如：　百度页面１、切换到“布局”模式1、用绘制布局单元格，以放置baidu图片2、在下面再画一个布局单元格，以放置：新闻网页贴吧知道MP3图片视频3、再画一个布局单元格，后面

4、再画一个布局单元格以放置图片其他内容也类似第二部分表单和跳转菜单一、表单注：文本域单选按钮文本字段（密码）列表/菜单复选框文本域文本区域文本域按钮项目标签：高中以下大专大本研究生以上表单主要用来得到用户的反馈信息。1、新建一个页面2、插入——〉表单——〉表单说明：１）表单对象必须输入在红色的表单格内２）在插入表单对象时不需要设置“输入标签辅助功能属性”对话框，要是它不出现：编辑——〉首选参数——〉辅助功能——〉不打勾　　　　３）图像域：可以代替提交按钮　　　　４）隐藏域：在网页中不显示，只是将必要信息提交给服务器　　　　５

5、）列表／菜单：可以在有限的空间内提供许多选项。列表：在滚动列表框中显示选项值，并允许设置高度菜单：不允许设置高度，用户只能从中选择一个选项检查表单