亿度网络 - Dreamweaver

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Dreamweaver

///pc/homepage/dreamweaver/img/000.gif" width="100" height="20">

///pc/img/title_00.gif" width="13" height="20">

///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">轻松掌握网页制作
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">用表格做网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">图形化的网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">灵活运用文字
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">精彩的图层世界
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">丰富的超链接
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">框架里的乾坤
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">创建各种窗体
///pc/homepage/dreamweaver/img/006.gif" width="30" height="16" align="absmiddle">本章常见问题解答 ///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">网页中导入已有数据
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">形式多样的表格
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">套用现成的表格格式
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">给表格数据排序
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">表格高度不起作用？
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">如何把图层转为表格
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">如何使两个表格并排
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">为何Flash不能播放
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">为啥改不了事件类型
///pc/homepage/dreamweaver/img/001.gif" width="30" height="16" align="absmiddle">更多的…
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">附录
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">常见问题汇总
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">快捷键分级介绍
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">一句话技巧集萃
///pc/homepage/dreamweaver/img/010.gif" width="30" height="16" align="absmiddle">功能快速索引

//www.shanghaigongsi.com.cn/pc/bin/softdown/softgsch.pl?key=dreamweaver">///pc/img/download.gif" width="90" height="45" border="0">

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">

///pc/homepage/dreamweaver/img/logo1.gif" width="194" height="64">

　　二、深入学习和使用

　常见问题解答

　使用标尺和网格

　　在制作网页时，从属性面板上其以得到层的坐标。但还有一个更形象的方法，那就是标尺和网格。我们可以用这个功能进行页面辅助设计，作为图层定位及调整大小的可视化向导。

　　选择“View”菜单下的“Rules”，再从子菜单中选择“Show”，标尺就显示出来了，快捷按键 Ctrl+Alt+Shift+R。当鼠标在页面上时，可以从标尺上的虚线准确地知道光标所在位置，看着和排版软件很象哎！

　　标尺有三种计量单位，现在的单位是像素，是最常用的。如果你想用厘米做单位，可以重新设置一下：选择“ View->Rules->Centimeters”，标尺就变成厘米为单位的了。 （图1）

///pc/homepage/dreamweaver/img/dw075.gif" width="466" height="276">

图1　打开标尺

　　标尺的坐标原点在左上角，初始值为（0,0）。如果你想以（1,4）为坐标原点，就用鼠标住左上角带十字形虚线的区域，向下拖动到适当位置，释放鼠标就可以了。如果不想改了，再双击左上角，坐标就还原了（图2）。这些操作和PhotoShop的标尺是一样的。

///pc/homepage/dreamweaver/img/dw077.gif" width="328" height="258">

图2　设置标尺

　　我们还可以使用网格功能帮助页面元素定位。按下Ctrl+Alt+Shift+G，网格就显示出来了（图3）。

///pc/homepage/dreamweaver/img/dw078.gif" width="460" height="276">

图3　打开网格

　　选用“ View->Grid->Setting”命令，可以设置格线间的距离、“吸附”的距离，格线的线型和颜色等。其中网格的“吸附”作用很重要，选中“View->Grid->Snap to”，当移动或调整图层大小时，图层会自动与最近的网格对齐（图4）。

///pc/homepage/dreamweaver/img/dw079.gif" width="329" height="196">

图4　网格参数的设置

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

网页制作网页设计网站建设网站设计网站制作做网站做网页