基础的网页设计与制作 第2页
第一章 诸论
在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好网站，提高网站知名度，所以我们精心策划了本网站。
Dreamweaver是制作主页的好工具.Dreamweaver是可视化的网页制作工具，很容易上手，可以让你轻松地制作出自己的网页。Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画。
1．Dreamweaver的发展
1．1 1997年首次推出
1．2 2000年推出Dreamweaver UltraDev:
运用其核心的 Roundtrip HTML 技術，可确保在切换程式设计检时的程式码品质，Dreamweaver 成专业网站外观设计的先驱。Macromedia 针对多种日益受到网页发展人员用的伺服器技术，而推出了 Dreamweaver UltraDev。本产品除了提供 Dreamweaver 的功能外，还提供以 ASP、JSP 和 ColdFusion 建立网页应用程式的工具。
1．3. 2002年5月推出Dreamweaver MX:
目的是支援现代网页肩负的多重角色。Dreamweaver MX 將 UltraDev 最佳的开发功能以及 HomeSite 的主要程式编辑功能整合為一个核心的 Dreamweaver 环境,为建立单一开发环境的第一步，以期让使用者能在此环境中，依其偏好的方式以手動来建立不同的网站和应用程式。
1．4. 2003年9月推出Dreamweaver MX 2004:
新增了以 CSS 为基础的设计性开发提供支援的革命性功能，将网页设计提升到新的位置。透过將 CSS 結合在所有使用者的工作流程中，促进了网页专业人员对 CSS 的普遍採用。
1．5.推出Dreamweaver 8.0:
以之前版本为基础，扩充了主要范围的功能，例如 XML 和 CSS，并简化了工作流程，以幫助使用者事半功倍。由支援最新的专业设计方式，Dreamweaver 8 為使用者提供以开放标准基礎的强大开发方式，增強了专业性的基本工具。另外，Dreamweaver 也支援所有主要的伺服器技术，包括 ColdFusion、PHP、ASP、ASP.NET 和 JSP，让各种能力程度的开发人员，无论是新手或老手，都能实现其设计。
2．设计思想
通过网站，全面宣传，展示动物风采、优点与特色，发布动物的重大活动安排与生活习性，增强人们的保护意识，使人们更多了解动物,在Internet上实现完成部分介绍及宣传活动，提高人与动物和谐发展。
3．开发工具的选用及介绍
Dreamweaver是制作主页的好工具.Dreamweaver是可视化的网页制作工具，很容易上手，可以让你轻松地制作出自己的网页。Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。
工具介绍如下：
采用的工具 css html flash
1]． Css简介
层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，请将内容与表现形式分开。页面内容（即 HTML 代码）驻留在 HTML 文件自身中，而用于定义代码表现形式的 CSS 规则驻留在另一个文件（外部样式表）或 HTML 文档的另一部分（通常为文件头部分）中。使用 CSS 可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。
CSS 允许控制 HTML 无法独自控制的许多属性。
除设置文本格式外，还可以使用 CSS 控制 Web 页面中块级别元素的格式和定位。
l CSS 的主要优点是: 它提供了便利的更新功能；更新一处的 CSS 规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。
l 外部 CSS 样式表是一系列存储在一个单独的外部 CSS (.css) 文件（并非 HTML 文件）中的 CSS 规则。利用文档文件头部分中的链接，该文件被链接到 Web 站点中的一个或多个页面。
l 内部（或嵌入式）CSS 样式表是一系列包含在 HTML 文档文件头部分的 style 标签内的 CSS 规则
l 字体大小的css的代码如下：
<html>
<head>
<title>字体大小属性 font-size</title>
<STYLE>
BODY{font-size:10pt}
.s1 {font-size:16px}
.s2 {font-size:16pt}
.s3 {font-size:80%}
.s4 {font-size:larger}
.s5 {font-size:xx-large}
</STYLE>
</head>
<body>
<p>这段文字大小是10pt。</p>
<p class = "s1">这段文字大小是16px。</p>
<p class = "s2">这段文字大小是16pt。</p>
<p class = "s3">这段文字大小是10pt的80%。</p>
<p class = "s4">这段文字的大小比10pt大。</p>
<p class = "s5">这段文字的大小是特大号(xx-large)。</p>
</body>
</html>
2]．网页和Html语言
我们的网页是用html语言编写的一个关于动物的网站，html中文翻译为“超文本标记语言”，所谓“超文本“就是指页面内可以包含图片，链接，多媒体等非问字的元素，通过html语言将这些元素表示出来，就形成了html代码。浏览器的工作主要是将这些标记语言进行”翻译“，并按照定义的格式显示出来，这就是我们所看到的网页。
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
其主要特点如下：
1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。
2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上。
下面是一个层的 HTML 代码示例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Layers Page</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>
上一页 [1] [2] [3] [4] [5] [6] [7] 下一页