DreamweaverMX 2004 经典教案

DreamweaverMX 2004 经典教案
基础知识
Dreamweaver MX是美国著名的软件开发商macromedia公司推出最新的网页制作编辑软件,无论这个软件是在国内还是国外,它都是信受广大专业网页(web)开发人士推崇的软件.与Frontpage 2000不同的
是,Dreamweaver采用的是随机浮动面版的设计风格,对于我们初学者来我们感到很不适应,但如果当你习惯了以后,就会发现Dreamweaver的直观性.高效性是Frontpage 2000所无法比的,所以众多的设计人员采用Dreamweaver MX来设计专业性的大型网站和个人主页,把它列为了制作网页的首选工具。

在最新的MX版中，对Dreamweaver的代码控制和后台功能作了进一步的增强，它比原来的版式本功能得到了一个飞跃的发展，用Dreamweaver不仅可以制作网页，也可以开发大型的网站数据库系统，安照我们的使用也分得更专业，比如：设计者、代码编写者、开发者，作为我们来说，我们就是设计者，我们可心Dreamweaver来制作比较精美的网页，Dreamweaver对于DHTML（动态网页）功能支持也非常的良好，可以轻而易举地制作出很多比较眩目的互动页面动画，它与FLASH、FIREWORKS并称为网页制作的三剑客，最佳的一个梦幻组合。

Dreamweaver 的最新版本是Dreamweaver mx 2004版，但根据我们现大型网站还用的是Dreamweaver mx版的比较多，为了大家学完以后就能到各家的公司进行网页制作，我们现在讲得也是Dreamweavermx版的软件。

针对我们初学者来说，首先要面对一箩筐网页制作用的特殊的英文名词，这些专业的名词常常使我们在学习中陷入一种迷惘、恐惧与挫折中，下面我们看一下这些专业名词的解释：
WWW----- WWW是“World Wide Web”的缩写，通常翻译为“万维网”或“全球信息网”，它是一个在Internet支持之上的一种超大型的数据传输协议，我们可以将其视为Internet的操作系统，通过它们，我们可以向全世界人们传递各式各样的信息。

这些文件分布在世界各地的网站上，并按照相关关系链接起来。

用户可以通过安装在计算机上的浏览器查阅文件中的信息，并通过链接从一个文件跳到另一个相关的文件。

Web server-----网站服务器，就是存放网站的地方，通常它是一部通过ISDN直接链接到Internet的电脑上，而我们通常把所有设计完成的任何网页均会上传放在 server端的电脑上，这就是远程网站所在的地方。

Web服务器是在Web站点上运行的程序，它负责处理浏览器的请求，当你用浏览器请求Web站点上的
网页时，浏览器建立一个Web连接，服务器接受连接，向浏览器发送所要求的文件内容，然后关闭连接。

Web page -----web(万维网)page(页)---网页，在这个网页上可以放置许多信息，比如：文本信息、视频、声音、动画等多种信息元素的集合。

Home page-----home(家)page(页)------首页。

它就像我们去吃饭时的一个菜单，所有元素的主导信息都汇集在里面，我们单击每一个元素都可以打开相应的文件，打开的这个文件叫做子菜单，它又像一个导航器，比如：我们想下载一些软件就可以在这个主页里找到这个软件的元素按钮。

Web site----site(站点)----网站，以我的个人角度来看，它像是一个大型的图书馆，在里面可以找到不同信息，简单的说，网站它又是由许多的分网页面组成，单击相应的主页页上的元素可以打开下面的子页面，并且各个网页之间有相互链接的关系，这就是我们所谓说的网站。

Remote site-----Remote(遥远)site(站点)-----远程站点。

Local site--------local(当地、本地的意思)-----本地站点。

那远程站点和本地站点又是什么意思呢？现在我给大家举例说明：
网站它是由多个网页组成，并且每个网页之间有相互关连的关系，我们通通有机的软件把这些网页边接到一起，就构成了网站，首先每个网站的好坏与我们设计者有很大的关系，通常制作的网页用的软件有网页三剑客、3D MX、SWISH文字动画制作、COOL 3D文字特效、Frontpage 2000等软件，我们把网页做好以后，存放在自己的计算机里，也可以说成是一个标本，然后每个人都必须在网上申请个空间。

通常申请空间有两个方法：
∙去买空间（每年大约要600---800之间）
∙在网上申请免费的个人空间，但它根本不太稳定，好的情况下让你每一个月修改一次，坏的让你存放一个月就被删除掉了
我们申请完成空间怎样上传呢？
这时我们就要通过FTP把本机上做好的网页上传到我们申请好的空间里面，我们可以把本地计算机称为本地站点，那么什么是远程站点呢，它就好比我们在网络上申请的个人空间一样，它是由一些厂商专门做的
服务器，也是一台计算机，它主要是代理上传网页的，也就是存放上传网页的地方，我通过在Internet浏览器中输入网址，就可以查看到我们制作的网站，即为远程站点。

∙申请免费网页空间
(三个星期免费使用)
网易（免费10m的空间）
部分免费主页资源
免费主页空间：网易虚拟社区（）；
广州视窗SuperCool（/supercool/）
网界（茂名信息港）（/page100/index.asp）
统计：易数（）
中文热讯（）
邮件列表：博大邮件列表系统（）
通易（http://www.e－）
留言簿/论坛：中文热讯（）
商都个人网（)
夕子在线--最新国内免费空间！
/xizi/bbs/list.asp?boardid=22
∙设置网站
各项条件兼容以后，我们可以开始进行网站设置了：
本地网站（local site）与远程网站(romote site)的设置，要注意的是两者是无须同时设置的，我们在开始时只需本地站点即可：
远程站点是到要真正将网页上传时才需要用到的。

制作根目录：
o在盘符当中新建一个作为根目录的文件夹，并进行命名。

要注意的是：
▪严禁使用中文，或其他双位字符
▪严禁使用空白健
▪最好不要全部使用纯数字
▪最好不要使用英文大写
▪严禁使用特殊符号，除了下划线（_）和连接线（-）
▪文件的扩展名用*.htm,不要用*.html
总而言之，如果你用了这些中文名字或带有特殊双位字符名字，它在你的本机上可以显示，但以上传到服务器上时，就会出现错误的信息，服务器不认当前的名字，以乱码显示，所以这一点一定要必免。

o把所有的网页文件放置在这个根目录之内，在这个根目录里面我们可以再创建其它的文件夹，来放置其它的文件，这一项设置并非必须的，只是为了网站文件便于管理。

▪images-------用来放置网站中使用的图片文件，这些文件通常是photoshop 和
fireworks mx所产生的gif图片，但里面不含首页。

▪swf----------用来存放flash所产生的各式文件
▪movie-------用来放置网站中使用的影片
▪sound--------用来放置网站中使用的声音
▪download-------用于放置网站中提供浏览者下载的文件
注意：
根目录中该建立哪些文件夹，完全是在有系统管理文件的前提之下，由我们自己来决定的：
当同类文件多到一个文件夹很难管理的时候，你可以再往下一层建立所需的文件夹。

∙制作网站的站前准备工作
o明确目标
▪做什么样的网站，才能吸引许多的人来浏览，目的是来干什么的？
▪确定网站的类别和风格，
类别总体可分为两大类：
<a>商业网站：宣传自己的商品或服务，树立形象。

<b>个人网站：展现自己的设计作品、个人爱好、兴趣。

风格要注意的是：
首页的重要性，一般首页的设计原则是：
<a>精简，醒目，一目了然
<b>速度：图片越大，颜色越深，打开页面的时间越长
<c>颜色方案：基色，重点色的调配
<d>文本方案：宋体，黑体，楷体------gb2312(简体中文)
∙搜索大量的资料，（公司信息、文本信息、图片、声音）
报纸，杂志，光盘，网络收集等等。

∙写策划书，计划网站制作内容
网站的内容取决于建站的目的，对个人网站来说，一般要考虑以下两个问题：
▪个人主页的主题，要小而精
▪网站的内容最好是自己要擅长或喜爱的，
▪网站的组织结构的安排
∙制作
∙在浏览器当中测试
∙完成以后，购买空间，上传网页。

总结一下创建网页的步骤。