`
lgstarzkhl
  • 浏览: 330578 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

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

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

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

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

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

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



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

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

相关推荐

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

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

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

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

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

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

    紫博兰网站的源代码

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

    Dreamweaver与XML综合应用(DOC)

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

    Dreamweaver网页设计代码大全.docx

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

    Dreamweaver8 基础入门教程

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

    Adobe Dreamweaver CS3 认证考试样题

    考生应能理解代码提示和自动完成功能,以及如何使用源代码编辑器进行高级操作。 8. **发布与优化**:最后,考生需要知道如何将网站上传到服务器,使用FTP工具,以及如何优化网站以提高加载速度和兼容性。 在"Adobe...

    Dreamweaver8技巧

    这种验证是通过JavaScript实现的,为了避免影响页面加载,可以把相关的JavaScript代码移动到HTML源代码的末尾。 自我“减肥”是指清理冗余的HTML代码,以优化网页大小。在Dreamweaver8中,可以通过“Commands”菜单...

    SVN for Dreamweaver

    SVN(Subversion)是开源的版本控制系统,用于管理软件开发过程中的源代码和其他文件,确保团队成员能够协同工作并跟踪每一次修改。在IT行业中,SVN的使用非常广泛,尤其对于多开发者协作的项目来说,它起到了至关...

    Dreamweaver代码

    Dreamweaver是一款由Adobe公司开发的强大的Web设计和开发工具,它集成了视觉编辑和代码编辑,使得...Dreamweaver的强大之处在于它提供了直观的可视化编辑界面,同时也支持直接编辑源代码,为开发者提供了极大的灵活性。

    DreamWeaver网页设计

    代码视图用于查看和编辑HTML源代码,设计视图则提供了一个直观的图形界面,用户可以通过拖放元素来构建页面。拆分视图结合了两者,方便在视觉设计和代码编辑之间快速切换。 菜单是DreamWeaver中的重要组成部分,...

    dreamweaver的各种组件

    Style 让您更快、更少错误地编辑您的源代码! Others 名称 简介 Faux Page Template 一个很好用的模板,您可以直接生成固定风格的网页! Assorted Queries 外国高人编写的一些Dreamweaver查寻找条件文件,使用...

    Dreamweaver代码大全.pdf

    3. **文本格式化**:包括`&lt;small&gt;`、`&lt;big&gt;`、`&lt;b&gt;`、`&lt;i&gt;`、`&lt;tt&gt;`、`&lt;u&gt;`、`&lt;strike&gt;`、`&lt;sub&gt;`、`&lt;sup&gt;`和`&lt;blink&gt;`标签,分别用于创建小字体、大字体、加粗、斜体、打字机字体、下划线、删除线、下标、上标和...

    DREAMWEAVER 4 中文帮助(CHM)

    2. **源代码编辑**:对于有经验的开发者,Dreamweaver 4提供了源代码编辑器,支持自定义代码提示,方便进行高级定制和优化。 3. **模板和库**:用户可以创建和应用模板,统一网站的风格和布局,同时使用库功能管理...

    Dreamweaver MX 2004 官方简体教程

    2. **HTML基础**:教程深入浅出地讲解HTML(超文本标记语言)的基本语法和结构,如标签的使用、文本格式化、图像插入、链接创建等,这是网页制作的基础。 3. **CSS样式表**:教程还涵盖了CSS(层叠样式表)的应用,...

    dreamweaver教程-动态网页制作开发指南

    在Dreamweaver中,可以通过设计视图或源代码视图来添加和编辑CSS样式。 4. **响应式设计**:Dreamweaver内置了对响应式设计的支持,允许创建适应不同设备屏幕尺寸的网页。理解流式布局、媒体查询和Bootstrap框架的...

    Dreamweaver XML 应用

    它提供了一个可视化的XML编辑界面,允许用户通过拖拽方式添加和组织元素,同时支持代码视图,方便熟悉XML语法的开发者进行直接编辑。 1. XML数据源:在Dreamweaver中,可以通过“数据”面板将XML文件导入作为数据源...

    Dreamweaver制作的电子相册

    Adobe Dreamweaver是一款强大的网页设计和开发工具,它为用户提供了直观的可视化界面和代码编辑器,适用于创建、编码和管理网站及应用程序。利用Dreamweaver,我们可以轻松地制作出精美的电子相册,让照片展示变得...

    Dreamweaver CS3网页制作-学习大纲

    通过学习,能够利用HTML源代码制作简单的网页。 二、站点的创建与管理:学习者将学习网站开发的流程,如何创建、编辑、导入和导出站点,以及如何规划网站结构。此外,还包括新建、保存和预览网页文件,以及利用文件...

Global site tag (gtag.js) - Google Analytics