长沙民政学院经贸系 商务网站建设1 主讲人：刘娜.

Presentation on theme: "长沙民政学院经贸系 商务网站建设1 主讲人：刘娜."— Presentation transcript:

1 长沙民政学院经贸系 商务网站建设1 主讲人：刘娜

2 第1章 初识Dreamweaver MX 2004 □本章的知识点及学习目标
■ 网页中的基本元素 ■ Dreamweaver MX 2004使用界面 ■ 建立网站的基本流程

3 1.1 网页中的基本元素 要学习网页设计与制作，首先要认识网页，了解网页中的常见元素，只有这样才能更加合理地组织和安排网页内容。网页中的基本元素如图所示。

4 文本 文字是网页的主体,是传达信息的最重要的方式.一方面是因为浏览网页上的文字和看书很相似,比较符合一般人的习惯,另一方面是因为它占用的存储空间非常小,正是因为这个原因,很多大型网站提供纯文字的版面以节省浏览者的下载时间.文字在网页上主要形式有标题、正文、文本链接等.

5 图形 图象在网页中占有非常重要的地位。浏览者往往因为一张很好的图片而驻足，当网页上有很多文字时，适当地加入几个小图片，可以吸引人们的注意，因为它给人们的感觉要强烈得多。采用图象可以减少文字给人的枯燥感，巧妙的图象组合可以带给用户美的享受。 图象的用途很多，可以做图标、标题、背景、插图、按钮等。如下图所示：

6 超链接 超链接技术可以说是万维网流行起来的最主要原因。超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。其链接热点通常是文本、图片、图片中的区域和不可见的程序脚本等。 超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。

7 表格 表格用来控制网页中信息的布局方式。许多大型的网站（如搜狐、网易、新浪、雅虎等）都是使用表格来进行页面布局的。使用表格可以进行页面的设计和排版，控制文本和图像在页面中的位置。另外，使用表格能使页面看起来更加直观和有条理。

8 表单 表单与动态网站设计是分不开的，现在上网凡是要求用户输入信息的基本上都是用表单实现。表单是实现与用户进行信息交流的主要方式。

9 音频和视频 音频在网页中出现的比较多，浏览网页时我们经常可以听到优美的背景音乐，有的网页中还加入了操作提示音，另外有的网站提供的下载或者在线试听。网上常用的音频格式有MIDI、WAV、MP3等。 视频在网页上出现不多，但它有着其他媒体不可替代的优势。视频传达的信息形象生动，能给人深刻的印象。网上常见的视频格式有AVI、RM等。

10 1.2 Dreamweaver MX 2004简介 Dreamweaver MX 2004 是一款专业的网站开发工具，它具有强大的功能和简便的操作以及友好的工作界面，已经被越来越多的网页设计者和网站开发人员所接受。随着该软件应用范围的扩大，其版本也在快速更新，功能也不断增强。它集网页设计、网站开发和站点管理功能于一身，具有可视化、跨浏览器和支持多平台的特性，同时利用该软件还可以开发功能强大，高效的动态交互式网站。它与FLASH、FIREWORKS并称网页三剑客 。

11 启动Dreamweaver 单击“开始”菜单按钮，在程序组中选择“程序”|Macromedia| Macromedia Dreamweaver MX 2004快捷方式，如下图所示：

12 启动Dreamweaver 此时将打开Macromedia Dreamweaver MX 2004软件窗口，如下图所示：

13 Dreamweaver MX 2004工作界面介绍

14 1.3 建立网站的基本流程 规划项目 建立结构 上传网站 规划项目信息采集 制作元素 。。。。。 网站规划 建立结构 设计网页

15 1.4 课后作业 1、访问一些大型的门户网站，归纳这些网站使用的网页元素有哪些，它们分别有些什么特点。
2、从Marcomedia官方站点上下载并安装Dreamweaver MX 2004的试用版。 3、启动Dreamweaver，熟悉软件界面各个组成部分。

16 本章学习结束