14.高效的代码编写_第1页
14.高效的代码编写_第2页
14.高效的代码编写_第3页
14.高效的代码编写_第4页
14.高效的代码编写_第5页
已阅读5页，还剩29页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

高效的代码编写ADOBEDREAMWEAVERCS6高效的代码编写14.1代码编写基础14.2定义文件头元素14.3查看代码14.4编写代码14.5自定义编码环境14.1代码编写基础14.1.1什么是HTMLHTML是互联网的核心技术，它的全称是“超文本标记语言”。HTML是一种文本格式。14.1.2什么是XHTMLXHTML基于HTML，被称为可扩展的HTML，拥有比HTML更严谨的语法，结合了部分XML的强大功能及HTML的简单特性。要设置新建的文档类型（DTD）可以执行“编辑→首选参数”命令，在弹出对话框的“分类”列表框中选择“新建文档”选项，在右侧的默认文档类型（DTD）中，选择默认使用的类型。14.1.3支持的语言种类ColdFusion标记语言（CFML）ASP和ASP.NET（VisualBasic）ASP.NET（C#）JSP（JavaServerPages）PHP（PHP:HypertextPreprocessor）CSS（CascadingStyleSheets）JavaScript14.2定义文件头元素文件头元素是指页面的<head></head>部分，整个页面的概括类信息都会放置在文件头部分。14.2.1查看和建立文件头元素执行“查看→文件头内容”命令，或按组合键“Ctrl+Shift+H”调出头元素工具栏点击相应图标，通过属性面板编辑相关信息。META关键字（Keywords）说明（Description）刷新（Refresh）基础（Base）链接（Link）<title>我的网页标题</title>14.2.2设置页面的meta属性META所支持的属性包括如下几种。name=""：指定特性名称。content=""：指定特性的值。http-equiv=""：HTTP服务器通过该属性收集HTTP响应头标，以帮助精确地显示网页内容。scheme=""：用来命名一个解释特性值的方案。lang=""：指定语言信息。dir=""：指定文本方向。14.2.3设置网页关键字执行“插入→HTML→文件头标签→关键字”命令，打开“关键字”对话框14.2.4设置网页说明执行“插入→HTML→文件头标签→说明”命令，打开“说明”对话框14.2.5设置网页刷新执行“插入→HTML→文件头标签→刷新”命令打开“刷新”对话框14.2.6设置网页基础URL执行“插入→HTML→文件头标签→基础”命令，打开“基础”对话框14.2.7设置网页链接属性链接属性用来设置当前页面与另一页面或者文件之间的对应关系。链接属性常用于两个方面，一个是对当前页面添加外部的CSS样式表，另一个是用来创建“收藏夹图标”。执行“插入→HTML→文件头标签→链接”命令，打开“链接”对话框14.2.8设置meta搜索机器人搜索引擎除了“被动”增加各种网站信息外，还“主动”放出robot/spider（搜索机器人）来搜索登录网站，meta元素的一些特性就用来引导这些robot/spider登录网页及其分支。执行“插入->HTML->文件头标签->Meta”命令，打开“META”对话框<metaname="robots"content="index,follow"/>noindex：不允许robot/spider收录。nofollow：不允许robot/spider沿着该网页上的链接继续抓取下面的子分支。all：和"index,follow"作用相同。none：和"noindex,nofollow"作用相同。14.2.9设置meta禁用访问者缓存meta还有一项比较重要的设置，就是禁用访问者的缓存。访问某个页面时会将该网页存在缓存中，下次访问时就可从缓存中读取，以提高浏览速度。但有时为了特殊的需要，我们必须禁用访问者的缓存。<metahttp-equiv="Pragma"content="no-cache"/>14.3查看代码Dreamweaver提供了多种查看网页源代码的方法，包括直接在文档窗口查看，以拆分视图查看或以代码检查器的独立窗口查看等。14.3查看代码14.3.1代码、拆分与实时代码视图在菜单栏中执行“查看→代码”命令，进入代码视图，也可以单击工具栏中的“显示代码视图”按钮，进入代码视图14.3.2相关文件“相关文件”功能可以让我们在主文档标题下的“相关文件”工具栏中看到与主文档相关的所有文件的名称，这使我们能够更方便地查看文档中运用到的样式。相关文件14.3.3代码检查器菜单栏中执行“窗口→代码检查器”命令或按下“F10”键即可进入。14.4编写代码14.4.1代码提示与自动完成当输入一个标签（一部分或首字母）时，代码环境当前光标的位置会出现一个列表框，其中包括标签、标签属性甚至某个属性的值。14.4.2显示代码浏览器显示与页面上选定内容相关的代码源列表框。14.4.2显示代码浏览器我们可以通过三种方法来打开代码导航器：在页面设计视图下，按住Alt键并单击（Windows）页面上的任何区域

（Macintosh：Command+Option）。放置鼠标在页面上的任意区域2秒钟，单击指示器可打开代码导航器图标。在文档页面区域单击鼠标右键，在弹出的快捷菜单中选择“代码浏览器”命令打开代码导航器。14.4.3折叠代码选择一段代码后，该段代码的左侧会出现垂直的连线式手柄，单击该“－”状态手柄收缩代码段。手柄变为“＋”状态，也就是折叠后的状态。14.4.4选择代码选择代码用来选中需要的代码或区分不同的代码群，有利于更高效地编辑代码。14.4.5插入HTML注释不同的脚本语言，所使用的注释形式不太相同。应用HTML注释：<!--在所选HTML代码两侧添加的注释-->。应用/**/注释：/*在所选CSS或JavaScript代码两侧添加的多行风格的注释*/。应用//注释：//在所选CSS或JavaScript代码行首添加的单行风格的注释。应用’注释：’在VisualBasic行首插入的单行风格的注释。14.4.6插入代码片段Dreamweaver提供的代码片段面板其实就是一个大型的代码库，里面收集了很多常用的代码段，以方便用户在使用的时候直接拖入页面。在菜单栏中执行“窗口→代码片段”命令，或按下“Shift+F9”组合键。14.4.7使用标签检查器执行“窗口→标签检查器”命令或按下“F9”键即可调出“标签检查器”面板。14.4.8快速标签编辑器快速标签编辑器允许用户在设计窗口插入、编辑和环绕代码。按下“Ctrl+T”组合键进入或在属性检查器的右上角单击“快速标签编辑器”按钮或在菜单中执行“修改→快速标签编辑器”命令。14.4.9使用标签选择器标签选择器同样可以避免用户记忆和书写大量代码，它将常用语言的标签全部收集起来供用户调用，不用键盘就能完成众多代码的输入。在“常用”选项卡中单击最后一个按钮“标签选择器”，或在代码视图中单击鼠标右键，在弹出的快捷菜单中选择“插入标签”命令，进入该选择器的界面。14.5自定义编码环境14.5.1设置代码格式通过“首选参数”对话框来指定代码的格式，例如缩进、行长度和属性大小写等。执行“编辑→首选参数”命令，在弹出对话框左侧的“分类”列表框中选择“代码格式”选项。14.5.2设置代码颜色和提示执行“编辑->首选参数”命令。在弹出对话框左侧的“分类”列表框中选择“代码颜色”选项。选择需要更改的文档类型。并

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论