`
shirlly
  • 浏览: 1646350 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

[Dreamweaver]html源代码自动格式化

阅读更多
上周做项目的Demo,因为是Web应用,所以先要做很多表态页面.本来我以前很少接触网页设计,所以做起来真是困难.不过还是死嗑出来了.最后的麻烦事是,组长要我们把自己页面的源代码按照标准的格式整理好!也就是类似于:

<table>
    <tr>
        <td>
            XXX
        </td>
    </tr>
</table>

的格式,标签必须对整齐!真是让人郁闷死啊.于是我就一行一行的先把前面的空格去掉,再用Tab键缩进.硬是搞了好几天.

现在想想真是傻,其实Dreamweaver本身带有自动整理的功能! T_T

首先在[编辑]|[首先参数]的"代码格式"中设置好格式:



第一行:勾选.可以选择使用Tab键或空格键填补缩进.
第二行:Tab键所占空位.这个只在DreamWeaver中有影响.不管你设为几,在文件中,一个Tab键还是一个Tab键.
第三行:是否自动换行.不选.
第四行:换行符类型.(Windows)
第五、六、七行:标签大小写.
第八行:TD后无换行.不勾选.
第九行:居中方式.

设置好以后,点确定.然后转到菜单:[命令]|[应用源格式] -----看看源代码,已经整整齐齐了!

分享到:
评论

相关推荐

    Dreamweaver CS5 CS6 代码格式化、美化插件

    《Dreamweaver CS5 CS6 代码格式化与美化插件详解》 Dreamweaver,作为Adobe公司推出的知名网页设计和开发工具,一直备受程序员和设计师的青睐。尤其是在CS5和CS6版本中,它提供了丰富的功能来支持HTML、CSS、...

    8款dreamweaver中使用的源代码相关插件

    - **代码格式化**:自动调整代码缩进、空格,保持代码风格的一致性。 - **查找和替换**:强化搜索功能,支持正则表达式,进行更复杂的查找和替换操作。 - **调试工具**:集成调试器,帮助定位和修复代码错误,...

    dreamweaver代码怎么排版?dreamweaver代码格式化的方法

    Dreamweaver还允许你自定义代码格式化规则。在“编辑”菜单中选择“首选项”(在Mac上是“Dreamweaver”&gt;“首选项”),然后在首选项窗口中找到“HTML”类别。在这里,你可以设置代码的缩进风格(空格还是制表符)...

    怎么格式化html代码? Dreamweaver格式化html代码的技巧

    Dreamweaver作为一款强大的Web开发工具,提供了便捷的代码格式化功能,使得开发者能够快速整理混乱的代码。以下是关于如何在Dreamweaver中格式化HTML代码的详细步骤和相关知识点: 1. **代码混乱的问题**: 在编辑...

    小技巧:Dreamweaver的应用源格式

    因此,在处理CSS时,可以根据个人习惯选择是否使用这个功能,或者调整Dreamweaver的代码格式化设置来达到最佳效果。 总的来说,Dreamweaver的"应用源格式"功能是一个提高代码可读性和工作效率的利器,尤其对于新手...

    jsp和dreamweaver做的文件上传系统源代码

    综上所述,该文件上传系统源代码利用了JSP的强大功能和Dreamweaver的便捷开发环境,实现了一个用户友好的文件上传功能,同时也涉及到文件存储、权限控制和错误处理等关键模块。通过学习和理解这个项目,开发者可以...

    Dreamweaver静态网页作业

    10. **代码编辑器**:除了可视化设计,Dreamweaver还提供了一个强大的代码编辑器,支持语法高亮、代码提示和自动格式化,对于熟悉代码的开发者来说非常实用。 通过这个"Dreamweaver静态网页作业",你将有机会实践...

    Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码

    本案例中提到的“Dreamweaver学生网页源代码”意味着这些网页是使用Dreamweaver创建的。 - **其他编辑工具**: 如HBuilder、Vscode、Sublime Text等,这些也是常见的HTML编辑工具,可用于创建、修改和预览网页代码...

    vscode格式化代码快捷键

    本文将重点介绍VSCode中的代码格式化功能及其快捷键使用方法,并结合给定文件中提到的一些实际应用场景进行详细解析。 #### 二、VSCode简介 Visual Studio Code (简称“VSCode”) 是由微软公司推出的一款免费开源的...

    Dreamweaver使用基础

    3. 源代码格式化与净化 在Dreamweaver中,用户可以对HTML源代码进行格式化与净化。格式化是指按照预设的代码规范调整代码结构,使其易于阅读;而净化则是指清理掉多余的代码、空格和不必要的标签,以减少文件大小,...

    紫博兰网站的源代码

    紫博兰网站的源代码包含了构建一个完整网站所需的各种组件,是深入了解网页开发和技术实践的重要资源。这个压缩包中,我们可以找到以下关键知识点: 1. **HTML(HyperText Markup Language)**:HTML是构成网页的...

    dreamweaver怎么快速对齐代码? dw对齐代码的设置方法

    4. 等待程序处理完,完成格式化后,你会发现代码已经被Dreamweaver自动对齐。 这样,你就完成了代码的快速对齐。不仅代码的可读性得到了显著提升,也大大降低了因格式不一致而引发的错误的可能性。 需要注意的是,...

    AdobeDreamweaver-CS5

    在Dreamweaver CS5中,用户可以选择“设计视图”进行所见即所得的布局,或者切换到“代码视图”直接编辑HTML和CSS源代码。这种双重视图模式极大地提高了开发效率,尤其适合于混合开发模式,既能够满足初学者快速上手...

    Dreamweaver与XML综合应用(DOC)

    XML是一种用于存储和传输数据的标准化格式,而Dreamweaver作为一款强大的可视化编辑器,允许开发者方便地处理XML数据。 在描述中,我们看到 "Dreamweaver与XML综合应用",这表明文档可能会深入讨论XML在网页设计中...

    Dreamweaver网页设计代码大全.docx

    Dreamweaver是一款强大的网页设计工具,它允许设计师和开发者通过直观的界面或直接编写代码来创建网站。以下是一些在Dreamweaver中常用的HTML代码及其详细解释: 1. **跑马灯(Marquee)**: `&lt;marquee&gt;`标签用于...

    Dreamweaver 的工作环境

    代码视图显示HTML源代码;拆分视图同时显示代码和设计,方便前后对照;设计视图则以直观的WYSIWYG(所见即所得)方式呈现网页设计。 4. **标题和元数据**:在标题栏中,用户可以设置网页的标题,即`&lt;title&gt;`标签的...

    44黑黄撞色机械设备交互动态全套网站源代码.zip

    该资源是一个包含交互式动态效果的机械设备主题网站模板的源代码包。主要亮点在于其采用了鲜明的黑黄撞色设计,这种色彩搭配既能营造出专业且现代的视觉效果,又能吸引用户的注意力,使得机械设备的展示更为突出。接...

    网站完整源代码(可用交作业)

    DW通常指的是Dreamweaver,这是一个由Adobe开发的可视化网页设计和编码工具,用于创建和编辑HTML、CSS和其他Web内容。div是HTML中的一个布局元素,用于组合其他元素并应用样式,它是构建现代网页结构的关键部分。CSS...

    Dreamweaver8 基础入门教程

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

    dreamweaver网页编辑作品

    同时,它还支持源代码编辑模式,对于熟悉HTML和CSS的开发者来说,可以直接编写和修改代码。 本作品可能包含以下元素: 1. **HTML文件**:HTML(HyperText Markup Language)是网页的基础,用于定义页面的结构。在本...

Global site tag (gtag.js) - Google Analytics