初识 Dreamweaver MX(4)

goodluck

<H3><SPAN lang=EN-US style="FONT-FAMILY: 宋体">1-1.4工具栏</SPAN></H3>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">工具栏包含了Dreamweaver MX进行网页编辑时常用的基本功能按钮，如新增、开启、储存及网页程序代码查看、设置网页名称等。Dreamweaver MX中的工具栏由两个部分组成：文件和标准，可以运行<B>查看\工具栏</B>命令打开它们。</SPAN></P><SPAN lang=EN-US style="FONT-FAMILY: 宋体">< class=MsoNormal style="TEXT-INDENT: 15.75pt" align=left><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG style="WIDTH: 655px; HEIGHT: 52px" height=52 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114545482.jpg" width=1024></SPAN></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">  标准工具栏中的按钮是一般编辑程序都有的功能，用于文件管理和基本的操作控制。如<SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114545125.jpg" width=22></SPAN><SPAN style="FONT-FAMILY: 宋体">新建、</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114545378.jpg" width=22></SPAN><SPAN style="FONT-FAMILY: 宋体">打开、</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114545448.jpg" width=22></SPAN><SPAN style="FONT-FAMILY: 宋体">保存、</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114545676.jpg" width=22></SPAN><SPAN style="FONT-FAMILY: 宋体">剪切、</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114545230.jpg" width=22></SPAN><SPAN style="FONT-FAMILY: 宋体">复制、</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114552608.jpg" width=22></SPAN><SPAN style="FONT-FAMILY: 宋体">撤消等，它们的使用方法就不用多说了吧。</SPAN></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">   文件工具栏中的按钮则是在网页编辑中非常有用的功能控制工具，现在就仔细了解它们的功能，对以后的学习可是很有帮助的喔！</SPAN></P>< class=MsoNormal><B><SPAN style="FONT-FAMILY: 宋体">显示代码视图</SPAN></B></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    按下工具栏中的</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114552558.jpg" width=25></SPAN><SPAN style="FONT-FAMILY: 宋体">显示代码视图钮，可以在编辑窗口中以<SPAN lang=EN-US>HTML程序代码的方式显示网页，习惯使用HTML程序代码编写网页或数据库的设计师，一定会喜欢这项功能。Dreamweaver MX为HTML程序代码查看新增了程序代码行数的显示功能，使HTML的编写和修改更加方便和准确。</SPAN></SPAN></P>< class=MsoNormal style="TEXT-INDENT: 10.5pt" align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=337 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114552820.jpg" width=435>  </SPAN></P><SPAN lang=EN-US style="FONT-FAMILY: 宋体">< class=MsoNormal><B><SPAN style="FONT-FAMILY: 宋体">显示代码和设计视图</SPAN></B></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    按下工具栏中的</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114553496.jpg" width=25></SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"> 显示代码视图和设计视图钮，在编辑窗口中同时显示当前位置的HTML程序代码和网页设计内容，在对网页进行精细的修改设置时比较有用。如果你的屏幕足够大，便可以采用这种方式全面兼顾了。</SPAN></P>< class=MsoNormal style="TEXT-INDENT: 15.75pt" align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=358 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114553833.jpg" width=460></SPAN></P>< class=MsoNormal><B><SPAN style="FONT-FAMILY: 宋体">显示设计视图</SPAN></B></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体"></SPAN> </P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    按下工具栏中</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114553311.jpg" width=25></SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"> 显示设计视图钮，在编辑窗口中以版面设计的方式查看网页内容，可以直观地对网页的视觉效果进行编辑，是一般网页设计常用的显示模式。</SPAN></P>< class=MsoNormal align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=312 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114553446.jpg" width=424></SPAN></P>< class=MsoNormal><B><SPAN style="FONT-FAMILY: 宋体">文件标题</SPAN></B></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    文件标题字段可以设置网页标题名称。网页的名称及保存位置的储存状态，可以在网页的标题栏上面显示出来。</SPAN></P>< class=MsoNormal style="TEXT-INDENT: 15.75pt"><SPAN lang=EN-US style="FONT-FAMILY: 宋体"></SPAN> </P>< class=MsoNormal style="TEXT-INDENT: 15.75pt"><SPAN lang=EN-US style="FONT-FAMILY: 宋体"></SPAN> </P><SPAN style="Z-INDEX: 11; POSITION: relative"><DIV class=MsoNormal style="TEXT-INDENT: 15.75pt"><SPAN style="LEFT: 15px; WIDTH: 219px; POSITION: absolute; TOP: -4px; HEIGHT: 34px"><IMG height=34 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114554397.gif" width=219></SPAN></DIV>< class=MsoNormal style="TEXT-INDENT: 10.5pt" align=left></SPAN> </P>< class=MsoNormal style="TEXT-INDENT: 15.75pt" align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=359 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114554278.jpg" width=494></SPAN></P>< class=MsoNormal style="MARGIN-LEFT: 31.5pt; TEXT-INDENT: -31.5pt"><SPAN style="FONT-FAMILY: 宋体">注意：网页名称是对网页内容的概括，网页文件的名称并不等于网页名称，在网站文件夹中可以被随意命名（<SPAN lang=EN-US>index.html除外）。 </SPAN></SPAN></P><SPAN style="FONT-FAMILY: 宋体"><SPAN lang=EN-US>< class=MsoNormal><B><SPAN style="FONT-FAMILY: 宋体">文件管理</SPAN></B></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    按下工具栏中的</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114554181.jpg" width=28></SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"> 文件管理钮，可以在弹出菜单中选择对应的命令，对当前编辑的网页做文件的管理设置。例如选择设计备注命令，可以在弹出的设计备注窗口中为编辑的网页添加备注，帮助网页内容的相关信息。</SPAN></P>< class=MsoNormal style="TEXT-INDENT: 31.5pt" align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=295 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114555498.jpg" width=407> </SPAN></P><SPAN lang=EN-US style="FONT-FAMILY: 宋体">< class=MsoNormal><B><SPAN style="FONT-FAMILY: 宋体">在浏览器中预览<SPAN lang=EN-US>/调试</SPAN></SPAN></B></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    在按下</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=20 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114555909.jpg" width=28></SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"> 在网页中预览/调试钮，可以在弹出的菜单中选择对当前编辑的网页进行预览和调试的操作命令。</SPAN></P>< class=MsoNormal align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=104 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114555329.jpg" width=588></SPAN></P>< class=MsoNormal><SPAN lang=EN-US style="FONT-FAMILY: 宋体">    在弹出的菜单中选择编辑浏览器列表命令，可以在弹出的偏好设置窗口中指定Dreamweaver MX使用的网页预览浏览器：按下浏览器后面的</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=18 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114555397.jpg" width=20></SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><SPAN style="COLOR: fuchsia">钮</SPAN>添加浏览器；按下</SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=18 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114555335.jpg" width=20></SPAN><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><SPAN style="COLOR: fuchsia">钮</SPAN>删除当前选择的浏览器。如果要将选择的浏览器设为主要浏览器，可以选取默认值中的主浏览器选项；要将选择的浏览器设为次要浏览器，可以选取默认值中的次浏览器选项。</SPAN></P><DIV class=MsoNormal style="TEXT-INDENT: 10.5pt"><SPAN style="MARGIN-TOP: 48px; Z-INDEX: 12; LEFT: 0px; MARGIN-LEFT: 183px; WIDTH: 63px; POSITION: absolute; HEIGHT: 34px"><IMG height=34 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114555749.gif" width=63></SPAN></DIV>< class=MsoNormal style="TEXT-INDENT: 10.5pt" align=center><SPAN lang=EN-US style="FONT-FAMILY: 宋体"><IMG height=320 src="http://edu.itbulo.com/UploadFiles_1485/200512/20051208114556216.jpg" width=414></SPAN></P></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN><div class="box_art_07">