电子商务网页制作教程.docVIP

网页制作教程 Dreamweaver MX 2004 目录 第一节 界面介绍 1 第二节 建立站点 3 第三节 新建和保存文档 6 第四节 编辑文档 10 第五节 插入图像 16 第六节 超级链接 19 第七节 表格 29 第八节 用框架构建网页 32 第九节 图层的使用 36 第十节 用行为丰富网页效果 41 第十一节 时间轴 43  Dreamweaver MX 2004 简易教程 第一节 界面介绍 第一次运行Dreamweaver MX 2004的时候会出现这样的选择界面： 【设计者】为用户提供了一种“所见即所得”的可视化的创建环境。【代码编写者】主要为喜欢用手写代码的用户设计的。??? 我们不想使用手工输入太多的HTML，因此我们选择“设计者”然后确定。 开始运行了，我们看到如下界面： ???? 【菜单栏】主要包扩10个菜单，其功能见下表。程序的所有功能基本上都能在菜单栏上实现。 Dreamweaver MX 2004 菜单功能一览表 菜单名称 功能 文件 用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。 编辑 用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。 视图 用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入 用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。 修改 具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。 文本 用来对文本操作，例如设置文本格式等。 命令 所有的附加命令项 站点 用来创建和管理站点 窗口 用来显示和隐藏控制面板以及切换文档窗口 帮助 联机帮助功能。例如按下F1键，就会打开电子帮助文本。 建立站点站点能更好管理网站文件，也尽可能的减少一些错误的出现，如路径出错，链接出错（特别是新手） 在建立站点的过程中，请注意用小写英文或者拼音给文件命名，不能使用中文的名字。 ??? 打开 Dreamweaver MX 2004 的操作界面后 在菜单栏【站点】菜单中选择【管理站点】 在弹出的【管理站点】对话框中点击【新建】按钮，出现【站点】和【FTP】两个选项。 选择【站点】弹出【未命名站点1的站点定义为】对话框 在【未命名站点1的站点定义为】中选择【基本】选项卡，出现下图所示界面： ??? 【您打算为您的站点起什么名字？】文本框中填写您站点的名字，它仅仅做为管理和识别用。 单击【下一步】按钮，进入下一步。 ?我们要建立的是静态网页，因此我们选择【不，我不想使用服务器技术】 单击【下一步】按钮，进入下一步。如图： ?【在开发过程中，您打算如何使用您的文件】鉴于我们网络的实际状况（主要指连接的稳定性）建议大家选择软件推荐的方式，尤其是新入门的朋友，这样做，在本地测试完全正常之后再上传，能避免做“无用功” 【您将把文件储存在计算机的什么位置】实际上就是网站的文件夹在自己电脑的位置，即物理路径。手工填写或者点击文件夹图标选择路径都可以。 ? ? 【您如何连接到远程服务器】现在，已经为您的站点定义了一个本地根文件夹。暂时我们还不登陆远程服务器，因此选项中选择“无” 单击【下一步】按钮，进入下一步。 ? ?上图给出我们刚才设置的总结报告，单击【完成】按钮，结束站点设置。 新建和保存文档文本的信息量大且生成的文件小，容易被浏览器下载，不会让浏览者用过多的时间等待，因此，不论网页内容如何丰富，文本始终都是网页中的基本元素。同时掌握好文本的使用也是网页制作的基本功。 【新建文档】 ??? 新建一个文档有两种方法： A:如果您的Dreamweaver MX 2004 运行后显示起始页，则在起始页中直接选择【新建HTML文档】 B:如果您的Dreamweaver MX 2004运行后不显示起始页，则在【文件】菜单选择【新建】命令，打开【新建文档对话框】，我们以方法B为例。 ??? 1、在【文件】菜单选择【新建】命令。打开【新建文档】对话框，如下图所示： ?【类别】列表框中显示出八大选项【基本页】列表框中显示出六大选项，普通网页都是HTML文档。 ??? 2、在【类别】列表选择【基本页】选项，在【基本页】列表框中选择【HTML】选项，然后按下【创建】按钮，创建一个新的文档。 ??? 窗口底部状态栏上有一组相成的数字，单击此处会弹出一个菜单。这些数字是用来定制文档窗口的大小，括号的数字对应的用户窗口的分辨率。据有关资料表明，目前网络用户使用最多的屏幕分辨率为800X600和1024X768居多，因此我们在设计网页的时候应当兼顾浏览的用户，不仅使自己网页布局美观合理，也方便用户浏览。 ??? 点击分辨率数字，选择【编辑大小】弹出参数选择对话框，选择您面向的用户的分辨率然后【确定】，一般测试是以56K