`
yuting_lv
  • 浏览: 111376 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

Dreamweaver 8 中设置代码视图的字体

阅读更多
参考: 设置字体首选参数 http://www.cnwshow.com/html/367.htm

引用
均衡字体是 Dreamweaver 用以显示普通文本(如段落、标题和表格中的文本)的字体。其默认值取决于系统上安装的字体。对于大多数美国系统,在 Windows 中默认值为 Times New Roman 12 pt(中),在 Macintosh 中为 Times 12 pt。

固定字体是 Dreamweaver 用以显示 pre、code 和 tt 标签内文本的字体。其默认值取决于系统上安装的字体。对于大多数美国系统,在 Windows 中默认值为 Courier New 10 pt(小),在 Macintosh 中默认值为 Monaco 12 pt。

代码视图是用以显示“代码”视图和代码检查器中所有文本的字体。其默认值取决于系统上安装的字体。


一、设置代码视图字体类型与字体大小:

在Dreamweaver代码视图下,选择“编辑”菜单 ——> 首选参数... ——> 左边的分类选“字体” ——> 右边字体设置选“Unicode” ——> 代码视图选“Courier New”,并设定代码大小,如12pt ——> 确定

二、设置代码字体颜色:

将注释的灰色更改为绿色

在Dreamweaver代码视图下,选择“编辑”菜单 ——> 首选参数... ——> 左边的分类选“代码颜色” ——> 右边文档类型选“HTML” ——> 编辑颜色方案 ——> 将样式栏中所有的注释(如HTMl注释、CSS注释、JavaScript注释)的文本颜色设置为绿色 ——> 确定


三、设置文件的编码格式:

将文件默认编码格式设为utf-8,安装好的Dreamweaver里默认好像是gb2312

在Dreamweaver代码视图下,选择“编辑”菜单 ——> 首选参数... ——> 左边的分类选“新建文档” ——> 右边“默认编码”下拉选“utf-8”  ——> 确定
之后在Dreamweaver中新建的文档都是utf-8编码的了。
分享到:
评论

相关推荐

    Dreamweaver代码视图字体更改(让dreamweaver代码更漂亮)

    在使用Dreamweaver进行网页设计和开发时,代码视图字体的选择对于开发者的体验至关重要。一个好的代码字体可以帮助开发者更容易地阅读和理解代码,提高开发效率。在Dreamweaver8和CS3版本中,如果系统设置为简体中文...

    Dreamweaver怎么设置代码视图的字体大小?

    4. **设置代码视图字体大小** 在“字体”分类的右侧,找到“代码视图”这一项,这里可以设置代码编辑区域的字体以及字体大小。在“字体”下拉列表中,你可以选择你喜欢的编程字体,例如Consolas、Monaco或Courier ...

    dreamweaver 命令中文解释 and 常用代码

    2. **查看(View)**:切换不同的视图模式,如代码视图、设计视图、实时视图等。 3. **编辑(Edit)**:编辑当前选中的内容,包括复制、粘贴、查找和替换等。 4. **修改(Modify)**:修改页面元素的属性,如边距、...

    Macromedia Dreamweaver 8网页制作教程

    - **创建表格**:使用Dreamweaver 8中的表格工具创建所需的表格结构。 - **设置单元格属性**:调整表格的边框、填充等内容,使其符合设计要求。 - **填充内容**:在表格中插入文本、图像等元素,完善页面布局。 - **...

    dreamweaver 8 文本的应用练习素材

    在Dreamweaver 8中,文本的应用主要涵盖了以下几个方面: 1. **文本输入**:首先,你可以直接在设计视图中输入文本,或者在代码视图中编写HTML代码来添加文本。在设计视图中,可以实时预览文本样式,而在代码视图中...

    Dreamweaver 8中文帮助手册含英文

    在Dreamweaver 8中,用户可以使用以下主要知识点: 1. **界面布局**:了解Dreamweaver的工作界面,包括代码视图、设计视图、拆分视图和实时视图,以及如何自定义布局以满足个人工作习惯。 2. **HTML编辑**:学习...

    Dreamweaver8 基础入门教程

    10. **代码视图与源代码编辑**:除了可视化编辑,Dreamweaver也支持直接编辑源代码,这对于熟悉HTML和CSS的用户来说是个强大的功能,可以更精确地控制页面结构。 通过《Dreamweaver8基础入门教程》,您将获得网页...

    dreamweaver8精彩网页设计实例导航

    1. **界面和工作流程**:了解Dreamweaver 8的工作界面,包括文档窗口、属性检查器、设计视图和代码视图的使用,以及如何设置首选项和自定义工作区,提高工作效率。 2. **HTML基础**:学习HTML标记语言的基本结构,...

    Dreamweaver8 网页设计主页(div+css)

    在Dreamweaver8中,你可以直接在设计视图中绘制div,或者在代码视图中插入和编辑div标签。 CSS,即层叠样式表,是网页设计中控制样式和布局的重要技术。它可以用来定义颜色、字体、间距、布局等视觉效果,使网页...

    dreamweaver怎么设置段落首行自动缩进两个字符?

    2. 打开该HTML文件,在Dreamweaver的代码视图中找到你要缩进的段落标签。 3. 在标签中添加style属性,并设置text-indent值为2em。例如:。 4. 在浏览器中预览,首行缩进的效果将展现出来。 另外,也可以通过外部CSS...

    Macromedia Dreamweaver 8.0 官方简体中文教程

    4. **可视化设计**:利用Dreamweaver的拖放功能创建网页布局,通过设计视图实时预览页面效果,同时理解代码视图与设计视图的切换。 5. **动态网页**:了解如何在Dreamweaver中创建动态网页,包括使用JavaScript、...

    Dreamweaver8视频教程01-02.5

    教程会指导如何在代码视图中工作,以及如何在代码和设计视图之间切换。 7. **预览和测试**:在设计过程中,预览和测试网页是非常重要的步骤。教程会教用户如何在浏览器中实时预览页面,以及如何使用内置的验证工具...

    Dreamweaver8视频教程14-09

    1. **界面介绍**:Dreamweaver 8的界面布局包括了代码视图、设计视图、拆分视图和实时视图等,每个视图都有其特定的用途。例如,代码视图适合熟悉HTML和CSS的开发者直接编写代码,而设计视图则让不熟悉代码的用户...

    Dreamweaver8使用教程

    在Dreamweaver 8中,你可以轻松地创建和管理站点,确保所有文件和资源井然有序,以便后续的网页开发工作。 总之,Dreamweaver 8提供了全面而强大的工具集,不仅能满足初学者的需求,也为高级用户提供了一个灵活的...

    Dreamweaver8学习教程

    7. **代码视图和设计视图**:Dreamweaver的一大特色是同时支持代码编辑和可视化设计。教程会讲解如何在代码视图和设计视图之间切换,满足不同用户的喜好和需求。 8. **站点管理**:学习如何设置和管理本地及远程...

    Dreamweaver 8基本操作

    在Dreamweaver 8中,你可以使用“站点管理”(Site Management)功能来组织和管理网站文件,创建链接和导航菜单。通过“文件面板”(Files Panel),可以方便地浏览、添加、删除和重命名文件。此外,学会使用表格...

    Dreamweaver 的工作环境

    3. **视图选择**:Dreamweaver提供了三种视图模式:代码视图、拆分视图和设计视图。代码视图显示HTML源代码;拆分视图同时显示代码和设计,方便前后对照;设计视图则以直观的WYSIWYG(所见即所得)方式呈现网页设计...

    Dreamweaver+8网页制作教程

    在Dreamweaver 8中,我们可以编写或插入JavaScript代码,实现交互功能,如下拉菜单、滑动图像、表单验证等。教程会介绍如何在Dreamweaver中管理和调试JavaScript代码,提升用户体验。 除了基本操作,我们还将深入...

    Dreamweaver CS6中使用CSS定义链接样式.pdf

    在“代码”视图中,你可以直接输入或修改CSS规则,Dreamweaver会同步更新设计视图,让你实时预览样式效果。 总的来说,Dreamweaver CS6提供了强大的CSS支持,使得定义链接样式变得简单直观。无论是全局的链接样式,...

Global site tag (gtag.js) - Google Analytics