2020年职称计算机考试辅导资料下载中心-最新职称计算机辅导资料|职称计算机考试辅导材料|职称计算机考试内容|职称计算机考试辅导-首页

当前位置：

首页 >> 计算机 >> 职称计算机 >> 辅导资料>> 正文

职称计算机考试考前辅导Dreamweaver部分1

发表时间：2011/10/25 8:35:33 来源：互联网点击关注微信：

关注公众号

2011年各地职称计算机考试进行中，小编特意编辑汇总了2011年职称计算机考试重点资料与试题，希望对您的考试有所帮助！

利用Dreamweaver8掌握网页代码基本格式

说到代码，有人会问：不懂代码能不能制作网页？答案是肯定的。有些人不懂代码同样能制作出非常好的网页。

在Dreamweaver的设计窗口中你每增加或改变一项内容，会自动生成相应代码。那又产生另一个问题：为什么要了解或者熟悉代码呢？可以说熟悉代码将会使你如虎添翼，能使你的网页锦上添花。超文本标识语言（HTML）为满足更多的需要，增加了许多扩展功能。主页制作者经常使用Java Applet（小程序）、内嵌脚本、插件和其它扩展的HTML功能，充分发挥自己的想像力，就能设计出充满魅力的主页来。

而有些效果的制作只能通过编辑代码来完成，或者通过编辑代码相对容易一些。有好多网友在论坛里提问说本站提供的网页特效代码放到自己的网页中不行，或者出现这样那样的问题。所以了解或者熟悉代码是必要的。

基本格式

<html>

<head>

<title>网页教学网Dreamweaver教程（这是你的站点标题，也是浏览网页时标题栏将要显示的内容）</title>

</head>

<body>

这里是源代码的主体部分！

</body>

</html>

HTML语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在HTML文档中这样的标志对都必须是成对使用的。

1.<html></html>

标志用于HTML文档的最前边，用来标识HTML文档的开始。而标志恰恰相反，它放在HTML文档的最后边，用来标识HTMLl文档的结束，它们并没有实际意义，只是告诉浏览器，它正在处理HTML文件。两个标志必须一块使用。

2.<head></head>

HTML文件分为首部和主体两个部分。和构成HTML文档的首部，在此标志对之间可以使用　、等等标志对，这些标志对都是描述HTML文档相关信息的标志对。两个标志必须一块使用。

3.<title></title>

浏览过网页的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题信息，要将您的网页的主题信息显示到浏览器的顶部，也就是标题栏的方法很简单，就是在标志对之间加入您要显示的文本即可。

注意：　标志对只能放在标志对之间。

4.<body></body>

是HTML文档的主体部分，在此标志对之间可包含

<body></body>是HTML文档的主体部分，在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以加一些其它属性，如：<body oncontextmenu="return false" onselectstart="return false"......>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以加一些其它属性，如：

Dreamweaver有三种“文档”视图窗口：

1、“代码”视图窗口。这是编辑代码的窗口。

2、“设计”视图窗口。这是我们进行编辑文字、添加图片等操作常用的的窗口。

3、“拆分”视图窗口。当我们需要上面两个窗口配合进行编辑时选用这个窗口，我们将要进行的添加代码主要在这个窗口进行。

学习Dreamweaver8了解掌握CSS层叠样式表

了解层叠样式表

层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，请将内容与表现形式分开。页面内容（即 HTML 代码）驻留在 HTML 文件自身中，而用于定义代码表现形式的 CSS 规则驻留在另一个文件（外部样式表）或 HTML 文档的另一部分（通常为文件头部分）中。使用 CSS 可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。

CSS 允许您控制 HTML 无法独自控制的许多属性。例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。通过使用 CSS 以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。

除设置文本格式外，还可以使用 CSS 控制 Web 页面中块级别元素的格式和定位。例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。

CSS 格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如 P、H1、类名或 ID），声明用于定义元素样式。在下面的示例中，H1 是选择器，介于括号 ({}) 之间的所有内容都是声明：

H1 {

font-size:16 pixels;

font-family:Helvetica;

font-weight:bold;

}

声明由两部分组成：属性（如 font-family）和值（如 Helvetica）。上面的 CSS 规则为 H1 标签创建了一个特定的样式：链接到此样式的所有 H1 标签的文本都将是 16 个像素大小、Helvetica 字体和粗体。

术语 cascading 表示向同一个元素应用多种样式的能力。例如，可以创建一个 CSS 规则来应用颜色，创建另一个 CSS 规则来应用边距，然后将两者应用于页面上的同一个文本。所定义的样式向下"层叠"到您的 Web 页面上的元素，并最终创建您想要的设计。

CSS 的主要优点是它提供了便利的更新功能；更新一处的 CSS 规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。

在 Dreamweaver 中可以定义以下样式类型：

自定义 CSS 规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。（请参见应用类样式。）

HTML 标签样式重定义特定标签（如 h1）的格式。创建或更改 h1 标签的 CSS 样式时，所有用 h1 标签设置了格式的文本都会立即更新。

CSS 选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义 CSS 允许的其他选择器表单的格式设置（例如，每当 h2 标题出现在表格单元格内时都应用选择器 td h2）。高级样式还可以重新定义包含特定 id 属性的标签的格式设置（例如，#myStyle 定义的样式可应用于包含属性值对 id="myStyle" 的所有标签）。

CSS 规则可以位于以下位置：

外部 CSS 样式表是一系列存储在一个单独的外部 CSS (.css) 文件（并非 HTML 文件）中的 CSS 规则。利用文档文件头部分中的链接，该文件被链接到 Web 站点中的一个或多个页面。

内部（或嵌入式）CSS 样式表是一系列包含在 HTML 文档文件头部分的 style 标签内的 CSS 规则。

内联样式是在标签的特定实例中在整个 HTML 文档内定义的。

Dreamweaver 识别现有文档中定义的样式，只要这些样式符合 CSS 样式准则。

提示

若要显示 Dreamweaver 中包含的 O'Reilly CSS 参考指南，请选择"帮助">"参考"，然后从"参考"面板的弹出式菜单中选择"O'Reilly CSS 参考"。

手动设置的 HTML 格式设置会覆盖通过 CSS 应用的格式设置。要使 CSS 规则能够控制段落格式，必须删除所有手动设置的 HTML 格式。

Dreamweaver 会呈现您在"文档"窗口中直接应用的大多数样式属性。您也可以在浏览器窗口中预览文档以查看样式的应用情况。有些 CSS 样式属性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈现的外观不相同，有些目前不受任何浏览器支持。

相关文章：

职称计算机考试考前辅导Dreamweaver部分汇总

编辑推荐：

（责任编辑：xy）

共2页,当前第1页第一页前一页下一页