利用DW在线学习网页制作

Author: 张维义 Date: 2000年 第30期

    当你用IE浏览器在网上浏览时,除了网上精彩的内容外,你肯定很想知道一个个漂亮的、优秀的网页其结构是怎样的,程序又是怎样编写的,以便在自己编写网页时参考、借鉴。要在线学习别人网页的制作技巧,使用Dreamweaver是一个不错的选择。Dreamweaver是一个非常强大的网页制作工具,它允许在Dreamweaver的可视化编辑窗口和文本编辑的HTML源代码之间进行切换。用户既可以在可视化界面进行网页编排设计,也可以通过Dreamweaver的HTML源代码检测器或快速标签编辑器非常方便地编写HTML源文件。
#1    一、首先要将Dreamweaver集成到IE浏览器中
    微软公司的IE浏览器具有把其它应用程序集成到自身的功能,如用户安装的微软Windows Notepad、Microsoft FrontPage等应用程序,能够自动集成到IE中,而Dreamweaver软件安装后,却不能自动集成到IE中。如果你希望在用IE浏览器浏览网站的时,能够随时开启Dreamweaver,则必须将其集成到IE中。只要你用册表编辑器编辑并保存下面的代码,就可以将Dreamweaver加入到IE浏览器中。
    执行REGEDIT命令进入注册码编辑窗口:
    [EY_CLASSES_ROOT\.htm\OpenWithlist\Dreamweaver]
    [EY_CLASSES_ROOT\.htm\OpenWithlist\Dreamweaver\Shell]
    [EY_CLASSES_ROOT\.htm\OpenWithlist\Dreamweaver\shell\edit]
    [EY_CLASSES_ROOT\.htm\OpenWithlist\Dreamweaver\shell\edit\command]
    @=C:\Program Files\Macromedia\Dreamweaver 3\Dreamweaver.exe%1
#1    二、将Dreamweaver设为IE的首选HTML编辑器
    IE浏览器允许用户选择默认的HTML编辑器,经过上面讲到的注册表编辑后,Dreamweaver已经集成到IE中,这时,我们可以将Dreamweaver设为IE的首选HTML编辑器。其设置步骤如下:
    第一步:在IE浏览器的菜单栏选择“工具”→“Internet选项”进入“Internet选项”对话框。
    第二步:在“Internet选项”对话框中,选择“程序”选项,进入“Internet程序”对话框。
    第三步:在“Internet程序”对话框中,将“HTML编辑器”选项设置为“Dreamweaver”。
    第四步:“确定”。
#1    三、在Dreamweaver中正确设置“字体/编码”参数
    在用集成了Dreamweaver的IE浏览网页的过程中,你可以对当前的网页通过IE工具栏中的“编辑”项快速开启Dreamweaver,以便学习、借鉴当前网页的结构、编程技巧。一是通过Dreamweaver的属性面板,学习当前网页中页面元素的应用方法;二是打开HTML源代码检测器,学习当前网页的HTML源程序及源程序中的各种网页特效。但是,我们在HTML源代码检测器的编辑窗口中,见到的HTML源程序,经常是一些歪歪扭扭的字符,难以辨认,让人看了很不舒服,这是什么原因造成的?能不能让编辑窗口显示的HTML源程序代码清清楚楚、正正规规呢?回答是肯定的。这是由于Dreamweaver程序中的“Fonts/Encoding”(“字体/编码”)选项没有设置成你喜欢的字体造成的,只要按照下述步骤操作,即可保证让你在HTML源代码检测器编辑窗口中,看到的HTML源程序代码整整齐齐,清清楚楚。
    第一步:在Dreamweaver菜单栏中选择“Edit”→“Preferences”,进入“Preferences”对话框。
    第二步:在“Preferences”对话框选中,选中“Fonts/Encoding”选项,切换到“Fonts/Encoding”对话框。
    第三步:在“Fonts/Encoding”对话框中,将“HTML Inspector”选项设置为“宋体”。
    第四步:“OK”。