长沙民政学院经贸系 商务网站建设1 主讲人:刘娜
第1章 初识Dreamweaver MX 2004 □本章的知识点及学习目标 ■ 网页中的基本元素 ■ Dreamweaver MX 2004使用界面 ■ 建立网站的基本流程
1.1 网页中的基本元素 要学习网页设计与制作,首先要认识网页,了解网页中的常见元素,只有这样才能更加合理地组织和安排网页内容。网页中的基本元素如图所示。
1.1.1 文本 文字是网页的主体,是传达信息的最重要的方式.一方面是因为浏览网页上的文字和看书很相似,比较符合一般人的习惯,另一方面是因为它占用的存储空间非常小,正是因为这个原因,很多大型网站提供纯文字的版面以节省浏览者的下载时间.文字在网页上主要形式有标题、正文、文本链接等.
1.1.2 图形 图象在网页中占有非常重要的地位。浏览者往往因为一张很好的图片而驻足,当网页上有很多文字时,适当地加入几个小图片,可以吸引人们的注意,因为它给人们的感觉要强烈得多。采用图象可以减少文字给人的枯燥感,巧妙的图象组合可以带给用户美的享受。 图象的用途很多,可以做图标、标题、背景、插图、按钮等。如下图所示:
1.1.3 超链接 超链接技术可以说是万维网流行起来的最主要原因。超链接是从一个网页指向另一个目的端的链接,这个目的端通常是另一个网页,也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。其链接热点通常是文本、图片、图片中的区域和不可见的程序脚本等。 超链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。
1.1.4 表格 表格用来控制网页中信息的布局方式。许多大型的网站(如搜狐、网易、新浪、雅虎等)都是使用表格来进行页面布局的。使用表格可以进行页面的设计和排版,控制文本和图像在页面中的位置。另外,使用表格能使页面看起来更加直观和有条理。
1.1.5 表单 表单与动态网站设计是分不开的,现在上网凡是要求用户输入信息的基本上都是用表单实现。表单是实现与用户进行信息交流的主要方式。
1.1.6 音频和视频 音频在网页中出现的比较多,浏览网页时我们经常可以听到优美的背景音乐,有的网页中还加入了操作提示音,另外有的网站提供的下载或者在线试听。网上常用的音频格式有MIDI、WAV、MP3等。 视频在网页上出现不多,但它有着其他媒体不可替代的优势。视频传达的信息形象生动,能给人深刻的印象。网上常见的视频格式有AVI、RM等。
1.2 Dreamweaver MX 2004简介 Dreamweaver MX 2004 是一款专业的网站开发工具,它具有强大的功能和简便的操作以及友好的工作界面,已经被越来越多的网页设计者和网站开发人员所接受。随着该软件应用范围的扩大,其版本也在快速更新,功能也不断增强。它集网页设计、网站开发和站点管理功能于一身,具有可视化、跨浏览器和支持多平台的特性,同时利用该软件还可以开发功能强大,高效的动态交互式网站。它与FLASH、FIREWORKS并称网页三剑客 。
1.2 .1 启动Dreamweaver 单击“开始”菜单按钮,在程序组中选择“程序”|Macromedia| Macromedia Dreamweaver MX 2004快捷方式,如下图所示:
1.2 .1 启动Dreamweaver 此时将打开Macromedia Dreamweaver MX 2004软件窗口,如下图所示:
1.2.2 Dreamweaver MX 2004工作界面介绍
1.3 建立网站的基本流程 规划项目 建立结构 上传网站 规划项目信息采集 制作元素 。。。。。 网站规划 建立结构 设计网页
1.4 课后作业 1、访问一些大型的门户网站,归纳这些网站使用的网页元素有哪些,它们分别有些什么特点。 2、从Marcomedia官方站点上下载并安装Dreamweaver MX 2004的试用版。 3、启动Dreamweaver,熟悉软件界面各个组成部分。
本章学习结束