|
///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/002.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">站点管理
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">发布网页
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">样式表编辑
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Timelines
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Behaviors
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Template
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Library
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">HTML源代码编辑器
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" 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/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"> |
|
|
|
|
HTML源代码编辑器
前面我们提到过HTML源代码编辑器，在网页制作过程中，我们可能通过它直接与代码打交道，比如拷贝一段JavaScript、Java
Applet代码到网页中，或是修改、查看代码，甚至徒手编写网页代码。
（1）编辑源代码
在Dreamweaver中，单击快速启动面板上的“HTML Source”图标打开HTML源代码编辑窗口，当然用F10快捷键可能更方便。在HTML
Source窗口中你可以对网页代码进行编辑。
启动HTML源代码编辑器后，可以看到当前编辑文档的源代码。中HTML源代码编辑窗口中可以直接编辑文本，和其他文本编辑器使用方法差不多。
我们可以在源代码编辑窗口中添加、删除内容，也可以进行复制、粘贴等操作。
如果一行代码过长，可以通过拖动水平滚动条来显示后面的代码。代码也可以自动换行。选中窗口上部的 “Warp”复选框，文本就会自动换行，拖动垂直滚动条可以查看下面的代码。
选中“Line Numbers”复选框，会在源代码编辑窗口中显示出每条HTML语句的行号，便于定位。注意：一条语句显示为一行，如果设置了自动换行，则显示的行号并不是真实的行数。比如，我们设置自动换行后，其中的第4条和第7条HTML语句有换行效果，只显示一个行号。
///pc/homepage/dreamweaver/img/dwu121.gif" width="377" height="235">
图1 源代码编辑窗口
你可能会问，为什么窗口中的代码有黑的，有蓝的，还有紫的呢？这是因为HTML源代码编辑器采用不同的颜色方案来标记源代码中不同的语法部分。比如，蓝色字体表示默认的HTML语言代码，黑色字表示我们输入的文档文字，黄色高亮文字表示错误代码。
下一节
/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法
|
| |
| |